ep-craft 0.1.23 → 0.1.24

package/dist/components/popper/index.js

@@ -13,25 +13,24 @@ 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 "../slot/src/only-child.js";
 import "../focus-trap/index.js";
 import "../form/index.js";
-import { popperContentEmits as _, popperContentProps as y, popperContentPropsDefaults as $, popperCoreConfigProps as b, popperCoreConfigPropsDefaults as d } from "./src/content.js";
-import { popperProps as k, roleTypes as q } from "./src/popper.js";
-import { popperTriggerProps as z } from "./src/trigger.js";
-import { popperArrowProps as F, popperArrowPropsDefaults as G } from "./src/arrow.js";
-const E = r(p), I = o(p, "ep-popper");
+import { popperContentEmits as T, popperContentProps as _, popperContentPropsDefaults as y, popperCoreConfigProps as $, popperCoreConfigPropsDefaults as b } from "./src/content.js";
+import { popperProps as j, roleTypes as k } from "./src/popper.js";
+import { popperTriggerProps as v } from "./src/trigger.js";
+import { popperArrowProps as B, popperArrowPropsDefaults as F } from "./src/arrow.js";
+const D = r(p), E = o(p, "ep-popper");
 export {
-  E as ElPopper,
-  I as EpPopper,
-  F as popperArrowProps,
-  G as popperArrowPropsDefaults,
-  _ as popperContentEmits,
-  y as popperContentProps,
-  $ as popperContentPropsDefaults,
-  b as popperCoreConfigProps,
-  d as popperCoreConfigPropsDefaults,
-  k as popperProps,
-  z as popperTriggerProps,
-  q as roleTypes
+  D as ElPopper,
+  E as EpPopper,
+  B as popperArrowProps,
+  F as popperArrowPropsDefaults,
+  T as popperContentEmits,
+  _ as popperContentProps,
+  y as popperContentPropsDefaults,
+  $ as popperCoreConfigProps,
+  b as popperCoreConfigPropsDefaults,
+  j as popperProps,
+  v as popperTriggerProps,
+  k as roleTypes
 };

package/dist/components/slot/src/only-child.js

@@ -1,48 +1,47 @@
-import { defineComponent as s, inject as h, withDirectives as g, cloneVNode as C, Comment as m, Fragment as N, Text as O } from "vue";
-import { NOOP as v, isObject as y } from "@vue/shared";
+import { defineComponent as a, inject as h, withDirectives as N, cloneVNode as g, Comment as u, Fragment as C, Text as O, createVNode as v } from "vue";
+import { NOOP as y, isObject as F } from "@vue/shared";
 import "lodash-unified";
 import "@vueuse/core";
-import { debugWarn as u } from "../../../utils/error.js";
+import { debugWarn as m } from "../../../utils/error.js";
 import "@element-plus/icons-vue";
-import { useNamespace as E } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as w } from "../../../hooks/use-namespace/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 { FORWARD_REF_INJECTION_KEY as F, useForwardRefDirective as R } from "../../../hooks/use-forward-ref/index.js";
+import { FORWARD_REF_INJECTION_KEY as E, useForwardRefDirective as R } from "../../../hooks/use-forward-ref/index.js";
 import "../../../hooks/use-empty-values/index.js";
