smart-admin-web 10.5.0

package/dist/layouts/AppHeader2.vue.js

@@ -0,0 +1,352 @@
+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 = {
+  key: 1,
+  class: "brand"
+}, $e = { class: "brand-name mobile-hide" }, xe = {
+  key: 3,
+  class: "title"
+}, De = {
+  key: 0,
+  class: "center"
+}, Fe = { class: "right" }, Ae = { class: "uname mobile-hide" }, io = /* @__PURE__ */ le({
+  __name: "AppHeader",
+  props: {
+    showCollapse: { type: Boolean, default: !0 },
+    showBrand: { type: Boolean, default: !1 },
+    topMenu: { default: null }
+  },
+  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 = [
+      { label: "简体中文", key: "zh-CN" },
+      { label: "English", key: "en-US" }
+    ];
+    function Y(r) {
+      d.setLocale(r);
+    }
+    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();
+    }
+    async function oe() {
+      try {
+        await _e(), C.success(s("app.cacheCleared"));
+      } catch (r) {
+        C.error(T(r));
+      }
+    }
+    async function te() {
+      await Se();
+      try {
+        await Ce.logout();
+      } catch (r) {
+        C.error(T(r));
+      }
+      Ne(), z.reset(), v.clear(), w.replace("/login");
+    }
+    return (r, a) => (n(), m("div", Ie, [
+      k("div", Le, [
+        g.showCollapse ? (n(), i(e(p), {
+          key: 0,
+          quaternary: "",
+          circle: "",
+          "aria-label": e(s)("app.collapse"),
+          onClick: a[0] || (a[0] = (l) => e(d).toggleCollapsed())
+        }, {
+          default: o(() => [
+            t(e(c), {
+              icon: e(d).collapsed ? "ph:list" : "ph:sidebar-simple",
+              width: 20
+            }, null, 8, ["icon"])
+          ]),
+          _: 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)
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ]),
+          _: 1
+        })) : (n(), m("span", xe, u(W.value), 1))
+      ]),
+      g.topMenu ? (n(), m("div", De, [
+        g.topMenu === "full" ? (n(), i(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), {
+          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), {
+          key: 2,
+          mode: "horizontal",
+          responsive: "",
+          options: e(j),
+          value: e(L),
+          "onUpdate:value": e(O)
+        }, null, 8, ["options", "value", "onUpdate:value"]))
+      ])) : b("", !0),
+      k("div", Fe, [
+        t(e(h), null, {
+          trigger: o(() => [
+            t(e(p), {
+              quaternary: "",
+              circle: "",
+              class: "mobile-hide",
+              onClick: a[1] || (a[1] = (l) => N.value = !0)
+            }, {
+              default: o(() => [
+                t(e(c), {
+                  icon: "ph:magnifying-glass",
+                  width: 18
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          default: o(() => [
+            f(" " + u(e(s)("app.search")) + " (Ctrl+K) ", 1)
+          ]),
+          _: 1
+        }),
+        e(E) ? (n(), i(e(h), { key: 0 }, {
+          trigger: o(() => [
+            t(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)())
+            }, {
+              default: o(() => [
+                t(e(c), {
+                  icon: e(_) ? "ph:arrows-in" : "ph:arrows-out",
+                  width: 18
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          default: o(() => [
+            f(" " + u(e(_) ? e(s)("app.exitFullscreen") : e(s)("app.fullscreen")), 1)
+          ]),
+          _: 1
+        })) : b("", !0),
+        t(e(h), null, {
+          trigger: o(() => [
+            t(e(p), {
+              quaternary: "",
+              circle: "",
+              onClick: a[3] || (a[3] = (l) => e(d).toggleDark())
+            }, {
+              default: o(() => [
+                t(e(c), {
+                  icon: e(d).isDark ? "ph:moon-stars" : "ph:sun",
+                  width: 18
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+            })
+          ]),
+          default: o(() => [
+            f(" " + u(e(d).isDark ? e(s)("app.dark") : e(s)("app.light")), 1)
+          ]),
+          _: 1
+        }),
+        t(e(A), {
+          options: X,
+          onSelect: Y
+        }, {
+          default: o(() => [
+            t(e(p), {
+              quaternary: "",
+              circle: "",
+              class: "mobile-hide",
+              "aria-label": e(s)("app.language")
+            }, {
+              default: o(() => [
+                t(e(c), {
+                  icon: "ph:translate",
+                  width: 18
+                })
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          _: 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
+        }, [
+          l.component ? (n(), i(ae(l.component), { key: 0 })) : (n(), i(e(h), { key: 1 }, {
+            trigger: o(() => [
+              t(e(p), {
+                quaternary: "",
+                circle: "",
+                class: re({ "mobile-hide": !l.keepOnMobile }),
+                "aria-label": l.label,
+                onClick: (y) => l.onClick()
+              }, {
+                default: o(() => [
+                  t(Me, {
+                    icon: l.icon,
+                    size: 18
+                  }, null, 8, ["icon"])
+                ]),
+                _: 2
+              }, 1032, ["class", "aria-label", "onClick"])
+            ]),
+            default: o(() => [
+              f(" " + u(l.label), 1)
+            ]),
+            _: 2
+          }, 1024))
+        ], 64))), 128)),
+        t(ze),
+        t(e(A), {
+          options: Z.value,
+          onSelect: ee
+        }, {
+          default: o(() => [
+            t(e(p), {
+              quaternary: "",
+              "aria-label": e(s)("app.profile")
+            }, {
+              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)
+                ];
+              }),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          _: 1
+        }, 8, ["options"])
+      ]),
+      t(Ue, {
+        show: S.value,
+        "onUpdate:show": a[6] || (a[6] = (l) => S.value = l)
+      }, null, 8, ["show"]),
+      t(qe, {
+        show: N.value,
+        "onUpdate:show": a[7] || (a[7] = (l) => N.value = l)
+      }, null, 8, ["show"])
+    ]));
+  }
+});
+export {
+  io as default
+};
+//# sourceMappingURL=AppHeader2.vue.js.map

package/dist/layouts/AppHeader2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader2.vue.js","sources":["../../src/layouts/AppHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport {\n  NAvatar,\n  NButton,\n  NDropdown,\n  NTooltip,\n  NMenu,\n  NBreadcrumb,\n  NBreadcrumbItem,\n  useMessage,\n  type DropdownOption,\n} from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport { useI18n } from 'vue-i18n'\nimport { useAppStore, type Locale } from '#/stores/app'\nimport { useUserStore } from '#/stores/user'\nimport { useAuthStore } from '#/stores/auth'\nimport { useLayoutMenu } from '#/composables/useLayoutMenu'\nimport { useMenuFlat } from '#/composables/useMenuFlat'\nimport { useSite } from '#/composables/useSite'\nimport { useFullscreenToggle } from '#/composables/useFullscreenToggle'\nimport { useHeaderTools } from '#/composables/useHeaderTools'\nimport { authApi } from '#/api'\nimport { clearClientCache } from '#/composables/clearClientCache'\nimport { beginVoluntaryLogout } from '#/composables/useRealtime'\nimport { resetRouter } from '#/router'\nimport { translateError } from '#/utils/error'\nimport SmartLogo from '#/components/SmartLogo.vue'\nimport AppIcon from '#/components/AppIcon.vue'\nimport SettingsDrawer from './SettingsDrawer.vue'\nimport MenuSearch from '#/components/MenuSearch.vue'\nimport NoticeBell from './NoticeBell.vue'\n\nwithDefaults(\n  defineProps<{\n    showCollapse?: boolean\n    showBrand?: boolean\n    topMenu?: 'full' | 'l1' | 'l2' | null\n  }>(),\n  { showCollapse: true, showBrand: false, topMenu: null },\n)\n\nconst app = useAppStore()\nconst { site } = useSite()\nconst user = useUserStore()\nconst auth = useAuthStore()\nconst route = useRoute()\nconst router = useRouter()\nconst message = useMessage()\nconst { t } = useI18n()\n// 自研而非 VueUse useFullscreen:后者在 iPadOS 上只探标准 API,把明明能全屏的设备判成不支持。\n// isSupported=false(如 iPhone)时整个按钮不渲染,不留点了没反应的按钮。\nconst {\n  isSupported: fullscreenSupported,\n  isFullscreen,\n  toggle: toggleFullscreen,\n} = useFullscreenToggle()\nconst { menuOptions, l1Options, l2Options, activeKey, selectedL1, onSelect, onSelectL1 } =\n  useLayoutMenu()\nconst flat = useMenuFlat()\n// 扩展模块登记的顶栏入口(registerHeaderTool),渲染在内置铃铛左侧。\nconst headerTools = useHeaderTools()\n\nconst settingsOpen = ref(false)\nconst searchOpen = ref(false)\n\nconst title = computed(() => {\n  const m = route.meta.title as string | undefined\n  if (!m) return ''\n  return m.includes('.') ? t(m) : m\n})\nconst crumbs = computed(() => flat.value.find(l => l.path === route.path)?.breadcrumb ?? [])\n\n// 语言名按各自书写系统展示,不随当前 locale 翻译。\nconst localeOptions: DropdownOption[] = [\n  { label: '简体中文', key: 'zh-CN' },\n  { label: 'English', key: 'en-US' },\n]\nfunction onLocale(key: string) {\n  app.setLocale(key as Locale)\n}\n\n// 下拉图标(用户菜单:个人中心 / 清除缓存 / 退出)。\n// color 用于危险项(退出)整行红字+红图标。\nconst renderUserIcon = (name: string, color?: string) => () =>\n  h(Icon, { icon: name, width: 16, style: color ? { color } : undefined })\n\n// 下拉:个人中心 / 清除缓存 / 退出;五块能力进 /personal 二级壳(见 PersonalLayout)。\nconst userOptions = computed<DropdownOption[]>(() => [\n  { label: t('app.personalCenter'), key: 'personal', icon: renderUserIcon('ph:user') },\n  { label: t('app.clearCache'), key: 'clearCache', icon: renderUserIcon('ph:broom') },\n  { type: 'divider', key: 'd1' },\n  // 退出用危险色突出,避免与普通项同权。\n  {\n    label: t('app.logout'),\n    key: 'logout',\n    icon: renderUserIcon('ph:sign-out', 'var(--color-danger)'),\n    props: { style: 'color: var(--color-danger)' },\n  },\n])\nasync function onUser(key: string) {\n  if (key === 'personal') router.push('/personal/profile')\n  else if (key === 'clearCache') await onClearCache()\n  else if (key === 'logout') await logout()\n}\nasync function onClearCache() {\n  try {\n    await clearClientCache()\n    message.success(t('app.cacheCleared'))\n  } catch (e) {\n    message.error(translateError(e))\n  }\n}\nasync function logout() {\n  // 先断实时并标记自愿退出:logout API 会 Revoke 会话并推 force-logout,避免误弹「您已被强制下线」。\n  await beginVoluntaryLogout()\n  try {\n    await authApi.logout()\n  } catch (e) {\n    message.error(translateError(e)) // 尽力而为,不阻断登出\n  }\n  resetRouter()\n  auth.reset() // 内部会 clearTabs()\n  user.clear()\n  router.replace('/login')\n}\n</script>\n\n<template>\n  <div class=\"bar\">\n    <div class=\"left\">\n      <n-button\n        v-if=\"showCollapse\"\n        quaternary\n        circle\n        :aria-label=\"t('app.collapse')\"\n        @click=\"app.toggleCollapsed()\"\n      >\n        <Icon :icon=\"app.collapsed ? 'ph:list' : 'ph:sidebar-simple'\" :width=\"20\" />\n      </n-button>\n      <div v-if=\"showBrand\" class=\"brand\">\n        <SmartLogo :size=\"26\" />\n        <span class=\"brand-name mobile-hide\">{{ site.title }}</span>\n      </div>\n      <n-breadcrumb v-if=\"app.showBreadcrumb && crumbs.length\">\n        <n-breadcrumb-item v-for=\"(c, i) in crumbs\" :key=\"i\">{{ c }}</n-breadcrumb-item>\n      </n-breadcrumb>\n      <span v-else class=\"title\">{{ title }}</span>\n    </div>\n\n    <div v-if=\"topMenu\" class=\"center\">\n      <n-menu\n        v-if=\"topMenu === 'full'\"\n        mode=\"horizontal\"\n        responsive\n        :options=\"menuOptions\"\n        :value=\"activeKey\"\n        @update:value=\"onSelect\"\n      />\n      <n-menu\n        v-else-if=\"topMenu === 'l1'\"\n        mode=\"horizontal\"\n        responsive\n        :options=\"l1Options\"\n        :value=\"selectedL1\"\n        @update:value=\"onSelectL1\"\n      />\n      <n-menu\n        v-else\n        mode=\"horizontal\"\n        responsive\n        :options=\"l2Options\"\n        :value=\"activeKey\"\n        @update:value=\"onSelect\"\n      />\n    </div>\n\n    <!-- mobile-hide:窄屏(<768px)藏起来的次要项。顶栏总宽 > 屏宽时右端会被 layout 的 overflow:hidden 裁掉,\n         而全站唯一的登出入口就在最右边的用户下拉里 —— 手机上不能因为一排图标而退不出登录。\n         搜索有 Ctrl+K 兜底、全屏在手机上无意义、语言与设置属低频(设置抽屉本就是宽屏调布局用的)。 -->\n    <div class=\"right\">\n      <n-tooltip>\n        <template #trigger>\n          <n-button quaternary circle class=\"mobile-hide\" @click=\"searchOpen = true\">\n            <Icon icon=\"ph:magnifying-glass\" :width=\"18\" />\n          </n-button>\n        </template>\n        {{ t('app.search') }} (Ctrl+K)\n      </n-tooltip>\n\n      <n-tooltip v-if=\"fullscreenSupported\">\n        <template #trigger>\n          <n-button\n            quaternary\n            circle\n            class=\"mobile-hide\"\n            :aria-label=\"isFullscreen ? t('app.exitFullscreen') : t('app.fullscreen')\"\n            @click=\"toggleFullscreen()\"\n          >\n            <Icon :icon=\"isFullscreen ? 'ph:arrows-in' : 'ph:arrows-out'\" :width=\"18\" />\n          </n-button>\n        </template>\n        {{ isFullscreen ? t('app.exitFullscreen') : t('app.fullscreen') }}\n      </n-tooltip>\n\n      <n-tooltip>\n        <template #trigger>\n          <n-button quaternary circle @click=\"app.toggleDark()\">\n            <Icon :icon=\"app.isDark ? 'ph:moon-stars' : 'ph:sun'\" :width=\"18\" />\n          </n-button>\n        </template>\n        {{ app.isDark ? t('app.dark') : t('app.light') }}\n      </n-tooltip>\n\n      <n-dropdown :options=\"localeOptions\" @select=\"onLocale\">\n        <n-button quaternary circle class=\"mobile-hide\" :aria-label=\"t('app.language')\">\n          <Icon icon=\"ph:translate\" :width=\"18\" />\n        </n-button>\n      </n-dropdown>\n\n      <n-tooltip>\n        <template #trigger>\n          <n-button quaternary circle class=\"mobile-hide\" @click=\"settingsOpen = true\">\n            <Icon icon=\"ph:gear-six\" :width=\"18\" />\n          </n-button>\n        </template>\n        {{ t('app.settings') }}\n      </n-tooltip>\n\n      <!-- 导航到应用选择页,而非下拉直切:应用一多下拉就难用,且\"设为默认\"只在选择页上。 -->\n      <n-tooltip v-if=\"auth.modules.length > 1\">\n        <template #trigger>\n          <n-button\n            quaternary\n            circle\n            :aria-label=\"t('app.switchModule')\"\n            @click=\"router.push('/module')\"\n          >\n            <Icon icon=\"ph:squares-four\" :width=\"18\" />\n          </n-button>\n        </template>\n        {{ t('app.switchModule') }}\n      </n-tooltip>\n\n      <!-- 扩展模块的入口:图标模式画成同款圆形按钮,组件模式整块交给它自己(自带角标/弹层时用) -->\n      <template v-for=\"tool in headerTools\" :key=\"tool.key\">\n        <component :is=\"tool.component\" v-if=\"tool.component\" />\n        <n-tooltip v-else>\n          <template #trigger>\n            <n-button\n              quaternary\n              circle\n              :class=\"{ 'mobile-hide': !tool.keepOnMobile }\"\n              :aria-label=\"tool.label\"\n              @click=\"tool.onClick()\"\n            >\n              <AppIcon :icon=\"tool.icon\" :size=\"18\" />\n            </n-button>\n          </template>\n          {{ tool.label }}\n        </n-tooltip>\n      </template>\n\n      <NoticeBell />\n\n      <n-dropdown :options=\"userOptions\" @select=\"onUser\">\n        <n-button quaternary :aria-label=\"t('app.profile')\">\n          <!-- 有头像用头像(profile 页可传),没有回落原图标;头像来源见 stores/user.ts 的 avatar 注释 -->\n          <n-avatar v-if=\"user.userInfo?.avatar\" round :size=\"22\" :src=\"user.userInfo.avatar\" />\n          <Icon v-else icon=\"ph:user-circle\" :width=\"20\" />\n          <span class=\"uname mobile-hide\">\n            {{ user.userInfo?.name ?? user.userInfo?.account ?? '' }}\n          </span>\n        </n-button>\n      </n-dropdown>\n    </div>\n\n    <SettingsDrawer v-model:show=\"settingsOpen\" />\n    <MenuSearch v-model:show=\"searchOpen\" />\n  </div>\n</template>\n\n<style scoped>\n.bar {\n  height: 100%;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 0 16px;\n}\n/* 可收缩(min-width:0 + overflow):右侧那组是刚需(含唯一的登出入口),要挤先挤左边的标题/面包屑。 */\n.left {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  overflow: hidden;\n}\n.brand {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  color: var(--color-text-primary);\n  font-weight: 600;\n  flex-shrink: 0;\n}\n.brand-name {\n  font-size: var(--font-size-md);\n}\n.title {\n  font-size: var(--font-size-md);\n  font-weight: 500;\n  color: var(--color-text-primary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.uname {\n  margin-left: 6px;\n}\n.center {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n}\n.right {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-left: auto;\n  flex-shrink: 0;\n}\n\n/* 窄屏(断点与 layouts/default.vue 的 breakpointsTailwind.smaller('md') 一致):\n   只留暗色/应用切换/铃铛/用户下拉,其余隐藏,保证最右的登出入口不被裁掉。 */\n@media (max-width: 767px) {\n  .bar {\n    gap: 8px;\n    padding: 0 8px;\n  }\n  .mobile-hide {\n    display: none;\n  }\n}\n</style>\n"],"names":["app","useAppStore","site","useSite","user","useUserStore","auth","useAuthStore","route","useRoute","router","useRouter","message","useMessage","t","useI18n","fullscreenSupported","isFullscreen","toggleFullscreen","useFullscreenToggle","menuOptions","l1Options","l2Options","activeKey","selectedL1","onSelect","onSelectL1","useLayoutMenu","flat","useMenuFlat","headerTools","useHeaderTools","settingsOpen","ref","searchOpen","title","computed","m","crumbs","_a","l","localeOptions","onLocale","key","renderUserIcon","name","color","h","Icon","userOptions","onUser","onClearCache","logout","clearClientCache","e","translateError","beginVoluntaryLogout","authApi","resetRouter","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","__props","_createBlock","_unref","NButton","_cache","$event","_createVNode","_hoisted_3","SmartLogo","_hoisted_4","_toDisplayString","NBreadcrumb","_Fragment","_renderList","c","i","NBreadcrumbItem","_hoisted_5","_hoisted_6","NMenu","_hoisted_7","NTooltip","_createTextVNode","NDropdown","tool","_resolveDynamicComponent","_normalizeClass","AppIcon","NoticeBell","NAvatar","_hoisted_8","SettingsDrawer","MenuSearch"],"mappings":"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"}

package/dist/layouts/LayoutModeCards.vue.d.ts

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

package/dist/layouts/LayoutModeCards.vue.js

@@ -0,0 +1,8 @@
+import o from "./LayoutModeCards2.vue.js";
+/* empty css                     */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-66443dff"]]);
+export {
+  d as default
+};
+//# sourceMappingURL=LayoutModeCards.vue.js.map

package/dist/layouts/LayoutModeCards.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutModeCards.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/layouts/LayoutModeCards2.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as c, openBlock as l, createElementBlock as t, Fragment as r, renderList as v, unref as e, createElementVNode as a, normalizeClass as n, createStaticVNode as f, toDisplayString as y } from "vue";
+import { useI18n as b } from "vue-i18n";
+import { useAppStore as g, LAYOUT_MODES as k } from "../stores/app.js";
+const m = { class: "grid" }, w = ["onClick"], C = ["aria-label", "aria-pressed"], z = /* @__PURE__ */ c({
+  __name: "LayoutModeCards",
+  setup(M) {
+    const o = g(), { t: u } = b();
+    function d(p) {
+      const s = p.split("-").map((i) => i[0].toUpperCase() + i.slice(1)).join("");
+      return u("settings.layout" + s);
+    }
+    return (p, s) => (l(), t("div", m, [
+      (l(!0), t(r, null, v(e(k), (i) => (l(), t("div", {
+        key: i,
+        class: "cell",
+        onClick: (L) => e(o).setLayoutMode(i)
+      }, [
+        a("button", {
+          type: "button",
+          class: n(["card", { on: e(o).layoutMode === i }]),
+          "aria-label": d(i),
+          "aria-pressed": e(o).layoutMode === i
+        }, [
+          a("span", {
+            class: n(["inner", i.includes("vertical") ? "row" : "col"])
+          }, [
+            i === "vertical" ? (l(), t(r, { key: 0 }, [
+              s[0] || (s[0] = a("i", { class: "sider strong" }, null, -1)),
+              s[1] || (s[1] = a("i", { class: "vwrap" }, [
+                a("i", { class: "header p200" }),
+                a("i", { class: "main p200" })
+              ], -1))
+            ], 64)) : i === "vertical-mix" ? (l(), t(r, { key: 1 }, [
+              s[2] || (s[2] = f('<i class="rail strong" data-v-66443dff></i><i class="subsider p300" data-v-66443dff></i><i class="vwrap" data-v-66443dff><i class="header p200" data-v-66443dff></i><i class="main p200" data-v-66443dff></i></i>', 3))
+            ], 64)) : i === "vertical-hybrid-header-first" ? (l(), t(r, { key: 2 }, [
+              s[3] || (s[3] = f('<i class="rail strong" data-v-66443dff></i><i class="subsider p300" data-v-66443dff></i><i class="vwrap" data-v-66443dff><i class="header strong" data-v-66443dff></i><i class="main p200" data-v-66443dff></i></i>', 3))
+            ], 64)) : i === "horizontal" ? (l(), t(r, { key: 3 }, [
+              s[4] || (s[4] = a("i", { class: "header full strong" }, null, -1)),
+              s[5] || (s[5] = a("i", { class: "hwrap" }, [
+                a("i", { class: "main p200" })
+              ], -1))
+            ], 64)) : i === "top-hybrid-sidebar-first" ? (l(), t(r, { key: 4 }, [
+              s[6] || (s[6] = a("i", { class: "header full p300" }, null, -1)),
+              s[7] || (s[7] = a("i", { class: "hwrap" }, [
+                a("i", { class: "sider strong" }),
+                a("i", { class: "main p200" })
+              ], -1))
+            ], 64)) : (l(), t(r, { key: 5 }, [
+              s[8] || (s[8] = a("i", { class: "header full strong" }, null, -1)),
+              s[9] || (s[9] = a("i", { class: "hwrap" }, [
+                a("i", { class: "sider p300" }),
+                a("i", { class: "main p200" })
+              ], -1))
+            ], 64))
+          ], 2)
+        ], 10, C),
+        a("p", {
+          class: n(["label", { on: e(o).layoutMode === i }])
+        }, y(d(i)), 3)
+      ], 8, w))), 128))
+    ]));
+  }
+});
+export {
+  z as default
+};
+//# sourceMappingURL=LayoutModeCards2.vue.js.map

package/dist/layouts/LayoutModeCards2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutModeCards2.vue.js","sources":["../../src/layouts/LayoutModeCards.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useI18n } from 'vue-i18n'\nimport { useAppStore, LAYOUT_MODES, type LayoutMode } from '#/stores/app'\n\n// 布局模式彩色线框卡片(对齐 SoybeanAdmin theme-drawer/layout-mode.vue)。\n// 三档主色 strong(500)/p300/p200 由实时 --color-primary 派生;形状与 soybean 逐模式一致。\nconst app = useAppStore()\nconst { t } = useI18n()\n\nfunction label(m: LayoutMode) {\n  const pascal = m\n    .split('-')\n    .map(w => w[0]!.toUpperCase() + w.slice(1))\n    .join('')\n  return t('settings.layout' + pascal)\n}\n</script>\n\n<template>\n  <div class=\"grid\">\n    <div v-for=\"m in LAYOUT_MODES\" :key=\"m\" class=\"cell\" @click=\"app.setLayoutMode(m)\">\n      <button\n        type=\"button\"\n        class=\"card\"\n        :class=\"{ on: app.layoutMode === m }\"\n        :aria-label=\"label(m)\"\n        :aria-pressed=\"app.layoutMode === m\"\n      >\n        <span class=\"inner\" :class=\"m.includes('vertical') ? 'row' : 'col'\">\n          <!-- 左侧菜单:满高侧栏 + (头 / 内容) -->\n          <template v-if=\"m === 'vertical'\">\n            <i class=\"sider strong\" />\n            <i class=\"vwrap\">\n              <i class=\"header p200\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n          <!-- 左侧混合:一级 rail + 二级列 + (头 / 内容) -->\n          <template v-else-if=\"m === 'vertical-mix'\">\n            <i class=\"rail strong\" />\n            <i class=\"subsider p300\" />\n            <i class=\"vwrap\">\n              <i class=\"header p200\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n          <!-- 左侧混合-顶部优先:一级上顶,rail(二级) + 三级列 + (强调头 / 内容) -->\n          <template v-else-if=\"m === 'vertical-hybrid-header-first'\">\n            <i class=\"rail strong\" />\n            <i class=\"subsider p300\" />\n            <i class=\"vwrap\">\n              <i class=\"header strong\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n          <!-- 顶部菜单:通栏头 + 内容 -->\n          <template v-else-if=\"m === 'horizontal'\">\n            <i class=\"header full strong\" />\n            <i class=\"hwrap\"><i class=\"main p200\" /></i>\n          </template>\n          <!-- 顶部混合-侧边优先:头(二级)+ (强调 rail(一级) / 内容) -->\n          <template v-else-if=\"m === 'top-hybrid-sidebar-first'\">\n            <i class=\"header full p300\" />\n            <i class=\"hwrap\">\n              <i class=\"sider strong\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n          <!-- 顶部混合-顶部优先:强调头(一级)+ (侧栏(二级) / 内容) -->\n          <template v-else>\n            <i class=\"header full strong\" />\n            <i class=\"hwrap\">\n              <i class=\"sider p300\" />\n              <i class=\"main p200\" />\n            </i>\n          </template>\n        </span>\n      </button>\n      <p class=\"label\" :class=\"{ on: app.layoutMode === m }\">{{ label(m) }}</p>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  /* animated tab 的 .n-tabs-pane-wrapper 是 overflow:hidden,会裁掉边列卡片的 2px 选中环;内缩 3px 让环留在裁剪框内 */\n  padding-inline: 3px;\n}\n.cell {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n}\n\n/* 卡片:soybean = shadow + ring-2(默认透明,hover/选中转主色) */\n.card {\n  width: 100%;\n  height: 62px;\n  padding: 6px;\n  border: none;\n  border-radius: 4px;\n  background: var(--color-bg-container);\n  box-shadow:\n    0 1px 3px rgba(20, 27, 45, 0.1),\n    0 0 0 2px transparent;\n  cursor: pointer;\n  transition: box-shadow 0.15s ease;\n}\n.cell:hover .card {\n  box-shadow:\n    0 1px 3px rgba(20, 27, 45, 0.1),\n    0 0 0 2px var(--color-primary);\n}\n.card.on {\n  box-shadow:\n    0 1px 3px rgba(20, 27, 45, 0.1),\n    0 0 0 2px var(--color-primary);\n}\n\n/* 线框:三档主色派生跟随实时 --color-primary */\n.inner {\n  --strong: var(--color-primary);\n  --p300: color-mix(in srgb, var(--color-primary) 58%, var(--color-bg-container));\n  --p200: color-mix(in srgb, var(--color-primary) 34%, var(--color-bg-container));\n  display: flex;\n  gap: 5px;\n  width: 100%;\n  height: 100%;\n}\n.inner.row {\n  flex-direction: row;\n}\n.inner.col {\n  flex-direction: column;\n}\n.inner i,\n.inner .vwrap,\n.inner .hwrap {\n  border-radius: 3px;\n}\n.strong {\n  background: var(--strong);\n}\n.p300 {\n  background: var(--p300);\n}\n.p200 {\n  background: var(--p200);\n}\n.sider {\n  width: 18%;\n  flex-shrink: 0;\n}\n.rail {\n  width: 9%;\n  flex-shrink: 0;\n}\n.subsider {\n  width: 16%;\n  flex-shrink: 0;\n}\n.header {\n  flex-shrink: 0;\n  height: 13px;\n}\n.header.full {\n  width: 100%;\n}\n.main {\n  flex: 1;\n}\n.vwrap {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n}\n.vwrap .header {\n  width: 100%;\n}\n.hwrap {\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  gap: 5px;\n}\n\n.label {\n  margin: 0;\n  text-align: center;\n  font-size: var(--font-size-xs);\n  line-height: var(--line-height-xs);\n  color: var(--color-text-secondary);\n}\n.label.on {\n  color: var(--color-primary);\n  font-weight: var(--font-weight-medium);\n}\n</style>\n"],"names":["app","useAppStore","t","useI18n","label","m","pascal","w","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","_unref","LAYOUT_MODES","$event","_createElementVNode","_normalizeClass","_toDisplayString"],"mappings":";;;;;;AAMA,UAAMA,IAAMC,EAAA,GACN,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,aAASC,EAAMC,GAAe;AAC5B,YAAMC,IAASD,EACZ,MAAM,GAAG,EACT,IAAI,OAAKE,EAAE,CAAC,EAAG,YAAA,IAAgBA,EAAE,MAAM,CAAC,CAAC,EACzC,KAAK,EAAE;AACV,aAAOL,EAAE,oBAAoBI,CAAM;AAAA,IACrC;sBAIEE,EAAA,GAAAC,EA6DM,OA7DNC,GA6DM;AAAA,cA5DJD,EA2DME,GAAA,MAAAC,EA3DWC,EAAAC,CAAA,GAAY,CAAjBT,YAAZI,EA2DM,OAAA;AAAA,QA3D0B,KAAKJ;AAAA,QAAG,OAAM;AAAA,QAAQ,SAAK,CAAAU,MAAEF,EAAAb,CAAA,EAAI,cAAcK,CAAC;AAAA,MAAA;QAC9EW,EAwDS,UAAA;AAAA,UAvDP,MAAK;AAAA,UACL,UAAM,QAAM,EAAA,IACEH,KAAI,eAAeR,EAAA,CAAC,CAAA;AAAA,UACjC,cAAYD,EAAMC,CAAC;AAAA,UACnB,gBAAcQ,EAAAb,CAAA,EAAI,eAAeK;AAAA,QAAA;UAElCW,EAgDO,QAAA;AAAA,YAhDD,OAAKC,EAAA,CAAC,SAAgBZ,EAAE,SAAQ,UAAA,IAAA,QAAA,KAAA,CAAA;AAAA,UAAA;YAEpBA,MAAC,mBAAjBI,EAMWE,GAAA,EAAA,KAAA,KAAA;AAAA,8BALTK,EAA0B,KAAA,EAAvB,OAAM,eAAA,GAAc,MAAA,EAAA;AAAA,8BACvBA,EAGI,KAAA,EAHD,OAAM,WAAO;AAAA,gBACdA,EAAyB,KAAA,EAAtB,OAAM,eAAa;AAAA,gBACtBA,EAAuB,KAAA,EAApB,OAAM,aAAW;AAAA,cAAA;sBAIHX,MAAC,uBAAtBI,EAOWE,GAAA,EAAA,KAAA,KAAA;AAAA;sBAEUN,MAAC,uCAAtBI,EAOWE,GAAA,EAAA,KAAA,KAAA;AAAA;sBAEUN,MAAC,qBAAtBI,EAGWE,GAAA,EAAA,KAAA,KAAA;AAAA,8BAFTK,EAAgC,KAAA,EAA7B,OAAM,qBAAA,GAAoB,MAAA,EAAA;AAAA,8BAC7BA,EAA4C,KAAA,EAAzC,OAAM,WAAO;AAAA,gBAACA,EAAuB,KAAA,EAApB,OAAM,aAAW;AAAA,cAAA;sBAGlBX,MAAC,mCAAtBI,EAMWE,GAAA,EAAA,KAAA,KAAA;AAAA,8BALTK,EAA8B,KAAA,EAA3B,OAAM,mBAAA,GAAkB,MAAA,EAAA;AAAA,8BAC3BA,EAGI,KAAA,EAHD,OAAM,WAAO;AAAA,gBACdA,EAA0B,KAAA,EAAvB,OAAM,gBAAc;AAAA,gBACvBA,EAAuB,KAAA,EAApB,OAAM,aAAW;AAAA,cAAA;4BAIxBP,EAMWE,GAAA,EAAA,KAAA,KAAA;AAAA,8BALTK,EAAgC,KAAA,EAA7B,OAAM,qBAAA,GAAoB,MAAA,EAAA;AAAA,8BAC7BA,EAGI,KAAA,EAHD,OAAM,WAAO;AAAA,gBACdA,EAAwB,KAAA,EAArB,OAAM,cAAY;AAAA,gBACrBA,EAAuB,KAAA,EAApB,OAAM,aAAW;AAAA,cAAA;;;;QAK5BA,EAAyE,KAAA;AAAA,UAAtE,UAAM,SAAO,EAAA,IAAeH,KAAI,eAAeR,GAAC,CAAA;AAAA,QAAA,GAAOa,EAAAd,EAAMC,CAAC,CAAA,GAAA,CAAA;AAAA,MAAA;;;;"}

package/dist/layouts/NoticeBell.vue.d.ts

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

package/dist/layouts/NoticeBell.vue.js

@@ -0,0 +1,8 @@
+import o from "./NoticeBell2.vue.js";
+/* empty css                */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1ac49123"]]);
+export {
+  e as default
+};
+//# sourceMappingURL=NoticeBell.vue.js.map

package/dist/layouts/NoticeBell.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoticeBell.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}