ep-craft 0.1.39 → 0.1.41

package/dist/components/message-box/src/index2.vue.js

@@ -1,49 +1,40 @@
-import { defineComponent as G, computed as r, ref as s, reactive as W, markRaw as b, watch as x, nextTick as m, onMounted as Z, onBeforeUnmount as j, toRefs as J } from "vue";
+import { defineComponent as G, computed as a, ref as s, reactive as W, markRaw as b, watch as x, nextTick as m, onMounted as Z, onBeforeUnmount as j, toRefs as J } from "vue";
 import { EpButton as K } from "../../button/index.js";
-import "../../../directives/click-outside/index.js";
-import { isFunction as N, isString as Q } from "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import { TypeComponents as X, TypeComponentsMap as T } from "../../../utils/vue/icon.js";
-import { isValidComponentSize as Y } from "../../../utils/vue/validator.js";
-import ee from "../../../directives/trap-focus/index.js";
-import "normalize-wheel-es";
-import { useId as I } from "../../../hooks/use-id/index.js";
+import N from "../../../directives/trap-focus/index.js";
+import { useId as T } from "../../../hooks/use-id/index.js";
 import "../../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import "../../../hooks/use-delayed-toggle/index.js";
 import "../../../hooks/use-aria/index.js";
-import "../../../hooks/use-model-toggle/index.js";
-import "../../../hooks/use-empty-values/index.js";
-import { useLockscreen as te } from "../../../hooks/use-lockscreen/index.js";
-import { useSameTarget as oe } from "../../../hooks/use-same-target/index.js";
-import { useDraggable as ne } from "../../../hooks/use-draggable/index.js";
-import { EpInput as re } from "../../input/index.js";
-import { EpOverlay as ae } from "../../overlay/overlay.js";
-import { ElIcon as se } from "../../icon/index.js";
+import { useLockscreen as Q } from "../../../hooks/use-lockscreen/index.js";
+import { useSameTarget as X } from "../../../hooks/use-same-target/index.js";
+import { useDraggable as Y } from "../../../hooks/use-draggable/index.js";
+import { EpInput as ee } from "../../input/index.js";
+import { TypeComponents as te, TypeComponentsMap as I } from "../../../utils/vue/icon.js";
+import { isValidComponentSize as oe } from "../../../utils/vue/validator.js";
+import { ElIcon as ne } from "../../icon/index.js";
 import { Loading as M } from "@element-plus/icons-vue";
-import { EpFocusTrap as ie } from "../../focus-trap/index.js";
+import { EpFocusTrap as ae } from "../../focus-trap/index.js";
 import "../../config-provider/index.js";
