element-pe 2.14.2-2 → 2.14.2-4

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

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

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("../../../../utils/dom/aria.js");
-const require_aria$1 = require("../../../../constants/aria.js");
+const require_aria = require("../../../../constants/aria.js");
+const require_aria$1 = require("../../../../utils/dom/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$1.EVENT_CODE.down:
-					require_aria.triggerEvent(event.currentTarget, "mouseenter");
+				case require_aria.EVENT_CODE.down:
+					require_aria$1.triggerEvent(event.currentTarget, "mouseenter");
 					this.submenu?.gotoSubIndex(0);
 					prevDef = true;
 					break;
-				case require_aria$1.EVENT_CODE.up:
-					require_aria.triggerEvent(event.currentTarget, "mouseenter");
+				case require_aria.EVENT_CODE.up:
+					require_aria$1.triggerEvent(event.currentTarget, "mouseenter");
 					this.submenu?.gotoSubIndex(this.submenu.subMenuItems.length - 1);
 					prevDef = true;
 					break;
-				case require_aria$1.EVENT_CODE.tab:
-					require_aria.triggerEvent(event.currentTarget, "mouseleave");
+				case require_aria.EVENT_CODE.tab:
+					require_aria$1.triggerEvent(event.currentTarget, "mouseleave");
 					break;
-				case require_aria$1.EVENT_CODE.enter:
-				case require_aria$1.EVENT_CODE.numpadEnter:
-				case require_aria$1.EVENT_CODE.space:
+				case require_aria.EVENT_CODE.enter:
+				case require_aria.EVENT_CODE.numpadEnter:
+				case require_aria.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,SAAS;CACrB;CAEA,KAAK,WAAyB;EAC5B,KAAK,QAAQ,aAAa,YAAY,GAAG;EACzC,MAAM,YAAY,KAAK,QAAQ,cAAc,IAAI,UAAU,MAAM;EACjE,IAAI,WACF,KAAK,UAAU,IAAIA,gBAAAA,QAAQ,MAAM,SAAS;EAE5C,KAAK,aAAa;CACpB;CAEA,eAAe;EACb,KAAK,QAAQ,iBAAiB,YAAY,UAAyB;GACjE,MAAM,OAAOC,cAAAA,aAAa,KAAK;GAC/B,IAAI,UAAU;GAEd,QAAQ,MAAR;IACE,KAAKC,eAAAA,WAAW;KACd,aAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D,KAAK,SAAS,aAAa,CAAC;KAC5B,UAAU;KACV;IAEF,KAAKA,eAAAA,WAAW;KACd,aAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D,KAAK,SAAS,aAAa,KAAK,QAAQ,aAAa,SAAS,CAAC;KAC/D,UAAU;KACV;IAEF,KAAKA,eAAAA,WAAW;KACd,aAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D;IAEF,KAAKA,eAAAA,WAAW;IAChB,KAAKA,eAAAA,WAAW;IAChB,KAAKA,eAAAA,WAAW;KACd,UAAU;KACT,MAAO,cAA8B,MAAM;KAC5C;GAEJ;GACA,IAAI,SACF,MAAM,eAAe;EAEzB,CAAC;CACH;AACF"}
+{"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,SAAS;CACrB;CAEA,KAAK,WAAyB;EAC5B,KAAK,QAAQ,aAAa,YAAY,GAAG;EACzC,MAAM,YAAY,KAAK,QAAQ,cAAc,IAAI,UAAU,MAAM;EACjE,IAAI,WACF,KAAK,UAAU,IAAIA,gBAAAA,QAAQ,MAAM,SAAS;EAE5C,KAAK,aAAa;CACpB;CAEA,eAAe;EACb,KAAK,QAAQ,iBAAiB,YAAY,UAAyB;GACjE,MAAM,OAAOC,cAAAA,aAAa,KAAK;GAC/B,IAAI,UAAU;GAEd,QAAQ,MAAR;IACE,KAAKC,aAAAA,WAAW;KACd,eAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D,KAAK,SAAS,aAAa,CAAC;KAC5B,UAAU;KACV;IAEF,KAAKA,aAAAA,WAAW;KACd,eAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D,KAAK,SAAS,aAAa,KAAK,QAAQ,aAAa,SAAS,CAAC;KAC/D,UAAU;KACV;IAEF,KAAKA,aAAAA,WAAW;KACd,eAAA,aAAa,MAAM,eAA8B,YAAY;KAC7D;IAEF,KAAKA,aAAAA,WAAW;IAChB,KAAKA,aAAAA,WAAW;IAChB,KAAKA,aAAAA,WAAW;KACd,UAAU;KACT,MAAO,cAA8B,MAAM;KAC5C;GAEJ;GACA,IAAI,SACF,MAAM,eAAe;EAEzB,CAAC;CACH;AACF"}

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("../../../../utils/dom/aria.js");
-const require_aria$1 = require("../../../../constants/aria.js");
+const require_aria = require("../../../../constants/aria.js");
+const require_aria$1 = require("../../../../utils/dom/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$1.EVENT_CODE.down:
+					case require_aria.EVENT_CODE.down:
 						this.gotoSubIndex(this.subIndex + 1);
 						prevDef = true;
 						break;
-					case require_aria$1.EVENT_CODE.up:
+					case require_aria.EVENT_CODE.up:
 						this.gotoSubIndex(this.subIndex - 1);
 						prevDef = true;
 						break;
-					case require_aria$1.EVENT_CODE.tab:
-						require_aria.triggerEvent(parentNode, "mouseleave");
+					case require_aria.EVENT_CODE.tab:
+						require_aria$1.triggerEvent(parentNode, "mouseleave");
 						break;
-					case require_aria$1.EVENT_CODE.enter:
-					case require_aria$1.EVENT_CODE.numpadEnter:
-					case require_aria$1.EVENT_CODE.space:
+					case require_aria.EVENT_CODE.enter:
+					case require_aria.EVENT_CODE.numpadEnter:
+					case require_aria.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,IAAI;EACtD,KAAK,aAAa;CACpB;CAEA,aAAa,KAAa;EACxB,IAAI,QAAQ,KAAK,aAAa,QAC5B,MAAM;OACD,IAAI,MAAM,GACf,MAAM,KAAK,aAAa,SAAS;EAEnC,KAAK,aAAa,IAAI,CAAC,MAAM;EAC7B,KAAK,WAAW;CAClB;CAEA,eAAe;EACb,MAAM,aAAa,KAAK,OAAO;EAC/B,KAAK,aAAa,SAAS,OAAO;GAChC,GAAG,iBAAiB,YAAY,UAAyB;IACvD,MAAM,OAAOA,cAAAA,aAAa,KAAK;IAC/B,IAAI,UAAU;IAEd,QAAQ,MAAR;KACE,KAAKC,eAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,CAAC;MACnC,UAAU;MACV;KAEF,KAAKA,eAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,CAAC;MACnC,UAAU;MACV;KAEF,KAAKA,eAAAA,WAAW;MACd,aAAA,aAAa,YAAY,YAAY;MACrC;KAEF,KAAKA,eAAAA,WAAW;KAChB,KAAKA,eAAAA,WAAW;KAChB,KAAKA,eAAAA,WAAW;MACd,UAAU;MACT,MAAO,cAA8B,MAAM;MAC5C;IAEJ;IACA,IAAI,SAAS;KACX,MAAM,eAAe;KACrB,MAAM,gBAAgB;IACxB;IACA,OAAO;GACT,CAAC;EACH,CAAC;CACH;AACF"}
+{"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,IAAI;EACtD,KAAK,aAAa;CACpB;CAEA,aAAa,KAAa;EACxB,IAAI,QAAQ,KAAK,aAAa,QAC5B,MAAM;OACD,IAAI,MAAM,GACf,MAAM,KAAK,aAAa,SAAS;EAEnC,KAAK,aAAa,IAAI,CAAC,MAAM;EAC7B,KAAK,WAAW;CAClB;CAEA,eAAe;EACb,MAAM,aAAa,KAAK,OAAO;EAC/B,KAAK,aAAa,SAAS,OAAO;GAChC,GAAG,iBAAiB,YAAY,UAAyB;IACvD,MAAM,OAAOA,cAAAA,aAAa,KAAK;IAC/B,IAAI,UAAU;IAEd,QAAQ,MAAR;KACE,KAAKC,aAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,CAAC;MACnC,UAAU;MACV;KAEF,KAAKA,aAAAA,WAAW;MACd,KAAK,aAAa,KAAK,WAAW,CAAC;MACnC,UAAU;MACV;KAEF,KAAKA,aAAAA,WAAW;MACd,eAAA,aAAa,YAAY,YAAY;MACrC;KAEF,KAAKA,aAAAA,WAAW;KAChB,KAAKA,aAAAA,WAAW;KAChB,KAAKA,aAAAA,WAAW;MACd,UAAU;MACT,MAAO,cAA8B,MAAM;MAC5C;IAEJ;IACA,IAAI,SAAS;KACX,MAAM,eAAe;KACrB,MAAM,gBAAgB;IACxB;IACA,OAAO;GACT,CAAC;EACH,CAAC;CACH;AACF"}

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

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

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

@@ -132,7 +132,7 @@ declare const messageProps: {
   readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "error", 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-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "bottom" | "top" | "top-right" | "top-left" | "bottom-right" | "bottom-left", 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

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

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

@@ -4027,8 +4027,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
   dangerouslyUseHTMLString: import("vue").Ref<boolean, boolean>;
   confirmButtonText: import("vue").Ref<string, string>;
   cancelButtonText: import("vue").Ref<string, string>;
-  confirmButtonType: import("vue").Ref<"" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger", "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
-  cancelButtonType: import("vue").Ref<"" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger", "" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+  confirmButtonType: import("vue").Ref<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger", "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
+  cancelButtonType: import("vue").Ref<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger", "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
   confirmButtonLoading: import("vue").Ref<boolean, boolean>;
   cancelButtonLoading: import("vue").Ref<boolean, boolean>;
   confirmButtonLoadingIcon: import("vue").Ref<string | import("vue").FunctionalComponent<any, {}, any, {}> | {
@@ -4575,14 +4575,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
   onVanish?: ((...args: any[]) => any) | undefined;
 }>, {
   center: boolean;
-  container: string;
-  overflow: boolean;
   closeOnClickModal: boolean;
   closeOnPressEscape: boolean;
   lockScroll: boolean;
   modal: boolean;
   draggable: boolean;
+  overflow: boolean;
   showClose: boolean;
+  container: string;
   roundButton: boolean;
   closeOnHashChange: boolean;
   boxType: MessageBoxType;
@@ -4598,22 +4598,22 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }>, {
       ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-      type: import("vue").ComputedRef<"" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+      type: import("vue").ComputedRef<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: import("vue").ComputedRef<boolean>;
       shouldAddSpace: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
       click: (evt: MouseEvent) => void;
     }, import("vue").PublicProps, {
-      text: boolean;
       type: ButtonType;
       disabled: boolean;
+      tag: string | import("vue").Component;
+      text: boolean;
       round: boolean;
       dashed: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
       plain: boolean;
       autoInsertSpace: boolean;
-      tag: string | import("vue").Component;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
       P: {};
       B: {};
@@ -4626,20 +4626,20 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     }>, {
       ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
       size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-      type: import("vue").ComputedRef<"" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+      type: import("vue").ComputedRef<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
       disabled: import("vue").ComputedRef<boolean>;
       shouldAddSpace: import("vue").ComputedRef<boolean>;
     }, {}, {}, {}, {
-      text: boolean;
       type: ButtonType;
       disabled: boolean;
+      tag: string | import("vue").Component;
+      text: boolean;
       round: boolean;
       dashed: boolean;
       nativeType: ButtonNativeType;
       loadingIcon: IconPropType;
       plain: boolean;
       autoInsertSpace: boolean;
-      tag: string | import("vue").Component;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -4649,22 +4649,22 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
   }>, {
     ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
     size: import("vue").ComputedRef<"" | "default" | "small" | "large">;
-    type: import("vue").ComputedRef<"" | "default" | "text" | "info" | "primary" | "success" | "warning" | "danger">;
+    type: import("vue").ComputedRef<"" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger">;
     disabled: import("vue").ComputedRef<boolean>;
     shouldAddSpace: import("vue").ComputedRef<boolean>;
   }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (evt: MouseEvent) => void;
   }, string, {
-    text: boolean;
     type: ButtonType;
     disabled: boolean;
+    tag: string | import("vue").Component;
+    text: boolean;
     round: boolean;
     dashed: boolean;
     nativeType: ButtonNativeType;
     loadingIcon: IconPropType;
     plain: boolean;
     autoInsertSpace: boolean;
-    tag: string | import("vue").Component;
   }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
       loading?: (props: {}) => any;
@@ -4677,7 +4677,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     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?: "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger" | (() => "" | "info" | "default" | "primary" | "success" | "warning" | "text" | "danger") | undefined;
       readonly icon?: string | import("vue").FunctionalComponent<any, {}, any, {}> | {
         new (...args: any[]): any;
         __isFragment?: never;
@@ -4746,12 +4746,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
   }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
   ElInput: SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<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;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
+      onInput?: ((value: string) => any) | undefined;
       onMouseleave?: ((evt: MouseEvent) => any) | undefined;
       onMouseenter?: ((evt: MouseEvent) => any) | undefined;
       onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
@@ -4772,12 +4772,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       clear: (evt?: MouseEvent) => void;
       resizeTextarea: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+      clear: (evt: MouseEvent | undefined) => void;
       "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;
+      input: (value: string) => void;
       mouseleave: (evt: MouseEvent) => void;
       mouseenter: (evt: MouseEvent) => void;
       keydown: (evt: Event | KeyboardEvent) => void;
@@ -4786,14 +4786,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       compositionend: (evt: CompositionEvent) => void;
     }, import("vue").PublicProps, {
       type: InputType;
-      disabled: boolean;
       modelValue: string | number | null;
+      disabled: boolean;
+      tabindex: string | number;
+      validateEvent: boolean;
       modelModifiers: InputModelModifiers;
       autocomplete: string;
       clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
-      tabindex: string | number;
-      validateEvent: boolean;
       inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
       rows: number;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -4804,12 +4804,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       M: {};
       Defaults: {};
     }, 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;
-      onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
       onFocus?: ((evt: FocusEvent) => any) | undefined;
       onBlur?: ((evt: FocusEvent) => any) | undefined;
+      onInput?: ((value: string) => any) | undefined;
       onMouseleave?: ((evt: MouseEvent) => any) | undefined;
       onMouseenter?: ((evt: MouseEvent) => any) | undefined;
       onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
@@ -4831,14 +4831,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
       resizeTextarea: () => void;
     }, {}, {}, {}, {
       type: InputType;
-      disabled: boolean;
       modelValue: string | number | null;
+      disabled: boolean;
+      tabindex: string | number;
+      validateEvent: boolean;
       modelModifiers: InputModelModifiers;
       autocomplete: string;
       clearIcon: IconPropType;
       wordLimitPosition: "inside" | "outside";
-      tabindex: string | number;
-      validateEvent: boolean;
       inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
       rows: number;
     }>;
