vue-stack-tabs 0.1.45 → 0.1.46

package/dist/vue-stack-tabs.es.js

@@ -1,7 +1,7 @@
 var vn = Object.defineProperty;
 var mn = (t, e, n) => e in t ? vn(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var _t = (t, e, n) => mn(t, typeof e != "symbol" ? e + "" : e, n);
-import { inject as ct, ref as D, reactive as Ie, readonly as xt, toRaw as gn, defineComponent as ee, openBlock as R, createElementBlock as V, normalizeStyle as Fe, unref as x, createElementVNode as Q, createCommentVNode as se, nextTick as le, onMounted as He, onDeactivated as yn, onActivated as wn, onUnmounted as Ze, createVNode as W, resolveComponent as Xt, normalizeClass as fe, withModifiers as _e, toDisplayString as Gt, Fragment as je, renderList as lt, createBlock as me, computed as we, renderSlot as xe, watch as kn, withDirectives as Yt, vShow as Kt, withCtx as ue, TransitionGroup as Jt, mergeProps as _n, Transition as Qt, provide as xn, onBeforeMount as Tn, onBeforeUnmount as Tt, KeepAlive as Sn, resolveDynamicComponent as On, getCurrentInstance as en } from "vue";
+import { inject as ct, ref as D, reactive as Ie, readonly as xt, toRaw as gn, defineComponent as ee, openBlock as R, createElementBlock as V, normalizeStyle as Fe, unref as x, createElementVNode as Q, createCommentVNode as se, nextTick as le, onMounted as He, onDeactivated as yn, onActivated as wn, onUnmounted as Ze, createVNode as N, resolveComponent as Xt, normalizeClass as fe, withModifiers as xe, toDisplayString as Gt, Fragment as je, renderList as lt, createBlock as ge, computed as ke, renderSlot as Te, watch as kn, withDirectives as Yt, vShow as Kt, withCtx as ue, TransitionGroup as Jt, mergeProps as _n, Transition as Qt, provide as xn, onBeforeMount as Tn, onBeforeUnmount as Tt, KeepAlive as Sn, resolveDynamicComponent as On, getCurrentInstance as en } from "vue";
 import { useRouter as ut, useRoute as An } from "vue-router";
 const En = {
   VueStackTab: {
@@ -200,7 +200,7 @@ const ft = (t = ".stack-tab__container *") => {
   );
   return e.length ? Math.max(...e.filter((n) => n < 9e4)) + 1 : 1;
 };
-var pe = /* @__PURE__ */ ((t) => (t.WHEEL = "wheel", t.BUTTON = "button", t.BOTH = "both", t))(pe || {});
+var be = /* @__PURE__ */ ((t) => (t.WHEEL = "wheel", t.BUTTON = "button", t.BOTH = "both", t))(be || {});
 class Xe {
   //
   constructor(e) {
@@ -879,7 +879,7 @@ const ds = fs(), hs = {
   install(t) {
     t.provide("tabEmitter", ds);
   }
-}, ge = () => ct("tabEmitter");
+}, ye = () => ct("tabEmitter");
 var Z = /* @__PURE__ */ ((t) => (t.PAGE_LOADING = "PAGE_LOADING", t.TAB_ACTIVE = "TAB_ACTIVE", t))(Z || {});
 const ps = /* @__PURE__ */ ee({
   __name: "PageLoading",
@@ -887,7 +887,7 @@ const ps = /* @__PURE__ */ ee({
     tId: {}
   },
   setup(t) {
-    const e = t, n = ge(), s = D(!1);
+    const e = t, n = ye(), s = D(!1);
     return n.on(Z.PAGE_LOADING, ({ tId: r, value: o }) => {
       r === e.tId && (s.value = o);
     }), (r, o) => s.value ? (R(), V("div", {
@@ -898,10 +898,10 @@ const ps = /* @__PURE__ */ ee({
       Q("div", { class: "stack-tab-loading--spin turn" }, null, -1)
     ]), 4)) : se("", !0);
   }
-}), M = D([]), Ye = [], N = D([]), ae = /* @__PURE__ */ new Map(), Te = /* @__PURE__ */ new Set(), F = /* @__PURE__ */ new Set(), de = D(!0), Ke = "stacktab-active-tab", he = /* @__PURE__ */ new Map();
+}), M = D([]), Ye = [], W = D([]), ae = /* @__PURE__ */ new Map(), de = /* @__PURE__ */ new Set(), F = /* @__PURE__ */ new Set(), he = D(!0), Ke = "stacktab-active-tab", pe = /* @__PURE__ */ new Map();
 let Lt = !1, $e = 0, zt = !1, Je = "";
 const Ce = () => {
-  const t = ut(), e = ge(), {
+  const t = ut(), e = ye(), {
     t: n
   } = Me(), s = () => M.value.length, r = (b) => {
     for (const B of b) {
@@ -921,8 +921,8 @@ const Ce = () => {
         query: ne(q.query, {
           __tab: z
         })
-      }, ye = new Xe();
-      ye.push(X);
+      }, we = new Xe();
+      we.push(X);
       const Y = {
         id: h.id,
         title: P.title,
@@ -930,9 +930,9 @@ const Ce = () => {
         refreshable: P.refreshable,
         iframe: P.iframe,
         active: !1,
-        pages: ye
+        pages: we
       };
-      N.value.push(ze), Ye.push(Y), M.value.push({
+      W.value.push(ze), Ye.push(Y), M.value.push({
         ...Y
       });
     }
@@ -971,13 +971,13 @@ const Ce = () => {
     }, b.query.__tab = rt(h)), F.has(h.id) || !v)
       return;
     const z = b.matched[b.matched.length - 1].path, q = b.path.endsWith("/") ? b.path.substring(0, b.path.length - 1) : b.path, P = Ct(h.id, z === q ? q : b.path, b.query.valueOf());
-    if (Te.has(P))
+    if (de.has(P))
       return ae.get(P);
     const ze = b.query.__src;
     let X = null;
     for (const Y of x(M))
       Y.active = !1, Y.id === h.id && (X = Y);
-    const ye = {
+    const we = {
       id: P,
       tabId: h.id,
       path: b.path,
@@ -985,7 +985,7 @@ const Ce = () => {
     };
     if (X === null) {
       const Y = new Xe();
-      Y.push(ye), X = {
+      Y.push(we), X = {
         id: h.id,
         title: h.title,
         closable: h.closable,
@@ -1001,7 +1001,7 @@ const Ce = () => {
         });
       });
     } else
-      X.active = !0, (X.pages.isEmpty() || X.pages.peek().id !== ye.id) && X.pages.push(ye);
+      X.active = !0, (X.pages.isEmpty() || X.pages.peek().id !== we.id) && X.pages.push(we);
     return U(X), ae.has(P) ? B = ae.get(P) : (B = /* @__PURE__ */ ee({
       name: P,
       components: {
@@ -1019,20 +1019,20 @@ const Ce = () => {
           kt.emit("onLoaded"), p(P), $(), F.clear(), v.props = null;
         }), Ze(() => {
           l(P);
-        }), () => W("div", {
+        }), () => N("div", {
           class: "cache-page-wrapper",
           id: "W-" + h.id,
           style: [zt ? "overflow:auto" : "overflow:hidden"]
-        }, [W(Xt("dynamic-component"), {
+        }, [N(Xt("dynamic-component"), {
           tId: h.id,
           pId: P
-        }, null), W(ps, {
+        }, null), N(ps, {
           tId: h.id
         }, null)]);
       }
     }), ae.set(P, B)), A(P), B;
   }, p = (b) => {
-    const v = he.get(b);
+    const v = pe.get(b);
     if (v) {
       for (const B of v.keys())
         if (document.querySelector(B)) {
@@ -1042,7 +1042,7 @@ const Ce = () => {
     }
   }, f = (b) => {
     var B, h;
-    const v = he.get(b);
+    const v = pe.get(b);
     if (v)
       for (const z of v.keys()) {
         const q = {
@@ -1052,11 +1052,11 @@ const Ce = () => {
         v.set(z, q);
       }
   }, l = (b) => {
-    const v = he.get(b);
-    v && (v.clear(), he.delete(b));
+    const v = pe.get(b);
+    v && (v.clear(), pe.delete(b));
   }, m = (b, ...v) => {
-    he.has(b) || he.set(b, /* @__PURE__ */ new Map());
-    const B = he.get(b);
+    pe.has(b) || pe.set(b, /* @__PURE__ */ new Map());
+    const B = pe.get(b);
     for (const h of v)
       B.set(h, {
         top: 0,
@@ -1161,10 +1161,10 @@ const Ce = () => {
     for (const B of x(M))
       if (B.id === b) {
         const h = (v = B.pages.peek()) == null ? void 0 : v.id;
-        for (let z = N.value.length - 1; z >= 0; z--)
-          if (N.value[z] === h) {
-            N.value.splice(z, 1), B.active && (de.value = !1, le(() => {
-              de.value = !0;
+        for (let z = W.value.length - 1; z >= 0; z--)
+          if (W.value[z] === h) {
+            W.value.splice(z, 1), B.active && (he.value = !1, le(() => {
+              he.value = !0;
             }));
             break;
           }
@@ -1175,14 +1175,14 @@ const Ce = () => {
     M.value.forEach((v) => {
       b.add(v.pages.peek().id);
     });
-    for (let v = N.value.length - 1; v >= 0; v--) {
-      const B = N.value[v];
-      b.has(B) && N.value.splice(v, 1);
+    for (let v = W.value.length - 1; v >= 0; v--) {
+      const B = W.value[v];
+      b.has(B) && W.value.splice(v, 1);
     }
     le(() => {
-      de.value = !1, le(() => {
+      he.value = !1, le(() => {
         setTimeout(() => {
-          de.value = !0;
+          he.value = !0;
         }, 300);
       });
     });
@@ -1191,16 +1191,20 @@ const Ce = () => {
   }, _ = (b) => ae.get(b), k = (b) => {
     ae.delete(b);
   }, L = (b) => {
-    Te.add(b);
+    de.add(b);
   }, $ = () => {
-    for (let b = N.value.length - 1; b >= 0; b--)
-      Te.has(N.value[b]) && (x(N).splice(b, 1), k(N.value[b]));
-    Te.clear();
+    if (de.size > 0) {
+      for (let b = W.value.length - 1; b >= 0; b--)
+        de.has(W.value[b]) && x(W).splice(b, 1);
+      for (const b of de)
+        k(b);
+      de.clear();
+    }
   }, G = (b) => {
-    for (let v = N.value.length - 1; v >= 0; v--)
-      b === N.value[v] && x(N).splice(v, 1);
+    for (let v = W.value.length - 1; v >= 0; v--)
+      b === W.value[v] && x(W).splice(v, 1);
   }, A = (b) => {
-    new Set(N.value).has(b) || N.value.push(b);
+    new Set(W.value).has(b) || W.value.push(b);
   }, C = (b, v = !0) => {
     e.emit("FORWARD");
     for (let B = M.value.length - 1; B >= 0; B--) {
@@ -1223,20 +1227,20 @@ const Ce = () => {
   }, re = () => {
     window.sessionStorage.removeItem(Je + Ke);
   }, Le = () => {
-    de.value = !1, wt(), le(() => {
+    he.value = !1, wt(), le(() => {
       x(M).push(...Ye), e.emit(Z.TAB_ACTIVE, {
         id: Ye[0].id
       }), le(() => {
-        de.value = !0;
+        he.value = !0;
       });
     });
   }, wt = () => {
-    x(M).splice(0), ae.clear(), Te.clear(), F.clear(), x(N).splice(0);
+    x(M).splice(0), ae.clear(), de.clear(), F.clear(), x(W).splice(0);
   };
   return {
     tabs: M,
-    caches: N,
-    pageShown: de,
+    caches: W,
+    pageShown: he,
     initialed: Lt,
     setMaxSize: (b) => {
       $e = b;
@@ -1288,7 +1292,7 @@ const Ce = () => {
       }, null, 2),
       Q("div", {
         style: { "margin-left": "8px" },
-        onContextmenu: n[0] || (n[0] = _e(() => {
+        onContextmenu: n[0] || (n[0] = xe(() => {
         }, ["prevent"]))
       }, Gt(e.title), 33)
     ]));
@@ -1332,46 +1336,46 @@ const Ce = () => {
         "z-index": x(ft)(".stack-tab,.stack-tab *")
       })
     }, [
-      W(ce, {
+      N(ce, {
         icon: "stack-tab__icon-reload svg-mask",
         title: x(n)("VueStackTab.reload"),
         onClick: m[0] || (m[0] = (S) => x(c)(l.tabItem.id))
       }, null, 8, ["title"]),
-      W(ce, {
+      N(ce, {
         icon: "stack-tab__icon-reload-all svg-mask",
         title: x(n)("VueStackTab.reloadAll"),
         onClick: x(p)
       }, null, 8, ["title", "onClick"]),
-      W(ce, {
+      N(ce, {
         icon: "stack-tab__icon-close svg-mask",
         title: x(n)("VueStackTab.close"),
         disabled: l.tabItem.closable ? null : "disabled",
         onClick: m[1] || (m[1] = (S) => x(o)(l.tabItem.id))
       }, null, 8, ["title", "disabled"]),
-      W(ce, {
+      N(ce, {
         icon: "stack-tab__icon-close-lefts svg-mask",
         title: x(n)("VueStackTab.closeLeft"),
         disabled: l.index <= 0 ? "disabled" : null,
         onClick: m[2] || (m[2] = (S) => x(d)(l.tabItem.id))
       }, null, 8, ["title", "disabled"]),
-      W(ce, {
+      N(ce, {
         icon: "stack-tab__icon-close-rights svg-mask",
         title: x(n)("VueStackTab.closeRight"),
         disabled: l.index >= l.max - 1 ? "disabled" : null,
         onClick: m[3] || (m[3] = (S) => x(a)(l.tabItem.id))
       }, null, 8, ["title", "disabled"]),
-      W(ce, {
+      N(ce, {
         icon: "stack-tab__icon-close-others svg-mask",
         title: x(n)("VueStackTab.closeOthers"),
         onClick: m[4] || (m[4] = (S) => x(f)(l.tabItem.id))
       }, null, 8, ["title"]),
-      W(ce, {
+      N(ce, {
         icon: "stack-tab__icon-close-all svg-mask",
         title: x(n)("VueStackTab.closeAll"),
         onClick: x(i)
       }, null, 8, ["title", "onClick"]),
       l.contextMenu !== void 0 && l.contextMenu.length > 0 ? (R(), V("div", vs)) : se("", !0),
-      (R(!0), V(je, null, lt(l.contextMenu, (S, E) => (R(), me(ce, {
+      (R(!0), V(je, null, lt(l.contextMenu, (S, E) => (R(), ge(ce, {
         key: E,
         icon: S.icon,
         title: S.title,
@@ -1418,11 +1422,11 @@ const Ce = () => {
   },
   emits: ["close", "active"],
   setup(t, { emit: e }) {
-    const n = e, s = ge(), { t: r } = Me(), o = D(), i = t;
+    const n = e, s = ye(), { t: r } = Me(), o = D(), i = t;
     s.on(Z.TAB_ACTIVE, ({ id: p, isRoute: f }) => {
       i.item.id === p && c(f);
     });
-    const d = we(() => i.item.title || r("undefined")), a = () => {
+    const d = ke(() => i.item.title || r("undefined")), a = () => {
       n("close", i.item);
     }, c = (p = !0) => {
       n("active", i.item, o, p);
@@ -1446,17 +1450,17 @@ const Ce = () => {
         key: 0,
         class: "stack-tab__icon-close-fill stack-tab__item-button",
         title: x(r)("VueStackTab.close"),
-        onClick: _e(a, ["stop"])
+        onClick: xe(a, ["stop"])
       }, null, 8, xs)) : se("", !0)
     ], 2));
   }
 });
-var be = [], Ss = function() {
-  return be.some(function(t) {
+var ve = [], Ss = function() {
+  return ve.some(function(t) {
     return t.activeTargets.length > 0;
   });
 }, Os = function() {
-  return be.some(function(t) {
+  return ve.some(function(t) {
     return t.skippedTargets.length > 0;
   });
 }, Rt = "ResizeObserver loop completed with undelivered notifications.", As = function() {
@@ -1468,16 +1472,16 @@ var be = [], Ss = function() {
 (function(t) {
   t.BORDER_BOX = "border-box", t.CONTENT_BOX = "content-box", t.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
 })(Be || (Be = {}));
-var ve = function(t) {
+var me = function(t) {
   return Object.freeze(t);
 }, Es = /* @__PURE__ */ function() {
   function t(e, n) {
-    this.inlineSize = e, this.blockSize = n, ve(this);
+    this.inlineSize = e, this.blockSize = n, me(this);
   }
   return t;
 }(), ln = function() {
   function t(e, n, s, r) {
-    return this.x = e, this.y = n, this.width = s, this.height = r, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, ve(this);
+    return this.x = e, this.y = n, this.width = s, this.height = r, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, me(this);
   }
   return t.prototype.toJSON = function() {
     var e = this, n = e.x, s = e.y, r = e.top, o = e.right, i = e.bottom, d = e.left, a = e.width, c = e.height;
@@ -1517,22 +1521,22 @@ var ve = function(t) {
   return !1;
 }, Ee = typeof window < "u" ? window : {}, De = /* @__PURE__ */ new WeakMap(), Dt = /auto|scroll/, Bs = /^tb|vertical/, Ms = /msie|trident/i.test(Ee.navigator && Ee.navigator.userAgent), K = function(t) {
   return parseFloat(t || "0");
-}, ke = function(t, e, n) {
+}, _e = function(t, e, n) {
   return t === void 0 && (t = 0), e === void 0 && (e = 0), n === void 0 && (n = !1), new Es((n ? e : t) || 0, (n ? t : e) || 0);
-}, Pt = ve({
-  devicePixelContentBoxSize: ke(),
-  borderBoxSize: ke(),
-  contentBoxSize: ke(),
+}, Pt = me({
+  devicePixelContentBoxSize: _e(),
+  borderBoxSize: _e(),
+  contentBoxSize: _e(),
   contentRect: new ln(0, 0, 0, 0)
 }), fn = function(t, e) {
   if (e === void 0 && (e = !1), De.has(t) && !e)
     return De.get(t);
   if (un(t))
     return De.set(t, Pt), Pt;
-  var n = getComputedStyle(t), s = gt(t) && t.ownerSVGElement && t.getBBox(), r = !Ms && n.boxSizing === "border-box", o = Bs.test(n.writingMode || ""), i = !s && Dt.test(n.overflowY || ""), d = !s && Dt.test(n.overflowX || ""), a = s ? 0 : K(n.paddingTop), c = s ? 0 : K(n.paddingRight), p = s ? 0 : K(n.paddingBottom), f = s ? 0 : K(n.paddingLeft), l = s ? 0 : K(n.borderTopWidth), m = s ? 0 : K(n.borderRightWidth), S = s ? 0 : K(n.borderBottomWidth), E = s ? 0 : K(n.borderLeftWidth), I = f + c, y = a + p, w = E + m, T = l + S, g = d ? t.offsetHeight - T - t.clientHeight : 0, O = i ? t.offsetWidth - w - t.clientWidth : 0, u = r ? I + w : 0, _ = r ? y + T : 0, k = s ? s.width : K(n.width) - u - O, L = s ? s.height : K(n.height) - _ - g, $ = k + I + O + w, G = L + y + g + T, A = ve({
-    devicePixelContentBoxSize: ke(Math.round(k * devicePixelRatio), Math.round(L * devicePixelRatio), o),
-    borderBoxSize: ke($, G, o),
-    contentBoxSize: ke(k, L, o),
+  var n = getComputedStyle(t), s = gt(t) && t.ownerSVGElement && t.getBBox(), r = !Ms && n.boxSizing === "border-box", o = Bs.test(n.writingMode || ""), i = !s && Dt.test(n.overflowY || ""), d = !s && Dt.test(n.overflowX || ""), a = s ? 0 : K(n.paddingTop), c = s ? 0 : K(n.paddingRight), p = s ? 0 : K(n.paddingBottom), f = s ? 0 : K(n.paddingLeft), l = s ? 0 : K(n.borderTopWidth), m = s ? 0 : K(n.borderRightWidth), S = s ? 0 : K(n.borderBottomWidth), E = s ? 0 : K(n.borderLeftWidth), I = f + c, y = a + p, w = E + m, T = l + S, g = d ? t.offsetHeight - T - t.clientHeight : 0, O = i ? t.offsetWidth - w - t.clientWidth : 0, u = r ? I + w : 0, _ = r ? y + T : 0, k = s ? s.width : K(n.width) - u - O, L = s ? s.height : K(n.height) - _ - g, $ = k + I + O + w, G = L + y + g + T, A = me({
+    devicePixelContentBoxSize: _e(Math.round(k * devicePixelRatio), Math.round(L * devicePixelRatio), o),
+    borderBoxSize: _e($, G, o),
+    contentBoxSize: _e(k, L, o),
     contentRect: new ln(f, a, k, L)
   });
   return De.set(t, A), A;
@@ -1549,7 +1553,7 @@ var ve = function(t) {
 }, Cs = /* @__PURE__ */ function() {
   function t(e) {
     var n = fn(e);
-    this.target = e, this.contentRect = n.contentRect, this.borderBoxSize = ve([n.borderBoxSize]), this.contentBoxSize = ve([n.contentBoxSize]), this.devicePixelContentBoxSize = ve([n.devicePixelContentBoxSize]);
+    this.target = e, this.contentRect = n.contentRect, this.borderBoxSize = me([n.borderBoxSize]), this.contentBoxSize = me([n.contentBoxSize]), this.devicePixelContentBoxSize = me([n.devicePixelContentBoxSize]);
   }
   return t;
 }(), hn = function(t) {
@@ -1560,7 +1564,7 @@ var ve = function(t) {
   return e;
 }, Ls = function() {
   var t = 1 / 0, e = [];
-  be.forEach(function(i) {
+  ve.forEach(function(i) {
     if (i.activeTargets.length !== 0) {
       var d = [];
       i.activeTargets.forEach(function(c) {
@@ -1577,7 +1581,7 @@ var ve = function(t) {
   }
   return t;
 }, Nt = function(t) {
-  be.forEach(function(n) {
+  ve.forEach(function(n) {
     n.activeTargets.splice(0, n.activeTargets.length), n.skippedTargets.splice(0, n.skippedTargets.length), n.observationTargets.forEach(function(r) {
       r.isActive() && (hn(r.target) > t ? n.activeTargets.push(r) : n.skippedTargets.push(r));
     });
@@ -1698,10 +1702,10 @@ var ve = function(t) {
     Pe.set(e, s);
   }, t.observe = function(e, n, s) {
     var r = Pe.get(e), o = r.observationTargets.length === 0;
-    qt(r.observationTargets, n) < 0 && (o && be.push(r), r.observationTargets.push(new qs(n, s && s.box)), Ut(1), it.schedule());
+    qt(r.observationTargets, n) < 0 && (o && ve.push(r), r.observationTargets.push(new qs(n, s && s.box)), Ut(1), it.schedule());
   }, t.unobserve = function(e, n) {
     var s = Pe.get(e), r = qt(s.observationTargets, n), o = s.observationTargets.length === 1;
-    r >= 0 && (o && be.splice(be.indexOf(s), 1), s.observationTargets.splice(r, 1), Ut(-1));
+    r >= 0 && (o && ve.splice(ve.indexOf(s), 1), s.observationTargets.splice(r, 1), Ut(-1));
   }, t.disconnect = function(e) {
     var n = this, s = Pe.get(e);
     s.observationTargets.slice().forEach(function(r) {
@@ -1759,7 +1763,7 @@ const Hs = ["disabled", "title"], Zs = {
         class: fe(["stack-tab__mask-button", e.iconClass])
       }, null, 2)),
       "icon" in e.$slots ? (R(), V("div", Zs, [
-        xe(e.$slots, "icon")
+        Te(e.$slots, "icon")
       ])) : se("", !0)
     ], 10, Hs));
   }
@@ -1786,11 +1790,11 @@ const Hs = ["disabled", "title"], Zs = {
     });
     const m = (A) => {
       i.value = A.scrollLeft <= 10, d.value = A.clientWidth + A.scrollLeft - A.scrollWidth >= -10, a.value = A.scrollWidth !== A.clientWidth;
-    }, S = we(() => f.scrollWidth > f.clientWidth), E = we(() => {
+    }, S = ke(() => f.scrollWidth > f.clientWidth), E = ke(() => {
       if (!S.value) return 0;
       const { clientWidth: A, scrollWidth: C } = f;
       return A / C * A;
-    }), I = we(() => {
+    }), I = ke(() => {
       if (!S.value) return 0;
       const { clientWidth: A, scrollWidth: C, scrollLeft: U } = f;
       return (A - E.value) * (U / (C - A));
@@ -1851,7 +1855,7 @@ const Hs = ["disabled", "title"], Zs = {
       return !(C < U || C + A.clientWidth > U + n.value.clientWidth);
     };
     return e({ scrollIntoView: $, isInView: G }), (A, C) => (R(), V(je, null, [
-      a.value ? (R(), me(at, {
+      a.value ? (R(), ge(at, {
         key: 0,
         "icon-class": "stack-tab__icon-left-arrow",
         disabled: i.value,
@@ -1861,7 +1865,7 @@ const Hs = ["disabled", "title"], Zs = {
         ref_key: "headerScroll",
         ref: c,
         class: "stack-tab__scroll",
-        onWheelPassive: _e(u, ["prevent"])
+        onWheelPassive: xe(u, ["prevent"])
       }, [
         Q("div", {
           ref_key: "container",
@@ -1873,7 +1877,7 @@ const Hs = ["disabled", "title"], Zs = {
           }]),
           onScrollPassive: y
         }, [
-          xe(A.$slots, "default")
+          Te(A.$slots, "default")
         ], 34),
         Yt(Q("div", {
           ref_key: "bar",
@@ -1888,13 +1892,13 @@ const Hs = ["disabled", "title"], Zs = {
               width: `${E.value}px`,
               transform: `translateX(${I.value}px)`
             }),
-            onMousedown: _e(_, ["prevent"])
+            onMousedown: xe(_, ["prevent"])
           }, null, 38)
         ], 2), [
           [Kt, S.value]
         ])
       ], 544),
-      a.value ? (R(), me(at, {
+      a.value ? (R(), ge(at, {
         key: 1,
         "icon-class": "stack-tab__icon-right-arrow",
         disabled: d.value,
@@ -1906,7 +1910,7 @@ const Hs = ["disabled", "title"], Zs = {
   __name: "index",
   props: {
     space: {},
-    tabScrollMode: { default: pe.BOTH },
+    tabScrollMode: { default: be.BOTH },
     tabTransition: { default: () => ({
       name: "stack-tab-zoom"
     }) },
@@ -1915,9 +1919,9 @@ const Hs = ["disabled", "title"], Zs = {
   },
   emits: ["active"],
   setup(t, { emit: e }) {
-    const { t: n } = Me(), s = ct("maximum"), r = e, o = D(), { shown: i, contextMenuData: d, showContextMenu: a } = ws(), c = t, { removeTab: p, active: f, tabs: l } = Ce(), m = we(() => typeof c.tabTransition == "string" ? {
+    const { t: n } = Me(), s = ct("maximum"), r = e, o = D(), { shown: i, contextMenuData: d, showContextMenu: a } = ws(), c = t, { removeTab: p, active: f, tabs: l } = Ce(), m = ke(() => typeof c.tabTransition == "string" ? {
       name: c.tabTransition
-    } : c.tabTransition), S = we(() => c.tabScrollMode === pe.BOTH || c.tabScrollMode === pe.BUTTON), E = c.tabScrollMode === pe.BOTH || c.tabScrollMode === pe.WHEEL, I = (w) => {
+    } : c.tabTransition), S = ke(() => c.tabScrollMode === be.BOTH || c.tabScrollMode === be.BUTTON), E = c.tabScrollMode === be.BOTH || c.tabScrollMode === be.WHEEL, I = (w) => {
       w.closable && p(w.id), i.value = !1;
     }, y = (w, T, g) => {
       o.value && (le(() => {
@@ -1925,8 +1929,8 @@ const Hs = ["disabled", "title"], Zs = {
       }), f(w.id, g), r("active", w.id));
     };
     return (w, T) => (R(), V("div", Xs, [
-      xe(w.$slots, "leftButton"),
-      W(js, {
+      Te(w.$slots, "leftButton"),
+      N(js, {
         ref_key: "scroll",
         ref: o,
         space: w.space,
@@ -1934,21 +1938,21 @@ const Hs = ["disabled", "title"], Zs = {
         "is-scroll-button": S.value
       }, {
         default: ue(() => [
-          W(Jt, _n({
+          N(Jt, _n({
             key: "tabItemTrans",
             tag: "ul",
             class: "stack-tab__nav"
           }, m.value, { appear: "" }), {
             default: ue(() => [
-              (R(!0), V(je, null, lt(x(l), (g, O) => (R(), me(Ts, {
+              (R(!0), V(je, null, lt(x(l), (g, O) => (R(), ge(Ts, {
                 key: g.id,
                 contextmenu: w.contextmenu,
                 item: g,
-                onContextmenu: _e(
+                onContextmenu: xe(
                   (u) => x(a)(u, g, O, x(l).length),
                   ["prevent"]
                 ),
-                onMouseup: _e((u) => I(g), ["middle", "prevent"]),
+                onMouseup: xe((u) => I(g), ["middle", "prevent"]),
                 onClose: I,
                 onActive: y
               }, null, 8, ["contextmenu", "item", "onContextmenu", "onMouseup"]))), 128))
@@ -1958,18 +1962,18 @@ const Hs = ["disabled", "title"], Zs = {
         ]),
         _: 1
       }, 8, ["space", "is-scroll-wheel", "is-scroll-button"]),
-      xe(w.$slots, "rightButton"),
-      W(at, {
+      Te(w.$slots, "rightButton"),
+      N(at, {
         "icon-class": x(s) ? "stack-tab__icon-restore" : "stack-tab__icon-fullscreen",
         title: x(n)("VueStackTab.maximum"),
         onClick: T[0] || (T[0] = (g) => s.value = !x(s))
       }, null, 8, ["icon-class", "title"]),
-      W(Qt, {
+      N(Qt, {
         name: "stack-tab-zoom",
         appear: ""
       }, {
         default: ue(() => [
-          x(i) ? (R(), me(ys, {
+          x(i) ? (R(), ge(ys, {
             key: "tabMenuTrans",
             left: x(d).left,
             top: x(d).top,
@@ -2010,7 +2014,7 @@ function Ys(t, e, n) {
 }
 let Ht;
 const Ks = () => {
-  const t = ut(), { active: e, hasTab: n, pageShown: s, reset: r, canAddTab: o, renewTab: i, getTab: d } = Ce(), a = ge(), c = Ys(500, (m, S = !1) => new Promise((E, I) => {
+  const t = ut(), { active: e, hasTab: n, pageShown: s, reset: r, canAddTab: o, renewTab: i, getTab: d } = Ce(), a = ye(), c = Ys(500, (m, S = !1) => new Promise((E, I) => {
     if (!s.value) {
       I();
       return;
@@ -2069,7 +2073,7 @@ const Ks = () => {
     pageTransition: { default: "stack-tab-swap" },
     pageTransitionBack: { default: "stack-tab-swap-back" },
     tabTransition: { default: "stack-tab-zoom" },
-    tabScrollMode: { default: pe.BOTH },
+    tabScrollMode: { default: be.BOTH },
     width: { default: "100%" },
     height: { default: "100%" },
     i18n: { default: "zh-CN" },
@@ -2094,7 +2098,7 @@ const Ks = () => {
     });
     const T = () => {
       l("onPageLoaded");
-    }, g = D(m.pageTransition), O = ge();
+    }, g = D(m.pageTransition), O = ye();
     return O.on("FORWARD", () => {
       g.value = m.pageTransition;
     }), O.on("BACKWARD", () => {
@@ -2111,31 +2115,31 @@ const Ks = () => {
           "z-index": E.value ? x(ft)("body *:not(.stack-tab,.stack-tab *)") : void 0
         })
       }, [
-        W(Gs, {
+        N(Gs, {
           space: u.space,
           onActive: w,
           "tab-transition": u.tabTransition,
           max: u.max
         }, {
           leftButton: ue(() => [
-            xe(u.$slots, "leftButton")
+            Te(u.$slots, "leftButton")
           ]),
           rightButton: ue(() => [
-            xe(u.$slots, "rightButton")
+            Te(u.$slots, "rightButton")
           ]),
           _: 3
         }, 8, ["space", "tab-transition", "max"]),
         Q("div", Js, [
-          W(k, null, {
+          N(k, null, {
             default: ue(({ Component: L, route: $ }) => [
-              W(Qt, {
+              N(Qt, {
                 name: g.value,
                 appear: "",
                 mode: "out-in"
               }, {
                 default: ue(() => [
-                  (R(), me(Sn, { include: x(r) }, [
-                    x(s) ? (R(), me(On(y($, L)), {
+                  (R(), ge(Sn, { include: x(r) }, [
+                    x(s) ? (R(), ge(On(y($, L)), {
                       key: `${$.name}_${$.fullPath}`,
                       onOnLoaded: T
                     }, null, 32)) : se("", !0)
@@ -2146,7 +2150,7 @@ const Ks = () => {
             ]),
             _: 1
           }),
-          W(Jt, {
+          N(Jt, {
             name: u.pageTransition,
             appear: ""
           }, {
@@ -2204,7 +2208,7 @@ const nr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
     d + `background-image: url(${i});background-size: 580px 100px;background-repeat: norepeat; color: transparent;`
   );
 }, ur = () => {
-  const { attrs: t, props: e } = en(), { pageShown: n, getTab: s, markDeletableCache: r, removeComponent: o, getComponent: i, addPageScroller: d } = Ce(), a = An(), c = ut(), p = ge();
+  const { attrs: t, props: e } = en(), { pageShown: n, getTab: s, markDeletableCache: r, removeComponent: o, getComponent: i, addPageScroller: d } = Ce(), a = An(), c = ut(), p = ye();
   let f = "", l = "";
   f = t.tId || e.tId;
   const m = t.pId || e.pId;
@@ -2269,7 +2273,7 @@ const nr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
     };
   }
 }), gr = () => {
-  const t = ge(), { attrs: e } = en();
+  const t = ye(), { attrs: e } = en();
   Ze(() => {
     s();
   });
@@ -2281,7 +2285,7 @@ const nr = (t) => t.replace(/=/g, "").replace(/[+\/]/g, (e) => e == "+" ? "-" :
   return { openTabLoading: n, closeTabLoading: s };
 }, yr = {
   install(t, e) {
-    lr("0.1.45"), t.component("VueStackTabs", er).use(hs).use(Un().getI18n(e));
+    lr("0.1.46"), t.component("VueStackTabs", er).use(hs).use(Un().getI18n(e));
   }
 };
 export {
@@ -2289,7 +2293,7 @@ export {
   Xe as Stack,
   er as StackTab,
   at as TabHeaderButton,
-  pe as TabScrollMode,
+  be as TabScrollMode,
   yr as default,
   Ks as useStackTab,
   gr as useTabLoading,