mamba-layout 0.1.0

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

@@ -0,0 +1,78 @@
+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 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({
+  __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;
+    };
+    return (o, m) => {
+      const _ = v("el-icon"), k = v("el-popover");
+      return t(), f(k, {
+        visible: s.value,
+        "onUpdate:visible": m[0] || (m[0] = (e) => s.value = e),
+        placement: "bottom",
+        width: 280,
+        trigger: "hover",
+        "popper-class": "top-timezone-popover"
+      }, {
+        reference: n(() => [
+          l(O, {
+            tag: "div",
+            class: "timezone-select",
+            "icon-only": !o.showLabel,
+            title: p.value,
+            "aria-label": p.value
+          }, {
+            default: n(() => [
+              l(_, null, {
+                default: n(() => [
+                  l(b(L))
+                ]),
+                _: 1
+              }),
+              o.showLabel ? (t(), c("span", S, u(a.value), 1)) : d("", !0),
+              o.showLabel ? (t(), f(_, {
+                key: 1,
+                class: "timezone-select__caret"
+              }, {
+                default: n(() => [
+                  l(b(B))
+                ]),
+                _: 1
+              })) : d("", !0)
+            ]),
+            _: 1
+          }, 8, ["icon-only", "title", "aria-label"])
+        ]),
+        default: n(() => [
+          i("div", A, [
+            (t(!0), c(y, null, T(z.value, (e) => (t(), c("button", {
+              key: e.value,
+              type: "button",
+              class: Z(["timezone-select__option", {
+                "timezone-select__option--active": e.value === a.value
+              }]),
+              onClick: ($) => C(e.value)
+            }, [
+              i("span", I, u(e.value), 1),
+              i("span", R, u(e.offset), 1)
+            ], 10, F))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export {
+  H as default
+};

package/dist/layout/components/TimezoneSelect2.css

@@ -0,0 +1 @@
+.timezone-select[data-v-e62f5f2d]{flex-shrink:0}.timezone-select__current[data-v-e62f5f2d]{max-width:132px;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1}.timezone-select__caret[data-v-e62f5f2d]{font-size:12px}.timezone-select__panel[data-v-e62f5f2d]{display:grid;gap:4px;max-height:min(360px,70vh);overflow-y:auto}.timezone-select__option[data-v-e62f5f2d]{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-text-primary);text-align:left;cursor:pointer;transition:background var(--ui-transition-fast),color var(--ui-transition-fast)}.timezone-select__option[data-v-e62f5f2d]:hover{background:var(--ui-bg-muted)}.timezone-select__name[data-v-e62f5f2d]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timezone-select__offset[data-v-e62f5f2d]{color:var(--ui-text-muted);font-size:12px;white-space:nowrap}.timezone-select__option--active[data-v-e62f5f2d]{color:var(--el-color-primary);background:var(--el-color-primary-light-10)}.timezone-select__option--active .timezone-select__offset[data-v-e62f5f2d]{color:var(--el-color-primary)}

package/dist/layout/components/UserInfo.css

@@ -0,0 +1 @@
+.top-userinfo-popover{padding:8px!important;border:1px solid var(--ui-border-default)!important;background:var(--ui-bg-card)!important;border-radius:var(--ui-radius-card)!important;box-shadow:var(--ui-shadow-pop)!important}

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,8 @@
+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"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,111 @@
+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 k from "../../components/UserAvatar/src/UserAvatar.vue.js";
+import U from "./MenuItemIcon.vue.js";
+import V from "../../locales/index.js";
+import { tname as E } from "../../utils/repoUtils.js";
+import { useSetting as S } from "../hooks/useSetting.js";
+import { redirectToLayoutLogin as A } from "../utils/index.js";
+const D = { class: "user-info__panel" }, F = { class: "user-info__profile" }, P = { class: "user-info__profile-main" }, T = ["title"], j = ["title"], q = { class: "user-info__meta" }, z = { class: "user-info__meta-label" }, G = ["title"], H = ["href"], Z = /* @__PURE__ */ x({
+  __name: "UserInfo",
+  setup(J) {
+    const { t: _ } = V.global, i = S(), a = v(() => i.value.user || {}), L = v(() => i.value.accountMenu || []), c = v(
+      () => {
+        var o, e, n, t;
+        return ((o = a.value) == null ? void 0 : o.name) || ((e = a.value) == null ? void 0 : e.username) || ((n = a.value) == null ? void 0 : n.email) || ((t = a.value) == null ? void 0 : t.userId) || "User";
+      }
+    ), I = v(
+      () => {
+        var o, e, n;
+        return [
+          { label: _("admin.label.userName"), value: (o = a.value) == null ? void 0 : o.username },
+          { label: _("admin.label.email"), value: (e = a.value) == null ? void 0 : e.email },
+          { label: _("admin.label.userId"), value: (n = a.value) == null ? void 0 : n.userId }
+        ].filter((t) => !!t.value);
+      }
+    ), C = () => {
+      var o, e;
+      Promise.resolve((e = (o = i.value).onLogout) == null ? void 0 : e.call(o)).finally(() => {
+        i.value.onLogout || A(i.value);
+      });
+    };
+    return (o, e) => {
+      const n = M("el-popover");
+      return r(), w(n, {
+        width: 280,
+        trigger: "hover",
+        "popper-class": "top-userinfo-popover"
+      }, {
+        reference: b(() => [
+          f(d(k), {
+            class: "user-info__trigger ml-2",
+            src: a.value.avatar,
+            name: c.value
+          }, null, 8, ["src", "name"])
+        ]),
+        default: b(() => {
+          var t;
+          return [
+            l("div", D, [
+              l("div", F, [
+                f(d(k), {
+                  class: "user-info__profile-avatar",
+                  src: a.value.avatar,
+                  name: c.value
+                }, null, 8, ["src", "name"]),
+                l("div", P, [
+                  l("div", {
+                    class: "user-info__display-name",
+                    title: c.value
+                  }, u(c.value), 9, T),
+                  (t = a.value) != null && t.username ? (r(), m("div", {
+                    key: 0,
+                    class: "user-info__username",
+                    title: a.value.username
+                  }, " @" + u(a.value.username), 9, j)) : B("", !0)
+                ])
+              ]),
+              l("div", q, [
+                (r(!0), m(h, null, y(I.value, (s) => (r(), m("div", {
+                  key: s.label,
+                  class: "user-info__meta-row"
+                }, [
+                  l("span", z, u(s.label), 1),
+                  l("span", {
+                    class: "user-info__meta-value",
+                    title: s.value
+                  }, u(s.value), 9, G)
+                ]))), 128))
+              ]),
+              e[1] || (e[1] = l("div", { class: "user-info__divider" }, null, -1)),
+              (r(!0), m(h, null, y(L.value, (s, N) => {
+                var p, g;
+                return r(), m("a", {
+                  key: N,
+                  href: s.path,
+                  class: "user-info__item"
+                }, [
+                  f(U, {
+                    icon: s.icon || ((p = s.meta) == null ? void 0 : p.icon)
+                  }, null, 8, ["icon"]),
+                  l("span", null, u(d(E)(((g = s.meta) == null ? void 0 : g.translations) || {}, "name", s.name)), 1)
+                ], 8, H);
+              }), 128)),
+              e[2] || (e[2] = l("div", { class: "user-info__divider" }, null, -1)),
+              l("div", {
+                class: "user-info__item user-info__item--danger",
+                onClick: C
+              }, [
+                e[0] || (e[0] = l("i", { class: "metisicon-exit-full" }, null, -1)),
+                l("span", null, u(d(_)("common.btn.logout")), 1)
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Z as default
+};

package/dist/layout/components/UserInfo2.css

@@ -0,0 +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}

package/dist/layout/components/index.d.ts

@@ -0,0 +1,23 @@
+export { default as AppSelect } from './AppSelect.vue';
+export { default as AsideBar } from './AsideBar.vue';
+export { default as AsideSubMenuItem } from './AsideSubMenuItem.vue';
+export { default as AsideSubMenus } from './AsideSubMenus.vue';
+export { default as AsideTabMenus } from './AsideTabMenus.vue';
+export { default as AsideUser } from './AsideUser.vue';
+export { default as HeaderBar } from './HeaderBar.vue';
+export { default as HeaderMenuToggle } from './HeaderMenuToggle.vue';
+export { default as LanguageSelect } from './LanguageSelect.vue';
+export { default as LayoutBreadcrumb } from './LayoutBreadcrumb.vue';
+export { default as MenuDrawer } from './MenuDrawer.vue';
+export { default as MenuItemIcon } from './MenuItemIcon.vue';
+export { default as NavIconBtn } from './NavIconBtn.vue';
+export { default as SHeaderRight } from './SHeaderRight.vue';
+export { default as ThemeToggle } from './ThemeToggle.vue';
+export { default as TimezoneSelect } from './TimezoneSelect.vue';
+export { default as UserInfo } from './UserInfo.vue';
+export { default as AppSelectMobile } from './mobile/AppSelectMobile.vue';
+export { default as AsideBarMobile } from './mobile/AsideBarMobile.vue';
+export { default as AsideUserMobile } from './mobile/AsideUserMobile.vue';
+export { default as AsideUserMobilePopover } from './mobile/AsideUserMobilePopover.vue';
+export { default as HeaderRightMobile } from './mobile/HeaderRightMobile.vue';
+export { default as MobileMenuToggle } from './mobile/MobileMenuToggle.vue';

package/dist/layout/components/index.js

@@ -0,0 +1,49 @@
+import { default as a } from "./AppSelect.vue.js";
+import { default as f } from "./AsideBar.vue.js";
+import { default as d } from "./AsideSubMenuItem.vue.js";
+import { default as u } from "./AsideSubMenus.vue.js";
+import { default as p } from "./AsideTabMenus.vue.js";
+import { default as i } from "./AsideUser.vue.js";
+import { default as M } from "./HeaderBar.vue.js";
+import { default as g } from "./HeaderMenuToggle.vue.js";
+import { default as c } from "./LanguageSelect.vue.js";
+import { default as T } from "./LayoutBreadcrumb.vue.js";
+import { default as I } from "./MenuDrawer.vue.js";
+/* empty css                */
+import { default as U } from "./MenuItemIcon.vue.js";
+import { default as v } from "./NavIconBtn.vue.js";
+import { default as R } from "./SHeaderRight.vue.js";
+import { default as y } from "./ThemeToggle.vue.js";
+import { default as D } from "./TimezoneSelect.vue.js";
+import { default as P } from "./UserInfo.vue.js";
+import { default as k } from "./mobile/AppSelectMobile.vue.js";
+import { default as C } from "./mobile/AsideBarMobile.vue.js";
+import { default as F } from "./mobile/AsideUserMobile.vue.js";
+import { default as J } from "./mobile/AsideUserMobilePopover.vue.js";
+import { default as O } from "./mobile/HeaderRightMobile.vue.js";
+import { default as V } from "./mobile/MobileMenuToggle.vue.js";
+export {
+  a as AppSelect,
+  k as AppSelectMobile,
+  f as AsideBar,
+  C as AsideBarMobile,
+  d as AsideSubMenuItem,
+  u as AsideSubMenus,
+  p as AsideTabMenus,
+  i as AsideUser,
+  F as AsideUserMobile,
+  J as AsideUserMobilePopover,
+  M as HeaderBar,
+  g as HeaderMenuToggle,
+  O as HeaderRightMobile,
+  c as LanguageSelect,
+  T as LayoutBreadcrumb,
+  I as MenuDrawer,
+  U as MenuItemIcon,
+  V as MobileMenuToggle,
+  v as NavIconBtn,
+  R as SHeaderRight,
+  y as ThemeToggle,
+  D as TimezoneSelect,
+  P as UserInfo
+};

package/dist/layout/components/mobile/AppSelectMobile.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,60 @@
+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 { useApp as I } from "../../hooks/useApp.js";
+import { injectLayoutContext as w } from "../../hooks/useState.js";
+const L = {
+  key: 0,
+  class: "w-full px-3"
+}, 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);
+    };
+    return (t, 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, {
+          "model-value": g.value,
+          class: "w-full",
+          onChange: k
+        }, {
+          default: i(() => [
+            (e(!0), l(c, null, f(o(s), (n) => {
+              var m;
+              return e(), l(c, {
+                key: n.appId
+              }, [
+                (m = n.children) != null && m.length ? (e(), u(y, {
+                  key: 0,
+                  label: n.name
+                }, {
+                  default: i(() => [
+                    (e(!0), l(c, null, f(n.children, (r) => (e(), u(_, {
+                      key: r.appId,
+                      label: r.name,
+                      value: o(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)
+                }, null, 8, ["label", "value"]))
+              ], 64);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value"])
+      ])) : A("", !0);
+    };
+  }
+});
+export {
+  F as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./AppSelectMobile.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +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)}

package/dist/layout/components/mobile/AsideBarMobile.vue.d.ts

@@ -0,0 +1,21 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'sidebar-foot'?(_: {}): any;
+    };
+    refs: {
+        leftScrollRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    leftScrollRef: unknown;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +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"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,47 @@
+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 { 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({
+  __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", {
+        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%]"]])
+      }, [
+        l("div", k, [
+          l("div", {
+            class: "aside-bar-mobile__close text-lg cursor-pointer p-2 leading-4",
+            onClick: a
+          }, [
+            e(m, null, {
+              default: i(() => [
+                e(o(x))
+              ]),
+              _: 1
+            })
+          ]),
+          e(C)
+        ]),
+        e(c, { ref: "leftScrollRef" }, {
+          default: i(() => [
+            l("div", w, [
+              e(v, { menus: o(n) }, null, 8, ["menus"])
+            ])
+          ]),
+          _: 1
+        }, 512),
+        b(r.$slots, "sidebar-foot", {}, void 0, !0),
+        e(g)
+      ], 2)) : f("", !0);
+    };
+  }
+});
+export {
+  A as default
+};

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

@@ -0,0 +1 @@
+.aside-user-mobile[data-v-c56964a5]{width:100%;position:relative;display:flex;align-items:center;gap:8px;padding:16px;border-top:1px solid var(--ui-sidebar-border);color:var(--ui-sidebar-foreground);cursor:pointer}.aside-user-mobile__icon[data-v-c56964a5]{color:var(--ui-text-muted)}

package/dist/layout/components/mobile/AsideUserMobile.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,56 @@
+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 { ArrowRight as d } from "@element-plus/icons-vue";
+import { useSetting as h } from "../../hooks/useSetting.js";
+import { redirectToLayoutLogin as k } from "../../utils/index.js";
+import x from "./AsideUserMobilePopover.vue.js";
+const C = { class: "aside-user-mobile" }, L = { class: "flex-1" }, A = { class: "absolute right-4 top-1/2 -translate-y-1/2" }, B = { class: "absolute right-4 top-1/2 -translate-y-1/2" }, T = /* @__PURE__ */ v({
+  __name: "AsideUserMobile",
+  setup(U) {
+    const i = h(), s = n(() => i.value.user || {}), m = n(() => !!(s.value.id || s.value.userId)), _ = n(() => s.value.name || s.value.username), p = () => {
+      var l, e;
+      (e = (l = i.value).onLogin) != null && e.call(l) || k(i.value);
+    };
+    return (l, e) => {
+      const a = f("el-icon");
+      return m.value ? (u(), g(x, { key: 0 }, {
+        reference: r(() => [
+          o("div", C, [
+            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", A, [
+              t(a, null, {
+                default: r(() => [
+                  t(c(d))
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        _: 1
+      })) : (u(), b("div", {
+        key: 1,
+        class: "aside-user-mobile",
+        onClick: p
+      }, [
+        e[1] || (e[1] = o("div", { class: "aside-user-mobile__icon text-lg" }, [
+          o("i", { class: "metisicon-yonghu1" })
+        ], -1)),
+        e[2] || (e[2] = o("div", { class: "flex-1" }, "登录/注册", -1)),
+        o("div", B, [
+          t(a, null, {
+            default: r(() => [
+              t(c(d))
+            ]),
+            _: 1
+          })
+        ])
+      ]));
+    };
+  }
+});
+export {
+  T as default
+};

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

@@ -0,0 +1 @@
+.mobile-user-popover[data-v-87e082b1]{display:grid;gap:4px}.mobile-user-popover__item[data-v-87e082b1]{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--ui-radius-control);color:var(--ui-text-primary);cursor:pointer;transition:background var(--ui-transition-fast),color var(--ui-transition-fast)}.mobile-user-popover__item[data-v-87e082b1]:hover{background:var(--ui-bg-muted)}.mobile-user-popover__item--danger[data-v-87e082b1]{color:var(--el-color-danger)}.mobile-user-popover__divider[data-v-87e082b1]{height:1px;background:var(--ui-border-default);margin:2px 0}

package/dist/layout/components/mobile/AsideUserMobilePopover.vue.d.ts

@@ -0,0 +1,17 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        reference?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+import o from "./AsideUserMobilePopover.vue2.js";
+/* empty css                            */
+import e from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-87e082b1"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,52 @@
+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 b from "../../../locales/index.js";
+import { useSetting as C } from "../../hooks/useSetting.js";
+import { getLayoutUserCenterPath as L, redirectToLayoutLogin as y } from "../../utils/index.js";
+import h from "../LanguageSelect.vue.js";
+const k = { class: "mobile-user-popover" }, P = ["href"], V = /* @__PURE__ */ a({
+  __name: "AsideUserMobilePopover",
+  setup(S) {
+    const { t: l } = b.global, t = C(), p = c(() => L(t.value)), u = () => {
+      var r, e;
+      Promise.resolve((e = (r = t.value).onLogout) == null ? void 0 : e.call(r)).finally(() => {
+        t.value.onLogout || y(t.value);
+      });
+    };
+    return (r, e) => {
+      const m = v("el-popover");
+      return f(), d(m, {
+        width: 220,
+        trigger: "click",
+        "popper-class": "top-userinfo-popover"
+      }, {
+        reference: n(() => [
+          g(r.$slots, "reference", {}, void 0, !0)
+        ]),
+        default: n(() => [
+          o("div", k, [
+            o("a", {
+              href: p.value,
+              class: "mobile-user-popover__item"
+            }, [
+              e[0] || (e[0] = o("i", { class: "metisicon-yonghu1" }, null, -1)),
+              o("span", null, i(s(l)("admin.label.profile")), 1)
+            ], 8, P),
+            _(h),
+            e[2] || (e[2] = o("div", { class: "mobile-user-popover__divider" }, null, -1)),
+            o("div", {
+              class: "mobile-user-popover__item mobile-user-popover__item--danger",
+              onClick: u
+            }, [
+              e[1] || (e[1] = o("i", { class: "metisicon-exit-full" }, null, -1)),
+              o("span", null, i(s(l)("common.btn.logout")), 1)
+            ])
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +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)}

package/dist/layout/components/mobile/HeaderRightMobile.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +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"]]);
+export {
+  i as default
+};