mamba-layout 0.1.0 → 0.3.0

package/dist/components/UserAvatar/src/UserAvatar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, ref as w, computed as a, watch as A, resolveComponent as n, createBlock as u, openBlock as s, mergeProps as C, withCtx as v, createElementBlock as y, createCommentVNode as F, toDisplayString as N, createVNode as B, unref as E } from "vue";
+import { defineComponent as b, ref as w, computed as a, watch as A, resolveComponent as n, openBlock as s, createBlock as u, mergeProps as C, withCtx as v, createElementBlock as y, toDisplayString as F, createVNode as N, unref as B, createCommentVNode as E } from "vue";
 import { User as g } from "@element-plus/icons-vue";
 const x = {
   key: 0,
@@ -40,16 +40,16 @@ const x = {
         onError: f
       }), {
         default: v(() => [
-          i.value ? (s(), y("span", x, N(m.value), 1)) : _.value ? (s(), u(k, {
+          i.value ? (s(), y("span", x, F(m.value), 1)) : _.value ? (s(), u(k, {
             key: 1,
             class: "user-avatar__icon",
             "aria-hidden": "true"
           }, {
             default: v(() => [
-              B(E(g))
+              N(B(g))
             ]),
             _: 1
-          })) : F("", !0)
+          })) : E("", !0)
         ]),
         _: 1
       }, 16, ["src", "data-src", "alt", "class"]);

package/dist/layout/BaseLayout.css

@@ -1 +1 @@
-.layout-shell[data-v-259cbdf0]{background:var(--ui-topnav-bg);color:var(--ui-text-primary)}.layout-shell__overlay[data-v-259cbdf0]{background:#000000b3}.layout-page-view[data-v-259cbdf0]{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:0;background:var(--ui-bg-page);contain:paint}.layout-page-enter-active[data-v-259cbdf0],.layout-page-leave-active[data-v-259cbdf0]{transition:opacity var(--ui-transition-base),transform var(--ui-transition-base);will-change:opacity,transform}.layout-page-enter-from[data-v-259cbdf0]{opacity:0;transform:translate3d(8px,0,0)}.layout-page-leave-to[data-v-259cbdf0]{opacity:0;transform:translate3d(-6px,0,0)}@media (prefers-reduced-motion: reduce){.layout-page-enter-active[data-v-259cbdf0],.layout-page-leave-active[data-v-259cbdf0]{transition:none}.layout-page-enter-from[data-v-259cbdf0],.layout-page-leave-to[data-v-259cbdf0]{opacity:1;transform:none}}
+.layout-shell[data-v-b3392308]{background:var(--ui-topnav-bg);color:var(--ui-text-primary)}.layout-shell__overlay[data-v-b3392308]{background:#000000b3}.layout-page-view[data-v-b3392308]{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;min-height:0;background:var(--ui-bg-page);contain:paint}.layout-page-enter-active[data-v-b3392308],.layout-page-leave-active[data-v-b3392308]{transition:opacity var(--ui-transition-base),transform var(--ui-transition-base);will-change:opacity,transform}.layout-page-enter-from[data-v-b3392308]{opacity:0;transform:translate3d(8px,0,0)}.layout-page-leave-to[data-v-b3392308]{opacity:0;transform:translate3d(-6px,0,0)}@media(prefers-reduced-motion:reduce){.layout-page-enter-active[data-v-b3392308],.layout-page-leave-active[data-v-b3392308]{transition:none}.layout-page-enter-from[data-v-b3392308],.layout-page-leave-to[data-v-b3392308]{opacity:1;transform:none}}

package/dist/layout/BaseLayout.vue.js

@@ -1,7 +1,7 @@
 import o from "./BaseLayout.vue2.js";
 /* empty css                */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-259cbdf0"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b3392308"]]);
 export {
-  m as default
+  p as default
 };

package/dist/layout/BaseLayout.vue2.js