-import { useGlobalComponentSettings as le } from "../../config-provider/src/hooks/use-global-config.js";
-const Ae = G({
+import { EpOverlay as re } from "../../overlay/overlay.js";
+import { useGlobalComponentSettings as se } from "../../config-provider/src/hooks/use-global-config.js";
+import { isFunction as le, isString as ie } from "@vue/shared";
+const Se = G({
   name: "ElMessageBox",
   directives: {
-    TrapFocus: ee
+    TrapFocus: N
   },
   components: {
     ElButton: K,
-    ElFocusTrap: ie,
-    ElInput: re,
-    ElOverlay: ae,
-    ElIcon: se,
-    ...X
+    ElFocusTrap: ae,
+    ElInput: ee,
+    ElOverlay: re,
+    ElIcon: ne,
+    ...te
   },
   inheritAttrs: !1,
   props: {
     buttonSize: {
       type: String,
-      validator: Y
+      validator: oe
     },
     modal: {
       type: Boolean,
@@ -90,10 +81,10 @@ const Ae = G({
       zIndex: k,
       ns: p,
       size: L
-    } = le(
+    } = se(
       "message-box",
-      r(() => n.buttonSize)
-    ), { t: d } = S, { nextZIndex: v } = k, i = s(!1), e = W({
+      a(() => n.buttonSize)
+    ), { t: d } = S, { nextZIndex: v } = k, l = s(!1), e = W({
       // autofocus element when open message-box
       autofocus: !0,
       beforeClose: null,
@@ -136,13 +127,13 @@ const Ae = G({
       // isOnComposition: false, // temporary remove
       validateError: !1,
       zIndex: v()
-    }), O = r(() => {
+    }), O = a(() => {
       const t = e.type;
-      return { [p.bm("icon", t)]: t && T[t] };
-    }), z = I(), V = I(), P = r(() => {
+      return { [p.bm("icon", t)]: t && I[t] };
+    }), z = T(), V = T(), P = a(() => {
       const t = e.type;
-      return e.icon || t && T[t] || "";
-    }), R = r(() => !!e.message), a = s(), y = s(), l = s(), u = s(), C = s(), F = r(() => e.confirmButtonClass);
+      return e.icon || t && I[t] || "";
+    }), R = a(() => !!e.message), r = s(), y = s(), i = s(), u = s(), C = s(), F = a(() => e.confirmButtonClass);
     x(
       () => e.inputValue,
       async (t) => {
@@ -150,28 +141,28 @@ const Ae = G({
       },
       { immediate: !0 }
     ), x(
-      () => i.value,
+      () => l.value,
       (t) => {
         var o;
-        t && (n.boxType !== "prompt" && (e.autofocus ? l.value = ((o = C.value) == null ? void 0 : o.$el) ?? a.value : l.value = a.value), e.zIndex = v()), n.boxType === "prompt" && (t ? m().then(() => {
-          u.value && u.value.$el && (e.autofocus ? l.value = _() ?? a.value : l.value = a.value);
+        t && (n.boxType !== "prompt" && (e.autofocus ? i.value = ((o = C.value) == null ? void 0 : o.$el) ?? r.value : i.value = r.value), e.zIndex = v()), n.boxType === "prompt" && (t ? m().then(() => {
+          u.value && u.value.$el && (e.autofocus ? i.value = _() ?? r.value : i.value = r.value);
         }) : (e.editorErrorMessage = "", e.validateError = !1));
       }
     );
-    const A = r(() => n.draggable), D = r(() => n.overflow), { isDragging: H } = ne(a, y, A, D);
+    const A = a(() => n.draggable), D = a(() => n.overflow), { isDragging: H } = Y(r, y, A, D);
     Z(async () => {
       await m(), n.closeOnHashChange && window.addEventListener("hashchange", c);
     }), j(() => {
       n.closeOnHashChange && window.removeEventListener("hashchange", c);
     });
     function c() {
-      i.value && (i.value = !1, m(() => {
+      l.value && (l.value = !1, m(() => {
         e.action && w("action", e.action);
       }));
     }
     const E = () => {
       n.closeOnClickModal && f(e.distinguishCancelAndClose ? "close" : "cancel");
-    }, $ = oe(E), U = (t) => {
+    }, $ = X(E), U = (t) => {
       var o;
       if (e.inputType !== "textarea" && !((o = u.value) != null && o.isComposing))
         return t.preventDefault(), f("confirm");
@@ -184,11 +175,11 @@ const Ae = G({
         if (t && !t.test(e.inputValue || ""))
           return e.editorErrorMessage = e.inputErrorMessage || d("el.messagebox.error"), e.validateError = !0, !1;
         const o = e.inputValidator;
-        if (N(o)) {
+        if (le(o)) {
           const g = o(e.inputValue);
           if (g === !1)
             return e.editorErrorMessage = e.inputErrorMessage || d("el.messagebox.error"), e.validateError = !0, !1;
-          if (Q(g))
+          if (ie(g))
             return e.editorErrorMessage = g, e.validateError = !0, !1;
         }
       }
@@ -202,11 +193,11 @@ const Ae = G({
     }, q = () => {
       n.closeOnPressEscape && h();
     };
-    return n.lockScroll && te(i, { ns: p }), {
+    return n.lockScroll && Q(l, { ns: p }), {
       ...J(e),
       ns: p,
       overlayEvent: $,
-      visible: i,
+      visible: l,
       hasMessage: R,
       typeClass: O,
       contentId: z,
@@ -214,8 +205,8 @@ const Ae = G({
       btnSize: L,
       iconComponent: P,
       confirmButtonClasses: F,
-      rootRef: a,
-      focusStartRef: l,
+      rootRef: r,
+      focusStartRef: i,
       headerRef: y,
       inputRef: u,
       isDragging: H,
@@ -233,5 +224,5 @@ const Ae = G({
   }
 });
 export {
-  Ae as default
+  Se as default
 };

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

@@ -1,8 +1,8 @@
 import type { AppContext, Component, VNode } from 'vue';
-import type { ComponentSize } from '../../../constants/index';
-import type { CSSProperties } from '../../../utils/index';
-import type { InputType } from '../../input/index';
-import type { buttonTypes } from '../../button/button';
+import type { ComponentSize } from '../../../constants/index.js';
+import type { CSSProperties } from '../../../utils/index.js';
+import type { InputType } from '../../input/index.js';
+import type { buttonTypes } from '../../button/button.js';
 export type MessageType = '' | 'primary' | 'success' | 'warning' | 'info' | 'error';
 export type MessageBoxButtonType = (typeof buttonTypes)[number];
 export type Action = 'confirm' | 'close' | 'cancel';

package/dist/components/message-box/src/messageBox.d.ts

@@ -1,3 +1,3 @@
-import type { IElMessageBox } from './message-box.type';
+import type { IElMessageBox } from './message-box.type.js';
 declare const _default: IElMessageBox;
 export default _default;

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

@@ -1,12 +1,10 @@
-import { isVNode as g, render as h, markRaw as b, createVNode as p } from "vue";
-import { isElement as u, isUndefined as A } from "../../../utils/types.js";
-import "lodash-unified";
+import { isVNode as g, render as h, markRaw as b, createVNode as A } from "vue";
 import { isClient as M } from "@vueuse/core";
 import { debugWarn as O } from "../../../utils/error.js";
+import { isElement as u, isUndefined as T } from "../../../utils/types.js";
+import v from "./index.vue.js";
 import { isString as E, hasOwn as d, isObject as C, isFunction as f } from "@vue/shared";
-import "@element-plus/icons-vue";
-import T from "./index.vue.js";
-const s = /* @__PURE__ */ new Map(), v = (e) => {
+const r = /* @__PURE__ */ new Map(), w = (e) => {
   let t = document.body;
   return e.appendTo && (E(e.appendTo) && (t = document.querySelector(e.appendTo)), u(e.appendTo) && (t = e.appendTo), u(t) || (O(
     "ElMessageBox",
@@ -16,9 +14,9 @@ const s = /* @__PURE__ */ new Map(), v = (e) => {
   var c;
   const l = (c = e.component) == null ? void 0 : c.proxy;
   return () => l.handleAction(t);
-}, w = (e, t, l = null) => {
-  const c = p(
-    T,
+}, x = (e, t, l = null) => {
+  const c = A(
+    v,
     e,
     f(e.message) || g(e.message) ? {
       default: f(e.message) ? () => e.message({
@@ -28,36 +26,36 @@ const s = /* @__PURE__ */ new Map(), v = (e) => {
       }) : () => e.message
     } : null
   );
-  return c.appContext = l, h(c, t), v(e).appendChild(t.firstElementChild), c.component;
-}, x = () => document.createElement("div"), B = (e, t) => {
-  const l = x();
+  return c.appContext = l, h(c, t), w(e).appendChild(t.firstElementChild), c.component;
+}, p = () => document.createElement("div"), B = (e, t) => {
+  const l = p();
   e.onVanish = () => {
-    h(null, l), s.delete(r);
+    h(null, l), r.delete(s);
   }, e.onAction = (n) => {
-    const m = s.get(r);
+    const m = r.get(s);
     let o;
-    e.showInput ? o = { value: r.inputValue, action: n } : o = n, e.callback ? e.callback(o, c.proxy) : n === "cancel" || n === "close" ? e.distinguishCancelAndClose && n !== "cancel" ? m.reject("close") : m.reject("cancel") : m.resolve(o);
+    e.showInput ? o = { value: s.inputValue, action: n } : o = n, e.callback ? e.callback(o, c.proxy) : n === "cancel" || n === "close" ? e.distinguishCancelAndClose && n !== "cancel" ? m.reject("close") : m.reject("cancel") : m.resolve(o);
   };
-  const c = w(e, l, t), r = c.proxy;
+  const c = x(e, l, t), s = c.proxy;
   for (const n in e)
-    d(e, n) && !d(r.$props, n) && (n === "closeIcon" && C(e[n]) ? r[n] = b(e[n]) : r[n] = e[n]);
-  return r.visible = !0, r;
+    d(e, n) && !d(s.$props, n) && (n === "closeIcon" && C(e[n]) ? s[n] = b(e[n]) : s[n] = e[n]);
+  return s.visible = !0, s;
 };
 function a(e, t = null) {
   if (!M) return Promise.reject();
   let l;
   return E(e) || g(e) ? e = {
     message: e
-  } : l = e.callback, new Promise((c, r) => {
+  } : l = e.callback, new Promise((c, s) => {
     const n = B(
       e,
       t ?? a._context
     );
-    s.set(n, {
+    r.set(n, {
       options: e,
       callback: l,
       resolve: c,
-      reject: r
+      reject: s
     });
   });
 }
@@ -72,9 +70,9 @@ S.forEach((e) => {
   );
 });
 function k(e) {
-  return (t, l, c, r) => {
+  return (t, l, c, s) => {
     let n = "";
-    return C(l) ? (c = l, n = "") : A(l) ? n = "" : n = l, a(
+    return C(l) ? (c = l, n = "") : T(l) ? n = "" : n = l, a(
       Object.assign(
         {
           title: n,
@@ -87,14 +85,14 @@ function k(e) {
           boxType: e
         }
       ),
-      r
+      s
     );
   };
 }
 a.close = () => {
-  s.forEach((e, t) => {
+  r.forEach((e, t) => {
     t.doClose();
-  }), s.clear();
+  }), r.clear();
 };
 a._context = null;
 export {

package/dist/components/notification/index.d.ts

@@ -1,3 +1,3 @@
-export declare const EpNotification: import("../../utils/index").SFCInstallWithContext<import(".").Notify>;
+export declare const EpNotification: import("../../utils/index.js").SFCInstallWithContext<import("./index.js").Notify>;
 export default EpNotification;
-export * from './src/notification';
+export * from './src/notification.js';

package/dist/components/notification/index.js

@@ -1,15 +1,6 @@
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
-import "vue";
 import { withInstallFunction as o } from "../../utils/vue/install.js";
-import i from "./src/notify.js";
-import { notificationEmits as y, notificationProps as l, notificationTypes as x } from "./src/notification.js";
-const a = o(i, "$notify");
+import t from "./src/notify.js";
+const f = o(t, "$notify");
 export {
-  a as EpNotification,
-  y as notificationEmits,
-  l as notificationProps,
-  x as notificationTypes
+  f as EpNotification
 };

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

@@ -1,6 +1,6 @@
 import type { AppContext, ExtractPublicPropTypes, VNode } from 'vue';
-import type { IconPropType } from '../../../utils/index';
-import type Notification from './notification.vue';
+import type { IconPropType } from '../../../utils/index.js';
+import type Notification from './notification.vue.js';
 export declare const notificationTypes: readonly ["primary", "success", "info", "warning", "error"];
 export type NotificationType = (typeof notificationTypes)[number] | '';
 export type NotificationPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
@@ -70,17 +70,17 @@ export interface NotificationProps {
  * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.
  */
 export declare const notificationProps: {
-    readonly customClass: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly customClass: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly dangerouslyUseHTMLString: BooleanConstructor;
-    readonly duration: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 4500, boolean>;
+    readonly duration: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 4500, boolean>;
     readonly icon: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly id: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly message: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    readonly id: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly message: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | (() => VNode)) | (() => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
@@ -89,8 +89,8 @@ export declare const notificationProps: {
     }> | (() => VNode)) | (() => string | VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }> | (() => VNode))) | null)[], unknown, unknown, "", boolean>;
-    readonly offset: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly onClick: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => () => void) | (() => () => void) | {
+    readonly offset: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly onClick: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => () => void) | (() => () => void) | {
         (): () => void;
         new (): any;
         readonly prototype: any;
@@ -105,12 +105,12 @@ export declare const notificationProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly position: import("../../../utils/index").EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
-    readonly showClose: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    readonly title: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly type: import("../../../utils/index").EpPropFinalized<StringConstructor, "" | "error" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
+    readonly position: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
+    readonly showClose: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly title: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly type: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "" | "error" | "primary" | "success" | "warning" | "info", unknown, "", boolean>;
     readonly zIndex: NumberConstructor;
-    readonly closeIcon: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
+    readonly closeIcon: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown, import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `NotificationProps` instead.

package/dist/components/notification/src/notification.js

@@ -1,9 +1,5 @@
 import { Close as o } from "@element-plus/icons-vue";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
 import { iconPropType as e } from "../../../utils/vue/icon.js";
-import "vue";
 import { buildProps as i, definePropType as t } from "../../../utils/vue/props/runtime.js";
 const r = [
   "primary",
@@ -11,7 +7,7 @@ const r = [
   "info",
   "warning",
   "error"
-], d = i({
+], s = i({
   /**
    * @description custom class name for Notification
    */
@@ -117,11 +113,11 @@ const r = [
     type: e,
     default: o
   }
-}), y = {
+}), l = {
   destroy: () => !0
 };
 export {
-  y as notificationEmits,
-  d as notificationProps,
+  l as notificationEmits,
+  s as notificationProps,
   r as notificationTypes
 };

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

@@ -1,4 +1,4 @@
-import type { NotificationProps } from './notification';
+import type { NotificationProps } from './notification.js';
 declare function close(): void;
 declare var __VLS_18: {};
 type __VLS_Slots = {} & {
@@ -13,17 +13,17 @@ declare const __VLS_component: import("vue").DefineComponent<NotificationProps,
 }, string, import("vue").PublicProps, Readonly<NotificationProps> & Readonly<{
     onDestroy?: (() => any) | undefined;
 }>, {
-    position: import("./notification").NotificationPosition;
+    position: import("./notification.js").NotificationPosition;
     offset: number;
     title: string;
     id: string;
-    type: import("./notification").NotificationType;
+    type: import("./notification.js").NotificationType;
     onClick: () => void;
     message: string | import("vue").VNode | (() => import("vue").VNode);
     duration: number;
     customClass: string;
     showClose: boolean;
-    closeIcon: import("../../../utils/index").IconPropType;
+    closeIcon: import("../../../utils/index.js").IconPropType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/components/notification/src/notification.vue.js

@@ -1,16 +1,14 @@
-import { defineComponent as O, ref as U, computed as c, onMounted as W, openBlock as s, createBlock as u, Transition as Z, unref as o, withCtx as p, withDirectives as h, createElementVNode as f, normalizeStyle as x, normalizeClass as a, resolveDynamicComponent as b, createCommentVNode as w, toDisplayString as E, renderSlot as j, createElementBlock as T, vShow as I, withModifiers as A, markRaw as G } from "vue";
+import { defineComponent as O, ref as U, computed as c, onMounted as W, openBlock as s, createBlock as u, Transition as Z, unref as o, withCtx as y, withDirectives as h, createElementVNode as m, normalizeStyle as x, normalizeClass as a, resolveDynamicComponent as b, createCommentVNode as w, toDisplayString as E, renderSlot as j, createElementBlock as T, vShow as I, withModifiers as A, markRaw as G } from "vue";
 import { useEventListener as K, useTimeoutFn as P } from "@vueuse/core";
-import "@vue/shared";
-import "lodash-unified";
 import { getEventCode as R } from "../../../utils/dom/event.js";
 import { TypeComponentsMap as M } from "../../../utils/vue/icon.js";
-import { EVENT_CODE as y } from "../../../constants/aria.js";
+import { EVENT_CODE as p } from "../../../constants/aria.js";
 import { ElIcon as S } from "../../icon/index.js";
 import "../../config-provider/index.js";
 import { notificationEmits as q } from "./notification.js";
 import { Close as J } from "@element-plus/icons-vue";
 import { useGlobalComponentSettings as Q } from "../../config-provider/src/hooks/use-global-config.js";
-const X = ["id"], Y = ["textContent"], _ = { key: 0 }, ee = ["innerHTML"], fe = /* @__PURE__ */ O({
+const X = ["id"], Y = ["textContent"], _ = { key: 0 }, ee = ["innerHTML"], de = /* @__PURE__ */ O({
   name: "ElNotification",
   __name: "notification",
   props: {
@@ -48,23 +46,23 @@ const X = ["id"], Y = ["textContent"], _ = { key: 0 }, ee = ["innerHTML"], fe =
     }));
     function v() {
       t.duration > 0 && ({ stop: d } = P(() => {
-        l.value && m();
+        l.value && f();
       }, t.duration));
     }
     function k() {
       d == null || d();
     }
-    function m() {
+    function f() {
       l.value = !1;
     }
     function V(i) {
       switch (R(i)) {
-        case y.delete:
-        case y.backspace:
+        case p.delete:
+        case p.backspace:
           k();
           break;
-        case y.esc:
-          l.value && m();
+        case p.esc:
+          l.value && f();
           break;
         default:
           v();
@@ -76,14 +74,14 @@ const X = ["id"], Y = ["textContent"], _ = { key: 0 }, ee = ["innerHTML"], fe =
     }), K(document, "keydown", V), B({
       visible: l,
       /** @description close notification */
-      close: m
+      close: f
     }), (i, r) => (s(), u(Z, {
       name: o(n).b("fade"),
       onBeforeLeave: e.onClose,
       onAfterLeave: r[1] || (r[1] = (g) => i.$emit("destroy"))
     }, {
-      default: p(() => [
-        h(f("div", {
+      default: y(() => [
+        h(m("div", {
           id: e.id,
           class: a([o(n).b(), e.customClass, N.value]),
           style: x(F.value),
@@ -97,19 +95,19 @@ const X = ["id"], Y = ["textContent"], _ = { key: 0 }, ee = ["innerHTML"], fe =
             key: 0,
             class: a([o(n).e("icon"), H.value])
           }, {
-            default: p(() => [
+            default: y(() => [
               (s(), u(b(C.value)))
             ]),
             _: 1
           }, 8, ["class"])) : w("", !0),
-          f("div", {
+          m("div", {
             class: a(o(n).e("group"))
           }, [
-            f("h2", {
+            m("h2", {
               class: a(o(n).e("title")),
               textContent: E(e.title)
             }, null, 10, Y),
-            h(f("div", {
+            h(m("div", {
               class: a(o(n).e("content")),
               style: x(e.title ? void 0 : { margin: 0 })
             }, [
@@ -125,9 +123,9 @@ const X = ["id"], Y = ["textContent"], _ = { key: 0 }, ee = ["innerHTML"], fe =
             e.showClose ? (s(), u(o(S), {
               key: 0,
               class: a(o(n).e("closeBtn")),
-              onClick: A(m, ["stop"])
+              onClick: A(f, ["stop"])
             }, {
-              default: p(() => [
+              default: y(() => [
                 (s(), u(b(e.closeIcon)))
               ]),
               _: 1
@@ -142,5 +140,5 @@ const X = ["id"], Y = ["textContent"], _ = { key: 0 }, ee = ["innerHTML"], fe =
   }
 });
 export {
-  fe as default
+  de as default
 };

package/dist/components/notification/src/notify.d.ts

@@ -1,5 +1,5 @@
 import type { VNode } from 'vue';
-import type { NotificationPosition, Notify } from './notification';
+import type { NotificationPosition, Notify } from './notification.js';
 /**
  * This function gets called when user click `x` button or press `esc` or the time reached its limitation.
  * Emitted by transition@before-leave event so that we can fetch the current notification.offsetHeight, if this was called