@@ -4846,12 +4846,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     __isTeleport?: never;
     __isSuspense?: never;
   } & import("vue").ComponentOptionsBase<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;
-    onClear?: ((evt: MouseEvent | undefined) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
     onMouseleave?: ((evt: MouseEvent) => any) | undefined;
     onMouseenter?: ((evt: MouseEvent) => any) | undefined;
     onKeydown?: ((evt: Event | KeyboardEvent) => any) | undefined;
@@ -4872,12 +4872,12 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     clear: (evt?: MouseEvent) => void;
     resizeTextarea: () => void;
   }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (evt: MouseEvent | undefined) => void;
     "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;
+    input: (value: string) => void;
     mouseleave: (evt: MouseEvent) => void;
     mouseenter: (evt: MouseEvent) => void;
     keydown: (evt: Event | KeyboardEvent) => void;
@@ -4886,14 +4886,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     compositionend: (evt: CompositionEvent) => void;
   }, string, {
     type: InputType;
-    disabled: boolean;
     modelValue: string | number | null;
+    disabled: boolean;
+    tabindex: string | number;
+    validateEvent: boolean;
     modelModifiers: InputModelModifiers;
     autocomplete: string;
     clearIcon: IconPropType;
     wordLimitPosition: "inside" | "outside";
-    tabindex: string | number;
-    validateEvent: boolean;
     inputStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | null;
     rows: number;
   }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {

package/lib/components/message-box/src/index.vue_vue_type_script_lang.js

@@ -1,16 +1,16 @@
 const require_icon = require("../../../utils/vue/icon.js");
 const require_validator = require("../../../utils/vue/validator.js");
-const require_index = require("../../../directives/trap-focus/index.js");
-const require_index$1 = require("../../../hooks/use-draggable/index.js");
-const require_index$2 = require("../../../hooks/use-lockscreen/index.js");
-const require_index$3 = require("../../../hooks/use-same-target/index.js");
-const require_index$4 = require("../../../hooks/use-id/index.js");
+const require_index = require("../../../hooks/use-draggable/index.js");
+const require_index$1 = require("../../../hooks/use-lockscreen/index.js");
+const require_index$2 = require("../../../hooks/use-same-target/index.js");
+const require_index$3 = require("../../../hooks/use-id/index.js");
 const require_use_global_config = require("../../config-provider/src/hooks/use-global-config.js");
 const require_for_editor = require("../../config-provider/src/for-editor.js");
-const require_index$5 = require("../../icon/index.js");
-const require_index$6 = require("../../focus-trap/index.js");
-const require_index$7 = require("../../input/index.js");
-const require_index$8 = require("../../button/index.js");
+const require_index$4 = require("../../icon/index.js");
+const require_index$5 = require("../../focus-trap/index.js");
+const require_index$6 = require("../../input/index.js");
+const require_index$7 = require("../../button/index.js");
+const require_index$8 = require("../../../directives/trap-focus/index.js");
 const require_index$9 = require("../../overlay/index.js");
 let _element_plus_icons_vue = require("@element-plus/icons-vue");
 let vue = require("vue");
@@ -18,13 +18,13 @@ let _vue_shared = require("@vue/shared");
 //#region ../../packages/components/message-box/src/index.vue?vue&type=script&lang.ts
 var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 	name: "ElMessageBox",
-	directives: { TrapFocus: require_index.default },
+	directives: { TrapFocus: require_index$8.default },
 	components: {
-		ElButton: require_index$8.ElButton,
-		ElFocusTrap: require_index$6.default,
-		ElInput: require_index$7.ElInput,
+		ElButton: require_index$7.ElButton,
+		ElFocusTrap: require_index$5.default,
+		ElInput: require_index$6.ElInput,
 		ElOverlay: require_index$9.ElOverlay,
-		ElIcon: require_index$5.ElIcon,
+		ElIcon: require_index$4.ElIcon,
 		...require_icon.TypeComponents
 	},
 	inheritAttrs: false,
@@ -121,8 +121,8 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 			const type = state.type;
 			return { [ns.bm("icon", type)]: type && require_icon.TypeComponentsMap[type] };
 		});