-const i = "ElOnlyChild", P = s({
+const i = "ElOnlyChild", P = /* @__PURE__ */ a({
   name: i,
-  setup(n, { slots: t, attrs: r }) {
-    const e = h(F), d = R(
-      (e == null ? void 0 : e.setForwardRef) ?? v
-    );
+  setup(n, {
+    slots: t,
+    attrs: r
+  }) {
+    const e = h(E), p = R((e == null ? void 0 : e.setForwardRef) ?? y);
     return () => {
       var l;
       const o = (l = t.default) == null ? void 0 : l.call(t, r);
       if (!o) return null;
-      const [c, a] = p(o);
-      return c ? (a > 1 && u(i, "requires exact only one valid child."), g(C(c, r), [
-        [d]
-      ])) : (u(i, "no valid child node found"), null);
+      const [c, s] = d(o);
+      return c ? (s > 1 && m(i, "requires exact only one valid child."), N(g(c, r), [[p]])) : (m(i, "no valid child node found"), null);
     };
   }
 });
-function p(n) {
+function d(n) {
   if (!n) return [null, 0];
-  const t = n, r = t.filter((e) => e.type !== m).length;
+  const t = n, r = t.filter((e) => e.type !== u).length;
   for (const e of t) {
-    if (y(e))
+    if (F(e))
       switch (e.type) {
-        case m:
+        case u:
           continue;
         case O:
         case "svg":
           return [f(e), r];
-        case N:
-          return p(e.children);
+        case C:
+          return d(e.children);
         default:
           return [e, r];
       }
@@ -51,8 +50,10 @@ function p(n) {
   return [null, 0];
 }
 function f(n) {
-  const t = E("only-child");
-  return /* @__PURE__ */ React.createElement("span", { class: t.e("content") }, n);
+  const t = w("only-child");
+  return v("span", {
+    class: t.e("content")
+  }, [n]);
 }
 export {
   P as OnlyChild

package/dist/components/tabs/tab-nav.js

@@ -1,17 +1,17 @@
-import { defineComponent as me, inject as be, ref as v, shallowRef as he, computed as b, watch as j, onMounted as pe, onUpdated as ge, triggerRef as Re, nextTick as q } from "vue";
-import { useDocumentVisibility as Ee, useWindowFocus as Te, useElementSize as G, useResizeObserver as Ce } from "@vueuse/core";
+import { defineComponent as me, inject as he, ref as f, shallowRef as pe, computed as h, watch as q, onMounted as ge, onUpdated as Te, triggerRef as Ce, createVNode as i, nextTick as G } from "vue";
+import { useDocumentVisibility as Se, useWindowFocus as we, useElementSize as U, useResizeObserver as xe } from "@vueuse/core";
 import "@vue/shared";
-import { clamp as Se } from "lodash-unified";
-import { throwError as we } from "../../utils/error.js";
-import { isGreaterThan as W } from "../../utils/numbers.js";
-import { rAF as U } from "../../utils/raf.js";
-import { mutable as xe } from "../../utils/typescript.js";
-import { getEventCode as X } from "../../utils/dom/event.js";
-import { ArrowLeft as ye, ArrowRight as Ne, Close as Be } from "@element-plus/icons-vue";
-import { buildProps as Oe, definePropType as ke } from "../../utils/vue/props/runtime.js";
-import { EVENT_CODE as C } from "../../constants/aria.js";
-import { ElIcon as M } from "../icon/index.js";
-import { useNamespace as ze } from "../../hooks/use-namespace/index.js";
+import { clamp as Re } from "lodash-unified";
+import { throwError as ye } from "../../utils/error.js";
+import { isGreaterThan as M } from "../../utils/numbers.js";
+import { rAF as X } from "../../utils/raf.js";
+import { mutable as Ne } from "../../utils/typescript.js";
+import { getEventCode as Y } from "../../utils/dom/event.js";
+import { ArrowLeft as Ee, ArrowRight as Be, Close as Oe } from "@element-plus/icons-vue";
+import { buildProps as ke, definePropType as ze } from "../../utils/vue/props/runtime.js";
+import { EVENT_CODE as x } from "../../constants/aria.js";
+import { ElIcon as F } from "../icon/index.js";
+import { useNamespace as Pe } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-size/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
@@ -19,14 +19,14 @@ 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 Pe from "../../hooks/use-wheel/index.js";
-import $e from "./tab-bar.vue.js";
-import { tabsRootContextKey as Ae } from "./constants.js";
-import { useTabNavTouch as We } from "./composables/use-tab-nav-touch.js";
-const Me = Oe({
+import $e from "../../hooks/use-wheel/index.js";
+import Ae from "./tab-bar.vue.js";
+import { tabsRootContextKey as We } from "./constants.js";
+import { useTabNavTouch as Me } from "./composables/use-tab-nav-touch.js";
+const Fe = ke({
   panes: {
-    type: ke(Array),
-    default: () => xe([])
+    type: ze(Array),
+    default: () => Ne([])
   },
   currentName: {
     type: [String, Number],
@@ -46,252 +46,198 @@ const Me = Oe({
     type: [String, Number],
     default: void 0
   }
-}), Fe = {
-  tabClick: (c, x, S) => S instanceof Event,
-  tabRemove: (c, x) => x instanceof Event
-}, Y = "ElTabNav", rt = me({
-  name: Y,
-  props: Me,
-  emits: Fe,
-  setup(c, { expose: x, emit: S }) {
-    const h = be(Ae);
-    h || we(Y, "<el-tabs><tab-nav /></el-tabs>");
-    const n = ze("tabs"), J = Ee(), Q = Te(), u = v(), d = v(), N = v(), y = v({}), B = v(), i = v(!1), l = v(0), O = v(!1), w = v(!0), k = v(!1), F = he(), p = b(
-      () => ["top", "bottom"].includes(h.props.tabPosition)
-    ), E = b(() => p.value ? "width" : "height"), Z = b(() => {
-      const e = E.value === "width" ? "X" : "Y";
+}), Le = {
+  tabClick: (r, N, R) => R instanceof Event,
+  tabRemove: (r, N) => N instanceof Event
+}, J = "ElTabNav", ut = /* @__PURE__ */ me({
+  name: J,
+  props: Fe,
+  emits: Le,
+  setup(r, {
+    expose: N,
+    emit: R
+  }) {
+    const p = he(We);
+    p || ye(J, "<el-tabs><tab-nav /></el-tabs>");
+    const n = Pe("tabs"), Q = Se(), Z = we(), v = f(), b = f(), B = f(), E = f({}), O = f(), c = f(!1), l = f(0), k = f(!1), y = f(!0), z = f(!1), L = pe(), g = h(() => ["top", "bottom"].includes(p.props.tabPosition)), S = h(() => g.value ? "width" : "height"), ee = h(() => {
+      const e = S.value === "width" ? "X" : "Y";
       return {
-        transition: k.value || se.value ? "none" : void 0,
+        transition: z.value || ie.value ? "none" : void 0,
         transform: `translate${e}(-${l.value}px)`
       };
-    }), { width: ee, height: te } = G(u), { width: ae, height: oe } = G(
-      d,
-      { width: 0, height: 0 },
-      { box: "border-box" }
-    ), z = b(
-      () => p.value ? ee.value : te.value
-    ), P = b(
-      () => p.value ? ae.value : oe.value
-    ), { onWheel: ne } = Pe(
-      {
-        atStartEdge: b(() => l.value <= 0),
-        atEndEdge: b(
-          () => P.value - l.value <= z.value
-        ),
-        layout: b(
-          () => p.value ? "horizontal" : "vertical"
-        )
-      },
-      (e) => {
-        l.value = Se(
-          l.value + e,
-          0,
-          P.value - z.value
-        );
-      }
-    ), le = (e) => {
-      k.value = !0, ne(e), U(() => {
-        k.value = !1;
+    }), {
+      width: te,
+      height: oe
+    } = U(v), {
+      width: ae,
+      height: ne
+    } = U(b, {
+      width: 0,
+      height: 0
+    }, {
+      box: "border-box"
+    }), P = h(() => g.value ? te.value : oe.value), $ = h(() => g.value ? ae.value : ne.value), {
+      onWheel: le
+    } = $e({
+      atStartEdge: h(() => l.value <= 0),
+      atEndEdge: h(() => $.value - l.value <= P.value),
+      layout: h(() => g.value ? "horizontal" : "vertical")
+    }, (e) => {
+      l.value = Re(l.value + e, 0, $.value - P.value);
+    }), se = (e) => {
+      z.value = !0, le(e), X(() => {
+        z.value = !1;
       });
     }, {
-      isTouchScrolling: se,
-      handleTouchStart: ce,
-      handleTouchMove: ie,
-      handleTouchEnd: L
-    } = We({
-      scrollable: i,
+      isTouchScrolling: ie,
+      handleTouchStart: re,
+      handleTouchMove: ce,
+      handleTouchEnd: I
+    } = Me({
+      scrollable: c,
       navOffset: l,
-      navSize: P,
-      navContainerSize: z,
-      isHorizontal: p
-    }), re = () => {
-      if (!u.value) return;
-      const e = u.value.getBoundingClientRect()[E.value], a = l.value;
-      if (!a) return;
-      const t = a > e ? a - e : 0;
+      navSize: $,
+      navContainerSize: P,
+      isHorizontal: g
+    }), ue = () => {
+      if (!v.value) return;
+      const e = v.value.getBoundingClientRect()[S.value], o = l.value;
+      if (!o) return;
+      const t = o > e ? o - e : 0;
       l.value = t;
-    }, ue = () => {
-      if (!u.value || !d.value) return;
-      const e = d.value.getBoundingClientRect()[E.value], a = u.value.getBoundingClientRect()[E.value], t = l.value;
-      if (!W(e - t, a)) return;
-      const o = e - t > a * 2 ? t + a : e - a;
-      l.value = o;
-    }, I = async () => {
-      const e = d.value;
-      if (!i.value || !N.value || !u.value || !e) return;
-      await q();
-      const a = y.value[c.currentName];
-      if (!a) return;
-      const t = u.value, o = a.getBoundingClientRect(), r = t.getBoundingClientRect(), s = r.left + 1, g = r.right - 1, T = e.getBoundingClientRect(), A = p.value ? T.width - r.width : T.height - r.height, R = l.value;
-      let f = R;
-      p.value ? (o.left < s && (f = R - (s - o.left)), o.right > g && (f = R + o.right - g)) : (o.top < r.top && (f = R - (r.top - o.top)), o.bottom > r.bottom && (f = R + (o.bottom - r.bottom))), f = Math.max(f, 0), l.value = Math.min(f, A);
-    }, _ = () => {
-      var o;
-      if (!d.value || !u.value) return;
-      c.stretch && ((o = B.value) == null || o.update());
-      const e = d.value.getBoundingClientRect()[E.value], a = u.value.getBoundingClientRect()[E.value], t = l.value;
-      a < e ? (i.value = i.value || {}, i.value.prev = t, i.value.next = W(
-        e,
-        t + a
-      ), W(a, e - t) && (l.value = e - a)) : (i.value = !1, t > 0 && (l.value = 0));
-    }, ve = (e) => {
-      const a = X(e);
+    }, ve = () => {
+      if (!v.value || !b.value) return;
+      const e = b.value.getBoundingClientRect()[S.value], o = v.value.getBoundingClientRect()[S.value], t = l.value;
+      if (!M(e - t, o)) return;
+      const a = e - t > o * 2 ? t + o : e - o;
+      l.value = a;
+    }, _ = async () => {
+      const e = b.value;
+      if (!c.value || !B.value || !v.value || !e) return;
+      await G();
+      const o = E.value[r.currentName];
+      if (!o) return;
+      const t = v.value, a = o.getBoundingClientRect(), u = t.getBoundingClientRect(), s = u.left + 1, T = u.right - 1, w = e.getBoundingClientRect(), W = g.value ? w.width - u.width : w.height - u.height, C = l.value;
+      let d = C;
+      g.value ? (a.left < s && (d = C - (s - a.left)), a.right > T && (d = C + a.right - T)) : (a.top < u.top && (d = C - (u.top - a.top)), a.bottom > u.bottom && (d = C + (a.bottom - u.bottom))), d = Math.max(d, 0), l.value = Math.min(d, W);
+    }, H = () => {
+      var a;
+      if (!b.value || !v.value) return;
+      r.stretch && ((a = O.value) == null || a.update());
+      const e = b.value.getBoundingClientRect()[S.value], o = v.value.getBoundingClientRect()[S.value], t = l.value;
+      o < e ? (c.value = c.value || {}, c.value.prev = t, c.value.next = M(e, t + o), M(o, e - t) && (l.value = e - o)) : (c.value = !1, t > 0 && (l.value = 0));
+    }, fe = (e) => {
+      const o = Y(e);
       let t = 0;
-      switch (a) {
-        case C.left:
-        case C.up:
+      switch (o) {
+        case x.left:
+        case x.up:
           t = -1;
           break;
-        case C.right:
-        case C.down:
+        case x.right:
+        case x.down:
           t = 1;
           break;
         default:
           return;
       }
-      const o = Array.from(
-        e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")
-      );
-      let s = o.indexOf(e.target) + t;
-      s < 0 ? s = o.length - 1 : s >= o.length && (s = 0), o[s].focus({ preventScroll: !0 }), o[s].click(), H();
-    }, H = () => {
-      w.value && (O.value = !0);
-    }, $ = () => O.value = !1, fe = (e, a) => {
-      y.value[a] = e;
-    }, de = async () => {
-      await q();
-      const e = y.value[c.currentName];
-      e == null || e.focus({ preventScroll: !0 });
+      const a = Array.from(e.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)"));
+      let s = a.indexOf(e.target) + t;
+      s < 0 ? s = a.length - 1 : s >= a.length && (s = 0), a[s].focus({
+        preventScroll: !0
+      }), a[s].click(), K();
+    }, K = () => {
+      y.value && (k.value = !0);
+    }, A = () => k.value = !1, de = (e, o) => {
+      E.value[o] = e;
+    }, be = async () => {
+      await G();
+      const e = E.value[r.currentName];
+      e == null || e.focus({
+        preventScroll: !0
+      });
     };
-    return j(J, (e) => {
-      e === "hidden" ? w.value = !1 : e === "visible" && setTimeout(() => w.value = !0, 50);
-    }), j(Q, (e) => {
-      e ? setTimeout(() => w.value = !0, 50) : w.value = !1;
-    }), Ce(N, () => {
-      U(_);
-    }), pe(() => setTimeout(() => I(), 0)), ge(() => _()), x({
-      scrollToActiveTab: I,
-      removeFocus: $,
-      focusActiveTab: de,
-      tabListRef: d,
-      tabBarRef: B,
-      scheduleRender: () => Re(F)
+    return q(Q, (e) => {
+      e === "hidden" ? y.value = !1 : e === "visible" && setTimeout(() => y.value = !0, 50);
+    }), q(Z, (e) => {
+      e ? setTimeout(() => y.value = !0, 50) : y.value = !1;
+    }), xe(B, () => {
+      X(H);
+    }), ge(() => setTimeout(() => _(), 0)), Te(() => H()), N({
+      scrollToActiveTab: _,
+      removeFocus: A,
+      focusActiveTab: be,
+      tabListRef: b,
+      tabBarRef: O,
+      scheduleRender: () => Ce(L)
     }), () => {
-      const e = i.value ? [
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            class: [
-              n.e("nav-prev"),
-              n.is("disabled", !i.value.prev)
-            ],
-            onClick: re
+      const e = c.value ? [i("span", {
+        class: [n.e("nav-prev"), n.is("disabled", !c.value.prev)],
+        onClick: ue
+      }, [i(F, null, {
+        default: () => [i(Ee, null, null)]
+      })]), i("span", {
+        class: [n.e("nav-next"), n.is("disabled", !c.value.next)],
+        onClick: ve
+      }, [i(F, null, {
+        default: () => [i(Be, null, null)]
+      })])] : null, o = r.panes.map((t, a) => {
+        var V, D;
+        const u = t.uid, s = t.props.disabled, T = t.props.name ?? t.index ?? `${a}`, w = !s && (t.isClosable || t.props.closable !== !1 && r.editable);
+        t.index = `${a}`;
+        const W = w ? i(F, {
+          class: "is-icon-close",
+          onClick: (m) => R("tabRemove", t, m)
+        }, {
+          default: () => [i(Oe, null, null)]
+        }) : null, C = ((D = (V = t.slots).label) == null ? void 0 : D.call(V)) || t.props.label, d = !s && t.active ? r.tabindex ?? p.props.tabindex : -1;
+        return i("div", {
+          ref: (m) => de(m, T),
+          class: [n.e("item"), n.is(p.props.tabPosition), n.is("active", t.active), n.is("disabled", s), n.is("closable", w), n.is("focus", k.value)],
+          id: `tab-${T}`,
+          key: `tab-${u}`,
+          "aria-controls": `pane-${T}`,
+          role: "tab",
+          "aria-selected": t.active,
+          tabindex: d,
+          onFocus: () => K(),
+          onBlur: () => A(),
+          onClick: (m) => {
+            A(), R("tabClick", t, T, m);
           },
-          /* @__PURE__ */ React.createElement(M, null, /* @__PURE__ */ React.createElement(ye, null))
-        ),
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            class: [
-              n.e("nav-next"),
-              n.is("disabled", !i.value.next)
-            ],
-            onClick: ue
-          },
-          /* @__PURE__ */ React.createElement(M, null, /* @__PURE__ */ React.createElement(Ne, null))
-        )
-      ] : null, a = c.panes.map((t, o) => {
-        var K, D;
-        const r = t.uid, s = t.props.disabled, g = t.props.name ?? t.index ?? `${o}`, T = !s && (t.isClosable || t.props.closable !== !1 && c.editable);
-        t.index = `${o}`;
-        const A = T ? /* @__PURE__ */ React.createElement(
-          M,
-          {
-            class: "is-icon-close",
-            onClick: (m) => S("tabRemove", t, m)
-          },
-          /* @__PURE__ */ React.createElement(Be, null)
-        ) : null, R = ((D = (K = t.slots).label) == null ? void 0 : D.call(K)) || t.props.label, f = !s && t.active ? c.tabindex ?? h.props.tabindex : -1;
-        return /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            ref: (m) => fe(m, g),
-            class: [
-              n.e("item"),
-              n.is(h.props.tabPosition),
-              n.is("active", t.active),
-              n.is("disabled", s),
-              n.is("closable", T),
-              n.is("focus", O.value)
-            ],
-            id: `tab-${g}`,
-            key: `tab-${r}`,
-            "aria-controls": `pane-${g}`,
-            role: "tab",
-            "aria-selected": t.active,
-            tabindex: f,
-            onFocus: () => H(),
-            onBlur: () => $(),
-            onClick: (m) => {
-              $(), S("tabClick", t, g, m);
-            },
-            onKeydown: (m) => {
-              const V = X(m);
-              T && (V === C.delete || V === C.backspace) && S("tabRemove", t, m);
-            }
-          },
-          R,
-          A
-        );
+          onKeydown: (m) => {
+            const j = Y(m);
+            w && (j === x.delete || j === x.backspace) && R("tabRemove", t, m);
+          }
+        }, [C, W]);
       });
-      return F.value, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          ref: N,
-          class: [
-            n.e("nav-wrap"),
-            n.is("scrollable", !!i.value),
-            n.is(h.props.tabPosition)
-          ]
-        },
-        e,
-        /* @__PURE__ */ React.createElement("div", { class: n.e("nav-scroll"), ref: u }, c.panes.length > 0 ? /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            class: [
-              n.e("nav"),
-              n.is(h.props.tabPosition),
-              n.is(
-                "stretch",
-                c.stretch && ["top", "bottom"].includes(h.props.tabPosition)
-              )
-            ],
-            ref: d,
-            style: Z.value,
-            role: "tablist",
-            onKeydown: ve,
-            onWheel: le,
-            onTouchstart: ce,
-            onTouchmove: ie,
-            onTouchend: L,
-            onTouchcancel: L
-          },
-          c.type ? null : /* @__PURE__ */ React.createElement(
-            $e,
-            {
-              ref: B,
-              tabs: [...c.panes],
-              tabRefs: y.value
-            }
-          ),
-          a
-        ) : null)
-      );
+      return L.value, i("div", {
+        ref: B,
+        class: [n.e("nav-wrap"), n.is("scrollable", !!c.value), n.is(p.props.tabPosition)]
+      }, [e, i("div", {
+        class: n.e("nav-scroll"),
+        ref: v
+      }, [r.panes.length > 0 ? i("div", {
+        class: [n.e("nav"), n.is(p.props.tabPosition), n.is("stretch", r.stretch && ["top", "bottom"].includes(p.props.tabPosition))],
+        ref: b,
+        style: ee.value,
+        role: "tablist",
+        onKeydown: fe,
+        onWheel: se,
+        onTouchstart: re,
+        onTouchmove: ce,
+        onTouchend: I,
+        onTouchcancel: I
+      }, [r.type ? null : i(Ae, {
+        ref: O,
+        tabs: [...r.panes],
+        tabRefs: E.value
+      }, null), o]) : null])]);
     };
   }
 });
 export {
-  rt as default,
-  Fe as tabNavEmits,
-  Me as tabNavProps
+  ut as default,
+  Le as tabNavEmits,
+  Fe as tabNavProps
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ep-craft",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "description": "A Vue 3 component library based on element-plus with ep- prefix",
   "type": "module",
   "main": "./dist/ep-craft.js",
@@ -74,14 +74,15 @@
   "devDependencies": {
     "@types/node": "^20.11.0",
     "@vitejs/plugin-vue": "^5.0.0",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
     "sass": "^1.101.0",
     "tsx": "^4.7.0",
     "typescript": "^5.3.0",
     "vite": "^5.4.0",
     "vitepress": "^1.6.4",
     "vue": "^3.4.0",
-    "vue-tsc": "^2.0.0",
-    "vue-router": "^4.3.0"
+    "vue-router": "^4.3.0",
+    "vue-tsc": "^2.0.0"
   },
   "keywords": [
     "vue",