mamba-layout 0.1.0 → 0.3.0

package/dist/layout/components/SHeaderRight.css

@@ -1 +1 @@
-.header-right[data-v-205feba2]{display:flex;align-items:center;gap:8px;font-size:13px;--nav-icon-btn-size: 30px}.header-right__login[data-v-205feba2]{height:30px;line-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:var(--ui-radius-control);color:var(--ui-topnav-foreground);background:linear-gradient(135deg,var(--el-color-primary) 0%,var(--ui-topnav-accent) 100%);box-shadow:0 8px 18px rgba(var(--el-color-primary-rgb),.24);transition:background var(--ui-transition-fast),color var(--ui-transition-fast),border-color var(--ui-transition-fast)}.header-right__login[data-v-205feba2]:hover{filter:brightness(1.05)}
+.header-right[data-v-3c5e16a6]{display:flex;align-items:center;gap:8px;font-size:13px;--nav-icon-btn-size: 30px}.header-right__login[data-v-3c5e16a6]{height:30px;line-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border-radius:var(--ui-radius-control);color:var(--ui-topnav-foreground);background:linear-gradient(135deg,var(--el-color-primary) 0%,var(--ui-topnav-accent) 100%);box-shadow:0 8px 18px rgba(var(--el-color-primary-rgb),.24);transition:background var(--ui-transition-fast),color var(--ui-transition-fast),border-color var(--ui-transition-fast)}.header-right__login[data-v-3c5e16a6]:hover{filter:brightness(1.05)}

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

@@ -1,7 +1,7 @@
 import o from "./SHeaderRight.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-205feba2"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3c5e16a6"]]);
 export {
-  f as default
+  m as default
 };

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

