y-design-ssr 1.1.1 → 1.1.3

package/libs/tabs/index.mjs

@@ -1,9 +1,9 @@
-import { ref as z, reactive as N, getCurrentInstance as le, provide as Se, isVNode as se, inject as pe, onUnmounted as Ne, computed as C, defineComponent as H, createVNode as b, watch as Z, onMounted as re, nextTick as ee, onBeforeUnmount as Ce, onBeforeUpdate as Te } from "vue";
-const V = (e, n) => n ? typeof n == "string" ? ` ${e}--${n}` : Array.isArray(n) ? n.reduce((o, l) => o + V(e, l), "") : Object.keys(n).reduce(
-  (o, l) => o + (n[l] ? V(e, l) : ""),
+import { ref as z, reactive as N, getCurrentInstance as le, provide as Se, isVNode as oe, inject as pe, onUnmounted as Ne, computed as C, defineComponent as H, createVNode as b, watch as Z, onMounted as re, nextTick as ee, onBeforeUnmount as Ce, onBeforeUpdate as Te } from "vue";
+const V = (e, n) => n ? typeof n == "string" ? ` ${e}--${n}` : Array.isArray(n) ? n.reduce((a, l) => a + V(e, l), "") : Object.keys(n).reduce(
+  (a, l) => a + (n[l] ? V(e, l) : ""),
   ""
-) : "", ze = (e) => (n, o) => {
-  let l = n, v = o;
+) : "", ze = (e) => (n, a) => {
+  let l = n, v = a;
   return l && typeof l != "string" && (v = l, l = ""), l = l ? `${e}__${l}` : e, `${l}${V(l, v)}`;
 }, Ee = () => (e, n) => n ? `${V(`y-${e}`, n)}` : `y-${e}`, Le = {
   "pull-refresh": {
@@ -27,40 +27,40 @@ const U = (e) => {
 };
 var te = /* @__PURE__ */ ((e) => (e.left = "left", e.top = "top", e.bottom = "bottom", e.right = "right", e))(te || {}), W = /* @__PURE__ */ ((e) => (e.start = "start", e.center = "center", e.end = "end", e))(W || {});
 const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%") ? n * Number(e.replace(/%/g, "")) / 100 : Number(e), $e = (e) => {
-  const n = [], o = (l) => {
+  const n = [], a = (l) => {
     Array.isArray(l) && l.forEach((v) => {
       var u;
-      se(v) && (n.push(v), (u = v.component) != null && u.subTree && o(v.component.subTree.children), v.children && o(v.children));
+      oe(v) && (n.push(v), (u = v.component) != null && u.subTree && a(v.component.subTree.children), v.children && a(v.children));
     });
   };
-  return o(e), n;
+  return a(e), n;
 }, xe = (e, n) => {
-  const o = $e(n.subTree.children);
-  e.sort((l, v) => o.indexOf(l.vnode) - o.indexOf(v.vnode));
+  const a = $e(n.subTree.children);
+  e.sort((l, v) => a.indexOf(l.vnode) - a.indexOf(v.vnode));
 }, ce = (e) => {
-  const n = le(), o = N([]);
+  const n = le(), a = N([]);
   return {
-    children: o,
+    children: a,
     initProvide: (v) => {
       Se(e, {
-        addChild: (s) => {
-          s.proxy && (o.push(s), n && xe(o, n));
+        addChild: (r) => {
+          r.proxy && (a.push(r), n && xe(a, n));
         },
-        removeChild: (s) => {
-          const f = o.indexOf(s);
-          o.splice(f, 1);
+        removeChild: (r) => {
+          const f = a.indexOf(r);
+          a.splice(f, 1);
         },
-        children: o,
+        children: a,
         ...v
       });
     }
   };
 }, ue = (e) => {
-  const n = pe(e, null), o = le();
-  if (n && o) {
+  const n = pe(e, null), a = le();
+  if (n && a) {
     const { children: l, addChild: v, removeChild: u } = n;
-    return v(o), Ne(() => u(o)), {
-      index: C(() => l.indexOf(o)),
+    return v(a), Ne(() => u(a)), {
+      index: C(() => l.indexOf(a)),
       parent: n
     };
   }
@@ -68,8 +68,8 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
     parent: null,
     index: z(-1)
   };
-}, [Ie, Be] = U("swipe-item"), K = /* @__PURE__ */ H({
-  name: Ie,
+}, [De, Ie] = U("swipe-item"), K = /* @__PURE__ */ H({
+  name: De,
   props: {
     clonenNode: {
       type: Object,
@@ -83,34 +83,34 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
   setup(e, {
     slots: n
   }) {
-    const o = le(), {
+    const a = le(), {
       parent: l
     } = ue(de);
-    !e.clonenNode && o && (l == null || l.children.push(o));
-    const v = C(() => e.clonenNode ? e.index : l == null ? void 0 : l.children.findIndex((c) => c.proxy === (o == null ? void 0 : o.proxy))), u = C(() => {
+    !e.clonenNode && a && (l == null || l.children.push(a));
+    const v = C(() => e.clonenNode ? e.index : l == null ? void 0 : l.children.findIndex((c) => c.proxy === (a == null ? void 0 : a.proxy))), u = C(() => {
       const c = `${(l == null ? void 0 : l.itemDetail.size) || 0}px`;
-      let s = "auto";
+      let r = "auto";
       const f = `${(l == null ? void 0 : l.itemDetail.space) || 0}px`;
-      return l != null && l.props.autoHeight && (l == null ? void 0 : l.activeIndex) !== v.value && (s = "0"), l != null && l.props.vertical ? {
+      return l != null && l.props.autoHeight && (l == null ? void 0 : l.activeIndex) !== v.value && (r = "0"), l != null && l.props.vertical ? {
         height: c,
-        width: s,
+        width: r,
         marginBottom: f
       } : {
         width: c,
-        height: s,
+        height: r,
         marginRight: f
       };
     });
     return () => {
-      var s, f;
-      const c = ((s = l == null ? void 0 : l.itemShowedList) == null ? void 0 : s.list[v.value || 0]) || !1;
+      var r, f;
+      const c = ((r = l == null ? void 0 : l.itemShowedList) == null ? void 0 : r.list[v.value || 0]) || !1;
       return b("div", {
-        class: Be(),
+        class: Ie(),
         style: u.value
       }, [c ? e.clonenNode || ((f = n.default) == null ? void 0 : f.call(n)) : null]);
     };
   }
-}), De = {
+}), Be = {
   autoplayTime: {
     type: Number,
     default: 0
@@ -180,15 +180,15 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
   components: {
     YSwipeItem: K
   },
-  props: De,
+  props: Be,
   setup(e, {
     slots: n,
-    emit: o,
+    emit: a,
     expose: l
   }) {
     const {
       initProvide: v
-    } = ce(de), u = N([]), c = z(Number(e.initIndex)), s = N({
+    } = ce(de), u = N([]), c = z(Number(e.initIndex)), r = N({
       // 元素尺寸
       size: 0,
       // 间距
@@ -202,37 +202,37 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
       viewportSize: 0,
       // 重复节点个数
       cloneNodeCount: 0
-    }), T = z(), g = z(), B = () => {
-      const t = u.length, a = [];
+    }), T = z(), g = z(), I = () => {
+      const t = u.length, s = [];
       for (let m = 0; m < t; m++)
-        a.push(!e.lazy);
-      return a;
+        s.push(!e.lazy);
+      return s;
     }, R = () => {
       if (!e.lazy)
         return;
-      const t = s.size + s.space, a = u.length * t;
-      let m = -(f.offset + r.offset) - f.cloneNodeCount * t;
-      m < 0 && (m += a);
+      const t = r.size + r.space, s = u.length * t;
+      let m = -(f.offset + o.offset) - f.cloneNodeCount * t;
+      m < 0 && (m += s);
       const w = m + f.viewportSize;
       for (let y = 0; y < u.length; y++)
         if (!k.list[y]) {
-          const p = t * y, E = p + s.size;
+          const p = t * y, E = p + r.size;
           (p >= m && p < w || E > m && E < w || p < m && E > w) && (k.list[y] = !0);
         }
     }, k = N({
-      list: B()
+      list: I()
     }), S = () => {
-      k.list = B(), R();
+      k.list = I(), R();
     };
     Z(() => [...u], S);
-    const D = (t, a) => {
-      t ? s.size = ie(t, a) : s.size = a, s.space = Number(e.itemSpace) || 0, s.isFillViewport = s.size >= a, f.viewportSize = a, f.cloneNodeCount = G();
+    const B = (t, s) => {
+      t ? r.size = ie(t, s) : r.size = s, r.space = Number(e.itemSpace) || 0, r.isFillViewport = r.size >= s, f.viewportSize = s, f.cloneNodeCount = G();
     }, G = () => {
       if (x.value) {
-        const t = s.size + s.space;
+        const t = r.size + r.space;
         if (t === 0)
           return 0;
-        const a = f.viewportSize * 2 - t, m = Math.ceil(a / t);
+        const s = f.viewportSize * 2 - t, m = Math.ceil(s / t);
         return Math.min(m, u.length - 1);
       }
       return 0;
@@ -241,9 +241,9 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
         return;
       const {
         width: t,
-        height: a
+        height: s
       } = T.value.getBoundingClientRect();
-      e.vertical ? D(e.itemSize, a) : D(e.itemSize, t), c.value = c.value >= u.length ? u.length - 1 : c.value, c.value < 0 && (c.value = 0), I(c.value), S(), h();
+      e.vertical ? B(e.itemSize, s) : B(e.itemSize, t), c.value = c.value >= u.length ? u.length - 1 : c.value, c.value < 0 && (c.value = 0), D(c.value), S(), h();
     };
     re(() => {
       if (ee(L).catch(() => {
@@ -266,23 +266,23 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
           t = 0;
           break;
         case W.center:
-          t = (f.viewportSize - s.size) / 2;
+          t = (f.viewportSize - r.size) / 2;
           break;
         case W.end:
-          t = f.viewportSize - s.size;
+          t = f.viewportSize - r.size;
           break;
         default:
           t = 0;
       }
       return t;
-    }), x = C(() => e.loop && u.length > 1), I = (t) => {
-      const a = s.size + s.space;
-      x.value ? f.offset = -a * (t + f.cloneNodeCount) + j.value : (f.offset = -a * t + j.value, e.align !== "center" && (t === 0 && (f.offset = 0), t === u.length - 1 && (f.offset = -a * t + f.viewportSize - s.size)));
+    }), x = C(() => e.loop && u.length > 1), D = (t) => {
+      const s = r.size + r.space;
+      x.value ? f.offset = -s * (t + f.cloneNodeCount) + j.value : (f.offset = -s * t + j.value, e.align !== "center" && (t === 0 && (f.offset = 0), t === u.length - 1 && (f.offset = -s * t + f.viewportSize - r.size)));
     }, F = () => {
-      I(c.value), o("afterChange", c.value);
-    }, _ = (t) => (u.length + t) % u.length, A = (t, a = !0) => {
-      c.value = _(t), I(t), R(), o("change", c.value), a ? (r.transitionEnabled = !0, g.value && g.value.addEventListener("transitionend", () => {
-        r.transitionEnabled = !1, F();
+      D(c.value), a("afterChange", c.value);
+    }, _ = (t) => (u.length + t) % u.length, A = (t, s = !0) => {
+      c.value = _(t), D(t), R(), a("change", c.value), s ? (o.transitionEnabled = !0, g.value && g.value.addEventListener("transitionend", () => {
+        o.transitionEnabled = !1, F();
       }, {
         once: !0
       })) : F();
@@ -298,7 +298,7 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
       e.autoplayTime && u.length > 1 && (i && clearInterval(i), i = setInterval(() => {
         O();
       }, Number(e.autoplayTime)));
-    }, r = N({
+    }, o = N({
       // 拖拽中
       isDragging: !1,
       // 是否首次拖动
@@ -312,40 +312,42 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
       // 开始拖动时间
       startTime: /* @__PURE__ */ new Date(),
       // 是否在执行动画
-      transitionEnabled: !1
+      transitionEnabled: !1,
+      // 当前次拖拽不满足翻页条件
+      isDissatisfy: !1
     }), M = (t) => {
-      if (r.transitionEnabled)
+      if (o.transitionEnabled)
         return;
-      let a = 0, m = 0;
-      "touches" in t ? (a = t.touches[0].clientX, m = t.touches[0].clientY) : (a = t.clientX, m = t.clientY), r.startX = a, r.startY = m, r.isDragging = !0, r.isFirstTouch = !0, r.startTime = /* @__PURE__ */ new Date();
+      let s = 0, m = 0;
+      "touches" in t ? (s = t.touches[0].clientX, m = t.touches[0].clientY) : (s = t.clientX, m = t.clientY), o.startX = s, o.startY = m, o.isDragging = !0, o.isFirstTouch = !0, o.startTime = /* @__PURE__ */ new Date(), d();
     }, P = (t) => {
-      if (!r.isDragging)
+      if (!o.isDragging)
         return;
-      let a = 0, m = 0;
-      "touches" in t ? (a = t.touches[0].clientX, m = t.touches[0].clientY) : (a = t.clientX, m = t.clientY);
-      const w = a - r.startX, y = m - r.startY;
-      if (r.isFirstTouch && (r.isFirstTouch = !1, Math.abs(w) < Math.abs(y) !== e.vertical)) {
-        r.isDragging = !1;
+      let s = 0, m = 0;
+      "touches" in t ? (s = t.touches[0].clientX, m = t.touches[0].clientY) : (s = t.clientX, m = t.clientY);
+      const w = s - o.startX, y = m - o.startY;
+      if (o.isFirstTouch && (o.isFirstTouch = !1, Math.abs(w) < Math.abs(y) !== e.vertical)) {
+        o.isDragging = !1;
         return;
       }
-      t.preventDefault(), r.offset = e.vertical ? y : w, R(), o("dragging", {
-        percent: r.offset / (s.size + s.space),
-        offset: r.offset
-      });
+      t.preventDefault(), o.offset = e.vertical ? y : w, R(), a("dragging", {
+        percent: o.offset / (r.size + r.space),
+        offset: o.offset
+      }), o.isDissatisfy = !1;
     }, $ = () => {
-      if (!r.isDragging)
+      if (!o.isDragging)
         return;
-      r.isDragging = !1;
-      const a = (/* @__PURE__ */ new Date()).getTime() - r.startTime.getTime();
-      he() && (Math.abs(r.offset) > me.value || Math.abs(r.offset) / a > 0.5) && (r.offset > 0 ? Y() : O()), r.offset = 0, h();
-    }, me = C(() => ie(e.minSwipeDistance, s.size + s.space)), he = () => {
+      o.isDragging = !1;
+      const s = (/* @__PURE__ */ new Date()).getTime() - o.startTime.getTime();
+      he() && (Math.abs(o.offset) > me.value || Math.abs(o.offset) / s > 0.5) ? (o.offset > 0 ? Y() : O(), o.offset = 0, o.isDissatisfy = !1) : (o.offset = 0, o.isDissatisfy = !0), h();
+    }, me = C(() => ie(e.minSwipeDistance, r.size + r.space)), he = () => {
       if (x.value)
         return !0;
-      const t = r.offset > 0 ? c.value - 1 : c.value + 1;
+      const t = o.offset > 0 ? c.value - 1 : c.value + 1;
       return t >= 0 && t < u.length;
     }, ge = C(() => {
-      const t = r.isDragging && !e.isFollowHand ? f.offset : f.offset + r.offset, a = {};
-      return e.vertical ? (a.transform = `translate3d(0, ${t}px, 0)`, a.transitionDuration = r.transitionEnabled ? `${e.duration}ms` : "0ms") : (a.transform = `translate3d(${t}px, 0, 0)`, a.transitionDuration = r.transitionEnabled ? `${e.duration}ms` : "0ms"), r.isDragging && (a.transition = "none"), e.vertical && (a.flexDirection = "column"), e.autoHeight && (a.display = "block", a.whiteSpace = "nowrap"), a;
+      const t = o.isDragging && !e.isFollowHand ? f.offset : f.offset + o.offset, s = {};
+      return e.vertical ? (s.transform = `translate3d(0, ${t}px, 0)`, s.transitionDuration = o.transitionEnabled ? `${e.duration}ms` : "0ms") : (s.transform = `translate3d(${t}px, 0, 0)`, s.transitionDuration = o.transitionEnabled || o.isDissatisfy ? `${e.duration}ms` : "0ms"), o.isDragging && (s.transition = "none"), e.vertical && (s.flexDirection = "column"), e.autoHeight && (s.display = "block", s.whiteSpace = "nowrap"), s;
     }), ye = C(() => ["y-swipe__dots", `y-swipe__dots--${e.dotsPosition || (e.vertical ? te.left : te.bottom)}`]);
     l({
       moveTo: A,
@@ -357,22 +359,22 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
       children: u,
       activeIndex: c,
       props: e,
-      itemDetail: s,
+      itemDetail: r,
       itemShowedList: k
     });
     v(be);
     const we = () => e.dots ? b("div", {
       class: ye.value
-    }, [u.map((t, a) => {
+    }, [u.map((t, s) => {
       const m = q("dot", {
-        active: a === c.value
+        active: s === c.value
       });
       return b("div", {
         class: m,
         style: {
           backgroundColor: e.dotsColor
         },
-        key: a
+        key: s
       }, null);
     })]) : null;
     return () => {
@@ -384,14 +386,14 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
         class: q("track"),
         style: ge.value,
         ref: g
-      }, [Array(f.cloneNodeCount).fill("").map((a, m) => {
+      }, [Array(f.cloneNodeCount).fill("").map((s, m) => {
         var p, E, X;
         const w = _(m - f.cloneNodeCount), y = (X = (p = u[w]) == null ? void 0 : (E = p.slots).default) == null ? void 0 : X.call(E);
         return y ? b(K, {
           clonenNode: y,
           index: w
         }, null) : null;
-      }), (t = n.default) == null ? void 0 : t.call(n), Array(f.cloneNodeCount).fill("").map((a, m) => {
+      }), (t = n.default) == null ? void 0 : t.call(n), Array(f.cloneNodeCount).fill("").map((s, m) => {
         var p, E, X;
         const w = _(m), y = (X = (p = u[w]) == null ? void 0 : (E = p.slots).default) == null ? void 0 : X.call(E);
         return y ? b(K, {
@@ -401,7 +403,7 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
       })]), n.dots ? n.dots() : we()]);
     };
   }
-}), [_e, ae] = U("tabs-title"), oe = /* @__PURE__ */ H({
+}), [_e, se] = U("tabs-title"), ae = /* @__PURE__ */ H({
   name: _e,
   props: {
     active: {
@@ -428,12 +430,12 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
   setup(e) {
     const {
       parent: n
-    } = ue(ve), o = C(() => [{
+    } = ue(ve), a = C(() => [{
       "y-el--clickable": !e.disabled
-    }, ae({
+    }, se({
       scrollable: e.scrollable,
       disabled: e.disabled
-    }), ae(`${(n == null ? void 0 : n.props.size) || "middle"}`, {
+    }), se(`${(n == null ? void 0 : n.props.size) || "middle"}`, {
       active: e.active
     }), n == null ? void 0 : n.props.titleClass, e.active ? n == null ? void 0 : n.props.titleActiveClass : ""]), l = C(() => ({
       ...n == null ? void 0 : n.props.titleStyle,
@@ -447,7 +449,7 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
         titleSlot: u
       } = e;
       return b("div", {
-        class: o.value,
+        class: a.value,
         title: v,
         style: l.value,
         role: "presentation"
@@ -522,49 +524,49 @@ const ie = (e, n) => typeof e == "string" && e.includes("%") && e.includes("%")
   }
 };
 function Ye(e) {
-  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !se(e);
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !oe(e);
 }
 const [ne, Q] = U("tabs"), ve = ne, Oe = /* @__PURE__ */ H({
   name: ne,
   components: {
-    YTabTitle: oe
+    YTabTitle: ae
   },
   props: Ae,
   setup(e, {
     slots: n,
-    emit: o,
+    emit: a,
     expose: l
   }) {
     const {
       initProvide: v
-    } = ce(ve), u = z(!1), c = N([]), s = z(), f = C(() => c.length > e.titleScrollThreshold), T = (i) => c.findIndex((d) => (d.$props ? d.$props.name : "") === i), g = z(e.initName ? T(e.initName) : e.initIndex), B = (i) => {
+    } = ce(ve), u = z(!1), c = N([]), r = z(), f = C(() => c.length > e.titleScrollThreshold), T = (i) => c.findIndex((d) => (d.$props ? d.$props.name : "") === i), g = z(e.initName ? T(e.initName) : e.initIndex), I = (i) => {
       g.value = i;
-      const d = s.value;
+      const d = r.value;
       d && (d == null || d.moveTo(i, e.changeWithAnimation));
     };
     l({
       scrollToByIndex: (i) => {
-        B(i);
+        I(i);
       },
       scrollToByName: (i) => {
         const d = T(i);
-        B(d);
+        I(d);
       }
     });
-    const S = z([]), D = z(), G = (i) => (d) => {
+    const S = z([]), B = z(), G = (i) => (d) => {
       S.value[i] = d;
     }, L = (i) => {
       const {
         title: d,
         name: h,
-        disabled: r
+        disabled: o
       } = c[i].$props || {};
-      g.value !== i && (o(r ? "disabledClick" : "click", i, d, h), !r && B(i));
+      g.value !== i && (a(o ? "disabledClick" : "click", i, d, h), !o && I(i));
     }, j = async () => {
       await ee(() => {
-        if (!f.value || !D.value)
+        if (!f.value || !B.value)
           return;
-        const i = D.value;
+        const i = B.value;
         if (!i || !S.value[g.value])
           return;
         const d = S.value[g.value].$el, h = d.offsetLeft - (i.offsetWidth - d.offsetWidth) / 2 - i.scrollLeft;
@@ -580,7 +582,7 @@ const [ne, Q] = U("tabs"), ve = ne, Oe = /* @__PURE__ */ H({
     const x = N({
       transform: "translateX(50%)",
       transition: "all 0ms ease-out"
-    }), I = async () => {
+    }), D = async () => {
       await ee(() => {
         if (!S.value || S.value.length === 0)
           return;
@@ -592,13 +594,13 @@ const [ne, Q] = U("tabs"), ve = ne, Oe = /* @__PURE__ */ H({
         title: d,
         name: h
       } = c[i].$props || {};
-      o("change", i, d, h), g.value = i;
+      a("change", i, d, h), g.value = i;
     }, _ = (i) => {
       const {
         title: d,
         name: h
       } = c[i].$props || {};
-      o("afterChange", i, d, h), g.value = i;
+      a("afterChange", i, d, h), g.value = i;
     }, A = N({
       children: c,
       activeIndex: g,
@@ -607,14 +609,14 @@ const [ne, Q] = U("tabs"), ve = ne, Oe = /* @__PURE__ */ H({
     v(A);
     const Y = (i) => O(i) && /^\d+(\.\d+)?$/.test(i) ? `${i}px` : i, O = (i) => Object.prototype.toString.call(i) === "[object String]";
     return re(async () => {
-      await I();
+      await D();
     }), Z(() => g.value, async () => {
-      await I(), await j();
+      await D(), await j();
     }), Z(() => {
       var i;
       return (i = n.default) == null ? void 0 : i.length;
     }, async () => {
-      await I();
+      await D();
     }), () => {
       let i;
       return b("div", {
@@ -622,13 +624,13 @@ const [ne, Q] = U("tabs"), ve = ne, Oe = /* @__PURE__ */ H({
       }, [b("div", {
         class: Q("list")
       }, [b("div", {
-        ref: D,
+        ref: B,
         class: Q("list-child-wrapper", {
           scrollable: f.value,
           [e.size]: e.size,
           [e.align]: e.align
         })
-      }, [c.length > 0 && c.map((d, h) => b(oe, {
+      }, [c.length > 0 && c.map((d, h) => b(ae, {
         title: d.title,
         disabled: d.disabled,
         "title-slot": d.$slots.title,
@@ -646,7 +648,7 @@ const [ne, Q] = U("tabs"), ve = ne, Oe = /* @__PURE__ */ H({
           backgroundColor: e.lineColor
         }
       }, null)])]), n.default ? b(ke, {
-        ref: s,
+        ref: r,
         dots: !1,
         loop: !1,
         initIndex: g.value,
@@ -664,9 +666,9 @@ const [ne, Q] = U("tabs"), ve = ne, Oe = /* @__PURE__ */ H({
 });
 function Xe(e) {
   const n = e;
-  return n.install = (o) => {
+  return n.install = (a) => {
     const { name: l } = e;
-    l && o.component(l, e);
+    l && a.component(l, e);
   }, n;
 }
 const je = Xe(Oe);