vue3-router-tab 1.0.4 → 1.0.6

package/dist/{vue3-router-tab.es.js → vue3-router-tab.js}

@@ -1,36 +1,36 @@
 import './vue3-router-tab.css';
-import { defineComponent as oe, inject as z, computed as S, unref as Oe, provide as U, ref as J, watch as x, h as Ve, getCurrentInstance as ae, reactive as Ce, shallowRef as Ie, nextTick as se, onMounted as _e, onBeforeUnmount as Ke, resolveComponent as Ne, createElementBlock as A, openBlock as T, createElementVNode as I, createCommentVNode as K, renderSlot as re, createVNode as j, TransitionGroup as $e, mergeProps as Q, withCtx as M, Fragment as le, renderList as ce, withModifiers as B, normalizeClass as ue, createTextVNode as Le, toDisplayString as fe, Transition as de, createBlock as W, KeepAlive as De, resolveDynamicComponent as pe, normalizeStyle as je } from "vue";
-import { defineStore as Me } from "pinia";
+import { defineComponent as ae, inject as z, computed as S, unref as Ve, provide as U, ref as J, watch as x, h as Ie, getCurrentInstance as se, reactive as _e, shallowRef as Ke, nextTick as re, onMounted as Ae, onBeforeUnmount as Ne, resolveComponent as $e, createElementBlock as A, openBlock as T, createElementVNode as I, createCommentVNode as K, renderSlot as le, createVNode as j, TransitionGroup as Le, mergeProps as Q, withCtx as M, Fragment as ce, renderList as ue, withModifiers as B, normalizeClass as fe, createTextVNode as De, toDisplayString as de, Transition as pe, createBlock as W, KeepAlive as je, resolveDynamicComponent as be, normalizeStyle as Me } from "vue";
+import { defineStore as Be } from "pinia";
 /*!
   * vue-router v4.5.1
   * (c) 2025 Eduardo San Martin Morote
   * @license MIT
   */