@@ -1,45 +1,34 @@
-import { defineComponent as C, computed as a, resolveComponent as L, createElementBlock as h, openBlock as n, createBlock as m, createCommentVNode as P, createVNode as s, withCtx as f, createElementVNode as c, toDisplayString as x, unref as y } from "vue";
-import B from "../../locales/index.js";
-import { useSetting as S } from "../hooks/useSetting.js";
-import { getLayoutLoginPath as D } from "../utils/index.js";
-import I from "./LanguageSelect.vue.js";
-import N from "./NavIconBtn.vue.js";
-import U from "./ThemeToggle.vue.js";
-import V from "./UserInfo.vue.js";
-const E = { class: "header-right" }, M = ["href"], G = /* @__PURE__ */ C({
+import { defineComponent as _, computed as n, resolveComponent as k, openBlock as a, createElementBlock as c, createBlock as u, withCtx as d, createVNode as r, createElementVNode as l, createCommentVNode as w, toDisplayString as C, unref as L } from "vue";
+import b from "../../locales/index.js";
+import { useSetting as x } from "../hooks/useSetting.js";
+import { getLayoutLoginPath as y } from "../utils/index.js";
+import B from "./LanguageSelect.vue.js";
+import D from "./NavIconBtn.vue.js";
+import N from "./ThemeToggle.vue.js";
+import P from "./UserInfo.vue.js";
+const S = { class: "header-right" }, V = ["href"], q = /* @__PURE__ */ _({
   __name: "SHeaderRight",
-  setup(R) {
-    const { t: p, locale: i } = B.global, o = S(), g = a(() => o.value.hideDoc ?? !1), v = a(() => D(o.value)), r = a(() => o.value.user), _ = a(() => {
-      var t, e;
-      return !!((t = r.value) != null && t.id || (e = r.value) != null && e.userId);
-    }), b = (t) => {
-      o.value.onLogin && (t.preventDefault(), o.value.onLogin());
-    }, k = a(() => {
-      var d, u;
-      const t = i.value == "en-US" ? "/docs" : "/docs/" + i.value;
-      let e = "";
-      const l = [
-        "03aafe62a76e21c9bb6e6224a62414b3",
-        "5c3dcb05be31bea98922705eb8fdad1f",
-        "69762cb59e9d97da2c970b7d4d4816bf",
-        "70c03df02f4d4888adea4e86dbc630fd"
-      ];
-      return (u = (d = r.value) == null ? void 0 : d.roles) != null && u.some((w) => l.includes(w)) ? e = o.value.docOperatorPath || "" : e = o.value.docUserPath || "", t + e;
-    });
-    return (t, e) => {
-      const l = L("el-icon");
-      return n(), h("div", E, [
-        g.value ? P("", !0) : (n(), m(N, {
+  setup(I) {
+    const { t: h } = b.global, e = x(), m = n(() => e.value.hideDoc ?? !1), p = n(() => y(e.value)), i = n(() => e.value.user), g = n(() => {
+      var o, t;
+      return !!((o = i.value) != null && o.id || (t = i.value) != null && t.userId);
+    }), f = (o) => {
+      e.value.onLogin && (o.preventDefault(), e.value.onLogin());
+    }, s = n(() => e.value.docsPath || "");
+    return (o, t) => {
+      const v = k("el-icon");
+      return a(), c("div", S, [
+        !m.value && s.value ? (a(), u(D, {
           key: 0,
           tag: "a",
           class: "whitespace-nowrap",
-          href: k.value,
+          href: s.value,
           target: "_blank"
         }, {
-          default: f(() => [
-            s(l, null, {
-              default: f(() => e[0] || (e[0] = [
-                c("svg", {
+          default: d(() => [
+            r(v, null, {
+              default: d(() => [...t[0] || (t[0] = [
+                l("svg", {
                   xmlns: "http://www.w3.org/2000/svg",
                   width: "24",
                   height: "24",
@@ -53,28 +42,27 @@ const E = { class: "header-right" }, M = ["href"], G = /* @__PURE__ */ C({
                   "aria-hidden": "true",
                   class: "lucide lucide-book-open"
                 }, [
-                  c("path", { d: "M12 7v14" }),
-                  c("path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" })
+                  l("path", { d: "M12 7v14" }),
+                  l("path", { d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z" })
                 ], -1)
-              ])),
-              _: 1,
-              __: [0]
+              ])]),
+              _: 1
             })
           ]),
           _: 1
-        }, 8, ["href"])),
-        s(I),
-        s(U),
-        _.value ? (n(), m(V, { key: 1 })) : (n(), h("a", {
+        }, 8, ["href"])) : w("", !0),
+        r(B),
+        r(N),
+        g.value ? (a(), u(P, { key: 1 })) : (a(), c("a", {
           key: 2,
           class: "header-right__login",
-          href: v.value,
-          onClick: b
-        }, x(y(p)("common.btn.login")), 9, M))
+          href: p.value,
+          onClick: f
+        }, C(L(h)("common.btn.login")), 9, V))
       ]);
     };
   }
 });
 export {
-  G as default
+  q as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as a, watchEffect as f, resolveComponent as p, createBlock as o, openBlock as t, unref as e, withCtx as n, createVNode as s } from "vue";
+import { defineComponent as a, watchEffect as f, resolveComponent as p, openBlock as o, createBlock as t, unref as e, withCtx as n, createVNode as s } from "vue";
 import { Moon as u, Sunny as _ } from "@element-plus/icons-vue";
 import { useSetting as h } from "../hooks/useSetting.js";
 import { useTheme as k } from "../hooks/useTheme.js";
@@ -11,11 +11,11 @@ const N = /* @__PURE__ */ a({
       r.value.theme = c.value;
     }), (C, v) => {
       const i = p("el-icon");
-      return t(), o(g, { onClick: e(l) }, {
+      return o(), t(g, { onClick: e(l) }, {
         default: n(() => [
           s(i, null, {
             default: n(() => [
-              e(m) ? (t(), o(e(_), { key: 1 })) : (t(), o(e(u), { key: 0 }))
+              e(m) ? (o(), t(e(_), { key: 1 })) : (o(), t(e(u), { key: 0 }))
             ]),
             _: 1
           })

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

@@ -1,67 +1,67 @@
-import { defineComponent as g, ref as w, computed as r, resolveComponent as v, createBlock as f, openBlock as t, withCtx as n, createElementVNode as i, createElementBlock as c, Fragment as y, renderList as T, normalizeClass as Z, toDisplayString as u, createVNode as l, createCommentVNode as d, unref as b } from "vue";
-import { Clock as L, ArrowDown as B } from "@element-plus/icons-vue";
-import { useCurrentTimeZone as N, getTimeZoneOptions as V, getTimeZoneLabel as D, setCurrentTimeZone as E } from "../../utils/repoUtils.js";
+import { defineComponent as w, ref as y, computed as c, resolveComponent as f, openBlock as t, createBlock as d, withCtx as o, createElementVNode as i, createElementBlock as r, Fragment as T, renderList as Z, normalizeClass as L, toDisplayString as u, createVNode as n, unref as b, createCommentVNode as h } from "vue";
+import { Clock as B, ArrowDown as N } from "@element-plus/icons-vue";
+import { useCurrentTimeZone as x, getTimeZoneOptions as V, getTimeZoneLabel as D, setCurrentTimeZone as E } from "../../utils/repoUtils.js";
 import O from "./NavIconBtn.vue.js";
 const S = {
   key: 0,
   class: "timezone-select__current"
-}, A = { class: "timezone-select__panel" }, F = ["onClick"], I = { class: "timezone-select__name" }, R = { class: "timezone-select__offset" }, H = /* @__PURE__ */ g({
+}, A = { class: "timezone-select__panel" }, F = ["onClick"], I = { class: "timezone-select__name" }, R = { class: "timezone-select__offset" }, H = /* @__PURE__ */ w({
   __name: "TimezoneSelect",
   props: {
     showLabel: { type: Boolean, default: !1 }
   },
-  setup(U) {
-    const h = N(), s = w(!1), a = r(() => h.value), z = r(() => V()), p = r(() => D(a.value)), C = (o) => {
-      E(o), s.value = !1;
+  setup(l) {
+    const z = x(), s = y(!1), a = c(() => z.value), C = c(() => V()), m = c(() => D(a.value)), k = (_) => {
+      E(_), s.value = !1;
     };
-    return (o, m) => {
-      const _ = v("el-icon"), k = v("el-popover");
-      return t(), f(k, {
+    return (_, p) => {
+      const v = f("el-icon"), g = f("el-popover");
+      return t(), d(g, {
         visible: s.value,
-        "onUpdate:visible": m[0] || (m[0] = (e) => s.value = e),
+        "onUpdate:visible": p[0] || (p[0] = (e) => s.value = e),
         placement: "bottom",
         width: 280,
         trigger: "hover",
         "popper-class": "top-timezone-popover"
       }, {
-        reference: n(() => [
-          l(O, {
+        reference: o(() => [
+          n(O, {
             tag: "div",
             class: "timezone-select",
-            "icon-only": !o.showLabel,
-            title: p.value,
-            "aria-label": p.value
+            "icon-only": !l.showLabel,
+            title: m.value,
+            "aria-label": m.value
           }, {
-            default: n(() => [
-              l(_, null, {
-                default: n(() => [
-                  l(b(L))
+            default: o(() => [
+              n(v, null, {
+                default: o(() => [
+                  n(b(B))
                 ]),
                 _: 1
               }),
-              o.showLabel ? (t(), c("span", S, u(a.value), 1)) : d("", !0),
-              o.showLabel ? (t(), f(_, {
+              l.showLabel ? (t(), r("span", S, u(a.value), 1)) : h("", !0),
+              l.showLabel ? (t(), d(v, {
                 key: 1,
                 class: "timezone-select__caret"
               }, {
-                default: n(() => [
-                  l(b(B))
+                default: o(() => [
+                  n(b(N))
                 ]),
                 _: 1
-              })) : d("", !0)
+              })) : h("", !0)
             ]),
             _: 1
           }, 8, ["icon-only", "title", "aria-label"])
         ]),
-        default: n(() => [
+        default: o(() => [
           i("div", A, [
-            (t(!0), c(y, null, T(z.value, (e) => (t(), c("button", {
+            (t(!0), r(T, null, Z(C.value, (e) => (t(), r("button", {
               key: e.value,
               type: "button",
-              class: Z(["timezone-select__option", {
+              class: L(["timezone-select__option", {
                 "timezone-select__option--active": e.value === a.value
               }]),
-              onClick: ($) => C(e.value)
+              onClick: (U) => k(e.value)
             }, [
               i("span", I, u(e.value), 1),
               i("span", R, u(e.offset), 1)

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

@@ -2,7 +2,7 @@ import o from "./UserInfo.vue2.js";
 /* empty css              */
 /* empty css              */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-63bc60f6"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ac052463"]]);
 export {
-  s as default
+  f as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as x, computed as v, resolveComponent as M, createBlock as w, openBlock as r, withCtx as b, createElementVNode as l, createElementBlock as m, createVNode as f, unref as d, createCommentVNode as B, toDisplayString as u, Fragment as h, renderList as y } from "vue";
+import { defineComponent as x, computed as v, resolveComponent as M, openBlock as r, createBlock as w, withCtx as b, createElementVNode as l, createVNode as f, unref as d, toDisplayString as u, createElementBlock as m, createCommentVNode as B, Fragment as h, renderList as y } from "vue";
 import k from "../../components/UserAvatar/src/UserAvatar.vue.js";
 import U from "./MenuItemIcon.vue.js";
 import V from "../../locales/index.js";

package/dist/layout/components/UserInfo2.css

@@ -1 +1 @@
-.user-info__trigger[data-v-63bc60f6]{display:inline-flex;width:28px;height:28px;overflow:hidden;border-radius:var(--ui-radius-pill);background:var(--ui-avatar-bg, var(--el-color-primary));border:1px solid var(--ui-topnav-border);align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--ui-text-on-brand);cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:border-color var(--ui-transition-fast),filter var(--ui-transition-fast)}.user-info__trigger[data-v-63bc60f6]:hover{border-color:var(--ui-topnav-foreground);filter:brightness(1.05)}.user-info__panel[data-v-63bc60f6]{display:grid;gap:4px}.user-info__profile[data-v-63bc60f6]{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:8px 8px 10px}.user-info__profile-avatar[data-v-63bc60f6]{width:44px;height:44px;overflow:hidden;border-radius:var(--ui-radius-pill);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ui-avatar-bg, var(--el-color-primary));color:var(--ui-text-on-brand);font-size:16px;font-weight:700}.user-info__profile-main[data-v-63bc60f6]{min-width:0}.user-info__display-name[data-v-63bc60f6]{color:var(--ui-text-primary);font-size:14px;font-weight:700;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info__username[data-v-63bc60f6]{margin-top:2px;color:var(--ui-text-muted);font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info__meta[data-v-63bc60f6]{display:grid;gap:2px;padding:8px;margin-bottom:2px;border-radius:var(--ui-radius-control);background:var(--ui-bg-muted)}.user-info__meta-row[data-v-63bc60f6]{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center;min-height:24px;font-size:12px;line-height:18px}.user-info__meta-label[data-v-63bc60f6]{color:var(--ui-text-muted)}.user-info__meta-value[data-v-63bc60f6]{min-width:0;color:var(--ui-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.user-info__item[data-v-63bc60f6]{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--ui-radius-control);color:var(--ui-text-primary);cursor:pointer;transition:background var(--ui-transition-fast),color var(--ui-transition-fast)}.user-info__item[data-v-63bc60f6]:hover{background:var(--ui-bg-muted)}.user-info__item--danger[data-v-63bc60f6]{color:var(--el-color-danger)}.user-info__divider[data-v-63bc60f6]{height:1px;background:var(--ui-border-soft);margin:4px 0}
+.user-info__trigger[data-v-ac052463]{display:inline-flex;width:28px;height:28px;overflow:hidden;border-radius:var(--ui-radius-pill);background:var(--ui-avatar-bg, var(--el-color-primary));border:1px solid var(--ui-topnav-border);align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--ui-text-on-brand);cursor:pointer;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:border-color var(--ui-transition-fast),filter var(--ui-transition-fast)}.user-info__trigger[data-v-ac052463]:hover{border-color:var(--ui-topnav-foreground);filter:brightness(1.05)}.user-info__panel[data-v-ac052463]{display:grid;gap:2px}.user-info__profile[data-v-ac052463]{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:8px 8px 10px}.user-info__profile-avatar[data-v-ac052463]{width:44px;height:44px;overflow:hidden;border-radius:var(--ui-radius-pill);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ui-avatar-bg, var(--el-color-primary));color:var(--ui-text-on-brand);font-size:16px;font-weight:700}.user-info__profile-main[data-v-ac052463]{min-width:0}.user-info__display-name[data-v-ac052463]{color:var(--ui-text-primary);font-size:14px;font-weight:700;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info__username[data-v-ac052463]{margin-top:2px;color:var(--ui-text-muted);font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info__meta[data-v-ac052463]{display:grid;gap:2px;padding:8px;margin-bottom:2px;border-radius:var(--ui-radius-control);background:var(--ui-bg-muted)}.user-info__meta-row[data-v-ac052463]{display:grid;grid-template-columns:64px minmax(0,1fr);gap:8px;align-items:center;min-height:24px;font-size:12px;line-height:18px}.user-info__meta-label[data-v-ac052463]{color:var(--ui-text-muted)}.user-info__meta-value[data-v-ac052463]{min-width:0;color:var(--ui-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.user-info__item[data-v-ac052463]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--ui-radius-control);color:var(--ui-text-primary);font-size:12px;cursor:pointer;transition:background var(--ui-transition-fast),color var(--ui-transition-fast)}.user-info__item[data-v-ac052463]:hover{background:var(--ui-bg-muted)}.user-info__item--danger[data-v-ac052463]{color:var(--el-color-danger)}.user-info__divider[data-v-ac052463]{height:1px;background:var(--ui-border-soft);margin:4px 0}

package/dist/layout/components/mobile/AppSelectMobile.vue.js

@@ -1,57 +1,57 @@
-import { defineComponent as C, computed as x, resolveComponent as p, createElementBlock as l, createCommentVNode as A, unref as o, openBlock as e, createVNode as B, withCtx as i, Fragment as c, renderList as f, createBlock as u } from "vue";
+import { defineComponent as C, computed as x, resolveComponent as p, unref as l, openBlock as e, createElementBlock as o, createVNode as A, withCtx as i, Fragment as c, renderList as f, createBlock as u, createCommentVNode as B } from "vue";
 import { useApp as I } from "../../hooks/useApp.js";
 import { injectLayoutContext as w } from "../../hooks/useState.js";
 const L = {
   key: 0,
-  class: "w-full px-3"
+  class: "min-w-0 flex-1"
 }, F = /* @__PURE__ */ C({
   __name: "AppSelectMobile",
   setup(N) {
     const { currentAppId: v } = w(), { appList: s, getAppPath: a, findAppById: h } = I(), g = x(() => {
-      const t = h(v.value);
-      return t ? a(t) : "";
-    }), k = (t) => {
-      t && (location.href = t);
+      const n = h(v.value);
+      return n ? a(n) : "";
+    }), k = (n) => {
+      n && (location.href = n);
     };
-    return (t, P) => {
+    return (n, P) => {
       var d;
       const _ = p("el-option"), y = p("el-option-group"), b = p("el-select");
-      return (d = o(s)) != null && d.length ? (e(), l("div", L, [
-        B(b, {
+      return (d = l(s)) != null && d.length ? (e(), o("div", L, [
+        A(b, {
           "model-value": g.value,
           class: "w-full",
           onChange: k
         }, {
           default: i(() => [
-            (e(!0), l(c, null, f(o(s), (n) => {
+            (e(!0), o(c, null, f(l(s), (t) => {
               var m;
-              return e(), l(c, {
-                key: n.appId
+              return e(), o(c, {
+                key: t.appId
               }, [
-                (m = n.children) != null && m.length ? (e(), u(y, {
+                (m = t.children) != null && m.length ? (e(), u(y, {
                   key: 0,
-                  label: n.name
+                  label: t.name
                 }, {
                   default: i(() => [
-                    (e(!0), l(c, null, f(n.children, (r) => (e(), u(_, {
+                    (e(!0), o(c, null, f(t.children, (r) => (e(), u(_, {
                       key: r.appId,
                       label: r.name,
-                      value: o(a)(r),
+                      value: l(a)(r),
                       style: { "padding-left": "30px" }
                     }, null, 8, ["label", "value"]))), 128))
                   ]),
                   _: 2
                 }, 1032, ["label"])) : (e(), u(_, {
                   key: 1,
-                  label: n.name,
-                  value: o(a)(n)
+                  label: t.name,
+                  value: l(a)(t)
                 }, null, 8, ["label", "value"]))
               ], 64);
             }), 128))
           ]),
           _: 1
         }, 8, ["model-value"])
-      ])) : A("", !0);
+      ])) : B("", !0);
     };
   }
 });

package/dist/layout/components/mobile/AsideBarMobile.css

@@ -1 +1 @@
-.aside-bar-mobile[data-v-dede8d1e]{border-right:1px solid var(--ui-sidebar-border);background:var(--ui-sidebar-bg);color:var(--ui-sidebar-foreground);box-shadow:var(--ui-shadow-pop)}.aside-bar-mobile__head[data-v-dede8d1e]{border-bottom:1px solid var(--ui-sidebar-border)}.aside-bar-mobile__close[data-v-dede8d1e]{color:var(--ui-text-muted)}
+.aside-bar-mobile[data-v-ffd10c8b]{width:min(86vw,320px);max-width:calc(100vw - 32px);height:100vh;height:100dvh;z-index:240;border-right:1px solid var(--ui-sidebar-border);background:var(--ui-sidebar-bg);color:var(--ui-sidebar-foreground);box-shadow:var(--ui-shadow-pop);will-change:transform}.aside-bar-mobile__head[data-v-ffd10c8b]{min-height:var(--layout-mobile-header-height, 56px);padding:10px 12px;border-bottom:1px solid var(--ui-sidebar-border);flex-shrink:0}.aside-bar-mobile__close[data-v-ffd10c8b]{width:36px;height:36px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--ui-sidebar-border);border-radius:var(--ui-radius-control);background:var(--ui-sidebar-accent);color:var(--ui-text-muted);cursor:pointer;transition:background var(--ui-transition-fast),color var(--ui-transition-fast),border-color var(--ui-transition-fast)}.aside-bar-mobile__close[data-v-ffd10c8b]:hover{background:var(--ui-sidebar-hover-bg);color:var(--ui-sidebar-foreground)}.aside-bar-mobile[data-v-ffd10c8b] .el-scrollbar{flex:1 1 auto;min-height:0}

package/dist/layout/components/mobile/AsideBarMobile.vue.js

@@ -1,7 +1,7 @@
 import o from "./AsideBarMobile.vue2.js";
 /* empty css                    */
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ e(o, [["__scopeId", "data-v-dede8d1e"]]);
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ffd10c8b"]]);
 export {
-  a as default
+  e as default
 };

package/dist/layout/components/mobile/AsideBarMobile.vue2.js

@@ -1,47 +1,49 @@
-import { defineComponent as d, resolveComponent as s, createElementBlock as _, createCommentVNode as f, unref as o, openBlock as p, normalizeClass as u, createElementVNode as l, createVNode as e, renderSlot as b, withCtx as i } from "vue";
+import { defineComponent as d, resolveComponent as r, unref as o, openBlock as _, createElementBlock as f, normalizeClass as p, createElementVNode as t, createVNode as e, withCtx as a, renderSlot as u, createCommentVNode as b } from "vue";
 import { Fold as x } from "@element-plus/icons-vue";
 import { injectLayoutContext as h } from "../../hooks/useState.js";
-import v from "../AsideSubMenus.vue.js";
-import C from "./AppSelectMobile.vue.js";
-import g from "./AsideUserMobile.vue.js";
-const k = { class: "aside-bar-mobile__head flex justify-between items-center pt-4 pb-4 px-4" }, w = { class: "p-3" }, A = /* @__PURE__ */ d({
+import C from "../AsideSubMenus.vue.js";
+import v from "./AppSelectMobile.vue.js";
+import k from "./AsideUserMobile.vue.js";
+const y = { class: "aside-bar-mobile__head flex items-center gap-3" }, S = { class: "p-3" }, M = /* @__PURE__ */ d({
   __name: "AsideBarMobile",
   setup($) {
-    const { menus: n, sideOpen: t } = h(), a = () => void (t.value = !t.value);
-    return (r, y) => {
-      const m = s("el-icon"), c = s("el-scrollbar");
-      return o(n).length && !r.$route.meta.hideSidebar ? (p(), _("div", {
+    const { menus: l, sideOpen: n } = h(), i = () => void (n.value = !1);
+    return (s, B) => {
+      const m = r("el-icon"), c = r("el-scrollbar");
+      return o(l).length && !s.$route.meta.hideSidebar ? (_(), f("div", {
         key: 0,
-        class: u(["aside-bar-mobile flex flex-col h-full min-h-0 w-1/2 min-w-70 fixed top-0 left-0 z-200 transition-all", [o(t) ? "translate-x-[0px]" : "translate-x-[-100%]"]])
+        class: p(["aside-bar-mobile fixed inset-y-0 left-0 z-200 flex min-h-0 flex-col transition-transform", [o(n) ? "translate-x-[0px]" : "translate-x-[-100%]"]])
       }, [
-        l("div", k, [
-          l("div", {
-            class: "aside-bar-mobile__close text-lg cursor-pointer p-2 leading-4",
-            onClick: a
+        t("div", y, [
+          t("button", {
+            type: "button",
+            class: "aside-bar-mobile__close",
+            "aria-label": "Close menu",
+            onClick: i
           }, [
             e(m, null, {
-              default: i(() => [
+              default: a(() => [
                 e(o(x))
               ]),
               _: 1
             })
           ]),
-          e(C)
+          e(v)
         ]),
         e(c, { ref: "leftScrollRef" }, {
-          default: i(() => [
-            l("div", w, [
-              e(v, { menus: o(n) }, null, 8, ["menus"])
+          default: a(() => [
+            t("div", S, [
+              e(C, { menus: o(l) }, null, 8, ["menus"])
             ])
           ]),
           _: 1
         }, 512),
-        b(r.$slots, "sidebar-foot", {}, void 0, !0),
-        e(g)
-      ], 2)) : f("", !0);
+        u(s.$slots, "sidebar-foot", {}, void 0, !0),
+        e(k)
+      ], 2)) : b("", !0);
     };
   }
 });
 export {
-  A as default
+  M as default
 };

package/dist/layout/components/mobile/AsideUserMobile.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, computed as n, resolveComponent as f, createBlock as g, createElementBlock as b, openBlock as u, withCtx as r, createElementVNode as o, toDisplayString as y, createVNode as t, unref as c } from "vue";
+import { defineComponent as v, computed as n, resolveComponent as f, openBlock as u, createBlock as g, withCtx as r, createElementVNode as o, toDisplayString as b, createVNode as t, unref as c, createElementBlock as y } from "vue";
 import { ArrowRight as d } from "@element-plus/icons-vue";
 import { useSetting as h } from "../../hooks/useSetting.js";
 import { redirectToLayoutLogin as k } from "../../utils/index.js";
@@ -18,7 +18,7 @@ const C = { class: "aside-user-mobile" }, L = { class: "flex-1" }, A = { class:
             e[0] || (e[0] = o("div", { class: "aside-user-mobile__icon text-lg" }, [
               o("i", { class: "metisicon-yonghu1" })
             ], -1)),
-            o("div", L, y(_.value), 1),
+            o("div", L, b(_.value), 1),
             o("div", A, [
               t(a, null, {
                 default: r(() => [
@@ -30,7 +30,7 @@ const C = { class: "aside-user-mobile" }, L = { class: "flex-1" }, A = { class:
           ])
         ]),
         _: 1
-      })) : (u(), b("div", {
+      })) : (u(), y("div", {
         key: 1,
         class: "aside-user-mobile",
         onClick: p

package/dist/layout/components/mobile/AsideUserMobilePopover.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, computed as c, resolveComponent as v, createBlock as d, openBlock as f, withCtx as n, createElementVNode as o, createVNode as _, toDisplayString as i, unref as s, renderSlot as g } from "vue";
+import { defineComponent as a, computed as c, resolveComponent as v, openBlock as d, createBlock as f, withCtx as n, createElementVNode as o, toDisplayString as i, unref as s, createVNode as _, renderSlot as g } from "vue";
 import b from "../../../locales/index.js";
 import { useSetting as C } from "../../hooks/useSetting.js";
 import { getLayoutUserCenterPath as L, redirectToLayoutLogin as y } from "../../utils/index.js";
@@ -14,7 +14,7 @@ const k = { class: "mobile-user-popover" }, P = ["href"], V = /* @__PURE__ */ a(
     };
     return (r, e) => {
       const m = v("el-popover");
-      return f(), d(m, {
+      return d(), f(m, {
         width: 220,
         trigger: "click",
         "popper-class": "top-userinfo-popover"

package/dist/layout/components/mobile/HeaderRightMobile.css

@@ -1 +1 @@
-.header-right-mobile[data-v-03748150]{--nav-icon-btn-size: 40px;display:flex;align-items:center;gap:10px;padding-right:4px}.header-right-mobile__action[data-v-03748150]{--nav-icon-btn-color: var(--ui-topnav-foreground);--nav-icon-btn-bg: var(--ui-topnav-surface);--nav-icon-btn-border-color: var(--ui-topnav-border);--nav-icon-btn-hover-bg: var(--ui-topnav-hover);--nav-icon-btn-hover-color: var(--ui-topnav-foreground);--nav-icon-btn-hover-border-color: var(--ui-topnav-border)}
+.header-right-mobile[data-v-48792b0a]{--nav-icon-btn-size: 40px;display:flex;align-items:center;gap:8px;padding-right:0;min-width:0}.header-right-mobile[data-v-48792b0a] .nav-icon-btn{--nav-icon-btn-size: 40px;--nav-icon-btn-color: var(--ui-topnav-foreground);--nav-icon-btn-bg: var(--ui-topnav-surface);--nav-icon-btn-border-color: var(--ui-topnav-border);--nav-icon-btn-hover-bg: var(--ui-topnav-hover);--nav-icon-btn-hover-color: var(--ui-topnav-foreground);--nav-icon-btn-hover-border-color: var(--ui-topnav-border)}.header-right-mobile__action[data-v-48792b0a]{--nav-icon-btn-color: var(--ui-topnav-foreground);--nav-icon-btn-bg: var(--ui-topnav-surface);--nav-icon-btn-border-color: var(--ui-topnav-border);--nav-icon-btn-hover-bg: var(--ui-topnav-hover);--nav-icon-btn-hover-color: var(--ui-topnav-foreground);--nav-icon-btn-hover-border-color: var(--ui-topnav-border)}@media(max-width:374px){.header-right-mobile[data-v-48792b0a]{--nav-icon-btn-size: 36px;gap:6px}.header-right-mobile[data-v-48792b0a] .nav-icon-btn{--nav-icon-btn-size: 36px}}

package/dist/layout/components/mobile/HeaderRightMobile.vue.js

@@ -1,7 +1,7 @@
 import o from "./HeaderRightMobile.vue2.js";
 /* empty css                       */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-03748150"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-48792b0a"]]);
 export {
   i as default
 };

package/dist/layout/components/mobile/HeaderRightMobile.vue2.js

@@ -1,33 +1,30 @@
-import { defineComponent as u, computed as d, createElementBlock as _, openBlock as r, createVNode as i, createBlock as l, withCtx as n, createElementVNode as s } from "vue";
-import { useSetting as p } from "../../hooks/useSetting.js";
-import { redirectToLayoutLogin as f } from "../../utils/index.js";
+import { defineComponent as u, computed as d, openBlock as r, createElementBlock as p, createVNode as n, createBlock as l, withCtx as i, createElementVNode as s } from "vue";
+import { useSetting as g } from "../../hooks/useSetting.js";
+import { redirectToLayoutLogin as _ } from "../../utils/index.js";
 import a from "../NavIconBtn.vue.js";
-import g from "../ThemeToggle.vue.js";
-import h from "../TimezoneSelect.vue.js";
-import v from "./AsideUserMobilePopover.vue.js";
-const k = { class: "header-right-mobile" }, E = /* @__PURE__ */ u({
+import f from "../ThemeToggle.vue.js";
+import h from "./AsideUserMobilePopover.vue.js";
+const v = { class: "header-right-mobile" }, N = /* @__PURE__ */ u({
   __name: "HeaderRightMobile",
-  setup(b) {
-    const t = p(), m = d(
+  setup(k) {
+    const t = g(), m = d(
       () => {
         var o, e;
         return !!((o = t.value.user) != null && o.id || (e = t.value.user) != null && e.userId);
       }
     ), c = () => {
       var o, e;
-      (e = (o = t.value).onLogin) != null && e.call(o) || f(t.value);
+      (e = (o = t.value).onLogin) != null && e.call(o) || _(t.value);
     };
-    return (o, e) => (r(), _("div", k, [
-      i(h),
-      i(g),
-      m.value ? (r(), l(v, { key: 0 }, {
-        reference: n(() => [
-          i(a, { class: "header-right-mobile__action" }, {
-            default: n(() => e[0] || (e[0] = [
+    return (o, e) => (r(), p("div", v, [
+      n(f),
+      m.value ? (r(), l(h, { key: 0 }, {
+        reference: i(() => [
+          n(a, { class: "header-right-mobile__action" }, {
+            default: i(() => [...e[0] || (e[0] = [
               s("i", { class: "metisicon-yonghu1" }, null, -1)
-            ])),
-            _: 1,
-            __: [0]
+            ])]),
+            _: 1
           })
         ]),
         _: 1
@@ -36,15 +33,14 @@ const k = { class: "header-right-mobile" }, E = /* @__PURE__ */ u({
         class: "header-right-mobile__action",
         onClick: c
       }, {
-        default: n(() => e[1] || (e[1] = [
+        default: i(() => [...e[1] || (e[1] = [
           s("i", { class: "metisicon-yonghu1" }, null, -1)
-        ])),
-        _: 1,
-        __: [1]
+        ])]),
+        _: 1
       }))
     ]));
   }
 });
 export {
-  E as default
+  N as default
 };

package/dist/layout/components/mobile/MobileMenuToggle.css

@@ -1 +1 @@
-.mobile-menu-toggle[data-v-3aac408b]{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border:0;border-right:1px solid var(--ui-topnav-border);background:var(--ui-topnav-accent);color:var(--ui-topnav-foreground);cursor:pointer;transition:background var(--ui-transition-fast),color var(--ui-transition-fast)}.mobile-menu-toggle[data-v-3aac408b]:hover{background:var(--ui-topnav-hover)}.mobile-menu-toggle__icon[data-v-3aac408b]{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
+.mobile-menu-toggle[data-v-c14b8f72]{width:40px;height:40px;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--ui-topnav-border);border-radius:var(--ui-radius-control);background:var(--ui-topnav-surface);color:var(--ui-topnav-foreground);cursor:pointer;transition:background var(--ui-transition-fast),color var(--ui-transition-fast)}.mobile-menu-toggle[data-v-c14b8f72]:hover{background:var(--ui-topnav-hover)}.mobile-menu-toggle[data-v-c14b8f72]:focus-visible{outline:2px solid var(--ui-topnav-foreground);outline-offset:2px}.mobile-menu-toggle__icon[data-v-c14b8f72]{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}

package/dist/layout/components/mobile/MobileMenuToggle.vue.js

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