@@ -1,56 +1,87 @@
-import { defineComponent as x, computed as w, watchEffect as k, resolveComponent as L, createElementBlock as r, openBlock as o, createVNode as u, createElementVNode as c, createCommentVNode as b, withCtx as d, renderSlot as B, createBlock as m, unref as f, Transition as C, resolveDynamicComponent as S, normalizeClass as M } from "vue";
-import E from "./components/AsideBar.vue.js";
-import N from "./components/HeaderBar.vue.js";
-import V from "./components/mobile/AsideBarMobile.vue.js";
-import z from "../assets/logo.png.js";
-import { provideSetting as A } from "./hooks/useSetting.js";
-import { useStateHook as H } from "./hooks/useState.js";
-const O = { class: "layout-shell w-full h-screen flex flex-col" }, D = { class: "flex flex-1 min-h-0 rounded-[var(--ui-body-radius)] overflow-hidden" }, T = { class: "flex flex-col flex-1 min-h-0 min-w-0 h-full" }, $ = { class: "flex-1 w-full min-h-0 flex flex-col overflow-hidden bg-[var(--ui-color-background)]" }, P = /* @__PURE__ */ x({
+import { defineComponent as E, computed as A, watchEffect as C, watch as S, onMounted as M, onUnmounted as N, resolveComponent as j, openBlock as s, createElementBlock as f, createVNode as u, withCtx as c, renderSlot as K, createElementVNode as p, unref as y, createBlock as v, Transition as k, resolveDynamicComponent as O, createCommentVNode as R } from "vue";
+import V from "./components/AsideBar.vue.js";
+import $ from "./components/HeaderBar.vue.js";
+import H from "./components/mobile/AsideBarMobile.vue.js";
+import P from "../assets/logo.png.js";
+import { provideSetting as D } from "./hooks/useSetting.js";
+import { useStateHook as T } from "./hooks/useState.js";
+const U = { class: "layout-shell w-full flex flex-col" }, q = { class: "layout-shell__body flex flex-1 min-h-0 overflow-hidden" }, z = { class: "layout-shell__main flex flex-col flex-1 min-h-0 min-w-0 h-full" }, F = { class: "layout-shell__content flex-1 w-full min-h-0 flex flex-col overflow-hidden" }, Z = /* @__PURE__ */ E({
   __name: "BaseLayout",
   props: {
     setting: {}
   },
-  setup(_) {
-    const e = _, h = w(() => {
-      var n, a, l, i, t, g, v;
+  setup(x) {
+    const l = x, L = A(() => {
+      var e, o, a, t, n, g, w;
       return {
-        ...e.setting || {},
-        logo: ((n = e.setting) == null ? void 0 : n.logo) || z,
-        menus: ((a = e.setting) == null ? void 0 : a.menus) || [],
-        accountMenu: ((l = e.setting) == null ? void 0 : l.accountMenu) || [],
-        user: ((i = e.setting) == null ? void 0 : i.user) ?? null,
-        appList: ((t = e.setting) == null ? void 0 : t.appList) || [],
-        onLogin: (g = e.setting) == null ? void 0 : g.onLogin,
-        onLogout: (v = e.setting) == null ? void 0 : v.onLogout
+        ...l.setting || {},
+        logo: ((e = l.setting) == null ? void 0 : e.logo) || P,
+        menus: ((o = l.setting) == null ? void 0 : o.menus) || [],
+        accountMenu: ((a = l.setting) == null ? void 0 : a.accountMenu) || [],
+        user: ((t = l.setting) == null ? void 0 : t.user) ?? null,
+        appList: ((n = l.setting) == null ? void 0 : n.appList) || [],
+        onLogin: (g = l.setting) == null ? void 0 : g.onLogin,
+        onLogout: (w = l.setting) == null ? void 0 : w.onLogout
       };
     });
-    k(() => void A(h.value));
-    const { isMobile: p, sideOpen: s } = H(), y = () => void (s.value = !s.value);
-    return (n, a) => {
-      const l = L("router-view");
-      return o(), r("div", O, [
-        u(N, null, {
-          default: d(() => [
-            B(n.$slots, "header-right", {}, void 0, !0)
+    C(() => void D(L.value));
+    const { isMobile: i, sideOpen: d } = T();
+    let m = "", r = !1;
+    const h = () => void (d.value = !1), B = (e) => {
+      const o = e.matched[1];
+      if (!o) return e.path;
+      const a = b(o, e);
+      return [o.path, a].filter(Boolean).join("|");
+    }, b = (e, o) => Array.from(
+      e.path.matchAll(/:(\w+)/g),
+      ([, t]) => t
+    ).map((t) => {
+      const n = o.params[t];
+      return `${t}:${Array.isArray(n) ? n.join(",") : n || ""}`;
+    }).join("|"), _ = (e) => {
+      e.key === "Escape" && i.value && d.value && h();
+    };
+    return S(
+      () => i.value && d.value,
+      (e) => {
+        if (!(typeof document > "u")) {
+          if (e && !r) {
+            m = document.body.style.overflow, document.body.style.overflow = "hidden", r = !0;
+            return;
+          }
+          !e && r && (document.body.style.overflow = m, r = !1);
+        }
+      },
+      { immediate: !0 }
+    ), M(() => {
+      window.addEventListener("keydown", _);
+    }), N(() => {
+      window.removeEventListener("keydown", _), typeof document < "u" && r && (document.body.style.overflow = m);
+    }), (e, o) => {
+      const a = j("router-view");
+      return s(), f("div", U, [
+        u($, null, {
+          default: c(() => [
+            K(e.$slots, "header-right", {}, void 0, !0)
           ]),
           _: 3
         }),
-        c("div", D, [
-          f(p) ? (o(), m(V, { key: 1 })) : (o(), m(E, { key: 0 })),
-          c("div", T, [
-            c("div", $, [
-              u(l, null, {
-                default: d(({ Component: i, route: t }) => [
-                  u(C, {
-                    name: String(t.meta.transition || "layout-page"),
+        p("div", q, [
+          y(i) ? (s(), v(H, { key: 1 })) : (s(), v(V, { key: 0 })),
+          p("main", z, [
+            p("div", F, [
+              u(a, null, {
+                default: c(({ Component: t, route: n }) => [
+                  u(k, {
+                    name: String(n.meta.transition || "layout-page"),
                     mode: "out-in"
                   }, {
-                    default: d(() => [
-                      (o(), r("div", {
-                        key: t.path,
+                    default: c(() => [
+                      (s(), f("div", {
+                        key: B(n),
                         class: "layout-page-view"
                       }, [
-                        (o(), m(S(i)))
+                        (s(), v(O(t)))
                       ]))
                     ]),
                     _: 2
@@ -61,15 +92,20 @@ const O = { class: "layout-shell w-full h-screen flex flex-col" }, D = { class:
             ])
           ])
         ]),
-        f(p) ? (o(), r("div", {
-          key: 0,
-          class: M(["layout-shell__overlay fixed top-0 left-0 w-full h-full z-100 transition-all", [f(s) ? "visible opacity-100" : "invisible opacity-0"]]),
-          onClick: y
-        }, null, 2)) : b("", !0)
+        u(k, { name: "layout-overlay" }, {
+          default: c(() => [
+            y(i) && y(d) ? (s(), f("div", {
+              key: 0,
+              class: "layout-shell__overlay",
+              onClick: h
+            })) : R("", !0)
+          ]),
+          _: 1
+        })
       ]);
     };
   }
 });
 export {
-  P as default
+  Z as default
 };

package/dist/layout/components/AppSelect.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as x, resolveComponent as y, createElementBlock as s, createCommentVNode as a, unref as p, openBlock as t, Fragment as g, renderList as w, createElementVNode as o, normalizeClass as _, createBlock as A, toDisplayString as d, withCtx as C, createVNode as I } from "vue";
+import { defineComponent as x, resolveComponent as y, unref as p, openBlock as t, createElementBlock as s, Fragment as g, renderList as w, createElementVNode as o, normalizeClass as a, toDisplayString as _, createBlock as A, withCtx as C, createVNode as I, createCommentVNode as d } from "vue";
 import { ArrowDown as B } from "@element-plus/icons-vue";
 import { useApp as L } from "../hooks/useApp.js";
 import { injectLayoutContext as N } from "../hooks/useState.js";
@@ -26,41 +26,41 @@ const V = {
             class: "app-select__group"
           }, [
             o("a", {
-              class: _(["app-select__link", {
+              class: a(["app-select__link", {
                 "app-select__link--active": h(e)
               }]),
               href: p(m)(e) || void 0
             }, [
-              o("span", null, d(e.name), 1),
+              o("span", null, _(e.name), 1),
               (f = e.children) != null && f.length ? (t(), A(l, { key: 0 }, {
                 default: C(() => [
                   I(p(B))
                 ]),
                 _: 1
-              })) : a("", !0)
+              })) : d("", !0)
             ], 10, D),
             (k = e.children) != null && k.length ? (t(), s("div", E, [
               (t(!0), s(g, null, w(e.children, (n) => (t(), s("a", {
                 key: n.appId,
-                class: _(["app-select__dropdown-item", {
+                class: a(["app-select__dropdown-item", {
                   "app-select__dropdown-item--active": h(n)
                 }]),
                 href: p(m)(n) || void 0
               }, [
                 o("span", j, [
                   o("i", {
-                    class: _(n.icon || "metisicon-moxingku")
+                    class: a(n.icon || "metisicon-moxingku")
                   }, null, 2)
                 ]),
                 o("div", null, [
-                  o("div", null, d(n.name), 1),
-                  o("div", z, d(n.desc), 1)
+                  o("div", null, _(n.name), 1),
+                  o("div", z, _(n.desc), 1)
                 ])
               ], 10, S))), 128))
-            ])) : a("", !0)
+            ])) : d("", !0)
           ]);
         }), 128))
-      ])) : a("", !0);
+      ])) : d("", !0);
     };
   }
 });

package/dist/layout/components/AsideBar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, resolveComponent as s, createElementBlock as i, createCommentVNode as a, unref as e, openBlock as c, normalizeClass as b, createVNode as t, renderSlot as x, createElementVNode as d, withCtx as m } from "vue";
+import { defineComponent as u, resolveComponent as s, unref as e, openBlock as i, createElementBlock as a, normalizeClass as b, createElementVNode as c, createVNode as t, withCtx as d, createCommentVNode as m, renderSlot as x } from "vue";
 import { Fold as h } from "@element-plus/icons-vue";
 import { injectLayoutContext as v } from "../hooks/useState.js";
 import C from "./AsideSubMenus.vue.js";
@@ -11,36 +11,36 @@ const g = {
     const { menus: l, isMobile: n, sideOpen: o } = v(), _ = () => void (o.value = !o.value);
     return (r, y) => {
       const p = s("el-icon"), f = s("el-scrollbar");
-      return e(l).length && !r.$route.meta.hideSidebar ? (c(), i("div", {
+      return e(l).length && !r.$route.meta.hideSidebar ? (i(), a("div", {
         key: 0,
         class: b(["aside-bar flex flex-col h-full min-h-0 w-64 min-width-50", [
           e(n) ? "fixed top-0 left-0 z-200 transition-all" : "",
           e(o) ? "translate-x-[0px]" : "translate-x-[-100%]"
         ]])
       }, [
-        e(n) ? (c(), i("div", g, [
-          d("div", {
+        e(n) ? (i(), a("div", g, [
+          c("div", {
             class: "aside-bar__close text-lg cursor-pointer p-2 leading-4",
             onClick: _
           }, [
             t(p, null, {
-              default: m(() => [
+              default: d(() => [
                 t(e(h))
               ]),
               _: 1
             })
           ])
-        ])) : a("", !0),
+        ])) : m("", !0),
         t(f, { ref: "leftScrollRef" }, {
-          default: m(() => [
-            d("div", k, [
+          default: d(() => [
+            c("div", k, [
               t(C, { menus: e(l) }, null, 8, ["menus"])
             ])
           ]),
           _: 1
         }, 512),
         x(r.$slots, "sidebar-foot", {}, void 0, !0)
-      ], 2)) : a("", !0);
+      ], 2)) : m("", !0);
     };
   }
 });

package/dist/layout/components/AsideSubMenuItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as l, resolveComponent as A, createElementBlock as m, openBlock as n, Fragment as b, createBlock as s, createCommentVNode as y, resolveDynamicComponent as M, mergeProps as N, unref as i, withCtx as B, createElementVNode as L, normalizeClass as x, toDisplayString as j, renderList as D } from "vue";
+import { defineComponent as S, computed as l, resolveComponent as A, openBlock as n, createElementBlock as m, Fragment as b, createBlock as s, resolveDynamicComponent as M, mergeProps as N, unref as i, withCtx as B, normalizeClass as y, createCommentVNode as x, createElementVNode as L, toDisplayString as j, renderList as D } from "vue";
 import { useRouter as E } from "vue-router";
 import { hasRoutePermission as R, replaceName as V, tname as W } from "../../utils/repoUtils.js";
 import { injectLayoutContext as w } from "../hooks/useState.js";
@@ -54,15 +54,15 @@ const F = { key: 0 }, J = /* @__PURE__ */ S({
           default: B(() => {
             var o, u, f, g;
             return [
-              (o = r.value) != null && o.length ? y("", !0) : (n(), s(z, {
+              (o = r.value) != null && o.length ? x("", !0) : (n(), s(z, {
                 key: 0,
                 icon: P.value,
-                class: x(["text-md", [
+                class: y(["text-md", [
                   e.menu.path == i(c) ? "opacity-100" : "opacity-60"
                 ]])
               }, null, 8, ["icon", "class"])),
               L("div", {
-                class: x(["truncate", (u = r.value) != null && u.length ? "text-xs text-gray-400" : ""])
+                class: y(["truncate", (u = r.value) != null && u.length ? "text-xs text-gray-400" : ""])
               }, j(i(V)(i(W)(((g = (f = e.menu) == null ? void 0 : f.meta) == null ? void 0 : g.translations) || {}, "name"))), 3)
             ];
           }),
@@ -74,7 +74,7 @@ const F = { key: 0 }, J = /* @__PURE__ */ S({
             key: u,
             level: e.level + 1
           }, null, 8, ["menu", "level"]))), 128))
-        ])) : y("", !0)
+        ])) : x("", !0)
       ], 64);
     };
   }

package/dist/layout/components/AsideSubMenus.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, withDirectives as c, createElementBlock as s, openBlock as t, createCommentVNode as l, Fragment as i, renderList as a, createBlock as _, vShow as p } from "vue";
+import { defineComponent as u, withDirectives as c, openBlock as t, createElementBlock as s, Fragment as l, renderList as i, createBlock as a, createCommentVNode as _, vShow as p } from "vue";
 import d from "./AsideSubMenuItem.vue.js";
 const f = { class: "h-full" }, h = {
   key: 0,
@@ -17,14 +17,14 @@ const f = { class: "h-full" }, h = {
       var o;
       return c((t(), s("div", f, [
         (o = n.menus) != null && o.length ? (t(), s("div", h, [
-          (t(!0), s(i, null, a(n.menus.filter((r) => {
+          (t(!0), s(l, null, i(n.menus.filter((r) => {
             var e;
             return ((e = r.meta) == null ? void 0 : e.visible) != "0";
-          }), (r, e) => (t(), _(d, {
+          }), (r, e) => (t(), a(d, {
             key: e,
             menu: r
           }, null, 8, ["menu"]))), 128))
-        ])) : l("", !0)
+        ])) : _("", !0)
       ], 512)), [
         [p, n.menus.length]
       ]);

package/dist/layout/components/AsideTabMenus.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, createElementBlock as o, openBlock as r, Fragment as _, renderList as f, unref as a, normalizeClass as i, createCommentVNode as m, createElementVNode as u, toDisplayString as x } from "vue";
+import { defineComponent as h, openBlock as o, createElementBlock as r, Fragment as _, renderList as f, unref as a, normalizeClass as i, createElementVNode as u, createCommentVNode as m, toDisplayString as x } from "vue";
 import { useRouter as g } from "vue-router";
 import { injectLayoutContext as v } from "../hooks/useState.js";
 const b = { class: "flex-1 p-2 w-full" }, y = ["onClick"], k = {
@@ -18,15 +18,15 @@ const b = { class: "flex-1 p-2 w-full" }, y = ["onClick"], k = {
         t.path && l.push(t.path);
       }
     };
-    return (n, s) => (r(), o("div", b, [
-      (r(!0), o(_, null, f(a(p), (e, t) => (r(), o("div", {
+    return (n, s) => (o(), r("div", b, [
+      (o(!0), r(_, null, f(a(p), (e, t) => (o(), r("div", {
         key: t,
         class: i(["pt-2 pb-2 mt-1 mb-1 flex flex-col items-center cursor-pointer rounded-2xl hover:bg-gray-100", [
           a(c) == e.path ? "bg-gray-100 text-blue-500" : "text-gray-500"
         ]]),
         onClick: (B) => d(e)
       }, [
-        e.icon ? (r(), o("div", k, [
+        e.icon ? (o(), r("div", k, [
           u("i", {
             class: i(e.icon)
           }, null, 2)

package/dist/layout/components/AsideUser.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as c, resolveComponent as y, createBlock as x, openBlock as n, withCtx as i, createElementVNode as t, createElementBlock as u, createCommentVNode as p, toDisplayString as a, unref as k } from "vue";
+import { defineComponent as b, computed as c, resolveComponent as y, openBlock as n, createBlock as x, withCtx as i, createElementVNode as t, createElementBlock as u, createCommentVNode as p, toDisplayString as a, unref as k } from "vue";
 import { useRouter as C } from "vue-router";
 import h from "../../locales/index.js";
 import { useSetting as T } from "../hooks/useSetting.js";

package/dist/layout/components/HeaderBar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, computed as u, resolveComponent as p, createElementBlock as d, openBlock as e, createElementVNode as a, createBlock as i, createCommentVNode as r, unref as o, createVNode as h, renderSlot as f } from "vue";
+import { defineComponent as m, computed as u, resolveComponent as p, openBlock as e, createElementBlock as d, createElementVNode as a, unref as o, createBlock as i, createCommentVNode as r, createVNode as h, renderSlot as f } from "vue";
 import { useSetting as g } from "../hooks/useSetting.js";
 import { injectLayoutContext as v } from "../hooks/useState.js";
 import b from "./AppSelect.vue.js";

package/dist/layout/components/HeaderMenuToggle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as r, resolveComponent as p, createElementBlock as d, openBlock as t, Fragment as _, createElementVNode as l, createVNode as a, withCtx as v, createBlock as s, unref as c } from "vue";
+import { defineComponent as f, ref as r, resolveComponent as p, openBlock as t, createElementBlock as d, Fragment as _, createElementVNode as l, createVNode as a, withCtx as v, createBlock as s, unref as c } from "vue";
 import { Expand as x, Close as g } from "@element-plus/icons-vue";
 import k from "./MenuDrawer.vue.js";
 /* empty css                */

package/dist/layout/components/LanguageSelect.vue2.js

@@ -1,47 +1,47 @@
-import { defineComponent as b, computed as k, resolveComponent as d, createBlock as m, openBlock as o, withCtx as l, createElementVNode as t, createElementBlock as r, Fragment as C, renderList as y, unref as s, normalizeClass as L, toDisplayString as _, createVNode as c, renderSlot as B, createCommentVNode as v } from "vue";
+import { defineComponent as k, computed as C, resolveComponent as m, openBlock as o, createBlock as _, withCtx as l, createElementVNode as t, createElementBlock as c, Fragment as y, renderList as L, unref as s, normalizeClass as x, toDisplayString as v, createVNode as i, renderSlot as B, createCommentVNode as f } from "vue";
 import { ArrowDown as N } from "@element-plus/icons-vue";
 import S from "../../locales/index.js";
-import { Storage as x } from "../../utils/repoUtils.js";
-import { messages as i } from "../../locales/messages.js";
-import V from "./NavIconBtn.vue.js";
-const j = {
+import { Storage as V } from "../../utils/repoUtils.js";
+import { messages as u } from "../../locales/messages.js";
+import j from "./NavIconBtn.vue.js";
+const D = {
   key: 0,
   class: "language-select__current"
-}, D = { class: "language-select__panel" }, E = ["onClick"], G = /* @__PURE__ */ b({
+}, E = { class: "language-select__panel" }, M = ["onClick"], G = /* @__PURE__ */ k({
   __name: "LanguageSelect",
   props: {
     showLabel: { type: Boolean, default: !1 }
   },
-  setup(M) {
-    const { locale: u } = S.global, n = k(
-      () => i[u.value].name
-    ), f = Object.keys(i).map((e) => ({
-      label: i[e].name,
+  setup(n) {
+    const { locale: g } = S.global, r = C(
+      () => u[g.value].name
+    ), h = Object.keys(u).map((e) => ({
+      label: u[e].name,
       value: e
-    })), h = (e) => {
-      x.set("locale", e), location.reload();
+    })), w = (e) => {
+      V.set("locale", e), location.reload();
     };
     return (e, p) => {
-      const g = d("el-icon"), w = d("el-popover");
-      return o(), m(w, {
+      const d = m("el-icon"), b = m("el-popover");
+      return o(), _(b, {
         placement: "bottom",
         width: 180,
         trigger: "hover",
         "popper-class": "top-language-popover"
       }, {
         reference: l(() => [
-          c(V, {
+          i(j, {
             "langselect-toggle": "",
             tag: "div",
             class: "language-select",
-            "icon-only": !e.showLabel,
-            title: n.value,
-            "aria-label": n.value
+            "icon-only": !n.showLabel,
+            title: r.value,
+            "aria-label": r.value
           }, {
             default: l(() => [
               B(e.$slots, "prefix", {}, void 0, !0),
-              c(g, null, {
-                default: l(() => p[0] || (p[0] = [
+              i(d, null, {
+                default: l(() => [...p[0] || (p[0] = [
                   t("svg", {
                     xmlns: "http://www.w3.org/2000/svg",
                     width: "24",
@@ -64,31 +64,30 @@ const j = {
                     t("path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20" }),
                     t("path", { d: "M2 12h20" })
                   ], -1)
-                ])),
-                _: 1,
-                __: [0]
+                ])]),
+                _: 1
               }),
-              e.showLabel ? (o(), r("span", j, _(n.value), 1)) : v("", !0),
-              e.showLabel ? (o(), m(g, {
+              n.showLabel ? (o(), c("span", D, v(r.value), 1)) : f("", !0),
+              n.showLabel ? (o(), _(d, {
                 key: 1,
                 class: "language-select__caret"
               }, {
                 default: l(() => [
-                  c(s(N))
+                  i(s(N))
                 ]),
                 _: 1
-              })) : v("", !0)
+              })) : f("", !0)
             ]),
             _: 3
           }, 8, ["icon-only", "title", "aria-label"])
         ]),
         default: l(() => [
-          t("div", D, [
-            (o(!0), r(C, null, y(s(f), (a) => (o(), r("div", {
+          t("div", E, [
+            (o(!0), c(y, null, L(s(h), (a) => (o(), c("div", {
               key: a.value,
-              class: L(["language-select__option", { "language-select__option--active": a.value === s(u) }]),
-              onClick: ($) => h(a.value)
-            }, _(a.label), 11, E))), 128))
+              class: x(["language-select__option", { "language-select__option--active": a.value === s(g) }]),
+              onClick: ($) => w(a.value)
+            }, v(a.label), 11, M))), 128))
           ])
         ]),
         _: 3

package/dist/layout/components/LayoutBreadcrumb.css

@@ -1 +1 @@
-.layout-breadcrumb[data-v-21c4b2fb]{display:flex;min-width:0;align-items:center;gap:6px;color:var(--ui-text-placeholder);line-height:1.4}.layout-breadcrumb__back[data-v-21c4b2fb]{display:inline-flex;width:24px;height:24px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--ui-radius-sm);padding:0;background:transparent;color:var(--ui-text-placeholder);cursor:pointer;font:inherit;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.layout-breadcrumb__back[data-v-21c4b2fb]:hover{background:var(--ui-bg-muted);color:var(--ui-text-muted)}.layout-breadcrumb__back[data-v-21c4b2fb]:focus-visible{outline:2px solid var(--ui-ring);outline-offset:2px}.layout-breadcrumb__separator[data-v-21c4b2fb]{flex:0 0 auto;color:var(--ui-text-disabled);font-size:11px}.layout-breadcrumb__link[data-v-21c4b2fb],.layout-breadcrumb__current[data-v-21c4b2fb]{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-breadcrumb__link[data-v-21c4b2fb]{border:0;padding:0;background:transparent;color:var(--ui-text-placeholder);cursor:pointer;font:inherit;transition:color var(--ui-transition-fast)}.layout-breadcrumb__link[data-v-21c4b2fb]:hover{color:var(--ui-text-muted)}.layout-breadcrumb__link[data-v-21c4b2fb]:focus-visible{outline:2px solid var(--ui-ring);outline-offset:2px;border-radius:var(--ui-radius-sm)}.layout-breadcrumb__current[data-v-21c4b2fb]{color:var(--ui-text-muted);font-weight:500}@media (max-width: 768px){.layout-breadcrumb__link[data-v-21c4b2fb],.layout-breadcrumb__current[data-v-21c4b2fb]{max-width:44vw}}
+.layout-breadcrumb[data-v-21c4b2fb]{display:flex;min-width:0;align-items:center;gap:6px;color:var(--ui-text-placeholder);line-height:1.4}.layout-breadcrumb__back[data-v-21c4b2fb]{display:inline-flex;width:24px;height:24px;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--ui-radius-sm);padding:0;background:transparent;color:var(--ui-text-placeholder);cursor:pointer;font:inherit;transition:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast)}.layout-breadcrumb__back[data-v-21c4b2fb]:hover{background:var(--ui-bg-muted);color:var(--ui-text-muted)}.layout-breadcrumb__back[data-v-21c4b2fb]:focus-visible{outline:2px solid var(--ui-ring);outline-offset:2px}.layout-breadcrumb__separator[data-v-21c4b2fb]{flex:0 0 auto;color:var(--ui-text-disabled);font-size:11px}.layout-breadcrumb__link[data-v-21c4b2fb],.layout-breadcrumb__current[data-v-21c4b2fb]{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-breadcrumb__link[data-v-21c4b2fb]{border:0;padding:0;background:transparent;color:var(--ui-text-placeholder);cursor:pointer;font:inherit;transition:color var(--ui-transition-fast)}.layout-breadcrumb__link[data-v-21c4b2fb]:hover{color:var(--ui-text-muted)}.layout-breadcrumb__link[data-v-21c4b2fb]:focus-visible{outline:2px solid var(--ui-ring);outline-offset:2px;border-radius:var(--ui-radius-sm)}.layout-breadcrumb__current[data-v-21c4b2fb]{color:var(--ui-text-muted);font-weight:500}@media(max-width:768px){.layout-breadcrumb__link[data-v-21c4b2fb],.layout-breadcrumb__current[data-v-21c4b2fb]{max-width:44vw}}

package/dist/layout/components/LayoutBreadcrumb.vue.d.ts

@@ -18,8 +18,8 @@ type __VLS_Props = {
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     parentPath: string;
-    currentTitle: string;
     items: LayoutBreadcrumbItem[];
+    currentTitle: string;
     preserveQueryKeys: string[];
     showCurrent: boolean;
     showBack: boolean;

package/dist/layout/components/LayoutBreadcrumb.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as I, computed as U, resolveComponent as W, createElementBlock as u, createCommentVNode as _, openBlock as c, createVNode as w, withCtx as z, unref as M, Fragment as X, renderList as Y, createBlock as Z, toDisplayString as B } from "vue";
+import { defineComponent as I, computed as U, resolveComponent as W, openBlock as c, createElementBlock as u, createVNode as w, withCtx as z, unref as M, createCommentVNode as _, Fragment as X, renderList as Y, createBlock as Z, toDisplayString as B } from "vue";
 import { ArrowLeft as tt, ArrowRight as et } from "@element-plus/icons-vue";
 import { useRoute as nt, useRouter as rt } from "vue-router";
 import { replaceName as at, tname as ot } from "../../utils/repoUtils.js";

package/dist/layout/components/MenuDrawer.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as $, computed as D, useModel as q, resolveComponent as B, createBlock as E, openBlock as d, withCtx as b, createVNode as H, createElementVNode as a, createElementBlock as m, Fragment as x, renderList as g, toDisplayString as v, normalizeClass as M, unref as p, resolveDynamicComponent as J, mergeProps as K } from "vue";
+import { defineComponent as $, computed as D, useModel as q, resolveComponent as B, openBlock as d, createBlock as E, withCtx as b, createVNode as H, createElementVNode as a, createElementBlock as m, Fragment as x, renderList as g, toDisplayString as v, normalizeClass as M, unref as p, resolveDynamicComponent as J, mergeProps as K } from "vue";
 import { replaceName as y, tname as I } from "../../utils/repoUtils.js";
 import { useApp as Q } from "../hooks/useApp.js";
 import { useSetting as Y } from "../hooks/useSetting.js";

package/dist/layout/components/MenuItemIcon.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as o, createElementBlock as n, openBlock as t, normalizeClass as v } from "vue";
+import { defineComponent as g, computed as o, openBlock as n, createElementBlock as t, normalizeClass as v } from "vue";
 const f = { class: "menu-item-icon" }, S = ["innerHTML"], I = /* @__PURE__ */ g({
   __name: "MenuItemIcon",
   props: {
@@ -6,12 +6,12 @@ const f = { class: "menu-item-icon" }, S = ["innerHTML"], I = /* @__PURE__ */ g(
   },
   setup(i) {
     const a = i, s = o(() => a.icon || "metisicon-yingyong"), r = /^\s*<svg[\s>]/i, l = /\son[a-z]+\s*=\s*("[^"]*"|'[^']*'|[^\s>]+)/gi, _ = /<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, p = /\s(?:href|xlink:href)\s*=\s*("\s*javascript:[^"]*"|'\s*javascript:[^']*')/gi, c = (e) => !!e && r.test(e), u = (e) => !e || !c(e) ? "" : e.replace(_, "").replace(l, "").replace(p, ""), m = o(() => u(s.value));
-    return (e, E) => (t(), n("div", f, [
-      c(s.value) ? (t(), n("span", {
+    return (e, E) => (n(), t("div", f, [
+      c(s.value) ? (n(), t("span", {
         key: 0,
         class: "menu-item-icon__svg",
         innerHTML: m.value
-      }, null, 8, S)) : (t(), n("i", {
+      }, null, 8, S)) : (n(), t("i", {
         key: 1,
         class: v(s.value)
       }, null, 2))

package/dist/layout/components/NavIconBtn.vue2.js

@@ -1,23 +1,23 @@
-import { defineComponent as e, createBlock as n, openBlock as o, resolveDynamicComponent as a, normalizeClass as l, withCtx as r, renderSlot as p } from "vue";
-const c = /* @__PURE__ */ e({
+import { defineComponent as n, openBlock as o, createBlock as a, resolveDynamicComponent as l, normalizeClass as c, withCtx as u, renderSlot as i } from "vue";
+const d = /* @__PURE__ */ n({
   __name: "NavIconBtn",
   props: {
     tag: { default: "button" },
     type: { default: "button" },
     iconOnly: { type: Boolean, default: !0 }
   },
-  setup(s) {
-    return (t, u) => (o(), n(a(t.tag), {
+  setup(t) {
+    return (e, r) => (o(), a(l(t.tag), {
       type: t.tag === "button" ? t.type : void 0,
-      class: l(["nav-icon-btn", { "nav-icon-btn--icon-only": t.iconOnly }])
+      class: c(["nav-icon-btn", { "nav-icon-btn--icon-only": t.iconOnly }])
     }, {
-      default: r(() => [
-        p(t.$slots, "default", {}, void 0, !0)
+      default: u(() => [
+        i(e.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["type", "class"]));
   }
 });
 export {
-  c as default
+  d as default
 };