-const Be = typeof document < "u", Ge = Object.assign, Ue = Array.isArray;
-function ze(e) {
+const Ge = typeof document < "u", Ue = Object.assign, ze = Array.isArray;
+function Je(e) {
   const n = Array.from(arguments).slice(1);
   console.warn.apply(console, ["[Vue Router warn]: " + e].concat(n));
 }
-function Je(e, n) {
+function He(e, n) {
   return (e.aliasOf || e) === (n.aliasOf || n);
 }
-var be;
+var ve;
 (function(e) {
   e.pop = "pop", e.push = "push";
-})(be || (be = {}));
-var ve;
+})(ve || (ve = {}));
+var he;
 (function(e) {
   e.back = "back", e.forward = "forward", e.unknown = "";
-})(ve || (ve = {}));
+})(he || (he = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
-var he;
+var me;
 (function(e) {
   e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
-})(he || (he = {}));
-const He = Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : ""), me = Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+})(me || (me = {}));
+const qe = Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : ""), ye = Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
-const ye = Symbol(process.env.NODE_ENV !== "production" ? "router view location" : ""), qe = /* @__PURE__ */ oe({
+const ge = Symbol(process.env.NODE_ENV !== "production" ? "router view location" : ""), Xe = /* @__PURE__ */ ae({
   name: "RouterView",
   // #674 we manually inherit them
   inheritAttrs: !1,
@@ -45,62 +45,62 @@ const ye = Symbol(process.env.NODE_ENV !== "production" ? "router view location"
   // https://github.com/vuejs/router/issues/1315
   compatConfig: { MODE: 3 },
   setup(e, { attrs: n, slots: a }) {
-    process.env.NODE_ENV !== "production" && Ye();
-    const t = z(ye), r = S(() => e.route || t.value), u = z(me, 0), d = S(() => {
-      let h = Oe(u);
-      const { matched: b } = r.value;
+    process.env.NODE_ENV !== "production" && Fe();
+    const t = z(ge), i = S(() => e.route || t.value), u = z(ye, 0), d = S(() => {
+      let h = Ve(u);
+      const { matched: b } = i.value;
       let m;
       for (; (m = b[h]) && !m.components; )
         h++;
       return h;
-    }), f = S(() => r.value.matched[d.value]);
-    U(me, S(() => d.value + 1)), U(He, f), U(ye, r);
+    }), f = S(() => i.value.matched[d.value]);
+    U(ye, S(() => d.value + 1)), U(qe, f), U(ge, i);
     const p = J();
     return x(() => [p.value, f.value, e.name], ([h, b, m], [k, y, C]) => {
       b && (b.instances[m] = h, y && y !== b && h && h === k && (b.leaveGuards.size || (b.leaveGuards = y.leaveGuards), b.updateGuards.size || (b.updateGuards = y.updateGuards))), h && b && // if there is no instance but to and from are the same this might be
       // the first visit
-      (!y || !Je(b, y) || !k) && (b.enterCallbacks[m] || []).forEach((_) => _(h));
+      (!y || !He(b, y) || !k) && (b.enterCallbacks[m] || []).forEach((_) => _(h));
     }, { flush: "post" }), () => {
-      const h = r.value, b = e.name, m = f.value, k = m && m.components[b];
+      const h = i.value, b = e.name, m = f.value, k = m && m.components[b];
       if (!k)
-        return ge(a.default, { Component: k, route: h });
-      const y = m.props[b], C = y ? y === !0 ? h.params : typeof y == "function" ? y(h) : y : null, g = Ve(k, Ge({}, C, n, {
+        return we(a.default, { Component: k, route: h });
+      const y = m.props[b], C = y ? y === !0 ? h.params : typeof y == "function" ? y(h) : y : null, g = Ie(k, Ue({}, C, n, {
         onVnodeUnmounted: (E) => {
           E.component.isUnmounted && (m.instances[b] = null);
         },
         ref: p
       }));
-      if (process.env.NODE_ENV !== "production" && Be && g.ref) {
+      if (process.env.NODE_ENV !== "production" && Ge && g.ref) {
         const E = {
           depth: d.value,
           name: m.name,
           path: m.path,
           meta: m.meta
         };
-        (Ue(g.ref) ? g.ref.map((P) => P.i) : [g.ref.i]).forEach((P) => {
+        (ze(g.ref) ? g.ref.map((P) => P.i) : [g.ref.i]).forEach((P) => {
           P.__vrv_devtools = E;
         });
       }
       return (
         // pass the vnode to the slot as a prop.
         // h and <component :is="..."> both accept vnodes
-        ge(a.default, { Component: g, route: h }) || g
+        we(a.default, { Component: g, route: h }) || g
       );
     };
   }
 });
-function ge(e, n) {
+function we(e, n) {
   if (!e)
     return null;
   const a = e(n);
   return a.length === 1 ? a[0] : a;
 }
-const Xe = qe;
-function Ye() {
-  const e = ae(), n = e.parent && e.parent.type.name, a = e.parent && e.parent.subTree && e.parent.subTree.type;
+const Ye = Xe;
+function Fe() {
+  const e = se(), n = e.parent && e.parent.type.name, a = e.parent && e.parent.subTree && e.parent.subTree.type;
   if (n && (n === "KeepAlive" || n.includes("Transition")) && typeof a == "object" && a.name === "RouterView") {
     const t = n === "KeepAlive" ? "keep-alive" : "transition";
-    ze(`<router-view> can no longer be used directly inside <transition> or <keep-alive>.
+    Je(`<router-view> can no longer be used directly inside <transition> or <keep-alive>.
 Use slot props instead:
 
 <router-view v-slot="{ Component }">
@@ -110,7 +110,7 @@ Use slot props instead:
 </router-view>`);
   }
 }
-function Fe(e = {}) {
+function Qe(e = {}) {
   return {
     initialTabs: e.initialTabs ?? [],
     keepAlive: e.keepAlive ?? !0,
@@ -126,7 +126,7 @@ function N(e, n) {
     throw new Error(`[RouterTabs] Unable to resolve route: ${String(n)}`);
   return a;
 }
-const Qe = {
+const We = {
   path: (e) => e.path,
   fullpath: (e) => e.fullPath,
   fullname: (e) => e.fullPath,
@@ -139,32 +139,32 @@ function $(e) {
     const a = n(e);
     if (typeof a == "string" && a.length) return a;
   } else if (typeof n == "string" && n.length) {
-    const a = Qe[n.toLowerCase()];
+    const a = We[n.toLowerCase()];
     return a ? a(e) : n;
   }
   return e.fullPath;
 }
-function te(e, n) {
+function ne(e, n) {
   const a = e.meta?.keepAlive;
   return typeof a == "boolean" ? a : n;
 }
-function ne(e, n) {
+function oe(e, n) {
   const a = e.meta?.reuse;
   return typeof a == "boolean" ? a : n;
 }
-function Ae(e) {
+function Se(e) {
   const n = e.meta ?? {}, a = {};
   return "title" in n && (a.title = n.title), "tips" in n && (a.tips = n.tips), "icon" in n && (a.icon = n.icon), "closable" in n && (a.closable = n.closable), "tabClass" in n && (a.tabClass = n.tabClass), "target" in n && (a.target = n.target), "href" in n && (a.href = n.href), a;
 }
 function G(e, n, a) {
-  const t = Ae(e);
+  const t = Se(e);
   return {
     id: $(e),
     to: e.fullPath,
     fullPath: e.fullPath,
     matched: e,
-    alive: te(e, a),
-    reusable: ne(e, !1),
+    alive: ne(e, a),
+    reusable: oe(e, !1),
     closable: t.closable ?? !0,
     ...t,
     ...n
@@ -182,17 +182,17 @@ function Z(e, n, a, t) {
     e.push(n);
   }
 }
-function we(e, n, a) {
+function Te(e, n, a) {
   if (!n || n <= 0) return;
-  const t = e.filter((r) => r.alive);
+  const t = e.filter((i) => i.alive);
   for (; t.length > n; ) {
-    const r = t.shift();
-    if (!r || r.id === a) continue;
-    const u = e.findIndex((d) => d.id === r.id);
+    const i = t.shift();
+    if (!i || i.id === a) continue;
+    const u = e.findIndex((d) => d.id === i.id);
     u > -1 && (e[u].alive = !1);
   }
 }
-function We(e) {
+function Ze(e) {
   return {
     to: e.to,
     title: e.title,
@@ -202,91 +202,91 @@ function We(e) {
     closable: e.closable
   };
 }
-function Ze(e) {
+function et(e) {
   const n = {};
   return "title" in e && (n.title = e.title), "tips" in e && (n.tips = e.tips), "icon" in e && (n.icon = e.icon), "tabClass" in e && (n.tabClass = e.tabClass), "closable" in e && (n.closable = e.closable), n;
 }
-function et(e, n = {}) {
-  const a = Fe(n), t = Ce([]), r = J(null), u = Ie(), d = J(null), f = S(() => t.filter((i) => i.alive).map((i) => i.id));
+function tt(e, n = {}) {
+  const a = Qe(n), t = _e([]), i = J(null), u = Ke(), d = J(null), f = S(() => t.filter((s) => s.alive).map((s) => s.id));
   let p = !1;
-  function h(i) {
-    const s = typeof i.matched == "object" ? i : N(e, i);
+  function h(s) {
+    const r = typeof s.matched == "object" ? s : N(e, s);
     return {
-      key: $(s),
-      fullPath: s.fullPath,
-      alive: te(s, a.keepAlive),
-      reusable: ne(s, !1),
-      matched: s
+      key: $(r),
+      fullPath: r.fullPath,
+      alive: ne(r, a.keepAlive),
+      reusable: oe(r, !1),
+      matched: r
     };
   }
-  function b(i) {
-    const s = $(i);
-    let l = t.find((w) => w.id === s);
-    return l ? (l.fullPath = i.fullPath, l.to = i.fullPath, l.matched = i, l.alive = te(i, a.keepAlive), l.reusable = ne(i, l.reusable), Object.assign(l, Ae(i)), l) : (l = G(i, {}, a.keepAlive), Z(t, l, a.appendPosition, r.value), we(t, a.maxAlive, r.value), l);
+  function b(s) {
+    const r = $(s);
+    let l = t.find((w) => w.id === r);
+    return l ? (l.fullPath = s.fullPath, l.to = s.fullPath, l.matched = s, l.alive = ne(s, a.keepAlive), l.reusable = oe(s, l.reusable), Object.assign(l, Se(s)), l) : (l = G(s, {}, a.keepAlive), Z(t, l, a.appendPosition, i.value), Te(t, a.maxAlive, i.value), l);
   }
-  async function m(i, s = !1, l = !0) {
-    const w = N(e, i), O = $(w), V = r.value === O;
-    l === "sameTab" && (l = V), l && await _(O, !0), await e[s ? "replace" : "push"](w), V && await L();
+  async function m(s, r = !1, l = !0) {
+    const w = N(e, s), O = $(w), V = i.value === O;
+    l === "sameTab" && (l = V), l && await _(O, !0), await e[r ? "replace" : "push"](w), V && await L();
   }
-  function k(i) {
-    const s = t.findIndex((w) => w.id === i), l = t[s] || t[s - 1] || t[0];
+  function k(s) {
+    const r = t.findIndex((w) => w.id === s), l = t[r] || t[r - 1] || t[0];
     return l ? l.to : a.defaultRoute;
   }
-  async function y(i = r.value, s = {}) {
-    if (i) {
-      if (!s.force && a.keepLastTab && t.length === 1)
+  async function y(s = i.value, r = {}) {
+    if (s) {
+      if (!r.force && a.keepLastTab && t.length === 1)
         throw new Error("[RouterTabs] Unable to close the final tab when keepLastTab is true.");
-      if (await C(i, { force: s.force }), s.redirect !== null)
-        if (r.value === i) {
-          const l = s.redirect ?? k(i);
+      if (await C(s, { force: r.force }), r.redirect !== null)
+        if (i.value === s) {
+          const l = r.redirect ?? k(s);
           l && await e.replace(l);
-        } else s.redirect && await e.replace(s.redirect);
+        } else r.redirect && await e.replace(r.redirect);
     }
   }
-  async function C(i, s = {}) {
-    const l = t.findIndex((w) => w.id === i);
-    l !== -1 && (t.splice(l, 1), d.value === i && (d.value = null), r.value === i && (r.value = null, u.value = void 0));
+  async function C(s, r = {}) {
+    const l = t.findIndex((w) => w.id === s);
+    l !== -1 && (t.splice(l, 1), d.value === s && (d.value = null), i.value === s && (i.value = null, u.value = void 0));
   }
-  async function _(i = r.value ?? void 0, s = !1) {
-    i && (d.value = i, await se(), s || await se(), d.value = null);
+  async function _(s = i.value ?? void 0, r = !1) {
+    s && (d.value = s, await re(), r || await re(), d.value = null);
   }
-  async function g(i = !1) {
-    for (const s of t)
-      await _(s.id, i);
+  async function g(s = !1) {
+    for (const r of t)
+      await _(r.id, s);
   }
-  async function E(i = a.defaultRoute) {
-    t.splice(0, t.length), r.value = null, u.value = void 0;
-    for (const s of a.initialTabs) {
-      const l = N(e, s.to), w = G(l, s, a.keepAlive);
+  async function E(s = a.defaultRoute) {
+    t.splice(0, t.length), i.value = null, u.value = void 0;
+    for (const r of a.initialTabs) {
+      const l = N(e, r.to), w = G(l, r, a.keepAlive);
       t.push(w);
     }
-    await e.replace(i);
+    await e.replace(s);
   }
   async function L() {
-    const i = r.value;
-    i && await _(i, !0);
+    const s = i.value;
+    s && await _(s, !0);
   }
-  function P(i) {
-    return typeof i.matched == "object" ? $(i) : $(N(e, i));
+  function P(s) {
+    return typeof s.matched == "object" ? $(s) : $(N(e, s));
   }
   function q() {
-    const i = t.find((s) => s.id === r.value);
+    const s = t.find((r) => r.id === i.value);
     return {
-      tabs: t.map(We),
-      active: i ? i.to : null
+      tabs: t.map(Ze),
+      active: s ? s.to : null
     };
   }
-  async function X(i) {
-    p = !0, t.splice(0, t.length), r.value = null, u.value = void 0;
-    const s = i?.tabs ?? [];
-    for (const w of s)
+  async function X(s) {
+    p = !0, t.splice(0, t.length), i.value = null, u.value = void 0;
+    const r = s?.tabs ?? [];
+    for (const w of r)
       try {
-        const O = N(e, w.to), V = Ze(w), D = G(O, V, a.keepAlive);
+        const O = N(e, w.to), V = et(w), D = G(O, V, a.keepAlive);
         Z(t, D, "last", null);
       } catch {
       }
     p = !1;
-    const l = i?.active ?? s[s.length - 1]?.to ?? a.defaultRoute;
+    const l = s?.active ?? r[r.length - 1]?.to ?? a.defaultRoute;
     if (l)
       try {
         await e.replace(l);
@@ -295,19 +295,19 @@ function et(e, n = {}) {
   }
   return x(
     () => e.currentRoute.value,
-    (i) => {
+    (s) => {
       if (p) return;
-      const s = b(i);
-      r.value = s.id, u.value = s, we(t, a.maxAlive, r.value);
+      const r = b(s);
+      i.value = r.id, u.value = r, Te(t, a.maxAlive, i.value);
     },
     { immediate: !0 }
-  ), a.initialTabs.length && a.initialTabs.forEach((i) => {
-    const s = N(e, i.to), l = G(s, i, a.keepAlive);
+  ), a.initialTabs.length && a.initialTabs.forEach((s) => {
+    const r = N(e, s.to), l = G(r, s, a.keepAlive);
     Z(t, l, "last", null);
   }), {
     options: a,
     tabs: t,
-    activeId: r,
+    activeId: i,
     current: u,
     includeKeys: f,
     refreshingKey: d,
@@ -324,12 +324,12 @@ function et(e, n = {}) {
     hydrate: X
   };
 }
-function Te(e) {
+function ke(e) {
   return e ? typeof e == "string" ? { name: e } : e : {};
 }
-const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStorage" in window, tt = oe({
+const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStorage" in window, nt = ae({
   name: "RouterTab",
-  components: { RouterView: Xe },
+  components: { RouterView: Ye },
   props: {
     tabs: {
       type: Array,
@@ -373,13 +373,13 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
     }
   },
   setup(e) {
-    const n = ae();
+    const n = se();
     if (!n)
       throw new Error("[RouterTab] component must be used within a Vue application context.");
     const a = n.appContext.app.config.globalProperties.$router;
     if (!a)
       throw new Error("[RouterTab] Vue Router is required. Make sure to call app.use(router) before RouterTab.");
-    const t = et(a, {
+    const t = tt(a, {
       initialTabs: e.tabs,
       keepAlive: e.keepAlive,
       maxAlive: e.maxAlive,
@@ -388,7 +388,7 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
       defaultRoute: e.defaultPage
     });
     U(H, t), n.appContext.config.globalProperties.$tabs = t;
-    const r = S(() => Te(e.tabTransition)), u = S(() => Te(e.pageTransition)), d = Ce({
+    const i = S(() => ke(e.tabTransition)), u = S(() => ke(e.pageTransition)), d = _e({
       visible: !1,
       target: null,
       position: { x: 0, y: 0 }
@@ -442,7 +442,7 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
         handler: async ({ target: o }) => {
           await t.closeTab(o.id);
         },
-        enable: ({ target: o }) => i(o)
+        enable: ({ target: o }) => s(o)
       },
       closeLefts: {
         label: "Close to the Left",
@@ -473,18 +473,18 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
       e.contextmenu && (d.visible = !0, d.target = o, d.position.x = c.clientX, d.position.y = c.clientY, document.addEventListener("click", g, { once: !0 }));
     }
     function L(o, c) {
-      const v = typeof o == "string" ? { id: o } : o, R = _[v.id], Pe = v.label ?? R?.label ?? String(v.id), Y = v.visible ?? R?.visible ?? !0;
+      const v = typeof o == "string" ? { id: o } : o, R = _[v.id], xe = v.label ?? R?.label ?? String(v.id), Y = v.visible ?? R?.visible ?? !0;
       if (!(typeof Y == "function" ? Y(c) : Y !== !1)) return null;
-      const F = v.enable ?? R?.enable ?? !0, xe = typeof F == "function" ? F(c) : F !== !1, ie = v.handler ?? R?.handler;
+      const F = v.enable ?? R?.enable ?? !0, Ee = typeof F == "function" ? F(c) : F !== !1, ie = v.handler ?? R?.handler;
       if (!ie) return null;
-      const Ee = async () => {
+      const Oe = async () => {
         await Promise.resolve(ie(c));
       };
       return {
         id: String(v.id),
-        label: Pe,
-        disabled: !xe,
-        action: Ee
+        label: xe,
+        disabled: !Ee,
+        action: Oe
       };
     }
     const P = S(() => {
@@ -498,10 +498,10 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
     function X(o) {
       return typeof o.title == "string" ? o.title : Array.isArray(o.title) && o.title.length ? String(o.title[0]) : o.fullPath;
     }
-    function i(o) {
+    function s(o) {
       return !(o.closable === !1 || t.options.keepLastTab && t.tabs.length <= 1);
     }
-    async function s(o) {
+    async function r(o) {
       await t.closeTab(o.id);
     }
     function l(o) {
@@ -512,7 +512,7 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
         "router-tab__item",
         {
           "is-active": t.activeId.value === o.id,
-          "is-closable": i(o)
+          "is-closable": s(o)
         },
         o.tabClass
       ];
@@ -543,9 +543,9 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
         } catch {
         }
     }
-    _e(() => {
+    Ae(() => {
       document.addEventListener("keydown", g), V();
-    }), Ke(() => {
+    }), Ne(() => {
       document.removeEventListener("keydown", g), n.appContext.config.globalProperties.$tabs = null, D();
     }), x(
       () => e.keepAlive,
@@ -583,48 +583,48 @@ const H = Symbol("RouterTabsContext"), ee = typeof window < "u" && "sessionStora
       },
       { deep: !0 }
     );
-    const Se = t.includeKeys;
+    const Pe = t.includeKeys;
     return {
       controller: t,
       tabs: t.tabs,
-      includeKeys: Se,
-      tabTransitionProps: r,
+      includeKeys: Pe,
+      tabTransitionProps: i,
       pageTransitionProps: u,
       buildTabClass: w,
       activate: l,
-      close: s,
+      close: r,
       context: d,
       menuItems: P,
       handleMenuAction: q,
       showContextMenu: E,
       hideContextMenu: g,
       tabTitle: X,
-      isClosable: i,
+      isClosable: s,
       isRefreshing: O
     };
   }
-}), nt = (e, n) => {
+}), ot = (e, n) => {
   const a = e.__vccOpts || e;
-  for (const [t, r] of n)
-    a[t] = r;
+  for (const [t, i] of n)
+    a[t] = i;
   return a;
-}, ot = { class: "router-tab" }, at = { class: "router-tab__header" }, it = { class: "router-tab__slot-start" }, st = { class: "router-tab__scroll" }, rt = ["onClick", "onAuxclick", "onContextmenu"], lt = ["title"], ct = ["onClick"], ut = { class: "router-tab__slot-end" }, ft = { class: "router-tab__container" }, dt = ["aria-disabled", "onClick"];
-function pt(e, n, a, t, r, u) {
-  const d = Ne("RouterView");
-  return T(), A("div", ot, [
-    I("header", at, [
+}, at = { class: "router-tab" }, st = { class: "router-tab__header" }, it = { class: "router-tab__slot-start" }, rt = { class: "router-tab__scroll" }, lt = ["onClick", "onAuxclick", "onContextmenu"], ct = ["title"], ut = ["onClick"], ft = { class: "router-tab__slot-end" }, dt = { class: "router-tab__container" }, pt = ["aria-disabled", "onClick"];
+function bt(e, n, a, t, i, u) {
+  const d = $e("RouterView");
+  return T(), A("div", at, [
+    I("header", st, [
       I("div", it, [
-        re(e.$slots, "start")
+        le(e.$slots, "start")
       ]),
-      I("div", st, [
-        j($e, Q({
+      I("div", rt, [
+        j(Le, Q({
           tag: "ul",
           class: "router-tab__nav"
         }, e.tabTransitionProps), {
           default: M(() => [
-            (T(!0), A(le, null, ce(e.tabs, (f) => (T(), A("li", {
+            (T(!0), A(ce, null, ue(e.tabs, (f) => (T(), A("li", {
               key: f.id,
-              class: ue(e.buildTabClass(f)),
+              class: fe(e.buildTabClass(f)),
               onClick: (p) => e.activate(f),
               onAuxclick: B((p) => e.close(f), ["middle", "prevent"]),
               onContextmenu: B((p) => e.showContextMenu(f, p), ["prevent"])
@@ -635,35 +635,35 @@ function pt(e, n, a, t, r, u) {
               }, [
                 f.icon ? (T(), A("i", {
                   key: 0,
-                  class: ue(["router-tab__item-icon", f.icon])
+                  class: fe(["router-tab__item-icon", f.icon])
                 }, null, 2)) : K("", !0),
-                Le(" " + fe(e.tabTitle(f)), 1)
-              ], 8, lt),
+                De(" " + de(e.tabTitle(f)), 1)
+              ], 8, ct),
               e.isClosable(f) ? (T(), A("a", {
                 key: 0,
                 class: "router-tab__item-close",
                 onClick: B((p) => e.close(f), ["stop"])
-              }, null, 8, ct)) : K("", !0)
-            ], 42, rt))), 128))
+              }, null, 8, ut)) : K("", !0)
+            ], 42, lt))), 128))
           ]),
           _: 1
         }, 16)
       ]),
-      I("div", ut, [
-        re(e.$slots, "end")
+      I("div", ft, [
+        le(e.$slots, "end")
       ])
     ]),
-    I("div", ft, [
+    I("div", dt, [
       j(d, null, {
         default: M(({ Component: f, route: p }) => [
-          j(de, Q(e.pageTransitionProps, { appear: "" }), {
+          j(pe, Q(e.pageTransitionProps, { appear: "" }), {
             default: M(() => [
-              e.controller.options.keepAlive ? (T(), W(De, {
+              e.controller.options.keepAlive ? (T(), W(je, {
                 key: 0,
                 include: e.includeKeys,
                 max: e.controller.options.maxAlive || void 0
               }, [
-                e.isRefreshing(p) ? K("", !0) : (T(), W(pe(f), {
+                e.isRefreshing(p) ? K("", !0) : (T(), W(be(f), {
                   key: e.controller.getRouteKey(p),
                   class: "router-tab-page"
                 }))
@@ -671,9 +671,9 @@ function pt(e, n, a, t, r, u) {
             ]),
             _: 2
           }, 1040),
-          j(de, Q(e.pageTransitionProps, { appear: "" }), {
+          j(pe, Q(e.pageTransitionProps, { appear: "" }), {
             default: M(() => [
-              !e.controller.options.keepAlive || e.isRefreshing(p) ? (T(), W(pe(f), {
+              !e.controller.options.keepAlive || e.isRefreshing(p) ? (T(), W(be(f), {
                 key: e.controller.getRouteKey(p) + (e.isRefreshing(p) ? "-refresh" : ""),
                 class: "router-tab-page"
               })) : K("", !0)
@@ -687,36 +687,36 @@ function pt(e, n, a, t, r, u) {
     e.context.visible && e.context.target ? (T(), A("div", {
       key: 0,
       class: "router-tab__contextmenu",
-      style: je({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
+      style: Me({ left: e.context.position.x + "px", top: e.context.position.y + "px" })
     }, [
-      (T(!0), A(le, null, ce(e.menuItems, (f) => (T(), A("a", {
+      (T(!0), A(ce, null, ue(e.menuItems, (f) => (T(), A("a", {
         key: f.id,
         class: "router-tab__contextmenu-item",
         "aria-disabled": f.disabled,
         onClick: B((p) => e.handleMenuAction(f), ["prevent"])
-      }, fe(f.label), 9, dt))), 128))
+      }, de(f.label), 9, pt))), 128))
     ], 4)) : K("", !0)
   ]);
 }
-const ke = /* @__PURE__ */ nt(tt, [["render", pt]]);
-function bt(e = {}) {
+const Re = /* @__PURE__ */ ot(nt, [["render", bt]]);
+function vt(e = {}) {
   const { optional: n = !1 } = e, a = z(H, null);
   if (a) return a;
   const t = z("$tabs", null);
   if (t) return t;
-  const u = ae()?.appContext.config.globalProperties.$tabs;
+  const u = se()?.appContext.config.globalProperties.$tabs;
   if (u) return u;
   if (!n)
     throw new Error("[RouterTabs] useRouterTabs must be used within <router-tab>.");
   return null;
 }
-const vt = "router-tabs:persistent";
-function ht(e) {
+const ht = "router-tabs:persistent";
+function mt(e) {
   return typeof window > "u" ? null : e === void 0 ? window.localStorage ?? null : e;
 }
-function mt(e) {
-  const n = ht(e.storage), a = e.storageKey ?? vt;
-  return Me(e.storeId ?? "routerTabs", {
+function yt(e) {
+  const n = mt(e.storage), a = e.storageKey ?? ht;
+  return Be(e.storeId ?? "routerTabs", {
     state: () => ({
       snapshot: null
     }),
@@ -742,17 +742,29 @@ function mt(e) {
     }
   });
 }
-function yt(e = {}) {
-  const n = bt(), t = (e.store ?? mt(e))(), r = J(!1);
-  return _e(async () => {
+function gt(e = {}) {
+  const n = vt({ optional: !0 });
+  if (!n)
+    throw new Error("[RouterTabs] Pinia helper must be used inside <router-tab>.");
+  const t = (e.store ?? yt(e))(), i = J(!1);
+  return Ae(async () => {
     t.load();
     const u = t.snapshot;
-    if (u)
+    if (u && u.tabs?.length)
       try {
-        r.value = !0, await n.hydrate(u);
+        i.value = !0, await n.hydrate(u);
       } finally {
-        r.value = !1, t.setSnapshot(n.snapshot());
+        i.value = !1;
       }
+    else
+      try {
+        i.value = !0;
+        const d = e.fallbackRoute ?? n.options.defaultRoute;
+        await n.reset(d);
+      } finally {
+        i.value = !1;
+      }
+    t.setSnapshot(n.snapshot());
   }), x(
     () => ({
       tabs: n.tabs.map((u) => ({
@@ -766,44 +778,50 @@ function yt(e = {}) {
       active: n.activeId.value
     }),
     () => {
-      r.value || t.setSnapshot(n.snapshot());
+      i.value || t.setSnapshot(n.snapshot());
     },
     { deep: !0 }
   ), t;
 }
-const gt = {
-  class: "router-tabs-pinia",
+const wt = {
+  class: "router-tabs",
   "aria-hidden": "true"
-}, Rt = /* @__PURE__ */ oe({
+}, te = /* @__PURE__ */ ae({
+  name: "RouterTabs",
   __name: "RouterTabsPinia",
   props: {
     storeId: {},
     storageKey: {},
     storage: {},
+    fallbackRoute: {},
     store: { type: [Function, Object] }
   },
   setup(e) {
-    return yt(e), (a, t) => (T(), A("span", gt));
+    return gt(e), (a, t) => (T(), A("span", wt));
   }
-}), Re = {
+}), Ce = {
   install(e) {
-    Re._installed || (Re._installed = !0, e.component(ke.name, ke), Object.defineProperty(e.config.globalProperties, "$tabs", {
+    if (Ce._installed) return;
+    Ce._installed = !0;
+    const n = Re.name || "RouterTab", a = te.name || "RouterTabs";
+    e.component(n, Re), e.component(a, te), a !== "router-tabs" && e.component("router-tabs", te), Object.defineProperty(e.config.globalProperties, "$tabs", {
       configurable: !0,
       enumerable: !1,
       get() {
         return e._context.provides[H];
       },
-      set(n) {
-        n && e.provide(H, n);
+      set(t) {
+        t && e.provide(H, t);
       }
-    }));
+    });
   }
 };
 export {
-  ke as RouterTab,
-  Rt as RouterTabsPinia,
-  Re as default,
+  Re as RouterTab,
+  te as RouterTabs,
+  te as RouterTabsPinia,
+  Ce as default,
   H as routerTabsKey,
-  bt as useRouterTabs,
-  yt as useRouterTabsPiniaPersistence
+  vt as useRouterTabs,
+  gt as useRouterTabsPiniaPersistence
 };

package/dist/vue3-router-tab.umd.cjs

@@ -0,0 +1,12 @@
+(function(v,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue"),require("pinia")):typeof define=="function"&&define.amd?define(["exports","vue","pinia"],t):(v=typeof globalThis<"u"?globalThis:v||self,t(v["vue3-router-tab"]={},v.Vue,v.pinia))})(this,(function(v,t,re){"use strict";/*!
+  * vue-router v4.5.1
+  * (c) 2025 Eduardo San Martin Morote
+  * @license MIT
+  */const se=typeof document<"u",le=Object.assign,ce=Array.isArray;function ue(e){const o=Array.from(arguments).slice(1);console.warn.apply(console,["[Vue Router warn]: "+e].concat(o))}function fe(e,o){return(e.aliasOf||e)===(o.aliasOf||o)}var F;(function(e){e.pop="pop",e.push="push"})(F||(F={}));var X;(function(e){e.back="back",e.forward="forward",e.unknown=""})(X||(X={})),Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var Y;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(Y||(Y={}));const de=Symbol(process.env.NODE_ENV!=="production"?"router view location matched":""),Q=Symbol(process.env.NODE_ENV!=="production"?"router view depth":"");Symbol(process.env.NODE_ENV!=="production"?"router":""),Symbol(process.env.NODE_ENV!=="production"?"route location":"");const W=Symbol(process.env.NODE_ENV!=="production"?"router view location":""),pe=t.defineComponent({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:o,slots:i}){process.env.NODE_ENV!=="production"&&me();const n=t.inject(W),s=t.computed(()=>e.route||n.value),f=t.inject(Q,0),p=t.computed(()=>{let y=t.unref(f);const{matched:m}=s.value;let g;for(;(g=m[y])&&!g.components;)y++;return y}),d=t.computed(()=>s.value.matched[p.value]);t.provide(Q,t.computed(()=>p.value+1)),t.provide(de,d),t.provide(W,s);const b=t.ref();return t.watch(()=>[b.value,d.value,e.name],([y,m,g],[R,w,S])=>{m&&(m.instances[g]=y,w&&w!==m&&y&&y===R&&(m.leaveGuards.size||(m.leaveGuards=w.leaveGuards),m.updateGuards.size||(m.updateGuards=w.updateGuards))),y&&m&&(!w||!fe(m,w)||!R)&&(m.enterCallbacks[g]||[]).forEach(C=>C(y))},{flush:"post"}),()=>{const y=s.value,m=e.name,g=d.value,R=g&&g.components[m];if(!R)return Z(i.default,{Component:R,route:y});const w=g.props[m],S=w?w===!0?y.params:typeof w=="function"?w(y):w:null,C=E=>{E.component.isUnmounted&&(g.instances[m]=null)},T=t.h(R,le({},S,o,{onVnodeUnmounted:C,ref:b}));if(process.env.NODE_ENV!=="production"&&se&&T.ref){const E={depth:p.value,name:g.name,path:g.path,meta:g.meta};(ce(T.ref)?T.ref.map(A=>A.i):[T.ref.i]).forEach(A=>{A.__vrv_devtools=E})}return Z(i.default,{Component:T,route:y})||T}}});function Z(e,o){if(!e)return null;const i=e(o);return i.length===1?i[0]:i}const be=pe;function me(){const e=t.getCurrentInstance(),o=e.parent&&e.parent.type.name,i=e.parent&&e.parent.subTree&&e.parent.subTree.type;if(o&&(o==="KeepAlive"||o.includes("Transition"))&&typeof i=="object"&&i.name==="RouterView"){const n=o==="KeepAlive"?"keep-alive":"transition";ue(`<router-view> can no longer be used directly inside <transition> or <keep-alive>.
+Use slot props instead:
+
+<router-view v-slot="{ Component }">
+  <${n}>
+    <component :is="Component" />
+  </${n}>
+</router-view>`)}}function he(e={}){return{initialTabs:e.initialTabs??[],keepAlive:e.keepAlive??!0,maxAlive:e.maxAlive??0,keepLastTab:e.keepLastTab??!0,appendPosition:e.appendPosition??"last",defaultRoute:e.defaultRoute??"/"}}function V(e,o){const i=e.resolve(o);if(!i||!i.matched.length)throw new Error(`[RouterTabs] Unable to resolve route: ${String(o)}`);return i}const ye={path:e=>e.path,fullpath:e=>e.fullPath,fullname:e=>e.fullPath,full:e=>e.fullPath,name:e=>e.name?String(e.name):e.fullPath};function N(e){const o=e.meta?.key;if(typeof o=="function"){const i=o(e);if(typeof i=="string"&&i.length)return i}else if(typeof o=="string"&&o.length){const i=ye[o.toLowerCase()];return i?i(e):o}return e.fullPath}function j(e,o){const i=e.meta?.keepAlive;return typeof i=="boolean"?i:o}function M(e,o){const i=e.meta?.reuse;return typeof i=="boolean"?i:o}function ee(e){const o=e.meta??{},i={};return"title"in o&&(i.title=o.title),"tips"in o&&(i.tips=o.tips),"icon"in o&&(i.icon=o.icon),"closable"in o&&(i.closable=o.closable),"tabClass"in o&&(i.tabClass=o.tabClass),"target"in o&&(i.target=o.target),"href"in o&&(i.href=o.href),i}function $(e,o,i){const n=ee(e);return{id:N(e),to:e.fullPath,fullPath:e.fullPath,matched:e,alive:j(e,i),reusable:M(e,!1),closable:n.closable??!0,...n,...o}}function L(e,o,i,n){if(!e.find(f=>f.id===o.id)){if(i==="next"&&n){const f=e.findIndex(p=>p.id===n);if(f>-1){e.splice(f+1,0,o);return}}e.push(o)}}function te(e,o,i){if(!o||o<=0)return;const n=e.filter(s=>s.alive);for(;n.length>o;){const s=n.shift();if(!s||s.id===i)continue;const f=e.findIndex(p=>p.id===s.id);f>-1&&(e[f].alive=!1)}}function ge(e){return{to:e.to,title:e.title,tips:e.tips,icon:e.icon,tabClass:e.tabClass,closable:e.closable}}function we(e){const o={};return"title"in e&&(o.title=e.title),"tips"in e&&(o.tips=e.tips),"icon"in e&&(o.icon=e.icon),"tabClass"in e&&(o.tabClass=e.tabClass),"closable"in e&&(o.closable=e.closable),o}function Te(e,o={}){const i=he(o),n=t.reactive([]),s=t.ref(null),f=t.shallowRef(),p=t.ref(null),d=t.computed(()=>n.filter(r=>r.alive).map(r=>r.id));let b=!1;function y(r){const l=typeof r.matched=="object"?r:V(e,r);return{key:N(l),fullPath:l.fullPath,alive:j(l,i.keepAlive),reusable:M(l,!1),matched:l}}function m(r){const l=N(r);let c=n.find(k=>k.id===l);return c?(c.fullPath=r.fullPath,c.to=r.fullPath,c.matched=r,c.alive=j(r,i.keepAlive),c.reusable=M(r,c.reusable),Object.assign(c,ee(r)),c):(c=$(r,{},i.keepAlive),L(n,c,i.appendPosition,s.value),te(n,i.maxAlive,s.value),c)}async function g(r,l=!1,c=!0){const k=V(e,r),P=N(k),x=s.value===P;c==="sameTab"&&(c=x),c&&await C(P,!0),await e[l?"replace":"push"](k),x&&await O()}function R(r){const l=n.findIndex(k=>k.id===r),c=n[l]||n[l-1]||n[0];return c?c.to:i.defaultRoute}async function w(r=s.value,l={}){if(r){if(!l.force&&i.keepLastTab&&n.length===1)throw new Error("[RouterTabs] Unable to close the final tab when keepLastTab is true.");if(await S(r,{force:l.force}),l.redirect!==null)if(s.value===r){const c=l.redirect??R(r);c&&await e.replace(c)}else l.redirect&&await e.replace(l.redirect)}}async function S(r,l={}){const c=n.findIndex(k=>k.id===r);c!==-1&&(n.splice(c,1),p.value===r&&(p.value=null),s.value===r&&(s.value=null,f.value=void 0))}async function C(r=s.value??void 0,l=!1){r&&(p.value=r,await t.nextTick(),l||await t.nextTick(),p.value=null)}async function T(r=!1){for(const l of n)await C(l.id,r)}async function E(r=i.defaultRoute){n.splice(0,n.length),s.value=null,f.value=void 0;for(const l of i.initialTabs){const c=V(e,l.to),k=$(c,l,i.keepAlive);n.push(k)}await e.replace(r)}async function O(){const r=s.value;r&&await C(r,!0)}function A(r){return typeof r.matched=="object"?N(r):N(V(e,r))}function U(){const r=n.find(l=>l.id===s.value);return{tabs:n.map(ge),active:r?r.to:null}}async function J(r){b=!0,n.splice(0,n.length),s.value=null,f.value=void 0;const l=r?.tabs??[];for(const k of l)try{const P=V(e,k.to),x=we(k),K=$(P,x,i.keepAlive);L(n,K,"last",null)}catch{}b=!1;const c=r?.active??l[l.length-1]?.to??i.defaultRoute;if(c)try{await e.replace(c)}catch{}}return t.watch(()=>e.currentRoute.value,r=>{if(b)return;const l=m(r);s.value=l.id,f.value=l,te(n,i.maxAlive,s.value)},{immediate:!0}),i.initialTabs.length&&i.initialTabs.forEach(r=>{const l=V(e,r.to),c=$(l,r,i.keepAlive);L(n,c,"last",null)}),{options:i,tabs:n,activeId:s,current:f,includeKeys:d,refreshingKey:p,openTab:g,closeTab:w,removeTab:S,refreshTab:C,refreshAll:T,reset:E,reload:O,getRouteKey:A,matchRoute:y,snapshot:U,hydrate:J}}function ne(e){return e?typeof e=="string"?{name:e}:e:{}}const B=Symbol("RouterTabsContext"),D=typeof window<"u"&&"sessionStorage"in window,ke=t.defineComponent({name:"RouterTab",components:{RouterView:be},props:{tabs:{type:Array,default:()=>[]},keepAlive:{type:Boolean,default:!0},maxAlive:{type:Number,default:0},keepLastTab:{type:Boolean,default:!0},append:{type:String,default:"last"},defaultPage:{type:[String,Object],default:"/"},tabTransition:{type:[String,Object],default:"router-tab-zoom"},pageTransition:{type:[String,Object],default:()=>({name:"router-tab-swap",mode:"out-in"})},contextmenu:{type:[Boolean,Array],default:!0},storage:{type:[Boolean,String],default:!1}},setup(e){const o=t.getCurrentInstance();if(!o)throw new Error("[RouterTab] component must be used within a Vue application context.");const i=o.appContext.app.config.globalProperties.$router;if(!i)throw new Error("[RouterTab] Vue Router is required. Make sure to call app.use(router) before RouterTab.");const n=Te(i,{initialTabs:e.tabs,keepAlive:e.keepAlive,maxAlive:e.maxAlive,keepLastTab:e.keepLastTab,appendPosition:e.append,defaultRoute:e.defaultPage});t.provide(B,n),o.appContext.config.globalProperties.$tabs=n;const s=t.computed(()=>ne(e.tabTransition)),f=t.computed(()=>ne(e.pageTransition)),p=t.reactive({visible:!1,target:null,position:{x:0,y:0}}),d=t.computed(()=>!e.storage||!D?null:typeof e.storage=="string"?e.storage:`router-tabs:${(i.options?.history?.base??"")||"default"}`);let b=!!d.value;const y=["refresh","refreshAll","close","closeLefts","closeRights","closeOthers"];function m(a){return n.tabs.findIndex(u=>u.id===a)}function g(a){const u=m(a.id);return u>0?n.tabs.slice(0,u):[]}function R(a){const u=m(a.id);return u>-1?n.tabs.slice(u+1):[]}function w(a){return n.tabs.filter(u=>u.id!==a.id)}async function S(a,u){const h=a.filter(_=>_.closable!==!1);if(h.length){for(const _ of h)n.activeId.value===_.id?await n.closeTab(_.id,{redirect:u.to,force:!0}):await n.removeTab(_.id,{force:!0});n.activeId.value!==u.id&&await n.openTab(u.to,!0,!1)}}const C={refresh:{label:"Refresh",handler:async({target:a})=>{await n.refreshTab(a.id,!0)}},refreshAll:{label:"Refresh All",handler:async()=>{await n.refreshAll(!0)}},close:{label:"Close",handler:async({target:a})=>{await n.closeTab(a.id)},enable:({target:a})=>r(a)},closeLefts:{label:"Close to the Left",handler:async({target:a})=>{await S(g(a),a)},enable:({target:a})=>g(a).some(u=>u.closable!==!1)},closeRights:{label:"Close to the Right",handler:async({target:a})=>{await S(R(a),a)},enable:({target:a})=>R(a).some(u=>u.closable!==!1)},closeOthers:{label:"Close Others",handler:async({target:a})=>{await S(w(a),a)},enable:({target:a})=>w(a).some(u=>u.closable!==!1)}};function T(){p.visible=!1,p.target=null}function E(a,u){e.contextmenu&&(p.visible=!0,p.target=a,p.position.x=u.clientX,p.position.y=u.clientY,document.addEventListener("click",T,{once:!0}))}function O(a,u){const h=typeof a=="string"?{id:a}:a,_=C[h.id],Me=h.label??_?.label??String(h.id),q=h.visible??_?.visible??!0;if(!(typeof q=="function"?q(u):q!==!1))return null;const H=h.enable??_?.enable??!0,Le=typeof H=="function"?H(u):H!==!1,ie=h.handler??_?.handler;if(!ie)return null;const De=async()=>{await Promise.resolve(ie(u))};return{id:String(h.id),label:Me,disabled:!Le,action:De}}const A=t.computed(()=>{if(!p.visible||!p.target||e.contextmenu===!1)return[];const a=Array.isArray(e.contextmenu)?e.contextmenu:y,u={target:p.target,controller:n};return a.map(h=>O(h,u)).filter(h=>!!h)});async function U(a){a.disabled||(T(),await a.action())}function J(a){return typeof a.title=="string"?a.title:Array.isArray(a.title)&&a.title.length?String(a.title[0]):a.fullPath}function r(a){return!(a.closable===!1||n.options.keepLastTab&&n.tabs.length<=1)}async function l(a){await n.closeTab(a.id)}function c(a){n.activeId.value!==a.id&&n.openTab(a.to,!1)}function k(a){return["router-tab__item",{"is-active":n.activeId.value===a.id,"is-closable":r(a)},a.tabClass]}function P(a){return n.refreshingKey.value===n.getRouteKey(a)}async function x(){const a=d.value;if(!a||!D)return;const u=window.sessionStorage.getItem(a);if(u)try{const h=JSON.parse(u);if(!h||!Array.isArray(h.tabs))return;b=!0,await n.hydrate(h)}catch{}finally{b=!1,K()}}function K(){const a=d.value;if(!(!a||!D||b))try{const u=n.snapshot();window.sessionStorage.setItem(a,JSON.stringify(u))}catch{}}t.onMounted(()=>{document.addEventListener("keydown",T),x()}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",T),o.appContext.config.globalProperties.$tabs=null,K()}),t.watch(()=>e.keepAlive,a=>{n.options.keepAlive=a}),t.watch(()=>n.activeId.value,()=>T()),t.watch(()=>e.contextmenu,a=>{a||T()}),t.watch(()=>A.value.length,a=>{p.visible&&a===0&&T()}),t.watch(()=>({key:d.value,tabs:n.tabs.map(a=>({to:a.to,title:a.title,tips:a.tips,icon:a.icon,tabClass:a.tabClass,closable:a.closable})),active:n.activeId.value}),()=>{K()},{deep:!0});const je=n.includeKeys;return{controller:n,tabs:n.tabs,includeKeys:je,tabTransitionProps:s,pageTransitionProps:f,buildTabClass:k,activate:c,close:l,context:p,menuItems:A,handleMenuAction:U,showContextMenu:E,hideContextMenu:T,tabTitle:J,isClosable:r,isRefreshing:P}}}),ve=(e,o)=>{const i=e.__vccOpts||e;for(const[n,s]of o)i[n]=s;return i},Re={class:"router-tab"},Ce={class:"router-tab__header"},_e={class:"router-tab__slot-start"},Se={class:"router-tab__scroll"},Ae=["onClick","onAuxclick","onContextmenu"],Ee=["title"],Pe=["onClick"],Ve={class:"router-tab__slot-end"},Ne={class:"router-tab__container"},xe=["aria-disabled","onClick"];function Be(e,o,i,n,s,f){const p=t.resolveComponent("RouterView");return t.openBlock(),t.createElementBlock("div",Re,[t.createElementVNode("header",Ce,[t.createElementVNode("div",_e,[t.renderSlot(e.$slots,"start")]),t.createElementVNode("div",Se,[t.createVNode(t.TransitionGroup,t.mergeProps({tag:"ul",class:"router-tab__nav"},e.tabTransitionProps),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabs,d=>(t.openBlock(),t.createElementBlock("li",{key:d.id,class:t.normalizeClass(e.buildTabClass(d)),onClick:b=>e.activate(d),onAuxclick:t.withModifiers(b=>e.close(d),["middle","prevent"]),onContextmenu:t.withModifiers(b=>e.showContextMenu(d,b),["prevent"])},[t.createElementVNode("span",{class:"router-tab__item-title",title:e.tabTitle(d)},[d.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["router-tab__item-icon",d.icon])},null,2)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.tabTitle(d)),1)],8,Ee),e.isClosable(d)?(t.openBlock(),t.createElementBlock("a",{key:0,class:"router-tab__item-close",onClick:t.withModifiers(b=>e.close(d),["stop"])},null,8,Pe)):t.createCommentVNode("",!0)],42,Ae))),128))]),_:1},16)]),t.createElementVNode("div",Ve,[t.renderSlot(e.$slots,"end")])]),t.createElementVNode("div",Ne,[t.createVNode(p,null,{default:t.withCtx(({Component:d,route:b})=>[t.createVNode(t.Transition,t.mergeProps(e.pageTransitionProps,{appear:""}),{default:t.withCtx(()=>[e.controller.options.keepAlive?(t.openBlock(),t.createBlock(t.KeepAlive,{key:0,include:e.includeKeys,max:e.controller.options.maxAlive||void 0},[e.isRefreshing(b)?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(d),{key:e.controller.getRouteKey(b),class:"router-tab-page"}))],1032,["include","max"])):t.createCommentVNode("",!0)]),_:2},1040),t.createVNode(t.Transition,t.mergeProps(e.pageTransitionProps,{appear:""}),{default:t.withCtx(()=>[!e.controller.options.keepAlive||e.isRefreshing(b)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(d),{key:e.controller.getRouteKey(b)+(e.isRefreshing(b)?"-refresh":""),class:"router-tab-page"})):t.createCommentVNode("",!0)]),_:2},1040)]),_:1})]),e.context.visible&&e.context.target?(t.openBlock(),t.createElementBlock("div",{key:0,class:"router-tab__contextmenu",style:t.normalizeStyle({left:e.context.position.x+"px",top:e.context.position.y+"px"})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.menuItems,d=>(t.openBlock(),t.createElementBlock("a",{key:d.id,class:"router-tab__contextmenu-item","aria-disabled":d.disabled,onClick:t.withModifiers(b=>e.handleMenuAction(d),["prevent"])},t.toDisplayString(d.label),9,xe))),128))],4)):t.createCommentVNode("",!0)])}const z=ve(ke,[["render",Be]]);function oe(e={}){const{optional:o=!1}=e,i=t.inject(B,null);if(i)return i;const n=t.inject("$tabs",null);if(n)return n;const f=t.getCurrentInstance()?.appContext.config.globalProperties.$tabs;if(f)return f;if(!o)throw new Error("[RouterTabs] useRouterTabs must be used within <router-tab>.");return null}const Ie="router-tabs:persistent";function Oe(e){return typeof window>"u"?null:e===void 0?window.localStorage??null:e}function Ke(e){const o=Oe(e.storage),i=e.storageKey??Ie;return re.defineStore(e.storeId??"routerTabs",{state:()=>({snapshot:null}),actions:{load(){if(!(!o||this.snapshot))try{const n=o.getItem(i);n&&(this.snapshot=JSON.parse(n))}catch{}},setSnapshot(n){if(this.snapshot=n,!!o)try{n&&n.tabs.length?o.setItem(i,JSON.stringify(n)):o.removeItem(i)}catch{}},clear(){this.setSnapshot(null)}}})}function ae(e={}){const o=oe({optional:!0});if(!o)throw new Error("[RouterTabs] Pinia helper must be used inside <router-tab>.");const n=(e.store??Ke(e))(),s=t.ref(!1);return t.onMounted(async()=>{n.load();const f=n.snapshot;if(f&&f.tabs?.length)try{s.value=!0,await o.hydrate(f)}finally{s.value=!1}else try{s.value=!0;const p=e.fallbackRoute??o.options.defaultRoute;await o.reset(p)}finally{s.value=!1}n.setSnapshot(o.snapshot())}),t.watch(()=>({tabs:o.tabs.map(f=>({to:f.to,title:f.title,tips:f.tips,icon:f.icon,tabClass:f.tabClass,closable:f.closable})),active:o.activeId.value}),()=>{s.value||n.setSnapshot(o.snapshot())},{deep:!0}),n}const $e={class:"router-tabs","aria-hidden":"true"},I=t.defineComponent({name:"RouterTabs",__name:"RouterTabsPinia",props:{storeId:{},storageKey:{},storage:{},fallbackRoute:{},store:{type:[Function,Object]}},setup(e){return ae(e),(i,n)=>(t.openBlock(),t.createElementBlock("span",$e))}}),G={install(e){if(G._installed)return;G._installed=!0;const o=z.name||"RouterTab",i=I.name||"RouterTabs";e.component(o,z),e.component(i,I),i!=="router-tabs"&&e.component("router-tabs",I),Object.defineProperty(e.config.globalProperties,"$tabs",{configurable:!0,enumerable:!1,get(){return e._context.provides[B]},set(n){n&&e.provide(B,n)}})}};v.RouterTab=z,v.RouterTabs=I,v.RouterTabsPinia=I,v.default=G,v.routerTabsKey=B,v.useRouterTabs=oe,v.useRouterTabsPiniaPersistence=ae,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,21 +1,23 @@
 {
   "name": "vue3-router-tab",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "files": [
     "dist",
     "lib",
     "index.d.ts"
   ],
-  "main": "dist/vue3-router-tab.cjs.js",
-  "module": "dist/vue3-router-tab.es.js",
+  "main": "dist/vue3-router-tab.umd.cjs",
+  "module": "dist/vue3-router-tab.js",
   "exports": {
     ".": {
       "types": "./index.d.ts",
-      "import": "./dist/vue3-router-tab.es.js",
-      "require": "./dist/vue3-router-tab.cjs.js"
+      "default": "./dist/vue3-router-tab.js",
+      "import": "./dist/vue3-router-tab.js",
+      "require": "./dist/vue3-router-tab.umd.cjs"
     },
-    "./style": "./dist/vue3-router-tab.css"
+    "./style": "./dist/vue3-router-tab.css",
+    "./package.json": "./package.json"
   },
   "scripts": {
     "build": "vite build"
@@ -40,9 +42,6 @@
     "router",
     "tabs",
     "tab",
-    "pinia",
-    "persistence",
-    "tab persistence",
     "router-tab"
   ],
   "license": "MIT",

package/dist/vue3-router-tab.cjs.js

@@ -1,12 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),le=require("pinia");/*!
-  * vue-router v4.5.1
-  * (c) 2025 Eduardo San Martin Morote
-  * @license MIT
-  */const ce=typeof document<"u",ue=Object.assign,fe=Array.isArray;function de(e){const o=Array.from(arguments).slice(1);console.warn.apply(console,["[Vue Router warn]: "+e].concat(o))}function pe(e,o){return(e.aliasOf||e)===(o.aliasOf||o)}var H;(function(e){e.pop="pop",e.push="push"})(H||(H={}));var F;(function(e){e.back="back",e.forward="forward",e.unknown=""})(F||(F={}));Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var X;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(X||(X={}));const be=Symbol(process.env.NODE_ENV!=="production"?"router view location matched":""),Y=Symbol(process.env.NODE_ENV!=="production"?"router view depth":"");Symbol(process.env.NODE_ENV!=="production"?"router":"");Symbol(process.env.NODE_ENV!=="production"?"route location":"");const Q=Symbol(process.env.NODE_ENV!=="production"?"router view location":""),ve=t.defineComponent({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:o,slots:r}){process.env.NODE_ENV!=="production"&&he();const n=t.inject(Q),l=t.computed(()=>e.route||n.value),f=t.inject(Y,0),p=t.computed(()=>{let h=t.unref(f);const{matched:v}=l.value;let y;for(;(y=v[h])&&!y.components;)h++;return h}),d=t.computed(()=>l.value.matched[p.value]);t.provide(Y,t.computed(()=>p.value+1)),t.provide(be,d),t.provide(Q,l);const b=t.ref();return t.watch(()=>[b.value,d.value,e.name],([h,v,y],[T,g,_])=>{v&&(v.instances[y]=h,g&&g!==v&&h&&h===T&&(v.leaveGuards.size||(v.leaveGuards=g.leaveGuards),v.updateGuards.size||(v.updateGuards=g.updateGuards))),h&&v&&(!g||!pe(v,g)||!T)&&(v.enterCallbacks[y]||[]).forEach(C=>C(h))},{flush:"post"}),()=>{const h=l.value,v=e.name,y=d.value,T=y&&y.components[v];if(!T)return W(r.default,{Component:T,route:h});const g=y.props[v],_=g?g===!0?h.params:typeof g=="function"?g(h):g:null,C=A=>{A.component.isUnmounted&&(y.instances[v]=null)},w=t.h(T,ue({},_,o,{onVnodeUnmounted:C,ref:b}));if(process.env.NODE_ENV!=="production"&&ce&&w.ref){const A={depth:p.value,name:y.name,path:y.path,meta:y.meta};(fe(w.ref)?w.ref.map(S=>S.i):[w.ref.i]).forEach(S=>{S.__vrv_devtools=A})}return W(r.default,{Component:w,route:h})||w}}});function W(e,o){if(!e)return null;const r=e(o);return r.length===1?r[0]:r}const me=ve;function he(){const e=t.getCurrentInstance(),o=e.parent&&e.parent.type.name,r=e.parent&&e.parent.subTree&&e.parent.subTree.type;if(o&&(o==="KeepAlive"||o.includes("Transition"))&&typeof r=="object"&&r.name==="RouterView"){const n=o==="KeepAlive"?"keep-alive":"transition";de(`<router-view> can no longer be used directly inside <transition> or <keep-alive>.
-Use slot props instead:
-
-<router-view v-slot="{ Component }">
-  <${n}>
-    <component :is="Component" />
-  </${n}>
-</router-view>`)}}function ye(e={}){return{initialTabs:e.initialTabs??[],keepAlive:e.keepAlive??!0,maxAlive:e.maxAlive??0,keepLastTab:e.keepLastTab??!0,appendPosition:e.appendPosition??"last",defaultRoute:e.defaultRoute??"/"}}function V(e,o){const r=e.resolve(o);if(!r||!r.matched.length)throw new Error(`[RouterTabs] Unable to resolve route: ${String(o)}`);return r}const ge={path:e=>e.path,fullpath:e=>e.fullPath,fullname:e=>e.fullPath,full:e=>e.fullPath,name:e=>e.name?String(e.name):e.fullPath};function x(e){const o=e.meta?.key;if(typeof o=="function"){const r=o(e);if(typeof r=="string"&&r.length)return r}else if(typeof o=="string"&&o.length){const r=ge[o.toLowerCase()];return r?r(e):o}return e.fullPath}function z(e,o){const r=e.meta?.keepAlive;return typeof r=="boolean"?r:o}function G(e,o){const r=e.meta?.reuse;return typeof r=="boolean"?r:o}function te(e){const o=e.meta??{},r={};return"title"in o&&(r.title=o.title),"tips"in o&&(r.tips=o.tips),"icon"in o&&(r.icon=o.icon),"closable"in o&&(r.closable=o.closable),"tabClass"in o&&(r.tabClass=o.tabClass),"target"in o&&(r.target=o.target),"href"in o&&(r.href=o.href),r}function O(e,o,r){const n=te(e);return{id:x(e),to:e.fullPath,fullPath:e.fullPath,matched:e,alive:z(e,r),reusable:G(e,!1),closable:n.closable??!0,...n,...o}}function L(e,o,r,n){if(!e.find(f=>f.id===o.id)){if(r==="next"&&n){const f=e.findIndex(p=>p.id===n);if(f>-1){e.splice(f+1,0,o);return}}e.push(o)}}function Z(e,o,r){if(!o||o<=0)return;const n=e.filter(l=>l.alive);for(;n.length>o;){const l=n.shift();if(!l||l.id===r)continue;const f=e.findIndex(p=>p.id===l.id);f>-1&&(e[f].alive=!1)}}function we(e){return{to:e.to,title:e.title,tips:e.tips,icon:e.icon,tabClass:e.tabClass,closable:e.closable}}function ke(e){const o={};return"title"in e&&(o.title=e.title),"tips"in e&&(o.tips=e.tips),"icon"in e&&(o.icon=e.icon),"tabClass"in e&&(o.tabClass=e.tabClass),"closable"in e&&(o.closable=e.closable),o}function Te(e,o={}){const r=ye(o),n=t.reactive([]),l=t.ref(null),f=t.shallowRef(),p=t.ref(null),d=t.computed(()=>n.filter(i=>i.alive).map(i=>i.id));let b=!1;function h(i){const s=typeof i.matched=="object"?i:V(e,i);return{key:x(s),fullPath:s.fullPath,alive:z(s,r.keepAlive),reusable:G(s,!1),matched:s}}function v(i){const s=x(i);let c=n.find(k=>k.id===s);return c?(c.fullPath=i.fullPath,c.to=i.fullPath,c.matched=i,c.alive=z(i,r.keepAlive),c.reusable=G(i,c.reusable),Object.assign(c,te(i)),c):(c=O(i,{},r.keepAlive),L(n,c,r.appendPosition,l.value),Z(n,r.maxAlive,l.value),c)}async function y(i,s=!1,c=!0){const k=V(e,i),E=x(k),P=l.value===E;c==="sameTab"&&(c=P),c&&await C(E,!0),await e[s?"replace":"push"](k),P&&await N()}function T(i){const s=n.findIndex(k=>k.id===i),c=n[s]||n[s-1]||n[0];return c?c.to:r.defaultRoute}async function g(i=l.value,s={}){if(i){if(!s.force&&r.keepLastTab&&n.length===1)throw new Error("[RouterTabs] Unable to close the final tab when keepLastTab is true.");if(await _(i,{force:s.force}),s.redirect!==null)if(l.value===i){const c=s.redirect??T(i);c&&await e.replace(c)}else s.redirect&&await e.replace(s.redirect)}}async function _(i,s={}){const c=n.findIndex(k=>k.id===i);c!==-1&&(n.splice(c,1),p.value===i&&(p.value=null),l.value===i&&(l.value=null,f.value=void 0))}async function C(i=l.value??void 0,s=!1){i&&(p.value=i,await t.nextTick(),s||await t.nextTick(),p.value=null)}async function w(i=!1){for(const s of n)await C(s.id,i)}async function A(i=r.defaultRoute){n.splice(0,n.length),l.value=null,f.value=void 0;for(const s of r.initialTabs){const c=V(e,s.to),k=O(c,s,r.keepAlive);n.push(k)}await e.replace(i)}async function N(){const i=l.value;i&&await C(i,!0)}function S(i){return typeof i.matched=="object"?x(i):x(V(e,i))}function K(){const i=n.find(s=>s.id===l.value);return{tabs:n.map(we),active:i?i.to:null}}async function $(i){b=!0,n.splice(0,n.length),l.value=null,f.value=void 0;const s=i?.tabs??[];for(const k of s)try{const E=V(e,k.to),P=ke(k),B=O(E,P,r.keepAlive);L(n,B,"last",null)}catch{}b=!1;const c=i?.active??s[s.length-1]?.to??r.defaultRoute;if(c)try{await e.replace(c)}catch{}}return t.watch(()=>e.currentRoute.value,i=>{if(b)return;const s=v(i);l.value=s.id,f.value=s,Z(n,r.maxAlive,l.value)},{immediate:!0}),r.initialTabs.length&&r.initialTabs.forEach(i=>{const s=V(e,i.to),c=O(s,i,r.keepAlive);L(n,c,"last",null)}),{options:r,tabs:n,activeId:l,current:f,includeKeys:d,refreshingKey:p,openTab:y,closeTab:g,removeTab:_,refreshTab:C,refreshAll:w,reset:A,reload:N,getRouteKey:S,matchRoute:h,snapshot:K,hydrate:$}}function ee(e){return e?typeof e=="string"?{name:e}:e:{}}const I=Symbol("RouterTabsContext"),D=typeof window<"u"&&"sessionStorage"in window,Ce=t.defineComponent({name:"RouterTab",components:{RouterView:me},props:{tabs:{type:Array,default:()=>[]},keepAlive:{type:Boolean,default:!0},maxAlive:{type:Number,default:0},keepLastTab:{type:Boolean,default:!0},append:{type:String,default:"last"},defaultPage:{type:[String,Object],default:"/"},tabTransition:{type:[String,Object],default:"router-tab-zoom"},pageTransition:{type:[String,Object],default:()=>({name:"router-tab-swap",mode:"out-in"})},contextmenu:{type:[Boolean,Array],default:!0},storage:{type:[Boolean,String],default:!1}},setup(e){const o=t.getCurrentInstance();if(!o)throw new Error("[RouterTab] component must be used within a Vue application context.");const r=o.appContext.app.config.globalProperties.$router;if(!r)throw new Error("[RouterTab] Vue Router is required. Make sure to call app.use(router) before RouterTab.");const n=Te(r,{initialTabs:e.tabs,keepAlive:e.keepAlive,maxAlive:e.maxAlive,keepLastTab:e.keepLastTab,appendPosition:e.append,defaultRoute:e.defaultPage});t.provide(I,n),o.appContext.config.globalProperties.$tabs=n;const l=t.computed(()=>ee(e.tabTransition)),f=t.computed(()=>ee(e.pageTransition)),p=t.reactive({visible:!1,target:null,position:{x:0,y:0}}),d=t.computed(()=>!e.storage||!D?null:typeof e.storage=="string"?e.storage:`router-tabs:${(r.options?.history?.base??"")||"default"}`);let b=!!d.value;const h=["refresh","refreshAll","close","closeLefts","closeRights","closeOthers"];function v(a){return n.tabs.findIndex(u=>u.id===a)}function y(a){const u=v(a.id);return u>0?n.tabs.slice(0,u):[]}function T(a){const u=v(a.id);return u>-1?n.tabs.slice(u+1):[]}function g(a){return n.tabs.filter(u=>u.id!==a.id)}async function _(a,u){const m=a.filter(R=>R.closable!==!1);if(m.length){for(const R of m)n.activeId.value===R.id?await n.closeTab(R.id,{redirect:u.to,force:!0}):await n.removeTab(R.id,{force:!0});n.activeId.value!==u.id&&await n.openTab(u.to,!0,!1)}}const C={refresh:{label:"Refresh",handler:async({target:a})=>{await n.refreshTab(a.id,!0)}},refreshAll:{label:"Refresh All",handler:async()=>{await n.refreshAll(!0)}},close:{label:"Close",handler:async({target:a})=>{await n.closeTab(a.id)},enable:({target:a})=>i(a)},closeLefts:{label:"Close to the Left",handler:async({target:a})=>{await _(y(a),a)},enable:({target:a})=>y(a).some(u=>u.closable!==!1)},closeRights:{label:"Close to the Right",handler:async({target:a})=>{await _(T(a),a)},enable:({target:a})=>T(a).some(u=>u.closable!==!1)},closeOthers:{label:"Close Others",handler:async({target:a})=>{await _(g(a),a)},enable:({target:a})=>g(a).some(u=>u.closable!==!1)}};function w(){p.visible=!1,p.target=null}function A(a,u){e.contextmenu&&(p.visible=!0,p.target=a,p.position.x=u.clientX,p.position.y=u.clientY,document.addEventListener("click",w,{once:!0}))}function N(a,u){const m=typeof a=="string"?{id:a}:a,R=C[m.id],re=m.label??R?.label??String(m.id),M=m.visible??R?.visible??!0;if(!(typeof M=="function"?M(u):M!==!1))return null;const j=m.enable??R?.enable??!0,ie=typeof j=="function"?j(u):j!==!1,q=m.handler??R?.handler;if(!q)return null;const se=async()=>{await Promise.resolve(q(u))};return{id:String(m.id),label:re,disabled:!ie,action:se}}const S=t.computed(()=>{if(!p.visible||!p.target||e.contextmenu===!1)return[];const a=Array.isArray(e.contextmenu)?e.contextmenu:h,u={target:p.target,controller:n};return a.map(m=>N(m,u)).filter(m=>!!m)});async function K(a){a.disabled||(w(),await a.action())}function $(a){return typeof a.title=="string"?a.title:Array.isArray(a.title)&&a.title.length?String(a.title[0]):a.fullPath}function i(a){return!(a.closable===!1||n.options.keepLastTab&&n.tabs.length<=1)}async function s(a){await n.closeTab(a.id)}function c(a){n.activeId.value!==a.id&&n.openTab(a.to,!1)}function k(a){return["router-tab__item",{"is-active":n.activeId.value===a.id,"is-closable":i(a)},a.tabClass]}function E(a){return n.refreshingKey.value===n.getRouteKey(a)}async function P(){const a=d.value;if(!a||!D)return;const u=window.sessionStorage.getItem(a);if(u)try{const m=JSON.parse(u);if(!m||!Array.isArray(m.tabs))return;b=!0,await n.hydrate(m)}catch{}finally{b=!1,B()}}function B(){const a=d.value;if(!(!a||!D||b))try{const u=n.snapshot();window.sessionStorage.setItem(a,JSON.stringify(u))}catch{}}t.onMounted(()=>{document.addEventListener("keydown",w),P()}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",w),o.appContext.config.globalProperties.$tabs=null,B()}),t.watch(()=>e.keepAlive,a=>{n.options.keepAlive=a}),t.watch(()=>n.activeId.value,()=>w()),t.watch(()=>e.contextmenu,a=>{a||w()}),t.watch(()=>S.value.length,a=>{p.visible&&a===0&&w()}),t.watch(()=>({key:d.value,tabs:n.tabs.map(a=>({to:a.to,title:a.title,tips:a.tips,icon:a.icon,tabClass:a.tabClass,closable:a.closable})),active:n.activeId.value}),()=>{B()},{deep:!0});const ae=n.includeKeys;return{controller:n,tabs:n.tabs,includeKeys:ae,tabTransitionProps:l,pageTransitionProps:f,buildTabClass:k,activate:c,close:s,context:p,menuItems:S,handleMenuAction:K,showContextMenu:A,hideContextMenu:w,tabTitle:$,isClosable:i,isRefreshing:E}}}),Re=(e,o)=>{const r=e.__vccOpts||e;for(const[n,l]of o)r[n]=l;return r},_e={class:"router-tab"},Se={class:"router-tab__header"},Ae={class:"router-tab__slot-start"},Ee={class:"router-tab__scroll"},Pe=["onClick","onAuxclick","onContextmenu"],Ve=["title"],xe=["onClick"],Ne={class:"router-tab__slot-end"},Be={class:"router-tab__container"},Ie=["aria-disabled","onClick"];function Oe(e,o,r,n,l,f){const p=t.resolveComponent("RouterView");return t.openBlock(),t.createElementBlock("div",_e,[t.createElementVNode("header",Se,[t.createElementVNode("div",Ae,[t.renderSlot(e.$slots,"start")]),t.createElementVNode("div",Ee,[t.createVNode(t.TransitionGroup,t.mergeProps({tag:"ul",class:"router-tab__nav"},e.tabTransitionProps),{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.tabs,d=>(t.openBlock(),t.createElementBlock("li",{key:d.id,class:t.normalizeClass(e.buildTabClass(d)),onClick:b=>e.activate(d),onAuxclick:t.withModifiers(b=>e.close(d),["middle","prevent"]),onContextmenu:t.withModifiers(b=>e.showContextMenu(d,b),["prevent"])},[t.createElementVNode("span",{class:"router-tab__item-title",title:e.tabTitle(d)},[d.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["router-tab__item-icon",d.icon])},null,2)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.tabTitle(d)),1)],8,Ve),e.isClosable(d)?(t.openBlock(),t.createElementBlock("a",{key:0,class:"router-tab__item-close",onClick:t.withModifiers(b=>e.close(d),["stop"])},null,8,xe)):t.createCommentVNode("",!0)],42,Pe))),128))]),_:1},16)]),t.createElementVNode("div",Ne,[t.renderSlot(e.$slots,"end")])]),t.createElementVNode("div",Be,[t.createVNode(p,null,{default:t.withCtx(({Component:d,route:b})=>[t.createVNode(t.Transition,t.mergeProps(e.pageTransitionProps,{appear:""}),{default:t.withCtx(()=>[e.controller.options.keepAlive?(t.openBlock(),t.createBlock(t.KeepAlive,{key:0,include:e.includeKeys,max:e.controller.options.maxAlive||void 0},[e.isRefreshing(b)?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(d),{key:e.controller.getRouteKey(b),class:"router-tab-page"}))],1032,["include","max"])):t.createCommentVNode("",!0)]),_:2},1040),t.createVNode(t.Transition,t.mergeProps(e.pageTransitionProps,{appear:""}),{default:t.withCtx(()=>[!e.controller.options.keepAlive||e.isRefreshing(b)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(d),{key:e.controller.getRouteKey(b)+(e.isRefreshing(b)?"-refresh":""),class:"router-tab-page"})):t.createCommentVNode("",!0)]),_:2},1040)]),_:1})]),e.context.visible&&e.context.target?(t.openBlock(),t.createElementBlock("div",{key:0,class:"router-tab__contextmenu",style:t.normalizeStyle({left:e.context.position.x+"px",top:e.context.position.y+"px"})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.menuItems,d=>(t.openBlock(),t.createElementBlock("a",{key:d.id,class:"router-tab__contextmenu-item","aria-disabled":d.disabled,onClick:t.withModifiers(b=>e.handleMenuAction(d),["prevent"])},t.toDisplayString(d.label),9,Ie))),128))],4)):t.createCommentVNode("",!0)])}const U=Re(Ce,[["render",Oe]]);function ne(e={}){const{optional:o=!1}=e,r=t.inject(I,null);if(r)return r;const n=t.inject("$tabs",null);if(n)return n;const f=t.getCurrentInstance()?.appContext.config.globalProperties.$tabs;if(f)return f;if(!o)throw new Error("[RouterTabs] useRouterTabs must be used within <router-tab>.");return null}const Ke="router-tabs:persistent";function $e(e){return typeof window>"u"?null:e===void 0?window.localStorage??null:e}function Me(e){const o=$e(e.storage),r=e.storageKey??Ke;return le.defineStore(e.storeId??"routerTabs",{state:()=>({snapshot:null}),actions:{load(){if(!(!o||this.snapshot))try{const n=o.getItem(r);n&&(this.snapshot=JSON.parse(n))}catch{}},setSnapshot(n){if(this.snapshot=n,!!o)try{n&&n.tabs.length?o.setItem(r,JSON.stringify(n)):o.removeItem(r)}catch{}},clear(){this.setSnapshot(null)}}})}function oe(e={}){const o=ne(),n=(e.store??Me(e))(),l=t.ref(!1);return t.onMounted(async()=>{n.load();const f=n.snapshot;if(f)try{l.value=!0,await o.hydrate(f)}finally{l.value=!1,n.setSnapshot(o.snapshot())}}),t.watch(()=>({tabs:o.tabs.map(f=>({to:f.to,title:f.title,tips:f.tips,icon:f.icon,tabClass:f.tabClass,closable:f.closable})),active:o.activeId.value}),()=>{l.value||n.setSnapshot(o.snapshot())},{deep:!0}),n}const je={class:"router-tabs-pinia","aria-hidden":"true"},Le=t.defineComponent({__name:"RouterTabsPinia",props:{storeId:{},storageKey:{},storage:{},store:{type:[Function,Object]}},setup(e){return oe(e),(r,n)=>(t.openBlock(),t.createElementBlock("span",je))}}),J={install(e){J._installed||(J._installed=!0,e.component(U.name,U),Object.defineProperty(e.config.globalProperties,"$tabs",{configurable:!0,enumerable:!1,get(){return e._context.provides[I]},set(o){o&&e.provide(I,o)}}))}};exports.RouterTab=U;exports.RouterTabsPinia=Le;exports.default=J;exports.routerTabsKey=I;exports.useRouterTabs=ne;exports.useRouterTabsPiniaPersistence=oe;