ep-craft 0.1.40 → 0.1.41

package/dist/components/affix/affix.d.ts

@@ -1,4 +1,12 @@
 import type { ExtractPropTypes } from 'vue';
+/**
+ * EpAffix —— 从 element-plus 的 affix 源码 vendored 而来（el -> ep 命名），
+ * 样式复用仓库内置的 theme-chalk/src/affix.scss（命名空间为 el）。
+ *
+ * 边界测量与监听统一使用 @vueuse/core：其在 SSR 下不会访问 window，
+ * 且组件作用域销毁时会自动断开 ResizeObserver / MutationObserver 与
+ * 事件监听（此前内联的精简版本会在 SSR 下崩溃并泄漏 observer）。
+ */
 export declare const affixProps: {
     readonly zIndex: import("../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown, 100, boolean>;
     readonly target: import("../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

package/dist/components/affix/affix.js

@@ -1,77 +1,16 @@
-import { defineComponent as D, shallowRef as s, ref as S, computed as T, watch as E, onMounted as C, onActivated as F, nextTick as R, onDeactivated as V, watchEffect as Y, h as z, Teleport as k, renderSlot as q } from "vue";
-import { CHANGE_EVENT as H } from "../../constants/event.js";
-import { throwError as G } from "../../utils/error.js";
-import { isBoolean as W, isNumber as U } from "../../utils/types.js";
-import { getScrollContainer as J } from "../../utils/dom/scroll.js";
-import { addUnit as K } from "../../utils/dom/style.js";
-import { buildProps as Q, definePropType as A } from "../../utils/vue/props/runtime.js";
-import { useNamespace as X } from "../../hooks/use-namespace/index.js";
-const Z = (e) => {
-  const t = (e == null ? void 0 : e.value) ?? e;
-  return t && typeof t == "object" && "$el" in t ? t.$el : t;
-}, ee = (e, t) => {
-  let n;
-  const o = E(
-    e,
-    (i) => {
-      n == null || n.disconnect(), n = void 0, i && typeof ResizeObserver < "u" && (n = new ResizeObserver(t), n.observe(i));
-    },
-    { immediate: !0, flush: "post" }
-  );
-  return {
-    stop: () => {
-      n == null || n.disconnect(), o();
-    }
-  };
-}, te = (e, t, n) => {
-  let o;
-  const i = E(
-    e,
-    (u) => {
-      o == null || o.disconnect(), o = void 0, u && typeof MutationObserver < "u" && (o = new MutationObserver(t), o.observe(u, n));
-    },
-    { immediate: !0, flush: "post" }
-  );
-  return {
-    stop: () => {
-      o == null || o.disconnect(), i();
-    }
-  };
-};
-function y(...e) {
-  const t = typeof e[0] == "string", n = t ? void 0 : e[0], o = t ? e[0] : e[1], i = t ? e[1] : e[2], u = t ? e[2] : e[3], r = E(
-    () => {
-      if (t) return window;
-      const l = n.value;
-      return l instanceof Window, l;
-    },
-    (l, c, f) => {
-      l && (l.addEventListener(o, i, u), f(() => l.removeEventListener(o, i, u)));
-    },
-    { immediate: !0 }
-  );
-  return () => r();
-}
-const oe = () => {
-  const e = s(Number.POSITIVE_INFINITY), t = () => {
-    e.value = window.innerHeight;
-  };
-  return t(), y("resize", t, { passive: !0 }), { height: e };
-}, B = (e, t = {}) => {
-  const { windowScroll: n = !0, windowResize: o = !0 } = t, i = s(0), u = s(0), r = s(0), l = s(0), c = s(0), f = s(0), d = () => {
-    const m = Z(e);
-    if (!m) {
-      i.value = 0, u.value = 0, r.value = 0, l.value = 0, c.value = 0, f.value = 0;
-      return;
-    }
-    const v = m.getBoundingClientRect();
-    i.value = v.height, u.value = v.bottom, r.value = v.left, l.value = v.right, c.value = v.top, f.value = v.width;
-  };
-  return ee(e, d), te(e, d, { attributeFilter: ["style", "class"] }), n && y("scroll", d, { capture: !0, passive: !0 }), o && y("resize", d, { passive: !0 }), C(d), { height: i, bottom: u, left: r, right: l, top: c, width: f, update: d };
-}, ne = Q({
+import { defineComponent as O, shallowRef as m, ref as p, computed as g, watch as _, onMounted as j, onActivated as k, nextTick as x, onDeactivated as q, watchEffect as G, h, Teleport as M, renderSlot as U } from "vue";
+import { useWindowSize as V, useElementBounding as R, useEventListener as Y } from "@vueuse/core";
+import { CHANGE_EVENT as B } from "../../constants/event.js";
+import { throwError as F } from "../../utils/error.js";
+import { isBoolean as A, isNumber as J } from "../../utils/types.js";
+import { getScrollContainer as K } from "../../utils/dom/scroll.js";
+import { addUnit as Q } from "../../utils/dom/style.js";
+import { buildProps as X, definePropType as z } from "../../utils/vue/props/runtime.js";
+import { useNamespace as Z } from "../../hooks/use-namespace/index.js";
+const ee = X({
   /** affix element zIndex value */
   zIndex: {
-    type: A([Number, String]),
+    type: z([Number, String]),
     default: 100
   },
   /** target container. (CSS selector) */
@@ -94,97 +33,97 @@ const oe = () => {
   teleported: Boolean,
   /** which element the affix element appends to */
   appendTo: {
-    type: A([String, Object]),
+    type: z([String, Object]),
     default: "body"
   }
-}), le = {
-  scroll: ({ scrollTop: e, fixed: t }) => U(e) && W(t),
-  [H]: (e) => W(e)
-}, ve = D({
+}), te = {
+  scroll: ({ scrollTop: e, fixed: u }) => J(e) && A(u),
+  [B]: (e) => A(e)
+}, ce = O({
   name: "EpAffix",
-  props: ne,
-  emits: le,
-  setup(e, { emit: t, slots: n, expose: o }) {
-    const i = X("affix"), u = s(), r = s(), l = s(), { height: c } = oe(), {
-      height: f,
-      width: d,
-      top: m,
-      bottom: v,
-      left: L,
-      update: g
-    } = B(r, { windowScroll: !1 }), b = B(u), a = S(!1), N = S(0), x = S(0), M = T(() => !e.teleported || !a.value), P = T(() => ({
+  props: ee,
+  emits: te,
+  setup(e, { emit: u, slots: C, expose: H }) {
+    const w = Z("affix"), r = m(), d = m(), l = m(), { height: i } = V(), {
+      height: v,
+      width: b,
+      top: y,
+      bottom: E,
+      left: I,
+      update: f
+    } = R(d, { windowScroll: !1 }), s = R(r), t = p(!1), S = p(0), c = p(0), P = g(() => !e.teleported || !t.value), W = g(() => ({
       display: "flow-root",
-      height: a.value ? `${f.value}px` : "",
-      width: a.value ? `${d.value}px` : ""
-    })), _ = T(() => {
-      if (!a.value) return {};
-      const p = K(e.offset);
+      height: t.value ? `${v.value}px` : "",
+      width: t.value ? `${b.value}px` : ""
+    })), D = g(() => {
+      if (!t.value) return {};
+      const o = Q(e.offset);
       return {
-        height: `${f.value}px`,
-        width: `${d.value}px`,
-        top: e.position === "top" ? p : "",
-        bottom: e.position === "bottom" ? p : "",
-        left: e.teleported ? `${L.value}px` : "",
-        transform: x.value ? `translateY(${x.value}px)` : "",
+        height: `${v.value}px`,
+        width: `${b.value}px`,
+        top: e.position === "top" ? o : "",
+        bottom: e.position === "bottom" ? o : "",
+        left: e.teleported ? `${I.value}px` : "",
+        transform: c.value ? `translateY(${c.value}px)` : "",
         zIndex: e.zIndex
       };
-    }), O = () => {
+    }), T = () => {
       if (!l.value) return;
-      N.value = l.value instanceof Window ? document.documentElement.scrollTop : l.value.scrollTop || 0;
-      const { position: p, offset: h } = e, I = h + f.value;
-      if (p === "top")
+      S.value = l.value instanceof Window ? document.documentElement.scrollTop : l.value.scrollTop || 0;
+      const { position: o, offset: a } = e, N = a + v.value;
+      if (o === "top")
         if (e.target) {
-          const w = b.bottom.value - I;
-          a.value = h > m.value && b.bottom.value > 0, x.value = w < 0 ? w : 0;
+          const n = s.bottom.value - N;
+          t.value = a > y.value && s.bottom.value > 0, c.value = n < 0 ? n : 0;
         } else
-          a.value = h > m.value;
+          t.value = a > y.value;
       else if (e.target) {
-        const w = c.value - b.top.value - I;
-        a.value = c.value - h < v.value && c.value > b.top.value, x.value = w < 0 ? -w : 0;
+        const n = i.value - s.top.value - N;
+        t.value = i.value - a < E.value && i.value > s.top.value, c.value = n < 0 ? -n : 0;
       } else
-        a.value = c.value - h < v.value;
+        t.value = i.value - a < E.value;
     }, $ = async () => {
-      if (!a.value) {
-        g();
+      if (!t.value) {
+        f();
         return;
       }
-      a.value = !1, await R(), g(), a.value = !0;
-    }, j = async () => {
-      g(), await R(), t("scroll", {
-        scrollTop: N.value,
-        fixed: a.value
+      t.value = !1, await x(), f(), t.value = !0;
+    }, L = async () => {
+      f(), await x(), u("scroll", {
+        scrollTop: S.value,
+        fixed: t.value
       });
     };
-    return E(a, (p) => t(H, p)), C(() => {
-      e.target ? (u.value = document.querySelector(e.target) ?? void 0, u.value || G("EpAffix", `Target does not exist: ${e.target}`)) : u.value = document.documentElement, l.value = J(r.value, !0), g();
-    }), F(() => {
-      R($);
-    }), V(() => {
-      a.value = !1;
-    }), y(l, "scroll", j), Y(O), o({
+    return _(t, (o) => u(B, o)), j(() => {
+      e.target ? (r.value = document.querySelector(e.target) ?? void 0, r.value || F("EpAffix", `Target does not exist: ${e.target}`)) : r.value = document.documentElement, l.value = K(d.value, !0), f();
+    }), k(() => {
+      x($);
+    }), q(() => {
+      t.value = !1;
+    }), Y(l, "scroll", L), G(T), H({
       /** update affix status */
-      update: O,
+      update: T,
       /** update rootRect info */
       updateRoot: $
-    }), () => z(
+    }), () => h(
       "div",
       {
-        ref: r,
-        class: i.b(),
-        style: P.value
+        ref: d,
+        class: w.b(),
+        style: W.value
       },
       [
-        z(
-          k,
-          { disabled: M.value, to: e.appendTo },
+        h(
+          M,
+          { disabled: P.value, to: e.appendTo },
           [
-            z(
+            h(
               "div",
               {
-                class: { [i.m("fixed")]: a.value },
-                style: _.value
+                class: { [w.m("fixed")]: t.value },
+                style: D.value
               },
-              [q(n, "default")]
+              [U(C, "default")]
             )
           ]
         )
@@ -193,7 +132,7 @@ const oe = () => {
   }
 });
 export {
-  le as affixEmits,
-  ne as affixProps,
-  ve as default
+  te as affixEmits,
+  ee as affixProps,
+  ce as default
 };

package/dist/components/dialog/EpDialog.vue.d.ts

@@ -23,16 +23,16 @@ declare const __VLS_component: import("vue").DefineComponent<DialogProps, {
     "update:modelValue": (value: boolean) => void;
     open: () => void;
     close: () => void;
-    opened: () => void;
     closed: () => void;
+    opened: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
 }, string, import("vue").PublicProps, Readonly<DialogProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
-    onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
 }>, {

package/dist/components/dialog/EpDialog.vue.js

@@ -1,16 +1,16 @@
 import { defineComponent as q, useSlots as L, computed as j, ref as m, provide as x, openBlock as C, createBlock as b, Teleport as K, createVNode as f, Transition as U, normalizeProps as G, guardReactiveProps as H, unref as e, withCtx as n, withDirectives as J, createElementVNode as Q, normalizeStyle as W, normalizeClass as X, mergeProps as Y, createSlots as Z, renderSlot as i, createCommentVNode as _, vShow as ee, mergeDefaults as oe } from "vue";
-import { EpOverlay as le } from "../overlay/overlay.js";
-import { useNamespace as te } from "../../hooks/use-namespace/index.js";
+import { useNamespace as le } from "../../hooks/use-namespace/index.js";
 import "@vueuse/core";
 import "../../hooks/use-size/index.js";
-import { useDeprecated as ae } from "../../hooks/use-deprecated/index.js";
+import { useDeprecated as te } from "../../hooks/use-deprecated/index.js";
 import "../../hooks/use-aria/index.js";
-import { useSameTarget as se } from "../../hooks/use-same-target/index.js";
-import { EpFocusTrap as ne } from "../focus-trap/index.js";
-import re from "./EpDialogContent.vue.js";
-import { dialogInjectionKey as ie } from "./constants.js";
-import { dialogEmits as de, dialogPropsDefaults as ce } from "./dialog.js";
-import { useDialog as ue } from "./use-dialog.js";
+import { useSameTarget as ae } from "../../hooks/use-same-target/index.js";
+import { EpFocusTrap as se } from "../focus-trap/index.js";
+import ne from "./EpDialogContent.vue.js";
+import { dialogInjectionKey as re } from "./constants.js";
+import { dialogEmits as ie, dialogPropsDefaults as de } from "./dialog.js";
+import { useDialog as ce } from "./use-dialog.js";
+import { EpOverlay as ue } from "../overlay/overlay.js";
 const me = ["aria-label", "aria-labelledby", "aria-describedby"], Te = /* @__PURE__ */ q({
   name: "EpDialog",
   inheritAttrs: !1,
@@ -47,11 +47,11 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], Te = /* @__PUR
     showClose: { type: Boolean },
     title: {},
     ariaLevel: {}
-  }, ce),
-  emits: de,
+  }, de),
+  emits: ie,
   setup(o, { expose: h }) {
     const B = o, w = L();
-    ae(
+    te(
       {
         scope: "el-dialog",
         from: "the title slot",
@@ -61,7 +61,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], Te = /* @__PUR
       },
       j(() => !!w.title)
     );
-    const t = te("dialog"), p = m(), k = m(), d = m(), {
+    const t = le("dialog"), p = m(), k = m(), d = m(), {
       visible: c,
       titleId: y,
       bodyId: g,
@@ -82,8 +82,8 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], Te = /* @__PUR
       onFocusoutPrevented: O,
       bringToFront: N,
       closing: V
-    } = ue(B, p);
-    x(ie, {
+    } = ce(B, p);
+    x(re, {
       dialogRef: p,
       headerRef: k,
       bodyId: g,
@@ -91,7 +91,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], Te = /* @__PUR
       rendered: v,
       style: F
     });
-    const a = se(S);
+    const a = ae(S);
     return h({
       /** @description whether the dialog is visible */
       visible: c,
@@ -107,7 +107,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], Te = /* @__PUR
     }, [
       f(U, G(H(e(R))), {
         default: n(() => [
-          J(f(e(le), {
+          J(f(e(ue), {
             "custom-mask-event": "",
             mask: o.modal,
             "overlay-class": [
@@ -136,7 +136,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], Te = /* @__PUR
                 onMouseup: s[2] || (s[2] = //@ts-ignore
                 (...r) => e(a).onMouseup && e(a).onMouseup(...r))
               }, [
-                f(e(ne), {
+                f(e(se), {
                   loop: "",
                   trapped: e(c),
                   "focus-start-el": "container",
@@ -146,7 +146,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], Te = /* @__PUR
                   onReleaseRequested: e(z)
                 }, {
                   default: n(() => [
-                    e(v) ? (C(), b(re, Y({
+                    e(v) ? (C(), b(ne, Y({
                       key: 0,
                       ref_key: "dialogContentRef",
                       ref: d

package/dist/components/drawer/EpDrawer.vue.d.ts

@@ -20,8 +20,8 @@ declare const __VLS_component: import("vue").DefineComponent<DrawerProps, {
     resize: (evt: MouseEvent, size: number) => void;
     open: () => void;
     close: () => void;
-    opened: () => void;
     closed: () => void;
+    opened: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
     "resize-start": (evt: MouseEvent, size: number) => void;
@@ -31,8 +31,8 @@ declare const __VLS_component: import("vue").DefineComponent<DrawerProps, {
     onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
     onOpen?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
-    onOpened?: (() => any) | undefined;
     onClosed?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
     "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;

package/dist/components/drawer/EpDrawer.vue.js

@@ -1,17 +1,17 @@
 import { defineComponent as U, useSlots as j, computed as k, ref as v, openBlock as r, createBlock as G, Teleport as J, createVNode as s, Transition as K, unref as e, withCtx as m, withDirectives as Q, createElementVNode as h, mergeProps as W, withModifiers as X, normalizeClass as a, createElementBlock as n, renderSlot as u, toDisplayString as Y, createCommentVNode as i, normalizeStyle as Z, vShow as _, mergeDefaults as ee } from "vue";
 import { Close as oe } from "@element-plus/icons-vue";
-import { EpOverlay as te } from "../overlay/overlay.js";
-import { EpFocusTrap as ae } from "../focus-trap/index.js";
-import { EpIcon as le } from "../icon/index.js";
-import { useNamespace as re } from "../../hooks/use-namespace/index.js";
-import { useLocale as se } from "../../hooks/use-locale/index.js";
+import { EpFocusTrap as te } from "../focus-trap/index.js";
+import { EpIcon as ae } from "../icon/index.js";
+import { useNamespace as le } from "../../hooks/use-namespace/index.js";
+import { useLocale as re } from "../../hooks/use-locale/index.js";
 import "@vueuse/core";
 import "../../hooks/use-size/index.js";
-import { useDeprecated as ne } from "../../hooks/use-deprecated/index.js";
+import { useDeprecated as se } from "../../hooks/use-deprecated/index.js";
 import "../../hooks/use-aria/index.js";
-import { drawerEmits as ie } from "./drawer.js";
-import { useResizable as de } from "./useResizable.js";
-import { useDialog as ce } from "../dialog/use-dialog.js";
+import { drawerEmits as ne } from "./drawer.js";
+import { useResizable as ie } from "./useResizable.js";
+import { useDialog as de } from "../dialog/use-dialog.js";
+import { EpOverlay as ce } from "../overlay/overlay.js";
 import { dialogPropsDefaults as fe } from "../dialog/dialog.js";
 const me = ["aria-label", "aria-labelledby", "aria-describedby"], ue = ["id", "aria-level"], pe = ["aria-label"], ye = ["id"], Te = /* @__PURE__ */ U({
   name: "EpDrawer",
@@ -62,10 +62,10 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], ue = ["id", "a
     modalFade: !0,
     headerAriaLevel: "2"
   }),
-  emits: ie,
+  emits: ne,
   setup(o, { expose: z, emit: R }) {
     const d = o, A = R, F = j();
-    ne(
+    se(
       {
         scope: "el-drawer",
         from: "the title slot",
@@ -75,7 +75,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], ue = ["id", "a
       },
       k(() => !!F.title)
     );
-    const p = v(), C = v(), B = v(), t = re("drawer"), { t: E } = se(), {
+    const p = v(), C = v(), B = v(), t = le("drawer"), { t: E } = re(), {
       afterEnter: L,
       afterLeave: D,
       beforeLeave: T,
@@ -90,7 +90,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], ue = ["id", "a
       onFocusoutPrevented: O,
       onCloseRequested: H,
       handleClose: c
-    } = ce(d, p), { isHorizontal: N, size: V, isResizing: q } = de(d, B, A), x = k(() => d.modalPenetrable && !d.modal);
+    } = de(d, p), { isHorizontal: N, size: V, isResizing: q } = ie(d, B, A), x = k(() => d.modalPenetrable && !d.modal);
     return z({
       handleClose: c
     }), (l, f) => (r(), G(J, {
@@ -104,7 +104,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], ue = ["id", "a
         onBeforeLeave: e(T)
       }, {
         default: m(() => [
-          Q(s(e(te), {
+          Q(s(e(ce), {
             mask: o.modal,
             "overlay-class": [
               e(t).is("drawer"),
@@ -116,7 +116,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], ue = ["id", "a
             onClick: e(I)
           }, {
             default: m(() => [
-              s(e(ae), {
+              s(e(te), {
                 loop: "",
                 trapped: e(y),
                 "focus-trap-el": p.value,
@@ -176,7 +176,7 @@ const me = ["aria-label", "aria-labelledby", "aria-describedby"], ue = ["id", "a
                         onClick: f[0] || (f[0] = //@ts-ignore
                         (...M) => e(c) && e(c)(...M))
                       }, [
-                        s(e(le), {
+                        s(e(ae), {
                           class: a(e(t).e("close"))
                         }, {
                           default: m(() => [

package/dist/components/menu/menu.js

@@ -1,36 +1,23 @@
-import { defineComponent as Q, getCurrentInstance as X, ref as f, computed as Z, watch as x, watchEffect as ee, provide as U, reactive as te, onMounted as ne, h as I, withDirectives as le, nextTick as oe } from "vue";
-import { ElIcon as ue } from "../icon/index.js";
-import { More as ie } from "@element-plus/icons-vue";
-import { mutable as ae } from "../../utils/typescript.js";
-import { iconPropType as ce } from "../../utils/vue/icon.js";
-import { flattedChildren as se } from "../../utils/vue/vnode.js";
-import { buildProps as re, definePropType as N } from "../../utils/vue/props/runtime.js";
-import { useNamespace as j } from "../../hooks/use-namespace/index.js";
-import de from "../../directives/click-outside/index.js";
-import fe from "./utils/menu-bar.js";
-import { useMenuCssVar as me } from "./use-menu-css-var.js";
-import ve from "./menu-collapse-transition.vue.js";
-import { MENU_INJECTION_KEY as pe, SUB_MENU_INJECTION_KEY as he } from "./tokens.js";
-import ge from "../sub-menu/sub-menu.js";
-import { isString as C, isObject as Me, isArray as be } from "@vue/shared";
-const ye = (e) => {
-  const o = (e == null ? void 0 : e.value) ?? e;
-  return o && typeof o == "object" && "$el" in o ? o.$el : o;
-}, Ie = (e, o) => {
-  let i;
-  const h = x(
-    e,
-    (g) => {
-      i == null || i.disconnect(), i = void 0, g && typeof ResizeObserver < "u" && (i = new ResizeObserver(o), i.observe(g));
-    },
-    { immediate: !0 }
-  );
-  return {
-    stop: () => {
-      i == null || i.disconnect(), h();
-    }
-  };
-}, Se = re({
+import { defineComponent as X, getCurrentInstance as Z, ref as d, computed as ee, watch as C, watchEffect as te, onBeforeUnmount as ne, provide as j, reactive as oe, onMounted as le, h as I, withDirectives as ue, nextTick as ae } from "vue";
+import { useResizeObserver as ie } from "@vueuse/core";
+import { ElIcon as ce } from "../icon/index.js";
+import { More as re } from "@element-plus/icons-vue";
+import { mutable as se } from "../../utils/typescript.js";
+import { iconPropType as de } from "../../utils/vue/icon.js";
+import { flattedChildren as fe } from "../../utils/vue/vnode.js";
+import { buildProps as me, definePropType as N } from "../../utils/vue/props/runtime.js";
+import { useNamespace as F } from "../../hooks/use-namespace/index.js";
+import ve from "../../directives/click-outside/index.js";
+import pe from "./utils/menu-bar.js";
+import { useMenuCssVar as he } from "./use-menu-css-var.js";
+import ge from "./menu-collapse-transition.vue.js";
+import { MENU_INJECTION_KEY as Me, SUB_MENU_INJECTION_KEY as be } from "./tokens.js";
+import Ie from "../sub-menu/sub-menu.js";
+import { isString as E, isObject as ye, isArray as Se } from "@vue/shared";
+const Oe = (t) => {
+  const l = (t == null ? void 0 : t.value) ?? t;
+  return l && typeof l == "object" && "$el" in l ? l.$el : l;
+}, Ee = me({
   /** menu display mode */
   mode: {
     type: String,
@@ -45,7 +32,7 @@ const ye = (e) => {
   /** array that contains indexes of currently active sub-menus */
   defaultOpeneds: {
     type: N(Array),
-    default: () => ae([])
+    default: () => se([])
   },
   /** whether only one sub-menu can be active */
   uniqueOpened: Boolean,
@@ -84,8 +71,8 @@ const ye = (e) => {
   },
   /** custom ellipsis icon (available only in horizontal mode and ellipsis is true) */
   ellipsisIcon: {
-    type: ce,
-    default: () => ie
+    type: de,
+    default: () => re
   },
   /** Tooltip theme, built-in theme: `dark` / `light` when menu is collapsed */
   popperEffect: {
@@ -113,171 +100,174 @@ const ye = (e) => {
     type: Boolean,
     default: !0
   }
-}), T = (e) => be(e) && e.every((o) => C(o)), Oe = {
-  close: (e, o) => C(e) && T(o),
-  open: (e, o) => C(e) && T(o),
-  select: (e, o, i, h) => C(e) && T(o) && Me(i) && (h === void 0 || h instanceof Promise)
-}, F = 64, Le = Q({
+}), T = (t) => Se(t) && t.every((l) => E(l)), xe = {
+  close: (t, l) => E(t) && T(l),
+  open: (t, l) => E(t) && T(l),
+  select: (t, l, h, y) => E(t) && T(l) && ye(h) && (y === void 0 || y instanceof Promise)
+}, q = 64, je = X({
   name: "EpMenu",
-  props: Se,
-  emits: Oe,
-  setup(e, { emit: o, slots: i, expose: h }) {
-    const g = X(), P = g.appContext.config.globalProperties.$router, m = f(), k = f(), S = j("menu"), _ = j("sub-menu");
-    let z = F;
-    const v = f(-1), c = f(
-      e.defaultOpeneds && !e.collapse ? e.defaultOpeneds.slice(0) : []
-    ), d = f(e.defaultActive), p = f({}), M = f({}), q = Z(
-      () => e.mode === "horizontal" || e.mode === "vertical" && e.collapse
-    ), J = () => {
-      const t = d.value && p.value[d.value];
-      if (!t || e.mode === "horizontal" || e.collapse) return;
-      t.indexPath.forEach((l) => {
-        const a = M.value[l];
-        a && O(l, a.indexPath);
+  props: Ee,
+  emits: xe,
+  setup(t, { emit: l, slots: h, expose: y }) {
+    const x = Z(), P = x.appContext.config.globalProperties.$router, f = d(), k = d(), S = F("menu"), _ = F("sub-menu");
+    let z = q;
+    const m = d(-1), i = d(
+      t.defaultOpeneds && !t.collapse ? t.defaultOpeneds.slice(0) : []
+    ), s = d(t.defaultActive), v = d({}), p = d({}), J = ee(
+      () => t.mode === "horizontal" || t.mode === "vertical" && t.collapse
+    ), K = () => {
+      const e = s.value && v.value[s.value];
+      if (!e || t.mode === "horizontal" || t.collapse) return;
+      e.indexPath.forEach((o) => {
+        const a = p.value[o];
+        a && O(o, a.indexPath);
       });
-    }, O = (t, n) => {
-      c.value.includes(t) || (e.uniqueOpened && (c.value = c.value.filter(
-        (l) => n.includes(l)
-      )), c.value.push(t), o("open", t, n));
-    }, R = (t) => {
-      const n = c.value.indexOf(t);
-      n !== -1 && c.value.splice(n, 1);
-    }, w = (t, n) => {
-      R(t), o("close", t, n);
-    }, K = ({
-      index: t,
+    }, O = (e, n) => {
+      i.value.includes(e) || (t.uniqueOpened && (i.value = i.value.filter(
+        (o) => n.includes(o)
+      )), i.value.push(e), l("open", e, n));
+    }, B = (e) => {
+      const n = i.value.indexOf(e);
+      n !== -1 && i.value.splice(n, 1);
+    }, R = (e, n) => {
+      B(e), l("close", e, n);
+    }, V = ({
+      index: e,
       indexPath: n
     }) => {
-      c.value.includes(t) ? w(t, n) : O(t, n);
-    }, V = (t) => {
-      (e.mode === "horizontal" || e.collapse) && (c.value = []);
-      const { index: n, indexPath: l } = t;
-      if (!(n == null || l == null))
-        if (e.router && P) {
-          const a = t.route || n, u = P.push(a).then((s) => (s || (d.value = n), s));
-          o("select", n, l, { index: n, indexPath: l, route: a }, u);
+      i.value.includes(e) ? R(e, n) : O(e, n);
+    }, Y = (e) => {
+      (t.mode === "horizontal" || t.collapse) && (i.value = []);
+      const { index: n, indexPath: o } = e;
+      if (!(n == null || o == null))
+        if (t.router && P) {
+          const a = e.route || n, u = P.push(a).then((c) => (c || (s.value = n), c));
+          l("select", n, o, { index: n, indexPath: o, route: a }, u);
         } else
-          d.value = n, o("select", n, l, { index: n, indexPath: l });
-    }, A = (t) => {
-      const n = p.value, l = n[t] || d.value && n[d.value] || n[e.defaultActive];
-      d.value = (l == null ? void 0 : l.index) ?? t;
-    }, B = (t) => {
-      const n = getComputedStyle(t), l = Number.parseInt(n.marginLeft, 10), a = Number.parseInt(n.marginRight, 10);
-      return t.offsetWidth + l + a || 0;
+          s.value = n, l("select", n, o, { index: n, indexPath: o });
+    }, A = (e) => {
+      const n = v.value, o = n[e] || s.value && n[s.value] || n[t.defaultActive];
+      s.value = (o == null ? void 0 : o.index) ?? e;
+    }, w = (e) => {
+      const n = getComputedStyle(e), o = Number.parseInt(n.marginLeft, 10), a = Number.parseInt(n.marginRight, 10);
+      return e.offsetWidth + o + a || 0;
     }, W = () => {
-      if (!m.value) return -1;
-      const t = Array.from(m.value.childNodes).filter(
+      if (!f.value) return -1;
+      const e = Array.from(f.value.childNodes).filter(
         (r) => r.nodeName !== "#comment" && (r.nodeName !== "#text" || r.nodeValue)
-      ), n = getComputedStyle(m.value), l = Number.parseInt(n.paddingLeft, 10), a = Number.parseInt(n.paddingRight, 10), u = m.value.clientWidth - l - a;
-      let s = 0, b = 0;
-      return t.forEach((r, y) => {
-        s += B(r), s <= u - z && (b = y + 1);
-      }), b === t.length ? -1 : b;
-    }, Y = (t) => M.value[t].indexPath, H = (t, n = 33.34) => {
-      let l;
+      ), n = getComputedStyle(f.value), o = Number.parseInt(n.paddingLeft, 10), a = Number.parseInt(n.paddingRight, 10), u = f.value.clientWidth - o - a;
+      let c = 0, M = 0;
+      return e.forEach((r, b) => {
+        c += w(r), c <= u - z && (M = b + 1);
+      }), M === e.length ? -1 : M;
+    }, H = (e) => p.value[e].indexPath, G = (e, n = 33.34) => {
+      let o;
       return () => {
-        l && clearTimeout(l), l = setTimeout(() => {
-          t();
+        o && clearTimeout(o), o = setTimeout(() => {
+          e();
         }, n);
       };
     };
     let D = !0;
     const L = () => {
-      const t = ye(k);
-      if (t && (z = B(t) || F), v.value === W()) return;
+      const e = Oe(k);
+      if (e && (z = w(e) || q), m.value === W()) return;
       const n = () => {
-        v.value = -1, oe(() => {
-          v.value = W();
+        m.value = -1, ae(() => {
+          m.value = W();
         });
       };
-      D ? n() : H(n)(), D = !1;
+      D ? n() : G(n)(), D = !1;
     };
-    x(
-      () => e.defaultActive,
-      (t) => {
-        p.value[t] || (d.value = ""), A(t);
+    C(
+      () => t.defaultActive,
+      (e) => {
+        v.value[e] || (s.value = ""), A(e);
       }
-    ), x(
-      () => e.collapse,
-      (t) => {
-        t && (c.value = []);
+    ), C(
+      () => t.collapse,
+      (e) => {
+        e && (i.value = []);
       }
-    ), x(p.value, J);
-    let E;
-    ee(() => {
-      e.mode === "horizontal" && e.ellipsis ? E = Ie(m, L).stop : E == null || E();
-    });
-    const $ = f(!1);
+    ), C(v.value, K);
+    let g;
+    const U = () => {
+      g == null || g(), g = void 0;
+    };
+    te(() => {
+      U(), t.mode === "horizontal" && t.ellipsis && (g = ie(f, L).stop);
+    }), ne(U);
+    const $ = d(!1);
     {
-      const t = (u) => {
-        M.value[u.index] = u;
+      const e = (u) => {
+        p.value[u.index] = u;
       }, n = (u) => {
-        delete M.value[u.index];
+        delete p.value[u.index];
       };
-      U(
-        pe,
-        te({
-          props: e,
-          openedMenus: c,
-          items: p,
-          subMenus: M,
-          activeIndex: d,
-          isMenuPopup: q,
+      j(
+        Me,
+        oe({
+          props: t,
+          openedMenus: i,
+          items: v,
+          subMenus: p,
+          activeIndex: s,
+          isMenuPopup: J,
           addMenuItem: (u) => {
-            p.value[u.index] = u;
+            v.value[u.index] = u;
           },
           removeMenuItem: (u) => {
-            delete p.value[u.index];
+            delete v.value[u.index];
           },
-          addSubMenu: t,
+          addSubMenu: e,
           removeSubMenu: n,
           openMenu: O,
-          closeMenu: w,
-          handleMenuItemClick: V,
-          handleSubMenuClick: K
+          closeMenu: R,
+          handleMenuItemClick: Y,
+          handleSubMenuClick: V
         })
-      ), U(`${he}${g.uid}`, {
-        addSubMenu: t,
+      ), j(`${be}${x.uid}`, {
+        addSubMenu: e,
         removeSubMenu: n,
         mouseInChild: $,
         level: 0
       });
     }
-    ne(() => {
-      e.mode === "horizontal" && new fe(g.vnode.el, S.namespace.value);
-    }), h({
+    le(() => {
+      t.mode === "horizontal" && new pe(x.vnode.el, S.namespace.value);
+    }), y({
       open: (n) => {
-        const { indexPath: l } = M.value[n];
-        l.forEach((a) => O(a, l));
+        const { indexPath: o } = p.value[n];
+        o.forEach((a) => O(a, o));
       },
-      close: R,
+      close: B,
       updateActiveIndex: A,
       handleResize: L
     });
-    const G = me(e, 0);
+    const Q = he(t, 0);
     return () => {
       var u;
-      let t = ((u = i.default) == null ? void 0 : u.call(i)) ?? [];
+      let e = ((u = h.default) == null ? void 0 : u.call(h)) ?? [];
       const n = [];
-      if (e.mode === "horizontal" && m.value) {
-        const s = se(t).filter((y) => (y == null ? void 0 : y.shapeFlag) !== 8), b = v.value === -1 ? s : s.slice(0, v.value), r = v.value === -1 ? [] : s.slice(v.value);
-        r != null && r.length && e.ellipsis && (t = b, n.push(
+      if (t.mode === "horizontal" && f.value) {
+        const c = fe(e).filter((b) => (b == null ? void 0 : b.shapeFlag) !== 8), M = m.value === -1 ? c : c.slice(0, m.value), r = m.value === -1 ? [] : c.slice(m.value);
+        r != null && r.length && t.ellipsis && (e = M, n.push(
           I(
-            ge,
+            Ie,
             {
               ref: k,
               index: "sub-menu-more",
               class: _.e("hide-arrow"),
-              popperOffset: e.popperOffset
+              popperOffset: t.popperOffset
             },
             {
               title: () => I(
-                ue,
+                ce,
                 {
                   class: _.e("icon-more")
                 },
                 {
-                  default: () => I(e.ellipsisIcon)
+                  default: () => I(t.ellipsisIcon)
                 }
               ),
               default: () => r
@@ -285,39 +275,39 @@ const ye = (e) => {
           )
         ));
       }
-      const l = e.closeOnClickOutside ? [
+      const o = t.closeOnClickOutside ? [
         [
-          de,
+          ve,
           () => {
-            c.value.length && ($.value || (c.value.forEach(
-              (s) => o("close", s, Y(s))
-            ), c.value = []));
+            i.value.length && ($.value || (i.value.forEach(
+              (c) => l("close", c, H(c))
+            ), i.value = []));
           }
         ]
-      ] : [], a = le(
+      ] : [], a = ue(
         I(
           "ul",
           {
-            key: String(e.collapse),
+            key: String(t.collapse),
             role: "menubar",
-            ref: m,
-            style: G.value,
+            ref: f,
+            style: Q.value,
             class: {
               [S.b()]: !0,
-              [S.m(e.mode)]: !0,
-              [S.m("collapse")]: e.collapse
+              [S.m(t.mode)]: !0,
+              [S.m("collapse")]: t.collapse
             }
           },
-          [...t, ...n]
+          [...e, ...n]
         ),
-        l
+        o
       );
-      return e.collapseTransition && e.mode === "vertical" ? I(ve, () => a) : a;
+      return t.collapseTransition && t.mode === "vertical" ? I(ge, () => a) : a;
     };
   }
 });
 export {
-  Le as default,
-  Oe as menuEmits,
-  Se as menuProps
+  je as default,
+  xe as menuEmits,
+  Ee as menuProps
 };

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

@@ -8,13 +8,13 @@ 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 { EpOverlay as te } from "../../overlay/overlay.js";
-import { TypeComponents as oe, TypeComponentsMap as I } from "../../../utils/vue/icon.js";
-import { isValidComponentSize as ne } from "../../../utils/vue/validator.js";
-import { ElIcon as ae } from "../../icon/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 re } from "../../focus-trap/index.js";
+import { EpFocusTrap as ae } from "../../focus-trap/index.js";
 import "../../config-provider/index.js";
+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({
@@ -24,17 +24,17 @@ const Se = G({
   },
   components: {
     ElButton: K,
-    ElFocusTrap: re,
+    ElFocusTrap: ae,
     ElInput: ee,
-    ElOverlay: te,
-    ElIcon: ae,
-    ...oe
+    ElOverlay: re,
+    ElIcon: ne,
+    ...te
   },
   inheritAttrs: !1,
   props: {
     buttonSize: {
       type: String,
-      validator: ne
+      validator: oe
     },
     modal: {
       type: Boolean,

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

@@ -15,9 +15,9 @@ declare const __VLS_component: import("vue").DefineComponent<ProgressProps, {},
     strokeWidth: number;
     width: number;
     type: "line" | "circle" | "dashboard";
+    status: "" | "success" | "exception" | "warning";
     format: import("./progress.js").ProgressFn;
     duration: number;
-    status: "" | "success" | "exception" | "warning";
     percentage: number;
     showText: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ep-craft",
-  "version": "0.1.40",
+  "version": "0.1.41",
   "description": "A self-contained Vue 3 component library with ep- prefix",
   "type": "module",
   "packageManager": "pnpm@10.34.4",