@skyfox2000/webui 1.6.2 → 1.6.4

package/lib/assets/modules/{baseLayout-D6mTs3zS.js → baseLayout-9Hv2xP0D.js}

@@ -1,8 +1,8 @@
 import { defineComponent as _, onMounted as I, createBlock as s, openBlock as o, unref as e, withCtx as l, createCommentVNode as r, createVNode as p, createElementVNode as x, createElementBlock as y, toDisplayString as g, renderSlot as h } from "vue";
 import { Layout as i, LayoutSider as k } from "ant-design-vue";
-import { a as b } from "./toolIcon-DTZ86PSe.js";
-import { I as C, _ as S, f as w, d as $, g as N } from "./menuTabs-DGAhbfbK.js";
-import { al as v, a as B, an as E } from "./upload-template-2YQlEeTh.js";
+import { a as b } from "./toolIcon-Dcbc73H6.js";
+import { I as C, _ as S, f as w, d as $, g as N } from "./menuTabs-CSJ0yT7g.js";
+import { al as v, a as B, an as E } from "./upload-template-BxSAxxvr.js";
 import "@skyfox2000/microbase";
 import "@skyfox2000/fapi";
 import L from "vue-m-message";

package/lib/assets/modules/{file-upload-B74s5Vtb.js → file-upload-BEB7Ig2N.js}

@@ -4,7 +4,7 @@ var h = (i, e, a) => U(i, typeof e != "symbol" ? e + "" : e, a);
 import { hostUrl as E } from "@skyfox2000/fapi";
 import m from "dayjs";
 import f from "vue-m-message";
