vue3-router-tab 1.0.8 → 1.0.9

package/dist/vue3-router-tab.js

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

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

@@ -2,11 +2,11 @@
   * 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>.
+  */const se=typeof document<"u",le=Object.assign,ce=Array.isArray;function ue(e){const a=Array.from(arguments).slice(1);console.warn.apply(console,["[Vue Router warn]: "+e].concat(a))}function fe(e,a){return(e.aliasOf||e)===(a.aliasOf||a)}var X;(function(e){e.pop="pop",e.push="push"})(X||(X={}));var Y;(function(e){e.back="back",e.forward="forward",e.unknown=""})(Y||(Y={})),Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var Q;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(Q||(Q={}));const de=Symbol(process.env.NODE_ENV!=="production"?"router view location matched":""),W=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 Z=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:a,slots:o}){process.env.NODE_ENV!=="production"&&me();const n=t.inject(Z),c=t.computed(()=>e.route||n.value),b=t.inject(W,0),p=t.computed(()=>{let h=t.unref(b);const{matched:m}=c.value;let g;for(;(g=m[h])&&!g.components;)h++;return h}),s=t.computed(()=>c.value.matched[p.value]);t.provide(W,t.computed(()=>p.value+1)),t.provide(de,s),t.provide(Z,c);const d=t.ref();return t.watch(()=>[d.value,s.value,e.name],([h,m,g],[R,w,S])=>{m&&(m.instances[g]=h,w&&w!==m&&h&&h===R&&(m.leaveGuards.size||(m.leaveGuards=w.leaveGuards),m.updateGuards.size||(m.updateGuards=w.updateGuards))),h&&m&&(!w||!fe(m,w)||!R)&&(m.enterCallbacks[g]||[]).forEach(C=>C(h))},{flush:"post"}),()=>{const h=c.value,m=e.name,g=s.value,R=g&&g.components[m];if(!R)return ee(o.default,{Component:R,route:h});const w=g.props[m],S=w?w===!0?h.params:typeof w=="function"?w(h):w:null,C=E=>{E.component.isUnmounted&&(g.instances[m]=null)},T=t.h(R,le({},S,a,{onVnodeUnmounted:C,ref:d}));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 ee(o.default,{Component:T,route:h})||T}}});function ee(e,a){if(!e)return null;const o=e(a);return o.length===1?o[0]:o}const be=pe;function me(){const e=t.getCurrentInstance(),a=e.parent&&e.parent.type.name,o=e.parent&&e.parent.subTree&&e.parent.subTree.type;if(a&&(a==="KeepAlive"||a.includes("Transition"))&&typeof o=="object"&&o.name==="RouterView"){const n=a==="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"}})}));
+</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,a){const o=e.resolve(a);if(!o||!o.matched.length)throw new Error(`[RouterTabs] Unable to resolve route: ${String(a)}`);return o}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 a=e.meta?.key;if(typeof a=="function"){const o=a(e);if(typeof o=="string"&&o.length)return o}else if(typeof a=="string"&&a.length){const o=ye[a.toLowerCase()];return o?o(e):a}return e.fullPath}function M(e,a){const o=e.meta?.keepAlive;return typeof o=="boolean"?o:a}function j(e,a){const o=e.meta?.reuse;return typeof o=="boolean"?o:a}function te(e){const a=e.meta??{},o={};return"title"in a&&(o.title=a.title),"tips"in a&&(o.tips=a.tips),"icon"in a&&(o.icon=a.icon),"closable"in a&&(o.closable=a.closable),"tabClass"in a&&(o.tabClass=a.tabClass),"target"in a&&(o.target=a.target),"href"in a&&(o.href=a.href),o}function $(e,a,o){const n=te(e);return{id:N(e),to:e.fullPath,fullPath:e.fullPath,matched:e,alive:M(e,o),reusable:j(e,!1),closable:n.closable??!0,...n,...a}}function L(e,a,o,n){if(!e.find(b=>b.id===a.id)){if(o==="next"&&n){const b=e.findIndex(p=>p.id===n);if(b>-1){e.splice(b+1,0,a);return}}e.push(a)}}function ne(e,a,o){if(!a||a<=0)return;const n=e.filter(c=>c.alive);for(;n.length>a;){const c=n.shift();if(!c||c.id===o)continue;const b=e.findIndex(p=>p.id===c.id);b>-1&&(e[b].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 a={};return"title"in e&&(a.title=e.title),"tips"in e&&(a.tips=e.tips),"icon"in e&&(a.icon=e.icon),"tabClass"in e&&(a.tabClass=e.tabClass),"closable"in e&&(a.closable=e.closable),a}function Te(e,a={}){const o=he(a),n=t.reactive([]),c=t.ref(null),b=t.shallowRef(),p=t.ref(null),s=t.computed(()=>n.filter(r=>r.alive).map(r=>r.id));let d=!1;function h(r){const l=typeof r.matched=="object"?r:V(e,r);return{key:N(l),fullPath:l.fullPath,alive:M(l,o.keepAlive),reusable:j(l,!1),matched:l}}function m(r){const l=N(r);let u=n.find(k=>k.id===l);return u?(u.fullPath=r.fullPath,u.to=r.fullPath,u.matched=r,u.alive=M(r,o.keepAlive),u.reusable=j(r,u.reusable),Object.assign(u,te(r)),u):(u=$(r,{},o.keepAlive),L(n,u,o.appendPosition,c.value),ne(n,o.maxAlive,c.value),u)}async function g(r,l=!1,u=!0){const k=V(e,r),P=N(k),x=c.value===P;u==="sameTab"&&(u=x),u&&await C(P,!0),await e[l?"replace":"push"](k),x&&await O()}function R(r){const l=n.findIndex(k=>k.id===r),u=n[l]||n[l-1]||n[0];return u?u.to:o.defaultRoute}async function w(r=c.value,l={}){if(r){if(!l.force&&o.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(c.value===r){const u=l.redirect??R(r);u&&await e.replace(u)}else l.redirect&&await e.replace(l.redirect)}}async function S(r,l={}){const u=n.findIndex(k=>k.id===r);u!==-1&&(n.splice(u,1),p.value===r&&(p.value=null),c.value===r&&(c.value=null,b.value=void 0))}async function C(r=c.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=o.defaultRoute){n.splice(0,n.length),c.value=null,b.value=void 0;for(const l of o.initialTabs){const u=V(e,l.to),k=$(u,l,o.keepAlive);n.push(k)}await e.replace(r)}async function O(){const r=c.value;r&&await C(r,!0)}function A(r){return typeof r.matched=="object"?N(r):N(V(e,r))}function J(){const r=n.find(l=>l.id===c.value);return{tabs:n.map(ge),active:r?r.to:null}}async function q(r){d=!0,n.splice(0,n.length),c.value=null,b.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,o.keepAlive);L(n,K,"last",null)}catch{}d=!1;const u=r?.active??l[l.length-1]?.to??o.defaultRoute;if(u)try{await e.replace(u)}catch{}}return t.watch(()=>e.currentRoute.value,r=>{if(d)return;const l=m(r);c.value=l.id,b.value=l,ne(n,o.maxAlive,c.value)},{immediate:!0}),o.initialTabs.length&&o.initialTabs.forEach(r=>{const l=V(e,r.to),u=$(l,r,o.keepAlive);L(n,u,"last",null)}),{options:o,tabs:n,activeId:c,current:b,includeKeys:s,refreshingKey:p,openTab:g,closeTab:w,removeTab:S,refreshTab:C,refreshAll:T,reset:E,reload:O,getRouteKey:A,matchRoute:h,snapshot:J,hydrate:q}}function oe(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 a=t.getCurrentInstance();if(!a)throw new Error("[RouterTab] component must be used within a Vue application context.");const o=a.appContext.app.config.globalProperties.$router;if(!o)throw new Error("[RouterTab] Vue Router is required. Make sure to call app.use(router) before RouterTab.");const n=Te(o,{initialTabs:e.tabs,keepAlive:e.keepAlive,maxAlive:e.maxAlive,keepLastTab:e.keepLastTab,appendPosition:e.append,defaultRoute:e.defaultPage});t.provide(B,n),a.appContext.config.globalProperties.$tabs=n;const c=t.computed(()=>oe(e.tabTransition)),b=t.computed(()=>oe(e.pageTransition)),p=t.reactive({visible:!1,target:null,position:{x:0,y:0}}),s=t.computed(()=>!e.storage||!D?null:typeof e.storage=="string"?e.storage:`router-tabs:${(o.options?.history?.base??"")||"default"}`);let d=!!s.value;const h=["refresh","refreshAll","close","closeLefts","closeRights","closeOthers"];function m(i){return n.tabs.findIndex(f=>f.id===i)}function g(i){const f=m(i.id);return f>0?n.tabs.slice(0,f):[]}function R(i){const f=m(i.id);return f>-1?n.tabs.slice(f+1):[]}function w(i){return n.tabs.filter(f=>f.id!==i.id)}async function S(i,f){const y=i.filter(_=>_.closable!==!1);if(y.length){for(const _ of y)n.activeId.value===_.id?await n.closeTab(_.id,{redirect:f.to,force:!0}):await n.removeTab(_.id,{force:!0});n.activeId.value!==f.id&&await n.openTab(f.to,!0,!1)}}const C={refresh:{label:"Refresh",handler:async({target:i})=>{await n.refreshTab(i.id,!0)}},refreshAll:{label:"Refresh All",handler:async()=>{await n.refreshAll(!0)}},close:{label:"Close",handler:async({target:i})=>{await n.closeTab(i.id)},enable:({target:i})=>r(i)},closeLefts:{label:"Close to the Left",handler:async({target:i})=>{await S(g(i),i)},enable:({target:i})=>g(i).some(f=>f.closable!==!1)},closeRights:{label:"Close to the Right",handler:async({target:i})=>{await S(R(i),i)},enable:({target:i})=>R(i).some(f=>f.closable!==!1)},closeOthers:{label:"Close Others",handler:async({target:i})=>{await S(w(i),i)},enable:({target:i})=>w(i).some(f=>f.closable!==!1)}};function T(){p.visible=!1,p.target=null}function E(i,f){e.contextmenu&&(p.visible=!0,p.target=i,p.position.x=f.clientX,p.position.y=f.clientY,document.addEventListener("click",T,{once:!0}))}function O(i,f){const y=typeof i=="string"?{id:i}:i,_=C[y.id],je=y.label??_?.label??String(y.id),H=y.visible??_?.visible??!0;if(!(typeof H=="function"?H(f):H!==!1))return null;const F=y.enable??_?.enable??!0,Le=typeof F=="function"?F(f):F!==!1,ie=y.handler??_?.handler;if(!ie)return null;const De=async()=>{await Promise.resolve(ie(f))};return{id:String(y.id),label:je,disabled:!Le,action:De}}const A=t.computed(()=>{if(!p.visible||!p.target||e.contextmenu===!1)return[];const i=Array.isArray(e.contextmenu)?e.contextmenu:h,f={target:p.target,controller:n};return i.map(y=>O(y,f)).filter(y=>!!y)});async function J(i){i.disabled||(T(),await i.action())}function q(i){return typeof i.title=="string"?i.title:Array.isArray(i.title)&&i.title.length?String(i.title[0]):i.fullPath}function r(i){return!(i.closable===!1||n.options.keepLastTab&&n.tabs.length<=1)}async function l(i){await n.closeTab(i.id)}function u(i){n.activeId.value!==i.id&&n.openTab(i.to,!1)}function k(i){return["router-tab__item",{"is-active":n.activeId.value===i.id,"is-closable":r(i)},i.tabClass]}function P(i){return n.refreshingKey.value===n.getRouteKey(i)}async function x(){const i=s.value;if(!i||!D)return;const f=window.sessionStorage.getItem(i);if(f)try{const y=JSON.parse(f);if(!y||!Array.isArray(y.tabs))return;d=!0,await n.hydrate(y)}catch{}finally{d=!1,K()}}function K(){const i=s.value;if(!(!i||!D||d))try{const f=n.snapshot();window.sessionStorage.setItem(i,JSON.stringify(f))}catch{}}t.onMounted(()=>{document.addEventListener("keydown",T),x()}),t.onBeforeUnmount(()=>{document.removeEventListener("keydown",T),a.appContext.config.globalProperties.$tabs=null,K()}),t.watch(()=>e.keepAlive,i=>{n.options.keepAlive=i}),t.watch(()=>n.activeId.value,()=>T()),t.watch(()=>e.contextmenu,i=>{i||T()}),t.watch(()=>A.value.length,i=>{p.visible&&i===0&&T()}),t.watch(()=>({key:s.value,tabs:n.tabs.map(i=>({to:i.to,title:i.title,tips:i.tips,icon:i.icon,tabClass:i.tabClass,closable:i.closable})),active:n.activeId.value}),()=>{K()},{deep:!0});const Me=n.includeKeys;return{controller:n,tabs:n.tabs,includeKeys:Me,tabTransitionProps:c,pageTransitionProps:b,buildTabClass:k,activate:u,close:l,context:p,menuItems:A,handleMenuAction:J,showContextMenu:E,hideContextMenu:T,tabTitle:q,isClosable:r,isRefreshing:P}}}),ve=(e,a)=>{const o=e.__vccOpts||e;for(const[n,c]of a)o[n]=c;return o},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,a,o,n,c,b){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,s=>(t.openBlock(),t.createElementBlock("li",{key:s.id,class:t.normalizeClass(e.buildTabClass(s)),onClick:d=>e.activate(s),onAuxclick:t.withModifiers(d=>e.close(s),["middle","prevent"]),onContextmenu:t.withModifiers(d=>e.showContextMenu(s,d),["prevent"])},[t.createElementVNode("span",{class:"router-tab__item-title",title:e.tabTitle(s)},[s.icon?(t.openBlock(),t.createElementBlock("i",{key:0,class:t.normalizeClass(["router-tab__item-icon",s.icon])},null,2)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(e.tabTitle(s)),1)],8,Ee),e.isClosable(s)?(t.openBlock(),t.createElementBlock("a",{key:0,class:"router-tab__item-close",onClick:t.withModifiers(d=>e.close(s),["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:s,route:d})=>[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(d)?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s),{key:e.controller.getRouteKey(d),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(d)?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(s),{key:e.controller.getRouteKey(d)+(e.isRefreshing(d)?"-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,s=>(t.openBlock(),t.createElementBlock("a",{key:s.id,class:"router-tab__contextmenu-item","aria-disabled":s.disabled,onClick:t.withModifiers(d=>e.handleMenuAction(s),["prevent"])},t.toDisplayString(s.label),9,xe))),128))],4)):t.createCommentVNode("",!0)])}const z=ve(ke,[["render",Be]]);function G(e={}){const{optional:a=!1}=e,o=t.inject(B,null);if(o)return o;const n=t.inject("$tabs",null);if(n)return n;const b=t.getCurrentInstance()?.appContext.config.globalProperties.$tabs;if(b)return b;if(!a)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 a=Oe(e.storage),o=e.storageKey??Ie;return re.defineStore(e.storeId??"routerTabs",{state:()=>({snapshot:null}),actions:{load(){if(!(!a||this.snapshot))try{const n=a.getItem(o);n&&(this.snapshot=JSON.parse(n))}catch{}},setSnapshot(n){if(this.snapshot=n,!!a)try{n&&n.tabs.length?a.setItem(o,JSON.stringify(n)):a.removeItem(o)}catch{}},clear(){this.setSnapshot(null)}}})}function ae(e={}){const o=(e.store??Ke(e))(),n=t.ref(!1);let c=!1;const b=s=>{!s||c||(c=!0,t.onMounted(async()=>{o.load();const d=o.snapshot;if(d&&d.tabs?.length)try{n.value=!0,await s.hydrate(d)}finally{n.value=!1}else try{n.value=!0;const h=e.fallbackRoute??s.options.defaultRoute;await s.reset(h)}finally{n.value=!1}o.setSnapshot(s.snapshot())}),t.watch(()=>({tabs:s.tabs.map(d=>({to:d.to,title:d.title,tips:d.tips,icon:d.icon,tabClass:d.tabClass,closable:d.closable})),active:s.activeId.value}),()=>{n.value||o.setSnapshot(s.snapshot())},{deep:!0}))},p=G({optional:!0});return p?b(p):t.onMounted(()=>{const s=G({optional:!0});s&&b(s)}),o}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),(o,n)=>(t.openBlock(),t.createElementBlock("span",$e))}}),U={install(e){if(U._installed)return;U._installed=!0;const a=z.name||"RouterTab",o=I.name||"RouterTabs";e.component(a,z),e.component(o,I),o!=="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=U,v.routerTabsKey=B,v.useRouterTabs=G,v.useRouterTabsPiniaPersistence=ae,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue3-router-tab",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "type": "module",
   "files": [
     "dist",
@@ -12,9 +12,9 @@
   "exports": {
     ".": {
       "types": "./index.d.ts",
-      "default": "./dist/vue3-router-tab.js",
       "import": "./dist/vue3-router-tab.js",
-      "require": "./dist/vue3-router-tab.umd.cjs"
+      "require": "./dist/vue3-router-tab.umd.cjs",
+      "default": "./dist/vue3-router-tab.js"
     },
     "./style": "./dist/vue3-router-tab.css",
     "./package.json": "./package.json"