-		const contentId = require_index$4.useId();
-		const inputId = require_index$4.useId();
+		const contentId = require_index$3.useId();
+		const inputId = require_index$3.useId();
 		const iconComponent = (0, vue.computed)(() => {
 			const type = state.type;
 			return state.icon || type && require_icon.TypeComponentsMap[type] || "";
@@ -154,7 +154,7 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 				state.validateError = false;
 			}
 		});
-		const { isDragging } = require_index$1.useDraggable(rootRef, headerRef, (0, vue.computed)(() => props.draggable), (0, vue.computed)(() => props.overflow));
+		const { isDragging } = require_index.useDraggable(rootRef, headerRef, (0, vue.computed)(() => props.draggable), (0, vue.computed)(() => props.overflow));
 		(0, vue.onMounted)(async () => {
 			await (0, vue.nextTick)();
 			if (props.closeOnHashChange) window.addEventListener("hashchange", doClose);
@@ -172,7 +172,7 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 		const handleWrapperClick = () => {
 			if (props.closeOnClickModal) handleAction(state.distinguishCancelAndClose ? "close" : "cancel");
 		};
-		const overlayEvent = require_index$3.useSameTarget(handleWrapperClick, forEditor.value);
+		const overlayEvent = require_index$2.useSameTarget(handleWrapperClick, forEditor.value);
 		const handleInputEnter = (e) => {
 			if (state.inputType !== "textarea" && !inputRef.value?.isComposing) {
 				e.preventDefault();
@@ -222,7 +222,7 @@ var index_vue_vue_type_script_lang_default = (0, vue.defineComponent)({
 		const onCloseRequested = () => {
 			if (props.closeOnPressEscape) handleClose();
 		};
-		if (props.lockScroll) require_index$2.useLockscreen(visible, { ns });
+		if (props.lockScroll) require_index$1.useLockscreen(visible, { ns });
 		return {
 			forEditor,
 			...(0, vue.toRefs)(state),

package/lib/components/message-box/src/index.vue_vue_type_script_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/message-box/src/index.vue"],"sourcesContent":["<template>\n  <transition :duration=\"forEditor ? -1 : 0\" name=\"fade-in-linear\" @after-leave=\"$emit('vanish')\">\n    <el-overlay\n      v-show=\"visible\"\n      :z-index=\"zIndex\"\n      :overlay-class=\"[ns.is('message-box'), modalClass]\"\n      :mask=\"modal\"\n    >\n      <div\n        role=\"dialog\"\n        :aria-label=\"title\"\n        aria-modal=\"true\"\n        :aria-describedby=\"!showInput ? contentId : undefined\"\n        :class=\"`${ns.namespace.value}-overlay-message-box`\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"rootRef\"\n          :focus-start-el=\"focusStartRef\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"rootRef\"\n            :class=\"[\n              ns.b(),\n              customClass,\n              ns.is('draggable', draggable),\n              ns.is('dragging', isDragging),\n              { [ns.m('center')]: center },\n            ]\"\n            :style=\"customStyle\"\n            tabindex=\"-1\"\n            @click.stop=\"\"\n          >\n            <div\n              v-if=\"title !== null && title !== undefined\"\n              ref=\"headerRef\"\n              :class=\"[ns.e('header'), { 'show-close': showClose }]\"\n            >\n              <div :class=\"ns.e('title')\">\n                <el-icon\n                  v-if=\"iconComponent && center\"\n                  :class=\"[ns.e('status'), typeClass]\"\n                >\n                  <component :is=\"iconComponent\" />\n                </el-icon>\n                <span>{{ title }}</span>\n              </div>\n              <button\n                v-if=\"showClose\"\n                type=\"button\"\n                :class=\"ns.e('headerbtn')\"\n                :aria-label=\"t('el.messagebox.close')\"\n                @click=\"\n                  handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n                \"\n                @keydown.prevent.enter=\"\n                  handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n                \"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <div :id=\"contentId\" :class=\"ns.e('content')\">\n              <div :class=\"ns.e('container')\">\n                <el-icon\n                  v-if=\"iconComponent && !center && hasMessage\"\n                  :class=\"[ns.e('status'), typeClass]\"\n                >\n                  <component :is=\"iconComponent\" />\n                </el-icon>\n                <div v-if=\"hasMessage\" :class=\"ns.e('message')\">\n                  <slot>\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-if=\"!dangerouslyUseHTMLString\"\n                      :for=\"showInput ? inputId : undefined\"\n                      v-text=\"message\"\n                    />\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-else\n                      :for=\"showInput ? inputId : undefined\"\n                      v-html=\"message\"\n                    />\n                  </slot>\n                </div>\n              </div>\n              <div v-show=\"showInput\" :class=\"ns.e('input')\">\n                <el-input\n                  :id=\"inputId\"\n                  ref=\"inputRef\"\n                  v-model=\"inputValue\"\n                  :type=\"inputType\"\n                  :placeholder=\"inputPlaceholder\"\n                  :aria-invalid=\"validateError\"\n                  :class=\"{ invalid: validateError }\"\n                  @keydown.enter=\"handleInputEnter\"\n                />\n                <div\n                  :class=\"ns.e('errormsg')\"\n                  :style=\"{\n                    visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n                  }\"\n                >\n                  {{ editorErrorMessage }}\n                </div>\n              </div>\n            </div>\n            <div\n              v-if=\"showCancelButton || showConfirmButton\"\n              :class=\"ns.e('btns')\"\n            >\n              <el-button\n                v-if=\"showCancelButton\"\n                :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n                :text=\"cancelButtonType === 'text'\"\n                :loading=\"cancelButtonLoading\"\n                :loading-icon=\"cancelButtonLoadingIcon\"\n                :class=\"[cancelButtonClass]\"\n                :round=\"roundButton\"\n                :size=\"btnSize\"\n                @click=\"handleAction('cancel')\"\n                @keydown.prevent.enter=\"handleAction('cancel')\"\n              >\n                {{ cancelButtonText || t('el.messagebox.cancel') }}\n              </el-button>\n              <el-button\n                v-show=\"showConfirmButton\"\n                ref=\"confirmRef\"\n                :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n                :text=\"confirmButtonType === 'text'\"\n                :loading=\"confirmButtonLoading\"\n                :loading-icon=\"confirmButtonLoadingIcon\"\n                :class=\"[confirmButtonClasses]\"\n                :round=\"roundButton\"\n                :disabled=\"confirmButtonDisabled\"\n                :size=\"btnSize\"\n                @click=\"handleAction('confirm')\"\n                @keydown.prevent.enter=\"handleAction('confirm')\"\n              >\n                {{ confirmButtonText || t('el.messagebox.confirm') }}\n              </el-button>\n            </div>\n          </div>\n        </el-focus-trap>\n      </div>\n    </el-overlay>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  markRaw,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport { watch } from '../../config-provider'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n  useDraggable,\n  useId,\n  useLockscreen,\n  useSameTarget,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  isFunction,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings, useGlobalConfig } from '../../config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\n    ElFocusTrap,\n    ElInput,\n    ElOverlay,\n    ElIcon,\n    ...TypeComponents,\n  },\n  inheritAttrs: false,\n  props: {\n    buttonSize: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n    lockScroll: {\n      type: Boolean,\n      default: true,\n    },\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnClickModal: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnPressEscape: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnHashChange: {\n      type: Boolean,\n      default: true,\n    },\n    center: Boolean,\n    draggable: Boolean,\n    overflow: Boolean,\n    roundButton: Boolean,\n    container: {\n      type: String, // default append to body\n      default: 'body',\n    },\n    boxType: {\n      type: String as PropType<MessageBoxType>,\n      default: '',\n    },\n  },\n  emits: ['vanish', 'action'],\n  setup(props, { emit }) {\n    const forEditor = useGlobalConfig('forEditor')\n\n    // const popup = usePopup(props, doClose)\n    const {\n      locale,\n      zIndex,\n      ns,\n      size: btnSize,\n    } = useGlobalComponentSettings(\n      'message-box',\n      computed(() => props.buttonSize)\n    )\n\n    const { t } = locale\n    const { nextZIndex } = zIndex\n\n    const visible = ref(false)\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      // autofocus element when open message-box\n      autofocus: true,\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      cancelButtonType: '',\n      confirmButtonType: 'primary',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      closeIcon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: '',\n      inputValidator: undefined,\n      inputErrorMessage: '',\n      message: '',\n      modalFade: true,\n      modalClass: '',\n      showCancelButton: false,\n      showConfirmButton: true,\n      type: '',\n      title: undefined,\n      showInput: false,\n      action: '' as Action,\n      confirmButtonLoading: false,\n      cancelButtonLoading: false,\n      confirmButtonLoadingIcon: markRaw(Loading),\n      cancelButtonLoadingIcon: markRaw(Loading),\n      confirmButtonDisabled: false,\n      editorErrorMessage: '',\n      // refer to: https://github.com/ElemeFE/element/commit/2999279ae34ef10c373ca795c87b020ed6753eed\n      // seemed ok for now without this state.\n      // isOnComposition: false, // temporary remove\n      validateError: false,\n      zIndex: nextZIndex(),\n    })\n\n    const typeClass = computed(() => {\n      const type = state.type\n      return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n    })\n\n    const contentId = useId()\n    const inputId = useId()\n\n    const iconComponent = computed(() => {\n      const type = state.type\n      return state.icon || (type && TypeComponentsMap[type]) || ''\n    })\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const focusStartRef = ref<HTMLElement>()\n    const inputRef = ref<InputInstance>()\n    const confirmRef = ref<ComponentPublicInstance>()\n\n    const confirmButtonClasses = computed(() => state.confirmButtonClass)\n\n    watch(\n      () => state.inputValue,\n      async (val) => {\n        await nextTick()\n        if (props.boxType === 'prompt' && val) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType !== 'prompt') {\n            if (state.autofocus) {\n              focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n            } else {\n              focusStartRef.value = rootRef.value\n            }\n          }\n          state.zIndex = nextZIndex()\n        }\n        if (props.boxType !== 'prompt') return\n        if (val) {\n          nextTick().then(() => {\n            if (inputRef.value && inputRef.value.$el) {\n              if (state.autofocus) {\n                focusStartRef.value = getInputElement() ?? rootRef.value\n              } else {\n                focusStartRef.value = rootRef.value\n              }\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    const overflow = computed(() => props.overflow)\n    const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        window.addEventListener('hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        window.removeEventListener('hashchange', doClose)\n      }\n    })\n\n    function doClose() {\n      if (!visible.value) return\n      visible.value = false\n      nextTick(() => {\n        if (state.action) emit('action', state.action)\n      })\n    }\n\n    const handleWrapperClick = () => {\n      if (props.closeOnClickModal) {\n        handleAction(state.distinguishCancelAndClose ? 'close' : 'cancel')\n      }\n    }\n\n    const overlayEvent = useSameTarget(handleWrapperClick, forEditor.value)\n\n    const handleInputEnter = (e: KeyboardEvent | Event) => {\n      if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\n        e.preventDefault()\n        return handleAction('confirm')\n      }\n    }\n\n    const handleAction = (action: Action) => {\n      if (props.boxType === 'prompt' && action === 'confirm' && !validate()) {\n        return\n      }\n\n      state.action = action\n\n      if (state.beforeClose) {\n        state.beforeClose?.(action, state, doClose)\n      } else {\n        doClose()\n      }\n    }\n\n    const validate = () => {\n      if (props.boxType === 'prompt') {\n        const inputPattern = state.inputPattern\n        if (inputPattern && !inputPattern.test(state.inputValue || '')) {\n          state.editorErrorMessage =\n            state.inputErrorMessage || t('el.messagebox.error')\n          state.validateError = true\n          return false\n        }\n        const inputValidator = state.inputValidator\n        if (isFunction(inputValidator)) {\n          const validateResult = inputValidator(state.inputValue)\n          if (validateResult === false) {\n            state.editorErrorMessage =\n              state.inputErrorMessage || t('el.messagebox.error')\n            state.validateError = true\n            return false\n          }\n          if (isString(validateResult)) {\n            state.editorErrorMessage = validateResult\n            state.validateError = true\n            return false\n          }\n        }\n      }\n      state.editorErrorMessage = ''\n      state.validateError = false\n      return true\n    }\n\n    const getInputElement = () => {\n      const inputRefs = inputRef.value?.$refs\n      return (inputRefs?.input ?? inputRefs?.textarea) as HTMLElement\n    }\n\n    const handleClose = () => {\n      handleAction('close')\n    }\n\n    // when close on press escape is disabled, pressing esc should not callout\n    // any other message box and close any other dialog-ish elements\n    // e.g. Dialog has a close on press esc feature, and when it closes, it calls\n    // props.beforeClose method to make a intermediate state by callout a message box\n    // for some verification or alerting. then if we allow global event like this\n    // to dispatch, it could callout another message box.\n    const onCloseRequested = () => {\n      if (props.closeOnPressEscape) {\n        handleClose()\n      }\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible, { ns })\n    }\n\n    return {\n      forEditor,\n      ...toRefs(state),\n      ns,\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      contentId,\n      inputId,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      focusStartRef,\n      headerRef,\n      inputRef,\n      isDragging,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      onCloseRequested,\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyMA,IAAA,0CAAA,GAAA,IAAA,gBAAA,CAA+B;CAC7B,MAAM;CACN,YAAY,EACV,WAAA,cAAA,QACF;CACA,YAAY;EACV,UAAA,gBAAA;EACA,aAAA,gBAAA;EACA,SAAA,gBAAA;EACA,WAAA,gBAAA;EACA,QAAA,gBAAA;EACA,GAAG,aAAA;CACL;CACA,cAAc;CACd,OAAO;EACL,YAAY;GACV,MAAM;GACN,WAAW,kBAAA;EACb;EACA,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,YAAY;GACV,MAAM;GACN,SAAS;EACX;EACA,WAAW;GACT,MAAM;GACN,SAAS;EACX;EACA,mBAAmB;GACjB,MAAM;GACN,SAAS;EACX;EACA,oBAAoB;GAClB,MAAM;GACN,SAAS;EACX;EACA,mBAAmB;GACjB,MAAM;GACN,SAAS;EACX;EACA,QAAQ;EACR,WAAW;EACX,UAAU;EACV,aAAa;EACb,WAAW;GACT,MAAM;GACN,SAAS;EACX;EACA,SAAS;GACP,MAAM;GACN,SAAS;EACX;CACF;CACA,OAAO,CAAC,UAAU,QAAQ;CAC1B,MAAM,OAAO,EAAE,QAAQ;EACrB,MAAM,YAAY,0BAAA,gBAAgB,WAAW;EAG7C,MAAM,EACJ,QACA,QACA,IACA,MAAM,YACJ,0BAAA,2BACF,gBAAA,GAAA,IAAA,SAAA,OACe,MAAM,UAAU,CACjC;EAEA,MAAM,EAAE,MAAM;EACd,MAAM,EAAE,eAAe;EAEvB,MAAM,WAAA,GAAA,IAAA,IAAA,CAAc,KAAK;EAEzB,MAAM,SAAA,GAAA,IAAA,SAAA,CAAkC;GAEtC,WAAW;GACX,aAAa;GACb,UAAU;GACV,kBAAkB;GAClB,mBAAmB;GACnB,mBAAmB;GACnB,oBAAoB;GACpB,kBAAkB;GAClB,mBAAmB;GACnB,aAAa;GACb,aAAa,CAAC;GACd,0BAA0B;GAC1B,2BAA2B;GAC3B,MAAM;GACN,WAAW;GACX,cAAc;GACd,kBAAkB;GAClB,WAAW;GACX,YAAY;GACZ,gBAAgB,KAAA;GAChB,mBAAmB;GACnB,SAAS;GACT,WAAW;GACX,YAAY;GACZ,kBAAkB;GAClB,mBAAmB;GACnB,MAAM;GACN,OAAO,KAAA;GACP,WAAW;GACX,QAAQ;GACR,sBAAsB;GACtB,qBAAqB;GACrB,2BAAA,GAAA,IAAA,QAAA,CAAkC,wBAAA,OAAO;GACzC,0BAAA,GAAA,IAAA,QAAA,CAAiC,wBAAA,OAAO;GACxC,uBAAuB;GACvB,oBAAoB;GAIpB,eAAe;GACf,QAAQ,WAAW;EACrB,CAAC;EAED,MAAM,aAAA,GAAA,IAAA,SAAA,OAA2B;GAC/B,MAAM,OAAO,MAAM;GACnB,OAAO,GAAG,GAAG,GAAG,QAAQ,IAAI,IAAI,QAAQ,aAAA,kBAAkB,MAAM;EAClE,CAAC;EAED,MAAM,YAAY,gBAAA,MAAM;EACxB,MAAM,UAAU,gBAAA,MAAM;EAEtB,MAAM,iBAAA,GAAA,IAAA,SAAA,OAA+B;GACnC,MAAM,OAAO,MAAM;GACnB,OAAO,MAAM,QAAS,QAAQ,aAAA,kBAAkB,SAAU;EAC5D,CAAC;EACD,MAAM,cAAA,GAAA,IAAA,SAAA,OAA4B,CAAC,CAAC,MAAM,OAAO;EACjD,MAAM,WAAA,GAAA,IAAA,IAAA,CAA2B;EACjC,MAAM,aAAA,GAAA,IAAA,IAAA,CAA6B;EACnC,MAAM,iBAAA,GAAA,IAAA,IAAA,CAAiC;EACvC,MAAM,YAAA,GAAA,IAAA,IAAA,CAA8B;EACpC,MAAM,cAAA,GAAA,IAAA,IAAA,CAA0C;EAEhD,MAAM,wBAAA,GAAA,IAAA,SAAA,OAAsC,MAAM,kBAAkB;EAEpE,mBAAA,YACQ,MAAM,YACZ,OAAO,QAAQ;GACb,OAAA,GAAA,IAAA,SAAA,CAAe;GACf,IAAI,MAAM,YAAY,YAAY,KAChC,SAAS;EAEb,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,mBAAA,YACQ,QAAQ,QACb,QAAQ;GACP,IAAI,KAAK;IACP,IAAI,MAAM,YAAY,UACpB,IAAI,MAAM,WACR,cAAc,QAAQ,WAAW,OAAO,OAAO,QAAQ;SAEvD,cAAc,QAAQ,QAAQ;IAGlC,MAAM,SAAS,WAAW;GAC5B;GACA,IAAI,MAAM,YAAY,UAAU;GAChC,IAAI,KACF,CAAA,GAAA,IAAA,SAAA,CAAS,CAAC,CAAC,WAAW;IACpB,IAAI,SAAS,SAAS,SAAS,MAAM,KACnC,IAAI,MAAM,WACR,cAAc,QAAQ,gBAAgB,KAAK,QAAQ;SAEnD,cAAc,QAAQ,QAAQ;GAGpC,CAAC;QACI;IACL,MAAM,qBAAqB;IAC3B,MAAM,gBAAgB;GACxB;EACF,CACF;EAIA,MAAM,EAAE,eAAe,gBAAA,aAAa,SAAS,YAAA,GAAA,IAAA,SAAA,OAFZ,MAAM,SAEyB,IAAA,GAAA,IAAA,SAAA,OADhC,MAAM,QACoC,CAAC;EAE3E,CAAA,GAAA,IAAA,UAAA,CAAU,YAAY;GACpB,OAAA,GAAA,IAAA,SAAA,CAAe;GACf,IAAI,MAAM,mBACR,OAAO,iBAAiB,cAAc,OAAO;EAEjD,CAAC;EAED,CAAA,GAAA,IAAA,gBAAA,OAAsB;GACpB,IAAI,MAAM,mBACR,OAAO,oBAAoB,cAAc,OAAO;EAEpD,CAAC;EAED,SAAS,UAAU;GACjB,IAAI,CAAC,QAAQ,OAAO;GACpB,QAAQ,QAAQ;GAChB,CAAA,GAAA,IAAA,SAAA,OAAe;IACb,IAAI,MAAM,QAAQ,KAAK,UAAU,MAAM,MAAM;GAC/C,CAAC;EACH;EAEA,MAAM,2BAA2B;GAC/B,IAAI,MAAM,mBACR,aAAa,MAAM,4BAA4B,UAAU,QAAQ;EAErE;EAEA,MAAM,eAAe,gBAAA,cAAc,oBAAoB,UAAU,KAAK;EAEtE,MAAM,oBAAoB,MAA6B;GACrD,IAAI,MAAM,cAAc,cAAc,CAAC,SAAS,OAAO,aAAa;IAClE,EAAE,eAAe;IACjB,OAAO,aAAa,SAAS;GAC/B;EACF;EAEA,MAAM,gBAAgB,WAAmB;GACvC,IAAI,MAAM,YAAY,YAAY,WAAW,aAAa,CAAC,SAAS,GAClE;GAGF,MAAM,SAAS;GAEf,IAAI,MAAM,aACR,MAAM,cAAc,QAAQ,OAAO,OAAO;QAE1C,QAAQ;EAEZ;EAEA,MAAM,iBAAiB;GACrB,IAAI,MAAM,YAAY,UAAU;IAC9B,MAAM,eAAe,MAAM;IAC3B,IAAI,gBAAgB,CAAC,aAAa,KAAK,MAAM,cAAc,EAAE,GAAG;KAC9D,MAAM,qBACJ,MAAM,qBAAqB,EAAE,qBAAqB;KACpD,MAAM,gBAAgB;KACtB,OAAO;IACT;IACA,MAAM,iBAAiB,MAAM;IAC7B,KAAA,GAAA,YAAA,WAAA,CAAe,cAAc,GAAG;KAC9B,MAAM,iBAAiB,eAAe,MAAM,UAAU;KACtD,IAAI,mBAAmB,OAAO;MAC5B,MAAM,qBACJ,MAAM,qBAAqB,EAAE,qBAAqB;MACpD,MAAM,gBAAgB;MACtB,OAAO;KACT;KACA,KAAA,GAAA,YAAA,SAAA,CAAa,cAAc,GAAG;MAC5B,MAAM,qBAAqB;MAC3B,MAAM,gBAAgB;MACtB,OAAO;KACT;IACF;GACF;GACA,MAAM,qBAAqB;GAC3B,MAAM,gBAAgB;GACtB,OAAO;EACT;EAEA,MAAM,wBAAwB;GAC5B,MAAM,YAAY,SAAS,OAAO;GAClC,OAAQ,WAAW,SAAS,WAAW;EACzC;EAEA,MAAM,oBAAoB;GACxB,aAAa,OAAO;EACtB;EAQA,MAAM,yBAAyB;GAC7B,IAAI,MAAM,oBACR,YAAY;EAEhB;EAGA,IAAI,MAAM,YACR,gBAAA,cAAc,SAAS,EAAE,GAAG,CAAC;EAG/B,OAAO;GACL;GACA,IAAA,GAAA,IAAA,OAAA,CAAU,KAAK;GACf;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;CACF;AACF,CAAC"}
+{"version":3,"file":"index.vue_vue_type_script_lang.js","names":[],"sources":["../../../../../../packages/components/message-box/src/index.vue"],"sourcesContent":["<template>\n  <transition :duration=\"forEditor ? -1 : 0\" name=\"fade-in-linear\" @after-leave=\"$emit('vanish')\">\n    <el-overlay\n      v-show=\"visible\"\n      :z-index=\"zIndex\"\n      :overlay-class=\"[ns.is('message-box'), modalClass]\"\n      :mask=\"modal\"\n    >\n      <div\n        role=\"dialog\"\n        :aria-label=\"title\"\n        aria-modal=\"true\"\n        :aria-describedby=\"!showInput ? contentId : undefined\"\n        :class=\"`${ns.namespace.value}-overlay-message-box`\"\n        @click=\"overlayEvent.onClick\"\n        @mousedown=\"overlayEvent.onMousedown\"\n        @mouseup=\"overlayEvent.onMouseup\"\n      >\n        <el-focus-trap\n          loop\n          :trapped=\"visible\"\n          :focus-trap-el=\"rootRef\"\n          :focus-start-el=\"focusStartRef\"\n          @release-requested=\"onCloseRequested\"\n        >\n          <div\n            ref=\"rootRef\"\n            :class=\"[\n              ns.b(),\n              customClass,\n              ns.is('draggable', draggable),\n              ns.is('dragging', isDragging),\n              { [ns.m('center')]: center },\n            ]\"\n            :style=\"customStyle\"\n            tabindex=\"-1\"\n            @click.stop=\"\"\n          >\n            <div\n              v-if=\"title !== null && title !== undefined\"\n              ref=\"headerRef\"\n              :class=\"[ns.e('header'), { 'show-close': showClose }]\"\n            >\n              <div :class=\"ns.e('title')\">\n                <el-icon\n                  v-if=\"iconComponent && center\"\n                  :class=\"[ns.e('status'), typeClass]\"\n                >\n                  <component :is=\"iconComponent\" />\n                </el-icon>\n                <span>{{ title }}</span>\n              </div>\n              <button\n                v-if=\"showClose\"\n                type=\"button\"\n                :class=\"ns.e('headerbtn')\"\n                :aria-label=\"t('el.messagebox.close')\"\n                @click=\"\n                  handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n                \"\n                @keydown.prevent.enter=\"\n                  handleAction(distinguishCancelAndClose ? 'close' : 'cancel')\n                \"\n              >\n                <el-icon :class=\"ns.e('close')\">\n                  <component :is=\"closeIcon || 'close'\" />\n                </el-icon>\n              </button>\n            </div>\n            <div :id=\"contentId\" :class=\"ns.e('content')\">\n              <div :class=\"ns.e('container')\">\n                <el-icon\n                  v-if=\"iconComponent && !center && hasMessage\"\n                  :class=\"[ns.e('status'), typeClass]\"\n                >\n                  <component :is=\"iconComponent\" />\n                </el-icon>\n                <div v-if=\"hasMessage\" :class=\"ns.e('message')\">\n                  <slot>\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-if=\"!dangerouslyUseHTMLString\"\n                      :for=\"showInput ? inputId : undefined\"\n                      v-text=\"message\"\n                    />\n                    <component\n                      :is=\"showInput ? 'label' : 'p'\"\n                      v-else\n                      :for=\"showInput ? inputId : undefined\"\n                      v-html=\"message\"\n                    />\n                  </slot>\n                </div>\n              </div>\n              <div v-show=\"showInput\" :class=\"ns.e('input')\">\n                <el-input\n                  :id=\"inputId\"\n                  ref=\"inputRef\"\n                  v-model=\"inputValue\"\n                  :type=\"inputType\"\n                  :placeholder=\"inputPlaceholder\"\n                  :aria-invalid=\"validateError\"\n                  :class=\"{ invalid: validateError }\"\n                  @keydown.enter=\"handleInputEnter\"\n                />\n                <div\n                  :class=\"ns.e('errormsg')\"\n                  :style=\"{\n                    visibility: !!editorErrorMessage ? 'visible' : 'hidden',\n                  }\"\n                >\n                  {{ editorErrorMessage }}\n                </div>\n              </div>\n            </div>\n            <div\n              v-if=\"showCancelButton || showConfirmButton\"\n              :class=\"ns.e('btns')\"\n            >\n              <el-button\n                v-if=\"showCancelButton\"\n                :type=\"cancelButtonType === 'text' ? '' : cancelButtonType\"\n                :text=\"cancelButtonType === 'text'\"\n                :loading=\"cancelButtonLoading\"\n                :loading-icon=\"cancelButtonLoadingIcon\"\n                :class=\"[cancelButtonClass]\"\n                :round=\"roundButton\"\n                :size=\"btnSize\"\n                @click=\"handleAction('cancel')\"\n                @keydown.prevent.enter=\"handleAction('cancel')\"\n              >\n                {{ cancelButtonText || t('el.messagebox.cancel') }}\n              </el-button>\n              <el-button\n                v-show=\"showConfirmButton\"\n                ref=\"confirmRef\"\n                :type=\"confirmButtonType === 'text' ? '' : confirmButtonType\"\n                :text=\"confirmButtonType === 'text'\"\n                :loading=\"confirmButtonLoading\"\n                :loading-icon=\"confirmButtonLoadingIcon\"\n                :class=\"[confirmButtonClasses]\"\n                :round=\"roundButton\"\n                :disabled=\"confirmButtonDisabled\"\n                :size=\"btnSize\"\n                @click=\"handleAction('confirm')\"\n                @keydown.prevent.enter=\"handleAction('confirm')\"\n              >\n                {{ confirmButtonText || t('el.messagebox.confirm') }}\n              </el-button>\n            </div>\n          </div>\n        </el-focus-trap>\n      </div>\n    </el-overlay>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  markRaw,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  toRefs,\n} from 'vue'\nimport { watch } from '../../config-provider'\nimport ElButton from '@element-plus/components/button'\nimport { TrapFocus } from '@element-plus/directives'\nimport {\n  useDraggable,\n  useId,\n  useLockscreen,\n  useSameTarget,\n} from '@element-plus/hooks'\nimport ElInput from '@element-plus/components/input'\nimport { ElOverlay } from '@element-plus/components/overlay'\nimport {\n  TypeComponents,\n  TypeComponentsMap,\n  isFunction,\n  isString,\n  isValidComponentSize,\n} from '@element-plus/utils'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElFocusTrap from '@element-plus/components/focus-trap'\nimport { useGlobalComponentSettings, useGlobalConfig } from '../../config-provider'\n\nimport type { ComponentPublicInstance, PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type {\n  Action,\n  MessageBoxState,\n  MessageBoxType,\n} from './message-box.type'\nimport type { InputInstance } from '@element-plus/components/input'\n\nexport default defineComponent({\n  name: 'ElMessageBox',\n  directives: {\n    TrapFocus,\n  },\n  components: {\n    ElButton,\n    ElFocusTrap,\n    ElInput,\n    ElOverlay,\n    ElIcon,\n    ...TypeComponents,\n  },\n  inheritAttrs: false,\n  props: {\n    buttonSize: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    modal: {\n      type: Boolean,\n      default: true,\n    },\n    lockScroll: {\n      type: Boolean,\n      default: true,\n    },\n    showClose: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnClickModal: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnPressEscape: {\n      type: Boolean,\n      default: true,\n    },\n    closeOnHashChange: {\n      type: Boolean,\n      default: true,\n    },\n    center: Boolean,\n    draggable: Boolean,\n    overflow: Boolean,\n    roundButton: Boolean,\n    container: {\n      type: String, // default append to body\n      default: 'body',\n    },\n    boxType: {\n      type: String as PropType<MessageBoxType>,\n      default: '',\n    },\n  },\n  emits: ['vanish', 'action'],\n  setup(props, { emit }) {\n    const forEditor = useGlobalConfig('forEditor')\n\n    // const popup = usePopup(props, doClose)\n    const {\n      locale,\n      zIndex,\n      ns,\n      size: btnSize,\n    } = useGlobalComponentSettings(\n      'message-box',\n      computed(() => props.buttonSize)\n    )\n\n    const { t } = locale\n    const { nextZIndex } = zIndex\n\n    const visible = ref(false)\n    // s represents state\n    const state = reactive<MessageBoxState>({\n      // autofocus element when open message-box\n      autofocus: true,\n      beforeClose: null,\n      callback: null,\n      cancelButtonText: '',\n      cancelButtonClass: '',\n      confirmButtonText: '',\n      confirmButtonClass: '',\n      cancelButtonType: '',\n      confirmButtonType: 'primary',\n      customClass: '',\n      customStyle: {},\n      dangerouslyUseHTMLString: false,\n      distinguishCancelAndClose: false,\n      icon: '',\n      closeIcon: '',\n      inputPattern: null,\n      inputPlaceholder: '',\n      inputType: 'text',\n      inputValue: '',\n      inputValidator: undefined,\n      inputErrorMessage: '',\n      message: '',\n      modalFade: true,\n      modalClass: '',\n      showCancelButton: false,\n      showConfirmButton: true,\n      type: '',\n      title: undefined,\n      showInput: false,\n      action: '' as Action,\n      confirmButtonLoading: false,\n      cancelButtonLoading: false,\n      confirmButtonLoadingIcon: markRaw(Loading),\n      cancelButtonLoadingIcon: markRaw(Loading),\n      confirmButtonDisabled: false,\n      editorErrorMessage: '',\n      // refer to: https://github.com/ElemeFE/element/commit/2999279ae34ef10c373ca795c87b020ed6753eed\n      // seemed ok for now without this state.\n      // isOnComposition: false, // temporary remove\n      validateError: false,\n      zIndex: nextZIndex(),\n    })\n\n    const typeClass = computed(() => {\n      const type = state.type\n      return { [ns.bm('icon', type)]: type && TypeComponentsMap[type] }\n    })\n\n    const contentId = useId()\n    const inputId = useId()\n\n    const iconComponent = computed(() => {\n      const type = state.type\n      return state.icon || (type && TypeComponentsMap[type]) || ''\n    })\n    const hasMessage = computed(() => !!state.message)\n    const rootRef = ref<HTMLElement>()\n    const headerRef = ref<HTMLElement>()\n    const focusStartRef = ref<HTMLElement>()\n    const inputRef = ref<InputInstance>()\n    const confirmRef = ref<ComponentPublicInstance>()\n\n    const confirmButtonClasses = computed(() => state.confirmButtonClass)\n\n    watch(\n      () => state.inputValue,\n      async (val) => {\n        await nextTick()\n        if (props.boxType === 'prompt' && val) {\n          validate()\n        }\n      },\n      { immediate: true }\n    )\n\n    watch(\n      () => visible.value,\n      (val) => {\n        if (val) {\n          if (props.boxType !== 'prompt') {\n            if (state.autofocus) {\n              focusStartRef.value = confirmRef.value?.$el ?? rootRef.value\n            } else {\n              focusStartRef.value = rootRef.value\n            }\n          }\n          state.zIndex = nextZIndex()\n        }\n        if (props.boxType !== 'prompt') return\n        if (val) {\n          nextTick().then(() => {\n            if (inputRef.value && inputRef.value.$el) {\n              if (state.autofocus) {\n                focusStartRef.value = getInputElement() ?? rootRef.value\n              } else {\n                focusStartRef.value = rootRef.value\n              }\n            }\n          })\n        } else {\n          state.editorErrorMessage = ''\n          state.validateError = false\n        }\n      }\n    )\n\n    const draggable = computed(() => props.draggable)\n    const overflow = computed(() => props.overflow)\n    const { isDragging } = useDraggable(rootRef, headerRef, draggable, overflow)\n\n    onMounted(async () => {\n      await nextTick()\n      if (props.closeOnHashChange) {\n        window.addEventListener('hashchange', doClose)\n      }\n    })\n\n    onBeforeUnmount(() => {\n      if (props.closeOnHashChange) {\n        window.removeEventListener('hashchange', doClose)\n      }\n    })\n\n    function doClose() {\n      if (!visible.value) return\n      visible.value = false\n      nextTick(() => {\n        if (state.action) emit('action', state.action)\n      })\n    }\n\n    const handleWrapperClick = () => {\n      if (props.closeOnClickModal) {\n        handleAction(state.distinguishCancelAndClose ? 'close' : 'cancel')\n      }\n    }\n\n    const overlayEvent = useSameTarget(handleWrapperClick, forEditor.value)\n\n    const handleInputEnter = (e: KeyboardEvent | Event) => {\n      if (state.inputType !== 'textarea' && !inputRef.value?.isComposing) {\n        e.preventDefault()\n        return handleAction('confirm')\n      }\n    }\n\n    const handleAction = (action: Action) => {\n      if (props.boxType === 'prompt' && action === 'confirm' && !validate()) {\n        return\n      }\n\n      state.action = action\n\n      if (state.beforeClose) {\n        state.beforeClose?.(action, state, doClose)\n      } else {\n        doClose()\n      }\n    }\n\n    const validate = () => {\n      if (props.boxType === 'prompt') {\n        const inputPattern = state.inputPattern\n        if (inputPattern && !inputPattern.test(state.inputValue || '')) {\n          state.editorErrorMessage =\n            state.inputErrorMessage || t('el.messagebox.error')\n          state.validateError = true\n          return false\n        }\n        const inputValidator = state.inputValidator\n        if (isFunction(inputValidator)) {\n          const validateResult = inputValidator(state.inputValue)\n          if (validateResult === false) {\n            state.editorErrorMessage =\n              state.inputErrorMessage || t('el.messagebox.error')\n            state.validateError = true\n            return false\n          }\n          if (isString(validateResult)) {\n            state.editorErrorMessage = validateResult\n            state.validateError = true\n            return false\n          }\n        }\n      }\n      state.editorErrorMessage = ''\n      state.validateError = false\n      return true\n    }\n\n    const getInputElement = () => {\n      const inputRefs = inputRef.value?.$refs\n      return (inputRefs?.input ?? inputRefs?.textarea) as HTMLElement\n    }\n\n    const handleClose = () => {\n      handleAction('close')\n    }\n\n    // when close on press escape is disabled, pressing esc should not callout\n    // any other message box and close any other dialog-ish elements\n    // e.g. Dialog has a close on press esc feature, and when it closes, it calls\n    // props.beforeClose method to make a intermediate state by callout a message box\n    // for some verification or alerting. then if we allow global event like this\n    // to dispatch, it could callout another message box.\n    const onCloseRequested = () => {\n      if (props.closeOnPressEscape) {\n        handleClose()\n      }\n    }\n\n    // locks the screen to prevent scroll\n    if (props.lockScroll) {\n      useLockscreen(visible, { ns })\n    }\n\n    return {\n      forEditor,\n      ...toRefs(state),\n      ns,\n      overlayEvent,\n      visible,\n      hasMessage,\n      typeClass,\n      contentId,\n      inputId,\n      btnSize,\n      iconComponent,\n      confirmButtonClasses,\n      rootRef,\n      focusStartRef,\n      headerRef,\n      inputRef,\n      isDragging,\n      confirmRef,\n      doClose, // for outside usage\n      handleClose, // for out side usage\n      onCloseRequested,\n      handleWrapperClick,\n      handleInputEnter,\n      handleAction,\n      t,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}

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

@@ -108,7 +108,7 @@ declare const notificationProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly position: EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
+  readonly position: EpPropFinalized<StringConstructor, "top-right" | "top-left" | "bottom-right" | "bottom-left", 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>;