smart-admin-web 10.14.0 → 10.20.0

package/dist/layouts/AppHeader2.vue.js

@@ -1,230 +1,323 @@
-import { defineComponent as le, ref as D, computed as M, openBlock as n, createElementBlock as m, createElementVNode as k, createBlock as i, unref as e, withCtx as o, createVNode as t, createCommentVNode as b, toDisplayString as u, Fragment as U, renderList as F, createTextVNode as f, resolveDynamicComponent as ae, normalizeClass as re, h as ne } from "vue";
-import { useRoute as se, useRouter as ie } from "vue-router";
-import { useMessage as ue, NButton as p, NBreadcrumb as pe, NBreadcrumbItem as ce, NMenu as q, NTooltip as h, NDropdown as A, NAvatar as de } from "naive-ui";
-import { Icon as c } from "@iconify/vue";
-import { useI18n as me } from "vue-i18n";
-import { useAppStore as fe } from "../stores/app.js";
-import { useUserStore as he } from "../stores/user.js";
-import { useAuthStore as ge } from "../stores/auth.js";
-import { useLayoutMenu as ve } from "../composables/useLayoutMenu.js";
-import { useMenuFlat as ye } from "../composables/useMenuFlat.js";
-import { useSite as be } from "../composables/useSite.js";
-import { useFullscreenToggle as ke } from "../composables/useFullscreenToggle.js";
-import { useHeaderTools as we } from "../composables/useHeaderTools.js";
-import { authApi as Ce } from "../api/index.js";
-import { clearClientCache as _e } from "../composables/clearClientCache.js";
-import { beginVoluntaryLogout as Se } from "../composables/useRealtime.js";
-import { resetRouter as Ne } from "../router/index.js";
-import { translateError as T } from "../utils/error.js";
-import Be from "../components/SmartLogo.vue.js";
-import Me from "../components/AppIcon.vue.js";
-import Ue from "./SettingsDrawer.vue.js";
-import qe from "../components/MenuSearch.vue.js";
-import ze from "./NoticeBell.vue.js";
-const Ie = { class: "bar" }, Le = { class: "left" }, Oe = {
+import { defineComponent as de, ref as M, computed as k, onMounted as me, nextTick as fe, onScopeDispose as he, h as S, openBlock as i, createElementBlock as h, createElementVNode as w, createBlock as s, unref as e, withCtx as l, createVNode as r, createCommentVNode as g, toDisplayString as c, Fragment as U, renderList as K, createTextVNode as b, resolveDynamicComponent as be, normalizeClass as ve } from "vue";
+import { useRoute as ye, useRouter as ge } from "vue-router";
+import { useMessage as ke, NButton as p, NButtonGroup as we, NBreadcrumb as Ce, NBreadcrumbItem as _e, NMenu as q, NTooltip as C, NDropdown as G, NAvatar as W } from "naive-ui";
+import { Icon as u } from "@iconify/vue";
+import { useBreakpoints as Se, breakpointsTailwind as xe } from "@vueuse/core";
+import { useI18n as Be } from "vue-i18n";
+import { useAppStore as ze } from "../stores/app.js";
+import { useUserStore as Ne } from "../stores/user.js";
+import { useAuthStore as Me } from "../stores/auth.js";
+import { useLayoutMenu as Ue } from "../composables/useLayoutMenu.js";
+import { useMenuFlat as qe } from "../composables/useMenuFlat.js";
+import { useSite as Ie } from "../composables/useSite.js";
+import { useFullscreenToggle as $e } from "../composables/useFullscreenToggle.js";
+import { useHeaderTools as De } from "../composables/useHeaderTools.js";
+import { authApi as Fe } from "../api/index.js";
+import { clearClientCache as Le } from "../composables/clearClientCache.js";
+import { beginVoluntaryLogout as Oe } from "../composables/useRealtime.js";
+import { resetRouter as Te } from "../router/index.js";
+import { translateError as j } from "../utils/error.js";
+import Ae from "../components/SmartLogo.vue.js";
+import Ee from "../components/AppIcon.vue.js";
+import He from "./SettingsDrawer.vue.js";
+import Ve from "./NoticeBell.vue.js";
+const Re = { class: "bar" }, Ke = { class: "left" }, Ge = {
   key: 1,
   class: "brand"
-}, $e = { class: "brand-name mobile-hide" }, xe = {
+}, We = { class: "brand-name mobile-hide" }, je = {
   key: 3,
   class: "title"
-}, De = {
+}, Je = {
   key: 0,
   class: "center"
-}, Fe = { class: "right" }, Ae = { class: "uname mobile-hide" }, io = /* @__PURE__ */ le({
+}, Pe = { class: "right" }, Qe = ["aria-label"], Xe = { class: "top-user-name mobile-hide" }, wa = /* @__PURE__ */ de({
   __name: "AppHeader",
   props: {
     showCollapse: { type: Boolean, default: !0 },
     showBrand: { type: Boolean, default: !1 },
-    topMenu: { default: null }
+    topMenu: { default: null },
+    showSearch: { type: Boolean, default: !0 }
   },
-  setup(g) {
-    const d = fe(), { site: V } = be(), v = he(), z = ge(), I = se(), w = ie(), C = ue(), { t: s } = me(), {
-      isSupported: E,
-      isFullscreen: _,
-      toggle: R
-    } = ke(), { menuOptions: H, l1Options: K, l2Options: j, activeKey: L, selectedL1: G, onSelect: O, onSelectL1: J } = ve(), P = ye(), Q = we(), S = D(!1), N = D(!1), W = M(() => {
-      const r = I.meta.title;
-      return r ? r.includes(".") ? s(r) : r : "";
-    }), $ = M(() => {
-      var r;
-      return ((r = P.value.find((a) => a.path === I.path)) == null ? void 0 : r.breadcrumb) ?? [];
-    }), X = [
+  emits: ["search"],
+  setup(v, { emit: J }) {
+    const P = J, m = ze(), { site: Q } = Ie(), d = Ne(), x = Me(), I = ye(), f = ge(), B = ke(), { t: o } = Be(), $ = Se(xe).smaller("md"), {
+      isSupported: X,
+      isFullscreen: z,
+      toggle: Y
+    } = $e(), { menuOptions: Z, l1Options: ee, l2Options: ae, activeKey: D, selectedL1: te, onSelect: F, onSelectL1: oe } = Ue(), le = qe(), re = De(), N = M(!1), ne = k(() => {
+      const a = I.meta.title;
+      return a ? a.includes(".") ? o(a) : a : "";
+    }), L = k(() => {
+      var a;
+      return ((a = le.value.find((t) => t.path === I.path)) == null ? void 0 : a.breadcrumb) ?? [];
+    }), O = M(!1), T = M(!1);
+    function A() {
+      const a = window.history.state;
+      O.value = !!(a != null && a.back), T.value = !!(a != null && a.forward);
+    }
+    me(A);
+    const ie = f.afterEach(() => void fe(A));
+    he(ie);
+    const E = [
       { label: "简体中文", key: "zh-CN" },
       { label: "English", key: "en-US" }
     ];
-    function Y(r) {
-      d.setLocale(r);
+    function H(a) {
+      m.setLocale(a);
     }
-    const B = (r, a) => () => ne(c, { icon: r, width: 16, style: a ? { color: a } : void 0 }), Z = M(() => [
-      { label: s("app.personalCenter"), key: "personal", icon: B("ph:user") },
-      { label: s("app.clearCache"), key: "clearCache", icon: B("ph:broom") },
-      { type: "divider", key: "d1" },
-      // 退出用危险色突出,避免与普通项同权。
-      {
-        label: s("app.logout"),
-        key: "logout",
-        icon: B("ph:sign-out", "var(--color-danger)"),
-        props: { style: "color: var(--color-danger)" }
-      }
-    ]);
-    async function ee(r) {
-      r === "personal" ? w.push("/personal/profile") : r === "clearCache" ? await oe() : r === "logout" && await te();
+    const y = (a, t) => () => S(u, { icon: a, width: 16, style: t ? { color: t } : void 0 }), _ = k(() => {
+      var a, t;
+      return ((a = d.userInfo) == null ? void 0 : a.name) ?? ((t = d.userInfo) == null ? void 0 : t.account) ?? "";
+    }), V = k(() => _.value.trim().slice(0, 1).toUpperCase()), se = k(() => {
+      const a = [
+        {
+          key: "header",
+          type: "render",
+          render: () => {
+            var t;
+            return S(
+              "div",
+              {
+                style: "display:flex;flex-direction:column;gap:2px;padding:8px 12px 6px;min-width:200px;"
+              },
+              [
+                S("b", { style: "font-size:var(--font-size-md);font-weight:600;" }, _.value),
+                (t = d.userInfo) != null && t.account && d.userInfo.account !== _.value ? S(
+                  "span",
+                  { style: "font-size:var(--font-size-sm);color:var(--text-3);" },
+                  d.userInfo.account
+                ) : null
+              ]
+            );
+          }
+        },
+        { type: "divider", key: "d0" },
+        { label: o("app.personalCenter"), key: "personal", icon: y("ph:user-circle") },
+        { label: o("app.appearance"), key: "settings", icon: y("ph:sliders-horizontal") }
+      ];
+      return x.modules.length > 1 && a.push({
+        label: o("app.switchModule"),
+        key: "module",
+        icon: y("ph:squares-four")
+      }), $.value && a.push({
+        label: o("app.language"),
+        key: "locale",
+        icon: y("ph:translate"),
+        children: E.map((t) => ({ ...t, key: `locale:${t.key}` }))
+      }), a.push(
+        { label: o("app.clearCache"), key: "clearCache", icon: y("ph:broom") },
+        { type: "divider", key: "d1" },
+        // 退出用危险色突出,避免与普通项同权。
+        {
+          label: o("app.logout"),
+          key: "logout",
+          icon: y("ph:sign-out", "var(--err)"),
+          props: { style: "color: var(--err)" }
+        }
+      ), a;
+    });
+    async function ue(a) {
+      a === "personal" ? f.push("/personal/profile") : a === "settings" ? N.value = !0 : a === "module" ? f.push("/module") : a.startsWith("locale:") ? H(a.slice(7)) : a === "clearCache" ? await ce() : a === "logout" && await pe();
     }
-    async function oe() {
+    async function ce() {
       try {
-        await _e(), C.success(s("app.cacheCleared"));
-      } catch (r) {
-        C.error(T(r));
+        await Le(), B.success(o("app.cacheCleared"));
+      } catch (a) {
+        B.error(j(a));
       }
     }
-    async function te() {
-      await Se();
+    async function pe() {
+      await Oe();
       try {
-        await Ce.logout();
-      } catch (r) {
-        C.error(T(r));
+        await Fe.logout();
+      } catch (a) {
+        B.error(j(a));
       }
-      Ne(), z.reset(), v.clear(), w.replace("/login");
+      Te(), x.reset(), d.clear(), f.replace("/login");
     }
-    return (r, a) => (n(), m("div", Ie, [
-      k("div", Le, [
-        g.showCollapse ? (n(), i(e(p), {
+    return (a, t) => (i(), h("div", Re, [
+      w("div", Ke, [
+        v.showCollapse ? (i(), s(e(p), {
           key: 0,
           quaternary: "",
           circle: "",
-          "aria-label": e(s)("app.collapse"),
-          onClick: a[0] || (a[0] = (l) => e(d).toggleCollapsed())
+          "aria-label": e(o)("app.collapse"),
+          onClick: t[0] || (t[0] = (n) => e(m).toggleCollapsed())
         }, {
-          default: o(() => [
-            t(e(c), {
-              icon: e(d).collapsed ? "ph:list" : "ph:sidebar-simple",
-              width: 20
-            }, null, 8, ["icon"])
+          default: l(() => [
+            r(e(u), {
+              icon: "ph:sidebar-simple",
+              width: 19
+            })
           ]),
           _: 1
-        }, 8, ["aria-label"])) : b("", !0),
-        g.showBrand ? (n(), m("div", Oe, [
-          t(Be, { size: 26 }),
-          k("span", $e, u(e(V).title), 1)
-        ])) : b("", !0),
-        e(d).showBreadcrumb && $.value.length ? (n(), i(e(pe), { key: 2 }, {
-          default: o(() => [
-            (n(!0), m(U, null, F($.value, (l, y) => (n(), i(e(ce), { key: y }, {
-              default: o(() => [
-                f(u(l), 1)
+        }, 8, ["aria-label"])) : g("", !0),
+        r(e(we), {
+          size: "small",
+          class: "mobile-hide"
+        }, {
+          default: l(() => [
+            r(e(p), {
+              quaternary: "",
+              circle: "",
+              disabled: !O.value,
+              "aria-label": e(o)("app.back"),
+              onClick: t[1] || (t[1] = (n) => e(f).back())
+            }, {
+              default: l(() => [
+                r(e(u), {
+                  icon: "ph:caret-left",
+                  width: 16
+                })
+              ]),
+              _: 1
+            }, 8, ["disabled", "aria-label"]),
+            r(e(p), {
+              quaternary: "",
+              circle: "",
+              disabled: !T.value,
+              "aria-label": e(o)("app.forward"),
+              onClick: t[2] || (t[2] = (n) => e(f).forward())
+            }, {
+              default: l(() => [
+                r(e(u), {
+                  icon: "ph:caret-right",
+                  width: 16
+                })
+              ]),
+              _: 1
+            }, 8, ["disabled", "aria-label"])
+          ]),
+          _: 1
+        }),
+        v.showBrand ? (i(), h("div", Ge, [
+          r(Ae, { size: 26 }),
+          w("span", We, c(e(Q).title), 1)
+        ])) : g("", !0),
+        !e($) && e(m).showBreadcrumb && L.value.length ? (i(), s(e(Ce), {
+          key: 2,
+          class: "crumb"
+        }, {
+          default: l(() => [
+            (i(!0), h(U, null, K(L.value, (n, R) => (i(), s(e(_e), { key: R }, {
+              default: l(() => [
+                b(c(n), 1)
               ]),
               _: 2
             }, 1024))), 128))
           ]),
           _: 1
-        })) : (n(), m("span", xe, u(W.value), 1))
+        })) : (i(), h("span", je, c(ne.value), 1))
       ]),
-      g.topMenu ? (n(), m("div", De, [
-        g.topMenu === "full" ? (n(), i(e(q), {
+      v.topMenu ? (i(), h("div", Je, [
+        v.topMenu === "full" ? (i(), s(e(q), {
           key: 0,
           mode: "horizontal",
           responsive: "",
-          options: e(H),
-          value: e(L),
-          "onUpdate:value": e(O)
-        }, null, 8, ["options", "value", "onUpdate:value"])) : g.topMenu === "l1" ? (n(), i(e(q), {
+          options: e(Z),
+          value: e(D),
+          "onUpdate:value": e(F)
+        }, null, 8, ["options", "value", "onUpdate:value"])) : v.topMenu === "l1" ? (i(), s(e(q), {
           key: 1,
           mode: "horizontal",
           responsive: "",
-          options: e(K),
-          value: e(G),
-          "onUpdate:value": e(J)
-        }, null, 8, ["options", "value", "onUpdate:value"])) : (n(), i(e(q), {
+          options: e(ee),
+          value: e(te),
+          "onUpdate:value": e(oe)
+        }, null, 8, ["options", "value", "onUpdate:value"])) : (i(), s(e(q), {
           key: 2,
           mode: "horizontal",
           responsive: "",
-          options: e(j),
-          value: e(L),
-          "onUpdate:value": e(O)
+          options: e(ae),
+          value: e(D),
+          "onUpdate:value": e(F)
         }, null, 8, ["options", "value", "onUpdate:value"]))
-      ])) : b("", !0),
-      k("div", Fe, [
-        t(e(h), null, {
-          trigger: o(() => [
-            t(e(p), {
+      ])) : g("", !0),
+      w("div", Pe, [
+        v.showSearch ? (i(), s(e(C), { key: 0 }, {
+          trigger: l(() => [
+            r(e(p), {
               quaternary: "",
               circle: "",
               class: "mobile-hide",
-              onClick: a[1] || (a[1] = (l) => N.value = !0)
+              "aria-label": e(o)("app.search"),
+              onClick: t[3] || (t[3] = (n) => P("search"))
             }, {
-              default: o(() => [
-                t(e(c), {
+              default: l(() => [
+                r(e(u), {
                   icon: "ph:magnifying-glass",
-                  width: 18
+                  width: 19
                 })
               ]),
               _: 1
-            })
+            }, 8, ["aria-label"])
           ]),
-          default: o(() => [
-            f(" " + u(e(s)("app.search")) + " (Ctrl+K) ", 1)
+          default: l(() => [
+            b(" " + c(e(o)("app.search")) + " (Ctrl+K) ", 1)
           ]),
           _: 1
-        }),
-        e(E) ? (n(), i(e(h), { key: 0 }, {
-          trigger: o(() => [
-            t(e(p), {
+        })) : g("", !0),
+        r(e(C), null, {
+          trigger: l(() => [
+            r(e(p), {
               quaternary: "",
               circle: "",
               class: "mobile-hide",
-              "aria-label": e(_) ? e(s)("app.exitFullscreen") : e(s)("app.fullscreen"),
-              onClick: a[2] || (a[2] = (l) => e(R)())
+              "aria-label": e(m).isDark ? e(o)("app.dark") : e(o)("app.light"),
+              onClick: t[4] || (t[4] = (n) => e(m).toggleDark())
             }, {
-              default: o(() => [
-                t(e(c), {
-                  icon: e(_) ? "ph:arrows-in" : "ph:arrows-out",
-                  width: 18
+              default: l(() => [
+                r(e(u), {
+                  icon: e(m).isDark ? "ph:moon" : "ph:sun",
+                  width: 19
                 }, null, 8, ["icon"])
               ]),
               _: 1
             }, 8, ["aria-label"])
           ]),
-          default: o(() => [
-            f(" " + u(e(_) ? e(s)("app.exitFullscreen") : e(s)("app.fullscreen")), 1)
+          default: l(() => [
+            b(" " + c(e(m).isDark ? e(o)("app.dark") : e(o)("app.light")), 1)
           ]),
           _: 1
-        })) : b("", !0),
-        t(e(h), null, {
-          trigger: o(() => [
-            t(e(p), {
+        }),
+        e(X) ? (i(), s(e(C), { key: 1 }, {
+          trigger: l(() => [
+            r(e(p), {
               quaternary: "",
               circle: "",
-              onClick: a[3] || (a[3] = (l) => e(d).toggleDark())
+              class: "mobile-hide",
+              "aria-label": e(z) ? e(o)("app.exitFullscreen") : e(o)("app.fullscreen"),
+              onClick: t[5] || (t[5] = (n) => e(Y)())
             }, {
-              default: o(() => [
-                t(e(c), {
-                  icon: e(d).isDark ? "ph:moon-stars" : "ph:sun",
-                  width: 18
+              default: l(() => [
+                r(e(u), {
+                  icon: e(z) ? "ph:corners-in" : "ph:corners-out",
+                  width: 19
                 }, null, 8, ["icon"])
               ]),
               _: 1
-            })
+            }, 8, ["aria-label"])
           ]),
-          default: o(() => [
-            f(" " + u(e(d).isDark ? e(s)("app.dark") : e(s)("app.light")), 1)
+          default: l(() => [
+            b(" " + c(e(z) ? e(o)("app.exitFullscreen") : e(o)("app.fullscreen")), 1)
           ]),
           _: 1
-        }),
-        t(e(A), {
-          options: X,
-          onSelect: Y
+        })) : g("", !0),
+        r(e(G), {
+          options: E,
+          onSelect: H
         }, {
-          default: o(() => [
-            t(e(p), {
+          default: l(() => [
+            r(e(p), {
               quaternary: "",
               circle: "",
               class: "mobile-hide",
-              "aria-label": e(s)("app.language")
+              "aria-label": e(o)("app.language")
             }, {
-              default: o(() => [
-                t(e(c), {
+              default: l(() => [
+                r(e(u), {
                   icon: "ph:translate",
-                  width: 18
+                  width: 19
                 })
               ]),
               _: 1
@@ -232,121 +325,110 @@ const Ie = { class: "bar" }, Le = { class: "left" }, Oe = {
           ]),
           _: 1
         }),
-        t(e(h), null, {
-          trigger: o(() => [
-            t(e(p), {
-              quaternary: "",
-              circle: "",
-              class: "mobile-hide",
-              onClick: a[4] || (a[4] = (l) => S.value = !0)
-            }, {
-              default: o(() => [
-                t(e(c), {
-                  icon: "ph:gear-six",
-                  width: 18
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          default: o(() => [
-            f(" " + u(e(s)("app.settings")), 1)
-          ]),
-          _: 1
-        }),
-        e(z).modules.length > 1 ? (n(), i(e(h), { key: 1 }, {
-          trigger: o(() => [
-            t(e(p), {
-              quaternary: "",
-              circle: "",
-              "aria-label": e(s)("app.switchModule"),
-              onClick: a[5] || (a[5] = (l) => e(w).push("/module"))
-            }, {
-              default: o(() => [
-                t(e(c), {
-                  icon: "ph:squares-four",
-                  width: 18
-                })
-              ]),
-              _: 1
-            }, 8, ["aria-label"])
-          ]),
-          default: o(() => [
-            f(" " + u(e(s)("app.switchModule")), 1)
-          ]),
-          _: 1
-        })) : b("", !0),
-        (n(!0), m(U, null, F(e(Q), (l) => (n(), m(U, {
-          key: l.key
+        (i(!0), h(U, null, K(e(re), (n) => (i(), h(U, {
+          key: n.key
         }, [
-          l.component ? (n(), i(ae(l.component), { key: 0 })) : (n(), i(e(h), { key: 1 }, {
-            trigger: o(() => [
-              t(e(p), {
+          n.component ? (i(), s(be(n.component), { key: 0 })) : (i(), s(e(C), { key: 1 }, {
+            trigger: l(() => [
+              r(e(p), {
                 quaternary: "",
                 circle: "",
-                class: re({ "mobile-hide": !l.keepOnMobile }),
-                "aria-label": l.label,
-                onClick: (y) => l.onClick()
+                class: ve({ "mobile-hide": !n.keepOnMobile }),
+                "aria-label": n.label,
+                onClick: (R) => n.onClick()
               }, {
-                default: o(() => [
-                  t(Me, {
-                    icon: l.icon,
-                    size: 18
+                default: l(() => [
+                  r(Ee, {
+                    icon: n.icon,
+                    size: 19
                   }, null, 8, ["icon"])
                 ]),
                 _: 2
               }, 1032, ["class", "aria-label", "onClick"])
             ]),
-            default: o(() => [
-              f(" " + u(l.label), 1)
+            default: l(() => [
+              b(" " + c(n.label), 1)
             ]),
             _: 2
           }, 1024))
         ], 64))), 128)),
-        t(ze),
-        t(e(A), {
-          options: Z.value,
-          onSelect: ee
-        }, {
-          default: o(() => [
-            t(e(p), {
+        r(Ve),
+        e(x).modules.length > 1 ? (i(), s(e(C), { key: 2 }, {
+          trigger: l(() => [
+            r(e(p), {
               quaternary: "",
-              "aria-label": e(s)("app.profile")
+              circle: "",
+              class: "mobile-hide",
+              "aria-label": e(o)("app.switchModule"),
+              onClick: t[6] || (t[6] = (n) => e(f).push("/module"))
             }, {
-              default: o(() => {
-                var l, y, x;
-                return [
-                  (l = e(v).userInfo) != null && l.avatar ? (n(), i(e(de), {
-                    key: 0,
-                    round: "",
-                    size: 22,
-                    src: e(v).userInfo.avatar
-                  }, null, 8, ["src"])) : (n(), i(e(c), {
-                    key: 1,
-                    icon: "ph:user-circle",
-                    width: 20
-                  })),
-                  k("span", Ae, u(((y = e(v).userInfo) == null ? void 0 : y.name) ?? ((x = e(v).userInfo) == null ? void 0 : x.account) ?? ""), 1)
-                ];
-              }),
+              default: l(() => [
+                r(e(u), {
+                  icon: "ph:squares-four",
+                  width: 19
+                })
+              ]),
               _: 1
             }, 8, ["aria-label"])
           ]),
+          default: l(() => [
+            b(" " + c(e(o)("app.switchModule")), 1)
+          ]),
+          _: 1
+        })) : g("", !0),
+        r(e(G), {
+          options: se.value,
+          placement: "bottom-end",
+          onSelect: ue
+        }, {
+          default: l(() => {
+            var n;
+            return [
+              w("div", {
+                class: "top-user",
+                tabindex: "0",
+                role: "button",
+                "aria-label": e(o)("app.profile")
+              }, [
+                (n = e(d).userInfo) != null && n.avatar ? (i(), s(e(W), {
+                  key: 0,
+                  round: "",
+                  size: 28,
+                  src: e(d).userInfo.avatar
+                }, null, 8, ["src"])) : V.value ? (i(), s(e(W), {
+                  key: 1,
+                  round: "",
+                  size: 28
+                }, {
+                  default: l(() => [
+                    b(c(V.value), 1)
+                  ]),
+                  _: 1
+                })) : (i(), s(e(u), {
+                  key: 2,
+                  icon: "ph:user-circle",
+                  width: 24
+                })),
+                w("span", Xe, c(_.value), 1),
+                r(e(u), {
+                  icon: "ph:caret-down",
+                  width: 13,
+                  class: "caret mobile-hide"
+                })
+              ], 8, Qe)
+            ];
+          }),
           _: 1
         }, 8, ["options"])
       ]),
-      t(Ue, {
-        show: S.value,
-        "onUpdate:show": a[6] || (a[6] = (l) => S.value = l)
-      }, null, 8, ["show"]),
-      t(qe, {
+      r(He, {
         show: N.value,
-        "onUpdate:show": a[7] || (a[7] = (l) => N.value = l)
+        "onUpdate:show": t[7] || (t[7] = (n) => N.value = n)
       }, null, 8, ["show"])
     ]));
   }
 });
 export {
-  io as default
+  wa as default
 };
 //# sourceMappingURL=AppHeader2.vue.js.map