-import { $ as n, M as y, u as F } from "./upload-template-2YQlEeTh.js";
+import { $ as n, M as y, u as F } from "./upload-template-BxSAxxvr.js";
 import { isMicroApp as g } from "@skyfox2000/microbase";
 var l = /* @__PURE__ */ ((i) => (i.Pending = "pending", i.Uploading = "uploading", i.Success = "success", i.Error = "error", i.Online = "online", i.Offline = "offline", i))(l || {});
 class M {

package/lib/assets/modules/{index-lmz2beMc.js → index-JAj15je-.js}

@@ -1,10 +1,10 @@
 import H from "async-validator";
 import { httpPost as $, ResStatus as M } from "@skyfox2000/fapi";
-import { $ as d, i as U, av as V, L as j, u as T } from "./upload-template-2YQlEeTh.js";
+import { $ as d, i as U, av as V, L as j, u as T } from "./upload-template-BxSAxxvr.js";
 import E from "vue-m-message";
 import { defineComponent as S, useAttrs as B, createElementBlock as P, openBlock as y, createVNode as z, unref as v, mergeProps as _, computed as x, createBlock as D, withCtx as A, normalizeStyle as N } from "vue";
 import { Spin as L, Alert as O } from "ant-design-vue";
-import { _ as K } from "./toolIcon-DTZ86PSe.js";
+import { _ as K } from "./toolIcon-Dcbc73H6.js";
 const W = (l) => {
   const e = l.split(`
 `).filter((i) => i.trim() !== "");

package/lib/assets/modules/{index-CXDKjQwi.js → index-ZDMvpXj5.js}

@@ -1,8 +1,8 @@
 import { defineComponent as B, provide as N, ref as A, watch as m, onMounted as V, createBlock as r, openBlock as d, unref as o, withCtx as n, createElementVNode as $, renderSlot as C, createVNode as D, createCommentVNode as u, createTextVNode as v, toDisplayString as f } from "vue";
-import { _ as c } from "./index-DP43BJ_M.js";
+import { _ as c } from "./index-kEckFtaA.js";
 import { Modal as E, Space as M } from "ant-design-vue";
 import "@skyfox2000/fapi";
-import { P, d as K, $ as p, o as U, b as j } from "./upload-template-2YQlEeTh.js";
+import { P, d as K, $ as p, o as U, b as j } from "./upload-template-BxSAxxvr.js";
 import "vue-m-message";
 import "@skyfox2000/microbase";
 import "async-validator";

package/lib/assets/modules/{index-DP43BJ_M.js → index-kEckFtaA.js}

@@ -1,6 +1,6 @@
 import { defineComponent as d, useAttrs as f, createElementBlock as u, openBlock as x, createVNode as e, withCtx as n, unref as o, mergeProps as r, renderSlot as p } from "vue";
 import { Button as _ } from "ant-design-vue";
-import { a as P, _ as k } from "./toolIcon-DTZ86PSe.js";
+import { a as P, _ as k } from "./toolIcon-Dcbc73H6.js";
 const C = /* @__PURE__ */ d({
   inheritAttrs: !1,
   __name: "index",

package/lib/assets/modules/{menuTabs-DGAhbfbK.js → menuTabs-CSJ0yT7g.js}

@@ -1,8 +1,8 @@
-import { defineComponent as x, createBlock as y, createCommentVNode as b, openBlock as l, unref as t, mergeProps as $, useAttrs as Y, computed as j, ref as v, watch as w, withCtx as m, createElementBlock as g, normalizeStyle as T, createElementVNode as f, inject as Z, onMounted as P, createVNode as r, toDisplayString as C, Fragment as L, renderList as U, createTextVNode as G, reactive as Q, nextTick as X, withModifiers as ee } from "vue";
-import { a as A, _ as k } from "./toolIcon-DTZ86PSe.js";
-import { c as D, Y as E, an as M, a1 as K, a0 as R, at as F, u as H, $ as S, M as te, as as V, au as ne, a as q, Z as oe, r as J, al as B } from "./upload-template-2YQlEeTh.js";
+import { defineComponent as x, createBlock as _, createCommentVNode as h, openBlock as c, unref as t, mergeProps as $, useAttrs as Y, computed as O, ref as b, watch as S, withCtx as m, createElementBlock as f, normalizeStyle as T, createElementVNode as g, inject as Z, onMounted as P, createVNode as u, toDisplayString as C, Fragment as L, renderList as U, createTextVNode as G, reactive as Q, nextTick as X, withModifiers as ee } from "vue";
+import { a as A, _ as k } from "./toolIcon-Dcbc73H6.js";
+import { c as D, Y as j, an as E, a1 as K, a0 as R, at as F, u as H, $ as w, M as te, as as V, au as ne, a as q, Z as oe, r as J, al as B } from "./upload-template-BxSAxxvr.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { theme as O, Breadcrumb as ie, Modal as ae, Flex as ce, Dropdown as le, Menu as W, MenuItem as re, LayoutHeader as ue, Space as pe, Tabs as de, TabPane as me } from "ant-design-vue";
+import { theme as M, Breadcrumb as ie, Modal as ae, Flex as ce, Dropdown as le, Menu as W, MenuItem as re, LayoutHeader as ue, Space as pe, Tabs as de, TabPane as me } from "ant-design-vue";
 import { isMicroApp as fe } from "@skyfox2000/microbase";
 import { SERVER_HOST as N } from "@skyfox2000/fapi";
 import "vue-m-message";
@@ -16,18 +16,18 @@ const ge = /* @__PURE__ */ x({
       type: String
     }
   },
-  setup(c) {
-    const o = c, e = D({
+  setup(l) {
+    const o = l, e = D({
       iconUrl: `${N.APP_ICONS}`,
       icon: o.icon
     });
-    return (u, i) => c.icon ? (l(), y(t(e), $({
+    return (r, i) => l.icon ? (c(), _(t(e), $({
       key: 0,
-      icon: c.icon,
+      icon: l.icon,
       class: ["text-2xl", "align-middle", "w-6", "h-6"]
-    }, u.$attrs), null, 16, ["icon"])) : b("", !0);
+    }, r.$attrs), null, 16, ["icon"])) : h("", !0);
   }
-}), xe = ["xlink:href"], _e = /* @__PURE__ */ x({
+}), _e = ["xlink:href"], xe = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "index",
   props: {
@@ -271,55 +271,55 @@ const ge = /* @__PURE__ */ x({
      */
     "update:iconIndex"
   ],
-  setup(c, { emit: o }) {
-    const s = Y(), e = c, u = o, i = j(() => {
+  setup(l, { emit: o }) {
+    const s = Y(), e = l, r = o, i = O(() => {
       if (Array.isArray(e.size)) return e.size;
       {
         let a = e.size;
         return [a, a];
       }
-    }), n = v(e.icon), p = v(e.iconIndex);
-    w(
+    }), n = b(e.icon), p = b(e.iconIndex);
+    S(
       () => e.icon,
       (a) => {
         n.value = a;
       }
-    ), w(
+    ), S(
       () => e.iconIndex,
       (a) => {
         p.value = a, n.value = e.icons[a];
       }
     );
-    const d = j({
+    const d = O({
       get() {
         return p.value;
       },
       set(a) {
-        p.value = a, u("update:iconIndex", p.value);
+        p.value = a, r("update:iconIndex", p.value);
       }
     });
     e.icons.length > 0 ? (d.value = d.value >= e.icons.length ? 0 : d.value, n.value = e.icons[p.value]) : n.value = e.icon;
     const I = (a) => {
       if (a.stopPropagation(), e.clickEvent) {
-        const h = e.clickEvent.split("#");
-        h.length === 2 && Z("$" + h[0]).$emit(h[1], e.data);
+        const v = e.clickEvent.split("#");
+        v.length === 2 && Z("$" + v[0]).$emit(v[1], e.data);
       }
-      e.autoSwitch && e.icons.length > 0 && (d.value = (d.value + 1) % e.icons.length, n.value = e.icons[p.value]), u("click");
-    }, _ = () => {
+      e.autoSwitch && e.icons.length > 0 && (d.value = (d.value + 1) % e.icons.length, n.value = e.icons[p.value]), r("click");
+    }, y = () => {
       let a = "";
       return e.spin && (a += "rotate"), e.flip && (a += " flip"), a;
     };
-    return (a, h) => (l(), y(A, {
+    return (a, v) => (c(), _(A, {
       title: e.tiptext,
       disabled: e.tiptext ? void 0 : "disabled",
-      color: c.tipcolor,
-      placement: c.placement,
-      size: c.tipsize
+      color: l.tipcolor,
+      placement: l.placement,
+      size: l.tipsize
     }, {
       default: m(() => {
         var z;
         return [
-          n.value ? (l(), g("div", {
+          n.value ? (c(), f("div", {
             key: 0,
             class: "re-icon-container",
             style: T({
@@ -327,41 +327,41 @@ const ge = /* @__PURE__ */ x({
               height: i.value[1].toString()
             })
           }, [
-            (z = n.value) != null && z.startsWith("sym-") ? (l(), g("svg", $({ key: 1 }, t(s), {
-              class: ["re-icon symbol", [e.clickable ? "clickable" : "", _(), e.className]],
+            (z = n.value) != null && z.startsWith("sym-") ? (c(), f("svg", $({ key: 1 }, t(s), {
+              class: ["re-icon symbol", [e.clickable ? "clickable" : "", y(), e.className]],
               "aria-hidden": "true",
               style: {
                 top: e.position ? e.position[1] : 0,
                 left: e.position ? e.position[0] : 0,
                 fontSize: e.fontsize,
                 transformOrigin: e.center ?? "center center",
-                transform: t(E)(),
+                transform: t(j)(),
                 color: e.color
               }
             }), [
-              f("use", {
+              g("use", {
                 "xlink:href": "#icon-" + n.value.replace("sym-", "")
-              }, null, 8, xe)
-            ], 16)) : (l(), g("i", $({ key: 0 }, t(s), {
-              class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + n.value, _(), e.className]],
+              }, null, 8, _e)
+            ], 16)) : (c(), f("i", $({ key: 0 }, t(s), {
+              class: ["re-icon iconfont fontclass", [e.clickable ? "clickable" : "", "icon-" + n.value, y(), e.className]],
               style: {
                 top: e.position ? e.position[1] : 1,
                 left: e.position ? e.position[0] : 0,
                 fontSize: e.fontsize,
                 transformOrigin: e.center ?? "center center",
-                transform: t(E)(e.angle, e.flip),
+                transform: t(j)(e.angle, e.flip),
                 color: e.color
               },
               "aria-hidden": "true",
               onClick: I
             }), null, 16))
-          ], 4)) : b("", !0)
+          ], 4)) : h("", !0)
         ];
       }),
       _: 1
     }, 8, ["title", "disabled", "color", "placement", "size"]));
   }
-}), Je = /* @__PURE__ */ se(_e, [["__scopeId", "data-v-0146f00c"]]), ye = /* @__PURE__ */ x({
+}), We = /* @__PURE__ */ se(xe, [["__scopeId", "data-v-0146f00c"]]), ye = /* @__PURE__ */ x({
   __name: "projectIcon",
   props: {
     icon: {
@@ -378,66 +378,66 @@ const ge = /* @__PURE__ */ x({
       default: !0
     }
   },
-  setup(c) {
-    const o = c, e = D({
+  setup(l) {
+    const o = l, e = D({
       iconUrl: `${o.iconUrl ?? N.PROJECT_ICONS ?? N.TOOL_ICONS}`,
       monoColor: o.monoColor,
       icon: o.icon,
       icons: o.icons
     });
-    return (u, i) => c.icon || c.icons ? (l(), y(t(e), $({
+    return (r, i) => l.icon || l.icons ? (c(), _(t(e), $({
       key: 0,
-      icon: c.icon,
-      icons: c.icons,
+      icon: l.icon,
+      icons: l.icons,
       class: ["align-middle"]
-    }, u.$attrs), null, 16, ["icon", "icons"])) : b("", !0);
+    }, r.$attrs), null, 16, ["icon", "icons"])) : h("", !0);
   }
 }), he = { class: "text-xs leading-[3]" }, ve = {
   key: 0,
   class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]"
 }, be = /* @__PURE__ */ x({
   __name: "index",
-  setup(c) {
-    const { useToken: o } = O, { token: s } = o(), e = M();
-    return w(
+  setup(l) {
+    const { useToken: o } = M, { token: s } = o(), e = E();
+    return S(
       () => e.TabActive,
       () => K()
     ), P(() => {
       K();
-    }), (u, i) => (l(), g("div", {
+    }), (r, i) => (c(), f("div", {
       class: "ml-5 h-fit p-0 flex items-center justify-between",
       style: T({
         backgroundColor: t(s).colorBgContainer
       })
     }, [
-      r(t(k), {
+      u(t(k), {
         icon: "icon-home",
         class: "w-[15px] h-[15px]"
       }),
-      i[0] || (i[0] = f("span", { class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]" }, ">", -1)),
-      r(t(ie), {
+      i[0] || (i[0] = g("span", { class: "leading-[2.5] mx-[6px] text-[rgba(0,0,0,0.45)]" }, ">", -1)),
+      u(t(ie), {
         routes: t(R),
         separator: ""
       }, {
         itemRender: m(({ route: n }) => [
-          f("span", he, C(n.breadcrumbName), 1),
-          r(t(k), {
+          g("span", he, C(n.breadcrumbName), 1),
+          u(t(k), {
             icon: n.icon,
             fontsize: "15px"
           }, null, 8, ["icon"]),
-          n.index < t(R).length - 1 ? (l(), g("span", ve, ">")) : b("", !0)
+          n.index < t(R).length - 1 ? (c(), f("span", ve, ">")) : h("", !0)
         ]),
         _: 1
       }, 8, ["routes"])
     ], 4));
   }
-}), ke = { class: "font-['Courier'] text-[#666]" }, Se = /* @__PURE__ */ x({
+}), ke = { class: "font-['Courier'] text-[#666]" }, we = /* @__PURE__ */ x({
   __name: "index",
-  setup(c) {
-    const o = v("");
+  setup(l) {
+    const o = b("");
     return P(() => {
       setInterval(() => {
-        const s = /* @__PURE__ */ new Date(), e = F(), u = {
+        const s = /* @__PURE__ */ new Date(), e = F(), r = {
           year: "numeric",
           month: "2-digit",
           day: "2-digit",
@@ -446,53 +446,53 @@ const ge = /* @__PURE__ */ x({
           second: "2-digit",
           hour12: !1
         };
-        o.value = s.toLocaleString(e, u);
+        o.value = s.toLocaleString(e, r);
       }, 1e3);
-    }), (s, e) => (l(), g("div", ke, C(o.value), 1));
+    }), (s, e) => (c(), f("div", ke, C(o.value), 1));
   }
-}), we = { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, Ce = /* @__PURE__ */ x({
+}), Se = { style: { margin: "0 0 0 20px", "font-weight": "400", "font-size": "16px" } }, Ce = /* @__PURE__ */ x({
   __name: "headerExits",
-  setup(c) {
-    const o = H(), s = v(!1), e = () => {
+  setup(l) {
+    const o = H(), s = b(!1), e = () => {
       s.value = !1, fe() ? te.userLogout() : o.logout(!0);
     };
-    return (u, i) => (l(), g(L, null, [
-      r(t(A), {
-        title: t(S)("webui.components.layout.header.exitPlatform")
+    return (r, i) => (c(), f(L, null, [
+      u(t(A), {
+        title: t(w)("webui.components.layout.header.exitPlatform")
       }, {
         default: m(() => [
-          r(t(k), {
+          u(t(k), {
             icon: "icon-logout",
             onClick: i[0] || (i[0] = (n) => s.value = !0),
             clickable: "",
             class: "w-5 h-5",
-            title: t(S)("webui.components.layout.header.exitSystem")
+            title: t(w)("webui.components.layout.header.exitSystem")
           }, null, 8, ["title"])
         ]),
         _: 1
       }, 8, ["title"]),
-      r(t(ae), {
+      u(t(ae), {
         open: s.value,
         "onUpdate:open": i[1] || (i[1] = (n) => s.value = n),
-        title: t(S)("webui.components.layout.header.confirmExit"),
-        "ok-text": t(S)("webui.common.confirm"),
-        "cancel-text": t(S)("webui.common.cancel"),
+        title: t(w)("webui.components.layout.header.confirmExit"),
+        "ok-text": t(w)("webui.common.confirm"),
+        "cancel-text": t(w)("webui.common.cancel"),
         width: 380,
         onOk: e
       }, {
         default: m(() => [
-          r(t(ce), {
+          u(t(ce), {
             align: "center",
             justify: "flex-start",
             style: { padding: "0 32px", margin: "20px 0" }
           }, {
             default: m(() => [
-              r(t(k), {
+              u(t(k), {
                 icon: "icon-question-circle",
                 color: "orange",
                 class: "w-[60px] h-[60px]"
               }),
-              f("div", we, C(t(S)("webui.components.layout.header.exitConfirmMessage")), 1)
+              g("div", Se, C(t(w)("webui.components.layout.header.exitConfirmMessage")), 1)
             ]),
             _: 1
           })
@@ -503,15 +503,15 @@ const ge = /* @__PURE__ */ x({
   }
 }), Ie = { class: "flex items-center flex-nowrap" }, $e = { class: "mr-2 text-sm whitespace-nowrap" }, Te = /* @__PURE__ */ x({
   __name: "user",
-  setup(c) {
+  setup(l) {
     const o = H().userInfo;
-    return (s, e) => (l(), y(t(A), {
+    return (s, e) => (c(), _(t(A), {
       title: t(o).Name
     }, {
       default: m(() => [
-        f("div", Ie, [
-          f("span", $e, C(t(o).Name), 1),
-          r(t(ge), { icon: "icon-account" })
+        g("div", Ie, [
+          g("span", $e, C(t(o).Name), 1),
+          u(t(ge), { icon: "icon-account" })
         ])
       ]),
       _: 1
@@ -519,24 +519,24 @@ const ge = /* @__PURE__ */ x({
   }
 }), Ae = { class: "flex items-center cursor-pointer" }, ze = /* @__PURE__ */ x({
   __name: "language",
-  setup(c) {
-    const o = V(), s = v(F()), e = o.length > 0, u = async (i) => {
+  setup(l) {
+    const o = V(), s = b(F()), e = o.length > 0, r = async (i) => {
       try {
         await ne(i), s.value = i, window.location.reload();
       } catch (n) {
         console.error("Failed to change language:", n);
       }
     };
-    return (i, n) => e ? (l(), y(t(le), {
+    return (i, n) => e ? (c(), _(t(le), {
       key: 0,
       placement: "bottomRight"
     }, {
       overlay: m(() => [
-        r(t(W), null, {
+        u(t(W), null, {
           default: m(() => [
-            (l(!0), g(L, null, U(t(o), (p) => (l(), y(t(re), {
+            (c(!0), f(L, null, U(t(o), (p) => (c(), _(t(re), {
               key: p.key,
-              onClick: (d) => u(p.key)
+              onClick: (d) => r(p.key)
             }, {
               default: m(() => [
                 G(C(p.label), 1)
@@ -548,26 +548,29 @@ const ge = /* @__PURE__ */ x({
         })
       ]),
       default: m(() => [
-        f("div", Ae, [
-          r(t(k), {
+        g("div", Ae, [
+          u(t(k), {
             icon: "icon-language",
             class: "w-[18px] h-[18px]"
           })
         ])
       ]),
       _: 1
-    })) : b("", !0);
+    })) : h("", !0);
   }
 }), Be = { class: "flex items-center" }, Ne = {
   key: 1,
   class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[3px]"
-}, We = /* @__PURE__ */ x({
+}, Pe = {
+  key: 2,
+  class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[3px]"
+}, Ye = /* @__PURE__ */ x({
   __name: "index",
-  setup(c) {
-    const { useToken: o } = O, { token: s } = o(), e = q(), u = () => {
+  setup(l) {
+    const { useToken: o } = M, { token: s } = o(), e = q(), r = () => {
       e.setMenuCollapse(!e.menuCollapse);
-    }, i = V().length > 1;
-    return (n, p) => (l(), y(t(ue), {
+    }, i = (e.showLanguage ?? !0) && V().length > 1;
+    return (n, p) => (c(), _(t(ue), {
       class: "w-full relative z-[1] shadow-[0_-3px_6px_#000] py-0 flex items-center justify-between",
       style: T({
         height: "40px",
@@ -578,29 +581,29 @@ const ge = /* @__PURE__ */ x({
       })
     }, {
       default: m(() => [
-        f("div", Be, [
-          r(t(k), {
+        g("div", Be, [
+          u(t(k), {
             icon: "icon-menu",
             clickable: "",
             class: "w-[18px] h-[18px]",
             angle: t(e).menuCollapse ? 90 : 0,
-            onClick: u
+            onClick: r
           }, null, 8, ["angle"]),
-          r(be)
+          u(be)
         ]),
-        f("div", null, [
-          r(t(pe), {
+        g("div", null, [
+          u(t(pe), {
             size: "middle",
             class: "flex items-center"
           }, {
             default: m(() => [
-              r(Se),
-              p[0] || (p[0] = f("div", { class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[3px]" }, null, -1)),
-              i ? (l(), y(ze, { key: 0 })) : b("", !0),
-              i ? (l(), g("div", Ne)) : b("", !0),
-              r(Te),
-              p[1] || (p[1] = f("div", { class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[3px]" }, null, -1)),
-              r(Ce)
+              u(we),
+              p[0] || (p[0] = g("div", { class: "w-[1px] h-[16px] bg-[#d9d9d9] mx-[3px]" }, null, -1)),
+              t(i) ? (c(), _(ze, { key: 0 })) : h("", !0),
+              t(i) ? (c(), f("div", Ne)) : h("", !0),
+              u(Te),
+              t(e).showExit ? (c(), f("div", Pe)) : h("", !0),
+              t(e).showExit ? (c(), _(Ce, { key: 3 })) : h("", !0)
             ]),
             _: 1
           })
@@ -609,95 +612,95 @@ const ge = /* @__PURE__ */ x({
       _: 1
     }, 8, ["style"]));
   }
-}), Ye = /* @__PURE__ */ x({
+}), Ze = /* @__PURE__ */ x({
   __name: "index",
   props: {
     routes: {}
   },
-  setup(c) {
-    const o = c, s = v([]), e = v([]), u = Q([]), i = M(), n = (_) => {
-      B().push(_.key.toString());
-    }, p = q(), d = v([]), I = () => {
-      let _ = i.TabActive;
-      const a = _.split("/");
-      a.pop(), s.value = [a.join("/")], p.menuCollapse || (d.value = [a.join("/")]), e.value = [_];
+  setup(l) {
+    const o = l, s = b([]), e = b([]), r = Q([]), i = E(), n = (y) => {
+      B().push(y.key.toString());
+    }, p = q(), d = b([]), I = () => {
+      let y = i.TabActive;
+      const a = y.split("/");
+      a.pop(), s.value = [a.join("/")], p.menuCollapse || (d.value = [a.join("/")]), e.value = [y];
     };
-    return w(
+    return S(
       () => p.menuCollapse,
-      (_) => {
-        _ || (d.value = [], X(() => {
+      (y) => {
+        y || (d.value = [], X(() => {
           d.value = [...s.value];
         }));
       }
-    ), w(
+    ), S(
       () => i.TabActive,
       () => {
         I();
       }
     ), P(() => {
-      oe(o.routes, u, ye, { class: "!w-5 !h-5" }), i.setTabActive(J.currentRoute.value.path), I();
-    }), (_, a) => (l(), y(t(W), {
+      oe(o.routes, r, ye, { class: "!w-5 !h-5" }), i.setTabActive(J.currentRoute.value.path), I();
+    }), (y, a) => (c(), _(t(W), {
       openKeys: d.value,
-      "onUpdate:openKeys": a[0] || (a[0] = (h) => d.value = h),
+      "onUpdate:openKeys": a[0] || (a[0] = (v) => d.value = v),
       selectedKeys: e.value,
-      "onUpdate:selectedKeys": a[1] || (a[1] = (h) => e.value = h),
+      "onUpdate:selectedKeys": a[1] || (a[1] = (v) => e.value = v),
       mode: "inline",
       theme: "dark",
-      items: u,
+      items: r,
       onClick: n
     }, null, 8, ["openKeys", "selectedKeys", "items"]));
   }
-}), Pe = { class: "flex items-center" }, Le = { class: "flex" }, Me = ["onClick"], Ze = /* @__PURE__ */ x({
+}), Le = { class: "flex items-center" }, Ee = { class: "flex" }, Me = ["onClick"], Ge = /* @__PURE__ */ x({
   __name: "menuTabs",
-  setup(c) {
-    const { useToken: o } = O, { token: s } = o(), e = M();
-    w(
+  setup(l) {
+    const { useToken: o } = M, { token: s } = o(), e = E();
+    S(
       () => J.currentRoute.value.path,
       (n) => {
         n !== e.TabActive && e.setTabActive(n);
       }
     );
-    const u = (n) => {
+    const r = (n) => {
       B().push(n);
     }, i = (n) => {
       e.removeTabPane(n), B().push(e.TabActive);
     };
-    return (n, p) => (l(), g("div", {
+    return (n, p) => (c(), f("div", {
       style: T({ height: "38px", backgroundColor: t(s).colorBgBase })
     }, [
-      r(t(de), {
+      u(t(de), {
         activeKey: t(e).TabActive,
         "hide-add": "",
         size: "small",
         tabBarStyle: { padding: "0 20px" },
-        onTabClick: u
+        onTabClick: r
       }, {
         default: m(() => [
-          (l(!0), g(L, null, U(t(e).TabPanes, (d) => (l(), y(t(me), {
+          (c(!0), f(L, null, U(t(e).TabPanes, (d) => (c(), _(t(me), {
             key: d.key
           }, {
             tab: m(() => [
-              f("div", Pe, [
-                f("span", Le, C(d.title), 1),
-                r(t(A), {
+              g("div", Le, [
+                g("span", Ee, C(d.title), 1),
+                u(t(A), {
                   title: n.$t("webui.common.close"),
                   placement: "top",
                   size: "small"
                 }, {
                   default: m(() => [
-                    t(e).TabPanes.length > 1 && d.closable ? (l(), g("div", {
+                    t(e).TabPanes.length > 1 && d.closable ? (c(), f("div", {
                       key: 0,
                       class: "inline-block mx-auto relative flex items-center",
                       onClick: ee((I) => i(d.key), ["stop"])
                     }, [
-                      r(t(k), {
+                      u(t(k), {
                         icon: "icon-new",
                         angle: 45,
                         clickable: "",
                         class: "w-[15px] h-[15px] ml-1",
                         tipcolor: t(s).colorBgSpotlight
                       }, null, 8, ["tipcolor"])
-                    ], 8, Me)) : b("", !0)
+                    ], 8, Me)) : h("", !0)
                   ]),
                   _: 2
                 }, 1032, ["title"])
@@ -712,13 +715,13 @@ const ge = /* @__PURE__ */ x({
   }
 });
 export {
-  Je as I,
+  We as I,
   ge as _,
   ye as a,
   be as b,
-  Se as c,
-  We as d,
+  we as c,
+  Ye as d,
   Ce as e,
-  Ye as f,
-  Ze as g
+  Ze as f,
+  Ge as g
 };