smart-admin-web 10.5.0

package/dist/layouts/NoticeBell2.vue.js

@@ -0,0 +1,292 @@
+import { defineComponent as W, ref as u, openBlock as l, createElementBlock as d, Fragment as R, createVNode as n, unref as e, withCtx as o, createElementVNode as m, toDisplayString as c, createTextVNode as p, renderList as I, normalizeClass as L, createCommentVNode as T, createBlock as S, createSlots as X } from "vue";
+import { useRouter as Y } from "vue-router";
+import { useMessage as Z, NPopover as ee, NButton as k, NSpin as te, NScrollbar as ae, NEmpty as oe, NTag as ne, NEllipsis as ie, NText as U, NBadge as le, NModal as se, NSpace as ce } from "naive-ui";
+import { Icon as N } from "@iconify/vue";
+import { useIntervalFn as re } from "@vueuse/core";
+import { useI18n as ue } from "vue-i18n";
+import { noticeApi as b } from "../api/index.js";
+import { noticeBus as de } from "../composables/useRealtime.js";
+import { useNoticeAction as pe } from "../composables/useNoticeAction.js";
+import { NoticeType as x } from "../types/api.js";
+import me from "../components/MarkdownEditor/MarkdownView.vue.js";
+import { translateError as D } from "../utils/error.js";
+import { fmtDateTime as fe } from "../utils/format.js";
+const he = { class: "notice-panel" }, ve = { class: "notice-head" }, ye = { class: "notice-title" }, _e = {
+  key: 0,
+  class: "notice-empty"
+}, we = {
+  key: 1,
+  class: "notice-list"
+}, ge = ["onClick"], ke = {
+  key: 0,
+  class: "dot"
+}, Ne = { class: "notice-body" }, be = { class: "line1" }, xe = { class: "notice-foot" }, De = /* @__PURE__ */ W({
+  __name: "NoticeBell",
+  setup(Ae) {
+    const { t: s } = ue(), F = Y(), z = Z(), A = pe(), y = u(0), _ = u([]), C = u(!1), w = u(!1);
+    async function f() {
+      try {
+        y.value = await b.unreadCount();
+      } catch {
+      }
+    }
+    async function B() {
+      C.value = !0;
+      try {
+        const { items: t } = await b.mine({ page: 1, pageSize: 10 });
+        _.value = t;
+      } catch {
+        _.value = [];
+      } finally {
+        C.value = !1;
+      }
+    }
+    function P(t) {
+      t && B();
+    }
+    const g = u(!1), h = u(null);
+    async function j(t) {
+      if (!t.isRead)
+        try {
+          await b.markRead(t.id), t.isRead = !0, await f();
+        } catch (i) {
+          z.error(D(i));
+        }
+    }
+    async function q(t) {
+      h.value = t, g.value = !0, await j(t);
+    }
+    const v = u(null);
+    async function G(t, i) {
+      v.value = i;
+      try {
+        await A.run(t) && (g.value = !1, w.value = !1);
+      } finally {
+        v.value = null;
+      }
+    }
+    async function H() {
+      try {
+        await b.markAllRead(), await Promise.all([f(), B()]);
+      } catch (t) {
+        z.error(D(t));
+      }
+    }
+    function J() {
+      w.value = !1, F.push("/personal/notice");
+    }
+    const K = (t) => t === x.Announcement ? "warning" : t === x.Message ? "success" : "info", O = (t) => t === x.Announcement ? s("notice.typeAnnouncement") : t === x.Message ? s("notice.typeMessage") : s("notice.typeNotice");
+    function E(t) {
+      if (!t) return "";
+      const i = t.replace(/!\[[^\]]*\]\([^)]*\)/g, "").replace(/\[([^\]]*)\]\([^)]*\)/g, "$1").replace(/[#>*_`~-]/g, "").replace(/\s+/g, " ").trim();
+      return i.length > 60 ? i.slice(0, 60) + "…" : i;
+    }
+    return de.on(() => {
+      f();
+    }), re(f, 3e4), f(), (t, i) => {
+      var M, V, $;
+      return l(), d(R, null, [
+        n(e(ee), {
+          show: w.value,
+          "onUpdate:show": [
+            i[0] || (i[0] = (a) => w.value = a),
+            P
+          ],
+          trigger: "click",
+          placement: "bottom-end",
+          "show-arrow": !1,
+          style: { padding: "0" }
+        }, {
+          trigger: o(() => [
+            n(e(le), {
+              value: y.value,
+              max: 99,
+              show: y.value > 0
+            }, {
+              default: o(() => [
+                n(e(k), {
+                  quaternary: "",
+                  circle: "",
+                  "aria-label": e(s)("app.notice.title")
+                }, {
+                  default: o(() => [
+                    n(e(N), {
+                      icon: "ph:bell",
+                      width: 18
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["aria-label"])
+              ]),
+              _: 1
+            }, 8, ["value", "show"])
+          ]),
+          default: o(() => [
+            m("div", he, [
+              m("div", ve, [
+                m("span", ye, c(e(s)("app.notice.title")), 1),
+                n(e(k), {
+                  text: "",
+                  size: "tiny",
+                  disabled: y.value === 0,
+                  onClick: H
+                }, {
+                  icon: o(() => [
+                    n(e(N), {
+                      icon: "ph:checks",
+                      width: 15
+                    })
+                  ]),
+                  default: o(() => [
+                    p(" " + c(e(s)("app.notice.markAllRead")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ]),
+              n(e(te), { show: C.value }, {
+                default: o(() => [
+                  n(e(ae), { style: { "max-height": "360px" } }, {
+                    default: o(() => [
+                      _.value.length === 0 ? (l(), d("div", _e, [
+                        n(e(oe), {
+                          description: e(s)("app.notice.empty"),
+                          size: "small"
+                        }, null, 8, ["description"])
+                      ])) : (l(), d("ul", we, [
+                        (l(!0), d(R, null, I(_.value, (a) => {
+                          var r;
+                          return l(), d("li", {
+                            key: a.id,
+                            class: L(["notice-item", a.isRead ? "read" : "unread"]),
+                            onClick: (Q) => q(a)
+                          }, [
+                            a.isRead ? T("", !0) : (l(), d("span", ke)),
+                            m("div", Ne, [
+                              m("div", be, [
+                                n(e(ne), {
+                                  type: K(a.type),
+                                  size: "tiny",
+                                  bordered: !1,
+                                  round: ""
+                                }, {
+                                  default: o(() => [
+                                    p(c(O(a.type)), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["type"]),
+                                n(e(ie), {
+                                  class: L(["item-title", { unread: !a.isRead }])
+                                }, {
+                                  default: o(() => [
+                                    p(c(a.title), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["class"]),
+                                (r = a.actions) != null && r.length ? (l(), S(e(N), {
+                                  key: 0,
+                                  icon: "ph:lightning",
+                                  width: 13,
+                                  class: "item-actions-mark"
+                                })) : T("", !0)
+                              ]),
+                              E(a.content) ? (l(), S(e(U), {
+                                key: 0,
+                                depth: "3",
+                                class: "item-snippet"
+                              }, {
+                                default: o(() => [
+                                  p(c(E(a.content)), 1)
+                                ]),
+                                _: 2
+                              }, 1024)) : T("", !0),
+                              n(e(U), {
+                                depth: "3",
+                                class: "item-time"
+                              }, {
+                                default: o(() => [
+                                  p(c(e(fe)(a.publishTime, { seconds: !1 })), 1)
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ])
+                          ], 10, ge);
+                        }), 128))
+                      ]))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["show"]),
+              m("div", xe, [
+                n(e(k), {
+                  text: "",
+                  size: "small",
+                  onClick: J
+                }, {
+                  icon: o(() => [
+                    n(e(N), {
+                      icon: "ph:arrow-right",
+                      width: 14
+                    })
+                  ]),
+                  default: o(() => [
+                    p(c(e(s)("app.notice.viewAll")) + " ", 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["show"]),
+        n(e(se), {
+          show: g.value,
+          "onUpdate:show": i[1] || (i[1] = (a) => g.value = a),
+          preset: "card",
+          title: ((M = h.value) == null ? void 0 : M.title) || e(s)("notice.detailTitle"),
+          style: { width: "640px", "max-width": "92vw" }
+        }, X({
+          default: o(() => {
+            var a;
+            return [
+              n(me, {
+                value: (a = h.value) == null ? void 0 : a.content
+              }, null, 8, ["value"])
+            ];
+          }),
+          _: 2
+        }, [
+          ($ = (V = h.value) == null ? void 0 : V.actions) != null && $.length ? {
+            name: "footer",
+            fn: o(() => [
+              n(e(ce), { justify: "end" }, {
+                default: o(() => [
+                  (l(!0), d(R, null, I(h.value.actions, (a, r) => (l(), S(e(k), {
+                    key: r,
+                    size: "small",
+                    type: e(A).buttonType(a),
+                    loading: v.value === r,
+                    disabled: v.value !== null && v.value !== r,
+                    onClick: (Q) => G(a, r)
+                  }, {
+                    default: o(() => [
+                      p(c(e(A).label(a)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type", "loading", "disabled", "onClick"]))), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["show", "title"])
+      ], 64);
+    };
+  }
+});
+export {
+  De as default
+};
+//# sourceMappingURL=NoticeBell2.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoticeBell2.vue.js","sources":["../../src/layouts/NoticeBell.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 顶栏消息通知铃铛。富面板(n-popover):无页签单列表 + 正文弹层。\n// 未读=圆点+加粗+淡主色底,已读=整行变淡;\"读没读\"是过滤器不是分类,不做成页签(筛选在个人通知页)。\n// 未读数每 30s 轮询;面板展开时拉取列表。\n// 通知带动作列表时,正文弹层底部渲染成按钮(useNoticeAction):铃铛里直接\"办\",不必先跳到目标页面找按钮。\nimport { ref } from 'vue'\nimport { useRouter } from 'vue-router'\nimport {\n  NPopover,\n  NBadge,\n  NButton,\n  NTag,\n  NEllipsis,\n  NScrollbar,\n  NSpace,\n  NText,\n  NEmpty,\n  NModal,\n  NSpin,\n  useMessage,\n} from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport { useIntervalFn } from '@vueuse/core'\nimport { useI18n } from 'vue-i18n'\nimport { noticeApi } from '#/api'\nimport { noticeBus } from '#/composables/useRealtime'\nimport { useNoticeAction } from '#/composables/useNoticeAction'\nimport { NoticeType, type NoticeAction, type NoticeMineItem } from '#/types/api'\nimport MarkdownView from '#/components/MarkdownEditor/MarkdownView.vue'\nimport { translateError } from '#/utils/error'\nimport { fmtDateTime } from '#/utils/format'\n\nconst { t } = useI18n()\nconst router = useRouter()\nconst message = useMessage()\nconst noticeAction = useNoticeAction()\n\nconst unread = ref(0)\nconst items = ref<NoticeMineItem[]>([])\nconst loading = ref(false)\nconst panelShow = ref(false)\n\nasync function fetchUnread() {\n  try {\n    unread.value = await noticeApi.unreadCount()\n  } catch {\n    /* 轮询失败静默,下次自愈 */\n  }\n}\n// 无页签单列表:恒拉最近一页混排,未读靠条目样式强调;筛选能力在\"查看全部\"的个人通知页。\nasync function fetchList() {\n  loading.value = true\n  try {\n    const { items: list } = await noticeApi.mine({ page: 1, pageSize: 10 })\n    items.value = list\n  } catch {\n    items.value = []\n  } finally {\n    loading.value = false\n  }\n}\nfunction onShow(show: boolean) {\n  if (show) fetchList()\n}\n\n// 正文弹层:内容随列表取回,直接渲染(Markdown,不能纯文本直出);点条目即标记已读。\nconst showNotice = ref(false)\nconst viewNotice = ref<NoticeMineItem | null>(null)\nasync function markRead(item: NoticeMineItem) {\n  if (item.isRead) return\n  try {\n    await noticeApi.markRead(item.id)\n    item.isRead = true\n    await fetchUnread()\n  } catch (e) {\n    message.error(translateError(e))\n  }\n}\nasync function openNotice(item: NoticeMineItem) {\n  viewNotice.value = item\n  showNotice.value = true\n  await markRead(item)\n}\n// 动作:成功后关掉弹层与面板(页面跳转时尤其要关,否则面板盖在新页面上)。\nconst running = ref<number | null>(null)\nasync function onAction(a: NoticeAction, index: number) {\n  running.value = index\n  try {\n    if (await noticeAction.run(a)) {\n      showNotice.value = false\n      panelShow.value = false\n    }\n  } finally {\n    running.value = null\n  }\n}\nasync function markAllRead() {\n  try {\n    await noticeApi.markAllRead()\n    await Promise.all([fetchUnread(), fetchList()])\n  } catch (e) {\n    message.error(translateError(e))\n  }\n}\nfunction viewAll() {\n  panelShow.value = false\n  router.push('/personal/notice')\n}\n\n// 类型 → 标签色/文案。新增类型在此补一行即可。\nconst tagType = (ty: NoticeType) =>\n  ty === NoticeType.Announcement ? 'warning' : ty === NoticeType.Message ? 'success' : 'info'\nconst typeLabel = (ty: NoticeType) =>\n  ty === NoticeType.Announcement\n    ? t('notice.typeAnnouncement')\n    : ty === NoticeType.Message\n      ? t('notice.typeMessage')\n      : t('notice.typeNotice')\n\n// 正文摘要:去掉常见 Markdown 记号,压空白,截断。ponytail: 正则够用,要精准渲染再引 md 解析。\nfunction snippet(md?: string | null) {\n  if (!md) return ''\n  const s = md\n    .replace(/!\\[[^\\]]*\\]\\([^)]*\\)/g, '') // 图片\n    .replace(/\\[([^\\]]*)\\]\\([^)]*\\)/g, '$1') // 链接留文字\n    .replace(/[#>*_`~-]/g, '') // 记号\n    .replace(/\\s+/g, ' ')\n    .trim()\n  return s.length > 60 ? s.slice(0, 60) + '…' : s\n}\n\n// 双腿:实时推送到达即刷新未读(SignalR 开启时,即时);30s 轮询兜底(实时关闭/连接掉线时)。\n// VueUse 的 useEventBus.on 在组件卸载时自动退订。\nnoticeBus.on(() => {\n  fetchUnread()\n})\nuseIntervalFn(fetchUnread, 30000)\nfetchUnread()\n</script>\n\n<template>\n  <n-popover\n    v-model:show=\"panelShow\"\n    trigger=\"click\"\n    placement=\"bottom-end\"\n    :show-arrow=\"false\"\n    style=\"padding: 0\"\n    @update:show=\"onShow\"\n  >\n    <template #trigger>\n      <n-badge :value=\"unread\" :max=\"99\" :show=\"unread > 0\">\n        <n-button quaternary circle :aria-label=\"t('app.notice.title')\">\n          <Icon icon=\"ph:bell\" :width=\"18\" />\n        </n-button>\n      </n-badge>\n    </template>\n\n    <div class=\"notice-panel\">\n      <div class=\"notice-head\">\n        <span class=\"notice-title\">{{ t('app.notice.title') }}</span>\n        <n-button text size=\"tiny\" :disabled=\"unread === 0\" @click=\"markAllRead\">\n          <template #icon><Icon icon=\"ph:checks\" :width=\"15\" /></template>\n          {{ t('app.notice.markAllRead') }}\n        </n-button>\n      </div>\n\n      <n-spin :show=\"loading\">\n        <n-scrollbar style=\"max-height: 360px\">\n          <div v-if=\"items.length === 0\" class=\"notice-empty\">\n            <n-empty :description=\"t('app.notice.empty')\" size=\"small\" />\n          </div>\n          <ul v-else class=\"notice-list\">\n            <li\n              v-for=\"n in items\"\n              :key=\"n.id\"\n              :class=\"['notice-item', n.isRead ? 'read' : 'unread']\"\n              @click=\"openNotice(n)\"\n            >\n              <span v-if=\"!n.isRead\" class=\"dot\" />\n              <div class=\"notice-body\">\n                <div class=\"line1\">\n                  <n-tag :type=\"tagType(n.type)\" size=\"tiny\" :bordered=\"false\" round>\n                    {{ typeLabel(n.type) }}\n                  </n-tag>\n                  <n-ellipsis class=\"item-title\" :class=\"{ unread: !n.isRead }\">\n                    {{ n.title }}\n                  </n-ellipsis>\n                  <Icon\n                    v-if=\"n.actions?.length\"\n                    icon=\"ph:lightning\"\n                    :width=\"13\"\n                    class=\"item-actions-mark\"\n                  />\n                </div>\n                <n-text v-if=\"snippet(n.content)\" depth=\"3\" class=\"item-snippet\">\n                  {{ snippet(n.content) }}\n                </n-text>\n                <n-text depth=\"3\" class=\"item-time\">\n                  {{ fmtDateTime(n.publishTime, { seconds: false }) }}\n                </n-text>\n              </div>\n            </li>\n          </ul>\n        </n-scrollbar>\n      </n-spin>\n\n      <div class=\"notice-foot\">\n        <n-button text size=\"small\" @click=\"viewAll\">\n          {{ t('app.notice.viewAll') }}\n          <template #icon><Icon icon=\"ph:arrow-right\" :width=\"14\" /></template>\n        </n-button>\n      </div>\n    </div>\n  </n-popover>\n\n  <n-modal\n    v-model:show=\"showNotice\"\n    preset=\"card\"\n    :title=\"viewNotice?.title || t('notice.detailTitle')\"\n    style=\"width: 640px; max-width: 92vw\"\n  >\n    <MarkdownView :value=\"viewNotice?.content\" />\n    <template v-if=\"viewNotice?.actions?.length\" #footer>\n      <n-space justify=\"end\">\n        <n-button\n          v-for=\"(a, i) in viewNotice.actions\"\n          :key=\"i\"\n          size=\"small\"\n          :type=\"noticeAction.buttonType(a)\"\n          :loading=\"running === i\"\n          :disabled=\"running !== null && running !== i\"\n          @click=\"onAction(a, i)\"\n        >\n          {{ noticeAction.label(a) }}\n        </n-button>\n      </n-space>\n    </template>\n  </n-modal>\n</template>\n\n<style scoped>\n.notice-panel {\n  width: 360px;\n  max-width: 92vw;\n}\n.notice-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px 4px;\n}\n.notice-title {\n  font-weight: 600;\n  font-size: var(--font-size-md);\n}\n.notice-empty {\n  padding: 32px 0;\n}\n.notice-list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n.notice-item {\n  position: relative;\n  display: flex;\n  gap: 8px;\n  padding: 12px 16px;\n  cursor: pointer;\n  border-top: 1px solid var(--n-divider-color, rgba(128, 128, 128, 0.15));\n  transition: background-color 0.2s;\n}\n.notice-item:hover {\n  background-color: rgba(128, 128, 128, 0.08);\n}\n/* 未读:整行淡主色底(明暗主题都成立);已读:整行变淡 */\n.notice-item.unread {\n  background-color: color-mix(in srgb, var(--color-primary) 4%, transparent);\n}\n.notice-item.unread:hover {\n  background-color: color-mix(in srgb, var(--color-primary) 9%, transparent);\n}\n.notice-item.read {\n  opacity: 0.55;\n}\n.dot {\n  position: absolute;\n  left: 6px;\n  top: 18px;\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--color-primary, #d03050);\n}\n.notice-body {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.line1 {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  min-width: 0;\n}\n.item-title {\n  flex: 1;\n  min-width: 0;\n  font-size: var(--font-size-sm);\n}\n.item-title.unread {\n  font-weight: 600;\n}\n.item-actions-mark {\n  flex-shrink: 0;\n  color: var(--color-primary, #d03050);\n}\n.item-snippet {\n  font-size: 12px;\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.item-time {\n  font-size: 11px;\n}\n.notice-foot {\n  display: flex;\n  justify-content: center;\n  padding: 8px;\n  border-top: 1px solid var(--n-divider-color, rgba(128, 128, 128, 0.15));\n}\n</style>\n"],"names":["t","useI18n","router","useRouter","message","useMessage","noticeAction","useNoticeAction","unread","ref","items","loading","panelShow","fetchUnread","noticeApi","fetchList","list","onShow","show","showNotice","viewNotice","markRead","item","e","translateError","openNotice","running","onAction","a","index","markAllRead","viewAll","tagType","ty","NoticeType","typeLabel","snippet","md","s","noticeBus","useIntervalFn","_createVNode","_unref","NPopover","$event","NBadge","NButton","Icon","_createElementVNode","_hoisted_1","_hoisted_2","_hoisted_3","_toDisplayString","_createTextVNode","NSpin","NScrollbar","_openBlock","_createElementBlock","_hoisted_4","NEmpty","_hoisted_5","_Fragment","_renderList","n","_normalizeClass","_hoisted_7","_hoisted_8","_hoisted_9","NTag","NEllipsis","_a","_createBlock","NText","fmtDateTime","_hoisted_10","NModal","MarkdownView","_c","_b","NSpace","i"],"mappings":"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"}

package/dist/layouts/PersonalLayout.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/PersonalLayout.vue.js

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

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

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

package/dist/layouts/PersonalLayout2.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent as K, computed as l, resolveComponent as C, openBlock as u, createElementBlock as p, normalizeClass as N, unref as n, createVNode as m, createCommentVNode as k, createElementVNode as f } from "vue";
+import { useRoute as g, useRouter as V } from "vue-router";
+import { NMenu as R, NSelect as B } from "naive-ui";
+import { useBreakpoints as I, breakpointsTailwind as U } from "@vueuse/core";
+import { useI18n as E } from "vue-i18n";
+import { useUserStore as M } from "../stores/user.js";
+const P = {
+  key: 0,
+  class: "personal-sider"
+}, S = { class: "personal-main" }, z = {
+  key: 0,
+  class: "personal-mobile-nav"
+}, L = { class: "personal-content" }, F = /* @__PURE__ */ K({
+  __name: "PersonalLayout",
+  setup(O) {
+    const { t: b } = E(), a = g(), _ = V(), h = M(), r = I(U).smaller("md"), c = [
+      { key: "/personal/profile", labelKey: "menu.profile" },
+      { key: "/personal/password", labelKey: "menu.password" },
+      { key: "/personal/security", labelKey: "menu.security" },
+      { key: "/personal/sessions", labelKey: "menu.sessions" },
+      { key: "/personal/bindings", labelKey: "menu.bindings" }
+    ], w = l(() => {
+      var e;
+      return !!((e = h.userInfo) != null && e.mustChangePassword);
+    }), i = l(() => (w.value ? c.filter((o) => o.key === "/personal/password") : [...c]).map((o) => ({ key: o.key, label: b(o.labelKey) }))), d = l(() => {
+      var o;
+      const e = i.value.find((t) => a.path === t.key || a.path.startsWith(t.key + "/"));
+      return (e == null ? void 0 : e.key) ?? ((o = i.value[0]) == null ? void 0 : o.key) ?? "/personal/profile";
+    }), y = l(() => i.value.map((e) => ({ key: e.key, label: e.label })));
+    function v(e) {
+      e !== a.path && _.push(e);
+    }
+    return (e, o) => {
+      const t = C("RouterView");
+      return u(), p("div", {
+        class: N(["personal-layout", { "is-mobile": n(r) }])
+      }, [
+        n(r) ? k("", !0) : (u(), p("aside", P, [
+          m(n(R), {
+            value: d.value,
+            options: y.value,
+            indent: 18,
+            "onUpdate:value": o[0] || (o[0] = (s) => v(s))
+          }, null, 8, ["value", "options"])
+        ])),
+        f("div", S, [
+          n(r) ? (u(), p("div", z, [
+            m(n(B), {
+              value: d.value,
+              options: y.value.map((s) => ({ label: s.label, value: s.key })),
+              "onUpdate:value": o[1] || (o[1] = (s) => v(s))
+            }, null, 8, ["value", "options"])
+          ])) : k("", !0),
+          f("div", L, [
+            m(t)
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  F as default
+};
+//# sourceMappingURL=PersonalLayout2.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalLayout2.vue.js","sources":["../../src/layouts/PersonalLayout.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 个人中心二级壳:主布局内容区内左侧子导航 + 右侧 RouterView。\n// 路径仍为 /personal/*;强制改密时只露出「修改密码」导航项。\nimport { computed } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { NMenu, NSelect } from 'naive-ui'\nimport { useBreakpoints, breakpointsTailwind } from '@vueuse/core'\nimport { useI18n } from 'vue-i18n'\nimport { useUserStore } from '#/stores/user'\n\nconst { t } = useI18n()\nconst route = useRoute()\nconst router = useRouter()\nconst user = useUserStore()\nconst isMobile = useBreakpoints(breakpointsTailwind).smaller('md')\n\nconst allNav = [\n  { key: '/personal/profile', labelKey: 'menu.profile' },\n  { key: '/personal/password', labelKey: 'menu.password' },\n  { key: '/personal/security', labelKey: 'menu.security' },\n  { key: '/personal/sessions', labelKey: 'menu.sessions' },\n  { key: '/personal/bindings', labelKey: 'menu.bindings' },\n] as const\n\nconst mustChange = computed(() => !!user.userInfo?.mustChangePassword)\n\nconst navItems = computed(() => {\n  const list = mustChange.value ? allNav.filter(x => x.key === '/personal/password') : [...allNav]\n  return list.map(x => ({ key: x.key, label: t(x.labelKey) }))\n})\n\nconst activeKey = computed(() => {\n  const hit = navItems.value.find(x => route.path === x.key || route.path.startsWith(x.key + '/'))\n  return hit?.key ?? navItems.value[0]?.key ?? '/personal/profile'\n})\n\nconst menuOptions = computed(() => navItems.value.map(x => ({ key: x.key, label: x.label })))\n\nfunction go(key: string) {\n  if (key !== route.path) void router.push(key)\n}\n</script>\n\n<template>\n  <div class=\"personal-layout\" :class=\"{ 'is-mobile': isMobile }\">\n    <aside v-if=\"!isMobile\" class=\"personal-sider\">\n      <n-menu\n        :value=\"activeKey\"\n        :options=\"menuOptions\"\n        :indent=\"18\"\n        @update:value=\"(k: string) => go(k)\"\n      />\n    </aside>\n    <div class=\"personal-main\">\n      <div v-if=\"isMobile\" class=\"personal-mobile-nav\">\n        <n-select\n          :value=\"activeKey\"\n          :options=\"menuOptions.map(o => ({ label: o.label, value: o.key }))\"\n          @update:value=\"(k: string) => go(k)\"\n        />\n      </div>\n      <div class=\"personal-content\">\n        <RouterView />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.personal-layout {\n  display: flex;\n  gap: 16px;\n  align-items: stretch;\n  min-height: 100%;\n}\n.personal-sider {\n  width: 200px;\n  flex-shrink: 0;\n  background: var(--color-bg-container, #fff);\n  border: 1px solid var(--color-border, #e5e7eb);\n  border-radius: 8px;\n  padding: 8px 0 12px;\n}\n.personal-main {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.personal-mobile-nav {\n  max-width: 360px;\n}\n.personal-content {\n  min-width: 0;\n}\n.personal-layout.is-mobile {\n  flex-direction: column;\n}\n</style>\n"],"names":["t","useI18n","route","useRoute","router","useRouter","user","useUserStore","isMobile","useBreakpoints","breakpointsTailwind","allNav","mustChange","computed","_a","navItems","x","activeKey","hit","menuOptions","go","key","_createElementBlock","_normalizeClass","_unref","_openBlock","_hoisted_1","_createVNode","NMenu","_cache","k","_createElementVNode","_hoisted_2","_hoisted_3","NSelect","o","_hoisted_4","_component_RouterView"],"mappings":";;;;;;;;;;;;;;;AAUA,UAAM,EAAE,GAAAA,EAAA,IAAMC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAAOC,EAAA,GACPC,IAAWC,EAAeC,CAAmB,EAAE,QAAQ,IAAI,GAE3DC,IAAS;AAAA,MACb,EAAE,KAAK,qBAAqB,UAAU,eAAA;AAAA,MACtC,EAAE,KAAK,sBAAsB,UAAU,gBAAA;AAAA,MACvC,EAAE,KAAK,sBAAsB,UAAU,gBAAA;AAAA,MACvC,EAAE,KAAK,sBAAsB,UAAU,gBAAA;AAAA,MACvC,EAAE,KAAK,sBAAsB,UAAU,gBAAA;AAAA,IAAgB,GAGnDC,IAAaC,EAAS,MAAA;;AAAM,cAAC,GAACC,IAAAR,EAAK,aAAL,QAAAQ,EAAe;AAAA,KAAkB,GAE/DC,IAAWF,EAAS,OACXD,EAAW,QAAQD,EAAO,OAAO,CAAAK,MAAKA,EAAE,QAAQ,oBAAoB,IAAI,CAAC,GAAGL,CAAM,GACnF,IAAI,CAAAK,OAAM,EAAE,KAAKA,EAAE,KAAK,OAAOhB,EAAEgB,EAAE,QAAQ,EAAA,EAAI,CAC5D,GAEKC,IAAYJ,EAAS,MAAM;;AAC/B,YAAMK,IAAMH,EAAS,MAAM,KAAK,OAAKb,EAAM,SAASc,EAAE,OAAOd,EAAM,KAAK,WAAWc,EAAE,MAAM,GAAG,CAAC;AAC/F,cAAOE,KAAA,gBAAAA,EAAK,UAAOJ,IAAAC,EAAS,MAAM,CAAC,MAAhB,gBAAAD,EAAmB,QAAO;AAAA,IAC/C,CAAC,GAEKK,IAAcN,EAAS,MAAME,EAAS,MAAM,IAAI,CAAAC,OAAM,EAAE,KAAKA,EAAE,KAAK,OAAOA,EAAE,MAAA,EAAQ,CAAC;AAE5F,aAASI,EAAGC,GAAa;AACvB,MAAIA,MAAQnB,EAAM,QAAWE,EAAO,KAAKiB,CAAG;AAAA,IAC9C;;;kBAIEC,EAqBM,OAAA;AAAA,QArBD,OAAKC,EAAA,CAAC,mBAAiB,EAAA,aAAwBC,EAAAhB,CAAA,GAAQ,CAAA;AAAA,MAAA;QAC5CgB,EAAAhB,CAAA,iBAAdiB,KAAAH,EAOQ,SAPRI,GAOQ;AAAA,UANNC,EAKEH,EAAAI,CAAA,GAAA;AAAA,YAJC,OAAOX,EAAA;AAAA,YACP,SAASE,EAAA;AAAA,YACT,QAAQ;AAAA,YACR,kBAAYU,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAcV,EAAGU,CAAC;AAAA,UAAA;;QAGtCC,EAWM,OAXNC,GAWM;AAAA,UAVOR,EAAAhB,CAAA,KAAXiB,KAAAH,EAMM,OANNW,GAMM;AAAA,YALJN,EAIEH,EAAAU,CAAA,GAAA;AAAA,cAHC,OAAOjB,EAAA;AAAA,cACP,SAASE,EAAA,MAAY,IAAI,CAAAgB,OAAC,EAAA,OAAcA,EAAE,OAAK,OAASA,EAAE,IAAA,EAAG;AAAA,cAC7D,kBAAYN,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAcV,EAAGU,CAAC;AAAA,YAAA;;UAGtCC,EAEM,OAFNK,GAEM;AAAA,YADJT,EAAcU,CAAA;AAAA,UAAA;;;;;;"}

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

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/layouts/SettingRow.vue.js

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

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

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

package/dist/layouts/SettingRow2.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as o, openBlock as a, createElementBlock as s, createElementVNode as t, toDisplayString as n, renderSlot as r } from "vue";
+const c = ["aria-label"], i = { class: "lbl" }, d = { class: "ctl" }, m = /* @__PURE__ */ o({
+  __name: "SettingRow",
+  props: {
+    label: {}
+  },
+  setup(e) {
+    return (l, _) => (a(), s("div", {
+      class: "row",
+      role: "group",
+      "aria-label": e.label
+    }, [
+      t("span", i, n(e.label), 1),
+      t("div", d, [
+        r(l.$slots, "default", {}, void 0, !0)
+      ])
+    ], 8, c));
+  }
+});
+export {
+  m as default
+};
+//# sourceMappingURL=SettingRow2.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingRow2.vue.js","sources":["../../src/layouts/SettingRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 设置项行:左标签 + 右控件槽。槽内是 Naive 自绘控件(n-switch/n-select),无法用原生 <label for> 绑定,\n// 故给整行 role=\"group\" + aria-label,让读屏聚焦控件时能读到这项设置名(可见 span 仍留给视觉)。\ndefineProps<{ label: string }>()\n</script>\n\n<template>\n  <div class=\"row\" role=\"group\" :aria-label=\"label\">\n    <span class=\"lbl\">{{ label }}</span>\n    <div class=\"ctl\"><slot /></div>\n  </div>\n</template>\n\n<style scoped>\n.row {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  min-height: 40px;\n}\n.lbl {\n  color: var(--color-text-secondary);\n  font-size: var(--font-size-sm);\n  white-space: nowrap;\n}\n.ctl {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n}\n</style>\n"],"names":["_createElementBlock","__props","_createElementVNode","_hoisted_2","_toDisplayString","_hoisted_3","_renderSlot","_ctx"],"mappings":";;;;;;;2BAOEA,EAGM,OAAA;AAAA,MAHD,OAAM;AAAA,MAAM,MAAK;AAAA,MAAS,cAAYC,EAAA;AAAA,IAAA;MACzCC,EAAoC,QAApCC,GAAoCC,EAAfH,EAAA,KAAK,GAAA,CAAA;AAAA,MAC1BC,EAA+B,OAA/BG,GAA+B;AAAA,QAAdC,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA;;;;"}

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

@@ -0,0 +1,10 @@
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:show": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/layouts/SettingsDrawer.vue.js

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

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

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