ep-craft 0.1.40 → 0.1.42

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(() => [