@npm.365xs.cn/vue-admin-framework 0.1.0

package/README.md

@@ -0,0 +1,63 @@
+# @shinesun/vue-admin-framework
+
+Vue 3 公共管理框架，提供 OAuth 2.0 Authorization Code + PKCE 客户端、登录回调页面、
+动态侧栏、顶部用户区和访问页签。
+
+消费应用负责提供 Vue Router、菜单树、用户资料、品牌配置和业务页面。包要求项目已安装
+Vue 3、Vue Router、Element Plus 和 `@element-plus/icons-vue`。
+
+## 安装
+
+```bash
+npm install @shinesun/vue-admin-framework
+```
+
+应用入口同时引入样式：
+
+```ts
+import '@shinesun/vue-admin-framework/style.css'
+```
+
+## 使用
+
+```vue
+<script setup lang="ts">
+import { AdminFrameworkLayout } from '@shinesun/vue-admin-framework'
+</script>
+
+<template>
+  <AdminFrameworkLayout
+    brand-name="示例系统"
+    :menus="menus"
+    :navigation-loaded="navigationLoaded"
+    :username="username"
+    :login-account="loginAccount"
+    :initials="initials"
+    tab-storage-key="example_visited_tabs"
+    @logout="logout"
+  />
+</template>
+```
+
+OAuth 客户端通过 `createOAuthPkceClient` 创建。每个应用必须提供独立的
+`storageNamespace`、`clientId`、`redirectUri` 和默认返回路径。
+
+菜单节点类型 `FrameworkMenuNode` 可携带 `menuDomain?: string | null`，表示该菜单
+所属应用的 Origin；未配置时为 `null`。框架保留此字段，不自动将其与相对 `route`
+拼接或执行跨域跳转。消费应用可按自身导航策略使用这两个字段构造跨应用地址。
+
+## 发布产物
+
+包只发布 ESM，并包含：
+
+- `dist/index.js`
+- `dist/index.d.ts`
+- `dist/style.css`
+- 组件和公共类型声明
+
+发布前运行：
+
+```bash
+npm run build
+npm pack --dry-run
+```

package/dist/components/AdminFrameworkLayout.vue.d.ts

@@ -0,0 +1,40 @@
+import type { FrameworkMenuNode } from '../menu';
+type __VLS_Props = {
+    brandName: string;
+    brandSubtitle?: string;
+    consoleName?: string;
+    menus: FrameworkMenuNode[];
+    resolveExternalMenuHref?: (item: FrameworkMenuNode) => string | null;
+    navigationLoaded: boolean;
+    navigationError?: string;
+    username?: string;
+    loginAccount?: string;
+    initials?: string;
+    tabStorageKey?: string;
+    maxTabs?: number;
+    showSettings?: boolean;
+    showNotifications?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    logout: () => any;
+    settings: () => any;
+    notifications: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onLogout?: (() => any) | undefined;
+    onSettings?: (() => any) | undefined;
+    onNotifications?: (() => any) | undefined;
+}>, {
+    resolveExternalMenuHref: (item: FrameworkMenuNode) => string | null;
+    brandSubtitle: string;
+    consoleName: string;
+    navigationError: string;
+    username: string;
+    loginAccount: string;
+    initials: string;
+    tabStorageKey: string;
+    maxTabs: number;
+    showSettings: boolean;
+    showNotifications: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/FrameworkMenuItem.vue.d.ts

@@ -0,0 +1,8 @@
+import type { FrameworkMenuNode } from '../menu';
+type __VLS_Props = {
+    item: FrameworkMenuNode;
+    resolveExternalMenuHref?: (item: FrameworkMenuNode) => string | null;
+};
+declare const __VLS_export: 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 _default: typeof __VLS_export;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+export { default as AdminFrameworkLayout } from './components/AdminFrameworkLayout.vue';
+export { default as FrameworkMenuItem } from './components/FrameworkMenuItem.vue';
+export { default as OAuthCallbackView } from './views/OAuthCallbackView.vue';
+export type { FrameworkMenuNode } from './menu';
+export { findMenuByRoute, findMenuTrail, flattenRoutableMenus, } from './navigation';
+export { createOAuthPkceClient, sanitizeReturnUrl, } from './oauth';
+export type { OAuthLocation, OAuthPkceClient, OAuthPkceClientOptions, OAuthSession, } from './oauth';
+export { sha256 } from './sha256';
+export { closeVisitedTab, normalizeVisitedTabs, retainActiveTab, upsertVisitedTab, } from './tabs';
+export type { ClosedTabResult, FrameworkTab, } from './tabs';

package/dist/index.js

@@ -0,0 +1,903 @@
+import { defineComponent as oe, computed as B, resolveComponent as C, openBlock as i, createBlock as T, withCtx as m, createElementBlock as p, Fragment as j, renderList as W, createVNode as v, resolveDynamicComponent as G, createElementVNode as d, toDisplayString as E, createTextVNode as z, ref as q, onMounted as de, watch as re, normalizeClass as X, unref as M, createCommentVNode as L, withModifiers as ke, KeepAlive as xe, nextTick as Te } from "vue";
+import { useRoute as fe, useRouter as me } from "vue-router";
+import { UserFilled as Se, User as Ce, Tickets as Ae, Key as ae, DataAnalysis as Ee, OfficeBuilding as Me, Menu as Y, Lock as he, List as Ie, Grid as $e, Document as Ue, Connection as se, Avatar as Le, Aim as ie, Setting as Ne, ArrowRight as Ve, ArrowLeft as Oe, Bell as Re, SwitchButton as Fe, Close as Be, MoreFilled as ze, Refresh as He, Loading as Ke } from "@element-plus/icons-vue";
+function Z(e) {
+  return e.flatMap((o) => [
+    ...o.route ? [o] : [],
+    ...Z(o.children)
+  ]);
+}
+function qe(e, o, r = []) {
+  for (const s of e) {
+    const t = [...r, s];
+    if (s.route === o) return t;
+    const l = qe(s.children, o, t);
+    if (l.length) return l;
+  }
+  return [];
+}
+function Rt(e, o) {
+  return Z(e).find((r) => r.route === o);
+}
+function ne(e) {
+  return `menu:${e.applicationCode}:${e.menuCode}`;
+}
+function ve(e, o, r = []) {
+  for (const s of e) {
+    const t = [...r, s];
+    if (s === o) return t;
+    const l = ve(s.children, o, t);
+    if (l.length) return l;
+  }
+  return [];
+}
+const le = /* @__PURE__ */ oe({
+  name: "FrameworkMenuItem",
+  __name: "FrameworkMenuItem",
+  props: {
+    item: {},
+    resolveExternalMenuHref: { type: Function }
+  },
+  setup(e) {
+    const o = e, r = {
+      api: se,
+      avatar: Le,
+      connection: se,
+      document: Ue,
+      grid: $e,
+      key: ae,
+      list: Ie,
+      lock: he,
+      menu: Y,
+      "office-building": Me,
+      overview: Ee,
+      shield: ae,
+      tickets: Ae,
+      user: Ce,
+      users: Se
+    }, s = B(() => {
+      const u = o.item.icon?.toLowerCase();
+      return u ? r[u] || Y : Y;
+    }), t = B(() => ne(o.item)), l = B(() => o.resolveExternalMenuHref?.(o.item) ?? null);
+    return (u, f) => {
+      const c = C("el-icon"), b = C("FrameworkMenuItem", !0), h = C("el-sub-menu"), k = C("el-menu-item");
+      return e.item.children.length ? (i(), T(h, {
+        key: 0,
+        index: t.value
+      }, {
+        title: m(() => [
+          v(c, null, {
+            default: m(() => [
+              (i(), T(G(s.value)))
+            ]),
+            _: 1
+          }),
+          d("span", null, E(e.item.name), 1)
+        ]),
+        default: m(() => [
+          (i(!0), p(j, null, W(e.item.children, (_) => (i(), T(b, {
+            key: `${_.applicationCode}:${_.menuCode}`,
+            item: _,
+            "resolve-external-menu-href": e.resolveExternalMenuHref
+          }, null, 8, ["item", "resolve-external-menu-href"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["index"])) : e.item.route ? (i(), T(k, {
+        key: 1,
+        index: t.value,
+        disabled: l.value === "",
+        title: l.value === "" ? "跨应用菜单缺少有效域名或路径" : l.value || void 0
+      }, {
+        title: m(() => [
+          z(E(e.item.name), 1)
+        ]),
+        default: m(() => [
+          v(c, null, {
+            default: m(() => [
+              (i(), T(G(s.value)))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["index", "disabled", "title"])) : (i(), T(k, {
+        key: 2,
+        index: t.value,
+        disabled: ""
+      }, {
+        title: m(() => [
+          z(E(e.item.name), 1)
+        ]),
+        default: m(() => [
+          v(c, null, {
+            default: m(() => [
+              (i(), T(G(s.value)))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["index"]));
+    };
+  }
+});
+function ee(e) {
+  if (!Array.isArray(e)) return [];
+  const o = /* @__PURE__ */ new Set();
+  return e.flatMap((r) => {
+    if (!r || typeof r != "object") return [];
+    const s = "path" in r && typeof r.path == "string" ? r.path : "", t = "title" in r && typeof r.title == "string" ? r.title : "";
+    return !je(s) || !t.trim() || o.has(s) ? [] : (o.add(s), [{ path: s, title: t.trim() }]);
+  });
+}
+function Pe(e, o, r) {
+  const s = ee(e), t = s.findIndex((f) => f.path === o.path), l = t >= 0 ? s.map((f, c) => c === t ? o : f) : [...s, o], u = Math.max(1, r);
+  for (; l.length > u; ) {
+    const f = l.findIndex((c) => c.path !== o.path);
+    if (f < 0) break;
+    l.splice(f, 1);
+  }
+  return l;
+}
+function De(e, o, r) {
+  const s = ee(e), t = s.findIndex((f) => f.path === o);
+  if (t < 0 || s.length <= 1)
+    return { tabs: s, navigateTo: null };
+  const l = s.filter((f) => f.path !== o);
+  if (o !== r) return { tabs: l, navigateTo: null };
+  const u = l[Math.min(t, l.length - 1)];
+  return { tabs: l, navigateTo: u?.path || null };
+}
+function Je(e, o) {
+  const r = ee(e).find((s) => s.path === o);
+  return r ? [r] : [];
+}
+function je(e) {
+  return e.startsWith("/") && !e.startsWith("//");
+}
+const We = { class: "saf-sidebar saf-desktop-sidebar" }, Ge = { class: "saf-brand-mark" }, Qe = { key: 0 }, Xe = { key: 0 }, Ye = { class: "saf-sidebar-nav" }, Ze = { key: 0 }, et = ["title"], tt = { key: 2 }, nt = { class: "saf-sidebar-footer" }, ot = { key: 0 }, rt = ["title"], at = { key: 0 }, st = { class: "saf-main-shell" }, it = { class: "saf-topbar" }, lt = { class: "saf-topbar-context" }, ct = { class: "saf-topbar-actions" }, ut = {
+  key: 1,
+  class: "saf-topbar-divider"
+}, dt = { class: "saf-operator" }, ft = { class: "saf-page-tabs" }, mt = { class: "saf-page-tabs__scroller" }, ht = ["onClick"], vt = { class: "saf-content-frame" }, gt = { class: "saf-workspace" }, wt = {
+  key: 0,
+  class: "saf-route-breadcrumbs"
+}, yt = { class: "saf-sidebar saf-mobile-sidebar" }, pt = { class: "saf-brand" }, bt = { class: "saf-brand-mark" }, _t = { key: 0 }, kt = { class: "saf-sidebar-nav" }, xt = {
+  key: 1,
+  class: "saf-nav-feedback"
+}, Tt = /* @__PURE__ */ oe({
+  __name: "AdminFrameworkLayout",
+  props: {
+    brandName: {},
+    brandSubtitle: { default: "" },
+    consoleName: { default: "管理控制台" },
+    menus: {},
+    resolveExternalMenuHref: { type: Function, default: void 0 },
+    navigationLoaded: { type: Boolean },
+    navigationError: { default: "" },
+    username: { default: "" },
+    loginAccount: { default: "" },
+    initials: { default: "?" },
+    tabStorageKey: { default: "admin_visited_tabs" },
+    maxTabs: { default: 12 },
+    showSettings: { type: Boolean, default: !0 },
+    showNotifications: { type: Boolean, default: !0 }
+  },
+  emits: ["logout", "settings", "notifications"],
+  setup(e, { emit: o }) {
+    const r = e, s = o, t = fe(), l = me(), u = q(!1), f = q(!1), c = q([]), b = q({}), h = q(!0), k = B(() => new Map(
+      Z(r.menus).map((n) => [ne(n), n])
+    )), _ = B(() => Z(r.menus).find(
+      (n) => n.route === t.path && (r.resolveExternalMenuHref?.(n) ?? null) === null
+    )), S = B(() => _.value ? ne(_.value) : ""), A = B(
+      () => _.value ? ve(r.menus, _.value) : []
+    ), R = B(
+      () => _.value?.name || String(t.meta.title || r.consoleName)
+    ), F = B(
+      () => `${t.path}:${b.value[t.path] || 0}`
+    );
+    de(() => {
+      c.value = H(), y();
+    }), re(
+      () => [t.path, t.meta.title, r.menus],
+      y,
+      { deep: !0 }
+    ), re(
+      c,
+      (n) => {
+        typeof window < "u" && window.sessionStorage.setItem(r.tabStorageKey, JSON.stringify(n));
+      },
+      { deep: !0 }
+    );
+    function H() {
+      if (typeof window > "u") return [];
+      try {
+        return ee(
+          JSON.parse(window.sessionStorage.getItem(r.tabStorageKey) || "[]")
+        );
+      } catch {
+        return window.sessionStorage.removeItem(r.tabStorageKey), [];
+      }
+    }
+    function y() {
+      t.name !== "oauth-callback" && (c.value = Pe(
+        c.value,
+        { path: t.path, title: R.value },
+        r.maxTabs
+      ));
+    }
+    async function U(n) {
+      const a = k.value.get(n);
+      if (!a?.route) return;
+      const g = r.resolveExternalMenuHref?.(a) ?? null;
+      if (g !== null) {
+        g && window.location.assign(g), f.value = !1;
+        return;
+      }
+      await N(a.route);
+    }
+    async function N(n) {
+      n !== t.path && await l.push(n), f.value = !1;
+    }
+    async function I(n) {
+      const a = De(c.value, n, t.path);
+      c.value = a.tabs, a.navigateTo && await l.push(a.navigateTo);
+    }
+    function V() {
+      c.value = Je(c.value, t.path);
+    }
+    function K() {
+      V();
+    }
+    async function D() {
+      h.value = !1, b.value = {
+        ...b.value,
+        [t.path]: (b.value[t.path] || 0) + 1
+      }, await Te(), h.value = !0;
+    }
+    function te() {
+      c.value = [], typeof window < "u" && window.sessionStorage.removeItem(r.tabStorageKey), s("logout");
+    }
+    return (n, a) => {
+      const g = C("el-icon"), x = C("el-menu"), $ = C("el-button"), P = C("el-avatar"), J = C("el-dropdown-item"), Q = C("el-dropdown-menu"), ye = C("el-dropdown"), pe = C("RouterView"), be = C("el-drawer");
+      return i(), p("div", {
+        class: X(["saf-shell", { "saf-shell--collapsed": u.value }])
+      }, [
+        d("aside", We, [
+          d("div", {
+            class: X(["saf-brand", { "saf-brand--compact": u.value }])
+          }, [
+            d("span", Ge, [
+              v(g, null, {
+                default: m(() => [
+                  v(M(ie))
+                ]),
+                _: 1
+              })
+            ]),
+            u.value ? L("", !0) : (i(), p("div", Qe, [
+              d("strong", null, E(e.brandName), 1),
+              e.brandSubtitle ? (i(), p("small", Xe, E(e.brandSubtitle), 1)) : L("", !0)
+            ]))
+          ], 2),
+          d("nav", Ye, [
+            e.menus.length ? (i(), T(x, {
+              key: 0,
+              "default-active": S.value,
+              collapse: u.value,
+              "collapse-transition": !1,
+              onSelect: U
+            }, {
+              default: m(() => [
+                (i(!0), p(j, null, W(e.menus, (w) => (i(), T(le, {
+                  key: `${w.applicationCode}:${w.menuCode}`,
+                  item: w,
+                  "resolve-external-menu-href": e.resolveExternalMenuHref
+                }, null, 8, ["item", "resolve-external-menu-href"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["default-active", "collapse"])) : (i(), p("div", {
+              key: 1,
+              class: X(["saf-nav-feedback", { "saf-nav-feedback--compact": u.value }])
+            }, [
+              e.navigationLoaded ? e.navigationError ? (i(), p("span", {
+                key: 1,
+                title: e.navigationError
+              }, "菜单加载失败", 8, et)) : (i(), p("span", tt, "当前账号暂无菜单")) : (i(), p("span", Ze, "正在加载菜单..."))
+            ], 2))
+          ]),
+          d("div", nt, [
+            e.showSettings ? (i(), p("button", {
+              key: 0,
+              type: "button",
+              title: "系统设置",
+              onClick: a[0] || (a[0] = (w) => s("settings"))
+            }, [
+              v(g, null, {
+                default: m(() => [
+                  v(M(Ne))
+                ]),
+                _: 1
+              }),
+              u.value ? L("", !0) : (i(), p("span", ot, "系统设置"))
+            ])) : L("", !0),
+            d("button", {
+              type: "button",
+              title: u.value ? "展开侧栏" : "收起侧栏",
+              onClick: a[1] || (a[1] = (w) => u.value = !u.value)
+            }, [
+              v(g, null, {
+                default: m(() => [
+                  (i(), T(G(u.value ? M(Ve) : M(Oe))))
+                ]),
+                _: 1
+              }),
+              u.value ? L("", !0) : (i(), p("span", at, "收起侧栏"))
+            ], 8, rt)
+          ])
+        ]),
+        d("div", st, [
+          d("header", it, [
+            v($, {
+              class: "saf-mobile-menu-button",
+              text: "",
+              circle: "",
+              icon: M(Y),
+              "aria-label": "打开导航",
+              onClick: a[2] || (a[2] = (w) => f.value = !0)
+            }, null, 8, ["icon"]),
+            d("div", lt, [
+              d("span", null, [
+                v(g, null, {
+                  default: m(() => [
+                    v(M(he))
+                  ]),
+                  _: 1
+                }),
+                z(E(e.consoleName), 1)
+              ]),
+              a[5] || (a[5] = d("i", null, null, -1)),
+              d("strong", null, E(R.value), 1)
+            ]),
+            d("div", ct, [
+              e.showNotifications ? (i(), T($, {
+                key: 0,
+                text: "",
+                circle: "",
+                icon: M(Re),
+                "aria-label": "通知",
+                onClick: a[3] || (a[3] = (w) => s("notifications"))
+              }, null, 8, ["icon"])) : L("", !0),
+              e.showNotifications ? (i(), p("i", ut)) : L("", !0),
+              v(P, { size: 30 }, {
+                default: m(() => [
+                  z(E(e.initials), 1)
+                ]),
+                _: 1
+              }),
+              d("div", dt, [
+                d("strong", null, E(e.username), 1),
+                d("span", null, E(e.loginAccount), 1)
+              ]),
+              v($, {
+                text: "",
+                circle: "",
+                icon: M(Fe),
+                "aria-label": "退出登录",
+                title: "退出登录",
+                onClick: te
+              }, null, 8, ["icon"])
+            ])
+          ]),
+          d("div", ft, [
+            d("div", mt, [
+              (i(!0), p(j, null, W(c.value, (w) => (i(), p("button", {
+                key: w.path,
+                type: "button",
+                class: X(["saf-page-tab", { "saf-page-tab--active": M(t).path === w.path }]),
+                onClick: (_e) => N(w.path)
+              }, [
+                d("span", null, E(w.title), 1),
+                c.value.length > 1 ? (i(), T(g, {
+                  key: 0,
+                  class: "saf-page-tab__close",
+                  title: "关闭",
+                  onClick: ke((_e) => I(w.path), ["stop"])
+                }, {
+                  default: m(() => [
+                    v(M(Be))
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])) : L("", !0)
+              ], 10, ht))), 128))
+            ]),
+            v(ye, { trigger: "click" }, {
+              dropdown: m(() => [
+                v(Q, null, {
+                  default: m(() => [
+                    v(J, {
+                      icon: M(He),
+                      onClick: D
+                    }, {
+                      default: m(() => [...a[6] || (a[6] = [
+                        z(" 刷新当前 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["icon"]),
+                    v(J, {
+                      disabled: c.value.length <= 1,
+                      onClick: V
+                    }, {
+                      default: m(() => [...a[7] || (a[7] = [
+                        z(" 关闭其他 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"]),
+                    v(J, {
+                      disabled: c.value.length <= 1,
+                      divided: "",
+                      onClick: K
+                    }, {
+                      default: m(() => [...a[8] || (a[8] = [
+                        z(" 关闭全部 ", -1)
+                      ])]),
+                      _: 1
+                    }, 8, ["disabled"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: m(() => [
+                v($, {
+                  class: "saf-tab-menu-button",
+                  text: "",
+                  icon: M(ze),
+                  "aria-label": "页签操作"
+                }, null, 8, ["icon"])
+              ]),
+              _: 1
+            })
+          ]),
+          d("div", vt, [
+            d("main", gt, [
+              A.value.length > 1 ? (i(), p("div", wt, [
+                (i(!0), p(j, null, W(A.value, (w) => (i(), p("span", {
+                  key: `${w.applicationCode}:${w.menuCode}`
+                }, E(w.name), 1))), 128))
+              ])) : L("", !0),
+              v(pe, null, {
+                default: m(({ Component: w }) => [
+                  (i(), T(xe, { max: e.maxTabs }, [
+                    h.value ? (i(), T(G(w), { key: F.value })) : L("", !0)
+                  ], 1032, ["max"]))
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        v(be, {
+          modelValue: f.value,
+          "onUpdate:modelValue": a[4] || (a[4] = (w) => f.value = w),
+          direction: "ltr",
+          size: "248px",
+          "with-header": !1,
+          class: "saf-mobile-nav-drawer"
+        }, {
+          default: m(() => [
+            d("aside", yt, [
+              d("div", pt, [
+                d("span", bt, [
+                  v(g, null, {
+                    default: m(() => [
+                      v(M(ie))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                d("div", null, [
+                  d("strong", null, E(e.brandName), 1),
+                  e.brandSubtitle ? (i(), p("small", _t, E(e.brandSubtitle), 1)) : L("", !0)
+                ])
+              ]),
+              d("nav", kt, [
+                e.menus.length ? (i(), T(x, {
+                  key: 0,
+                  "default-active": S.value,
+                  onSelect: U
+                }, {
+                  default: m(() => [
+                    (i(!0), p(j, null, W(e.menus, (w) => (i(), T(le, {
+                      key: `${w.applicationCode}:${w.menuCode}`,
+                      item: w,
+                      "resolve-external-menu-href": e.resolveExternalMenuHref
+                    }, null, 8, ["item", "resolve-external-menu-href"]))), 128))
+                  ]),
+                  _: 1
+                }, 8, ["default-active"])) : (i(), p("div", xt, E(e.navigationError || "当前账号暂无菜单"), 1))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 2);
+    };
+  }
+}), ge = (e, o) => {
+  const r = e.__vccOpts || e;
+  for (const [s, t] of o)
+    r[s] = t;
+  return r;
+}, Ft = /* @__PURE__ */ ge(Tt, [["__scopeId", "data-v-6ef4786f"]]), St = { class: "saf-oauth-callback" }, Ct = {
+  key: 1,
+  class: "saf-oauth-loading"
+}, At = /* @__PURE__ */ oe({
+  __name: "OAuthCallbackView",
+  props: {
+    client: {},
+    retryPath: { default: "/" }
+  },
+  emits: ["completed"],
+  setup(e, { emit: o }) {
+    const r = e, s = o, t = fe(), l = me(), u = q(""), f = q(!1);
+    de(c);
+    async function c() {
+      const h = typeof t.query.code == "string" ? t.query.code : "", k = typeof t.query.state == "string" ? t.query.state : "", _ = typeof t.query.error_description == "string" ? t.query.error_description : typeof t.query.error == "string" ? t.query.error : "";
+      try {
+        if (_) throw new Error(_);
+        if (!h || !k) throw new Error("登录回调缺少 code 或 state。");
+        const S = await r.client.completeLogin(h, k);
+        s("completed", S), await l.replace(S);
+      } catch (S) {
+        u.value = S instanceof Error ? S.message : "登录失败。";
+      }
+    }
+    async function b() {
+      f.value = !0;
+      try {
+        await r.client.beginLogin(r.retryPath);
+      } catch (h) {
+        u.value = h instanceof Error ? h.message : "重新登录失败。", f.value = !1;
+      }
+    }
+    return (h, k) => {
+      const _ = C("el-button"), S = C("el-result"), A = C("el-icon");
+      return i(), p("main", St, [
+        u.value ? (i(), T(S, {
+          key: 0,
+          icon: "error",
+          title: "登录失败",
+          "sub-title": u.value
+        }, {
+          extra: m(() => [
+            v(_, {
+              type: "primary",
+              loading: f.value,
+              onClick: b
+            }, {
+              default: m(() => [...k[0] || (k[0] = [
+                z(" 重新登录 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["loading"])
+          ]),
+          _: 1
+        }, 8, ["sub-title"])) : (i(), p("div", Ct, [
+          v(A, {
+            class: "is-loading",
+            size: 28
+          }, {
+            default: m(() => [
+              v(M(Ke))
+            ]),
+            _: 1
+          }),
+          k[1] || (k[1] = d("span", null, "正在完成登录...", -1))
+        ]))
+      ]);
+    };
+  }
+}), Bt = /* @__PURE__ */ ge(At, [["__scopeId", "data-v-ef3407f8"]]), Et = new Uint32Array([
+  1116352408,
+  1899447441,
+  3049323471,
+  3921009573,
+  961987163,
+  1508970993,
+  2453635748,
+  2870763221,
+  3624381080,
+  310598401,
+  607225278,
+  1426881987,
+  1925078388,
+  2162078206,
+  2614888103,
+  3248222580,
+  3835390401,
+  4022224774,
+  264347078,
+  604807628,
+  770255983,
+  1249150122,
+  1555081692,
+  1996064986,
+  2554220882,
+  2821834349,
+  2952996808,
+  3210313671,
+  3336571891,
+  3584528711,
+  113926993,
+  338241895,
+  666307205,
+  773529912,
+  1294757372,
+  1396182291,
+  1695183700,
+  1986661051,
+  2177026350,
+  2456956037,
+  2730485921,
+  2820302411,
+  3259730800,
+  3345764771,
+  3516065817,
+  3600352804,
+  4094571909,
+  275423344,
+  430227734,
+  506948616,
+  659060556,
+  883997877,
+  958139571,
+  1322822218,
+  1537002063,
+  1747873779,
+  1955562222,
+  2024104815,
+  2227730452,
+  2361852424,
+  2428436474,
+  2756734187,
+  3204031479,
+  3329325298
+]), Mt = new Uint32Array([
+  1779033703,
+  3144134277,
+  1013904242,
+  2773480762,
+  1359893119,
+  2600822924,
+  528734635,
+  1541459225
+]);
+function It(e) {
+  const o = Math.ceil((e.length + 9) / 64) * 64, r = new Uint8Array(o);
+  r.set(e), r[e.length] = 128;
+  const s = BigInt(e.length) * 8n;
+  for (let b = 0; b < 8; b += 1)
+    r[o - 1 - b] = Number(s >> BigInt(b * 8) & 0xffn);
+  const t = new Uint32Array(Mt), l = new Uint32Array(64), u = new DataView(r.buffer);
+  for (let b = 0; b < o; b += 64) {
+    for (let y = 0; y < 16; y += 1)
+      l[y] = u.getUint32(b + y * 4);
+    for (let y = 16; y < 64; y += 1) {
+      const U = l[y - 15], N = l[y - 2], I = O(U, 7) ^ O(U, 18) ^ U >>> 3, V = O(N, 17) ^ O(N, 19) ^ N >>> 10;
+      l[y] = l[y - 16] + I + l[y - 7] + V >>> 0;
+    }
+    let h = t[0], k = t[1], _ = t[2], S = t[3], A = t[4], R = t[5], F = t[6], H = t[7];
+    for (let y = 0; y < 64; y += 1) {
+      const U = O(A, 6) ^ O(A, 11) ^ O(A, 25), N = A & R ^ ~A & F, I = H + U + N + Et[y] + l[y] >>> 0, V = O(h, 2) ^ O(h, 13) ^ O(h, 22), K = h & k ^ h & _ ^ k & _, D = V + K >>> 0;
+      H = F, F = R, R = A, A = S + I >>> 0, S = _, _ = k, k = h, h = I + D >>> 0;
+    }
+    t[0] = t[0] + h >>> 0, t[1] = t[1] + k >>> 0, t[2] = t[2] + _ >>> 0, t[3] = t[3] + S >>> 0, t[4] = t[4] + A >>> 0, t[5] = t[5] + R >>> 0, t[6] = t[6] + F >>> 0, t[7] = t[7] + H >>> 0;
+  }
+  const f = new Uint8Array(32), c = new DataView(f.buffer);
+  return t.forEach((b, h) => c.setUint32(h * 4, b)), f;
+}
+function O(e, o) {
+  return e >>> o | e << 32 - o;
+}
+function zt(e) {
+  const o = e.now || Date.now, r = e.refreshSkewMs ?? 3e4, s = e.transactionLifetimeMs ?? 10 * 6e4, t = e.storageNamespace.trim();
+  if (!t) throw new Error("OAuth storageNamespace 不能为空。");
+  const l = `${t}_oauth_session`, u = `${t}_oauth_transaction`, f = `${t}-oauth-session-changed`;
+  let c = null;
+  function b() {
+    return e.mockMode === !0;
+  }
+  function h() {
+    const n = I(), a = n.getItem(l);
+    if (!a) return null;
+    try {
+      const g = JSON.parse(a);
+      return g.accessToken && g.refreshToken && Number.isFinite(g.expiresAt) ? g : null;
+    } catch {
+      return n.removeItem(l), null;
+    }
+  }
+  function k() {
+    I().removeItem(l), K().dispatchEvent(new Event(f));
+  }
+  function _(n) {
+    const a = K();
+    return a.addEventListener(f, n), () => a.removeEventListener(f, n);
+  }
+  async function S(n = Ut(V())) {
+    if (b()) return;
+    const a = I(), g = V(), x = D(), $ = ue(x, 64), P = ue(x, 32), J = {
+      state: P,
+      verifier: $,
+      redirectUri: e.redirectUri,
+      returnUrl: $t(n, e.defaultReturnUrl),
+      createdAt: o()
+    };
+    a.setItem(u, JSON.stringify(J));
+    const Q = ce(e.authority, "/oauth2/authorize", g.origin);
+    Q.search = new URLSearchParams({
+      response_type: "code",
+      client_id: e.clientId,
+      redirect_uri: e.redirectUri,
+      state: P,
+      code_challenge: await Lt(x, $),
+      code_challenge_method: "S256"
+    }).toString(), g.assign(Q.toString());
+  }
+  async function A(n, a) {
+    const g = I(), x = N();
+    if (g.removeItem(u), !x || x.state !== a || o() - x.createdAt > s)
+      throw new Error("登录状态校验失败，请重新登录。");
+    const $ = await U({
+      grant_type: "authorization_code",
+      client_id: e.clientId,
+      code: n,
+      redirect_uri: x.redirectUri,
+      code_verifier: x.verifier
+    });
+    return y($), x.returnUrl;
+  }
+  async function R() {
+    const n = h();
+    return n ? n.expiresAt > o() + r ? n.accessToken : F() : null;
+  }
+  async function F() {
+    return c || (c = (async () => {
+      const n = h();
+      if (!n) return null;
+      try {
+        const a = await U({
+          grant_type: "refresh_token",
+          client_id: e.clientId,
+          refresh_token: n.refreshToken
+        });
+        return y(a), a.access_token;
+      } catch {
+        return k(), null;
+      }
+    })().finally(() => {
+      c = null;
+    }), c);
+  }
+  function H(n) {
+    try {
+      const a = n.split(".")[1];
+      if (!a) return "";
+      const g = a.replace(/-/g, "+").replace(/_/g, "/"), x = g.padEnd(Math.ceil(g.length / 4) * 4, "=");
+      return JSON.parse(decodeURIComponent(
+        Array.from(atob(x)).map((P) => `%${P.charCodeAt(0).toString(16).padStart(2, "0")}`).join("")
+      )).sub || "";
+    } catch {
+      return "";
+    }
+  }
+  function y(n) {
+    if (n.token_type.toLowerCase() !== "bearer" || !n.access_token || !n.refresh_token || n.expires_in <= 0)
+      throw new Error("用户中心返回的 Token 响应无效。");
+    const a = {
+      accessToken: n.access_token,
+      refreshToken: n.refresh_token,
+      expiresAt: o() + n.expires_in * 1e3
+    };
+    I().setItem(l, JSON.stringify(a)), K().dispatchEvent(new Event(f));
+  }
+  async function U(n) {
+    const a = V(), g = await te()(
+      ce(e.authority, "/oauth2/token", a.origin),
+      {
+        method: "POST",
+        headers: { "Content-Type": "application/x-www-form-urlencoded" },
+        body: new URLSearchParams(n)
+      }
+    ), x = await g.json().catch(() => null);
+    if (!g.ok) {
+      const $ = x;
+      throw new Error(
+        $?.error_description || $?.error || "Token 请求失败。"
+      );
+    }
+    return x;
+  }
+  function N() {
+    const a = I().getItem(u);
+    if (!a) return null;
+    try {
+      return JSON.parse(a);
+    } catch {
+      return null;
+    }
+  }
+  function I() {
+    const n = e.storage || (typeof window > "u" ? void 0 : window.sessionStorage);
+    if (!n) throw new Error("OAuth 客户端缺少 Storage 运行环境。");
+    return n;
+  }
+  function V() {
+    const n = e.location || (typeof window > "u" ? void 0 : window.location);
+    if (!n) throw new Error("OAuth 客户端缺少 Location 运行环境。");
+    return n;
+  }
+  function K() {
+    const n = e.eventTarget || (typeof window > "u" ? void 0 : window);
+    if (!n) throw new Error("OAuth 客户端缺少 EventTarget 运行环境。");
+    return n;
+  }
+  function D() {
+    const n = e.crypto || globalThis.crypto;
+    if (!n) throw new Error("OAuth 客户端缺少 Crypto 运行环境。");
+    return n;
+  }
+  function te() {
+    const n = e.fetcher || globalThis.fetch;
+    if (!n) throw new Error("OAuth 客户端缺少 Fetch 运行环境。");
+    return n;
+  }
+  return {
+    isMockMode: b,
+    getSession: h,
+    clearSession: k,
+    onSessionChanged: _,
+    beginLogin: S,
+    completeLogin: A,
+    getValidAccessToken: R,
+    refreshAccessToken: F,
+    readAccessTokenSubject: H
+  };
+}
+function $t(e, o) {
+  return e.startsWith("/") && !e.startsWith("//") ? e : o;
+}
+function ce(e, o, r) {
+  return new URL(`${e.replace(/\/$/, "")}${o}`, r);
+}
+function Ut(e) {
+  return `${e.pathname}${e.search}${e.hash}`;
+}
+function ue(e, o) {
+  const r = e.getRandomValues(new Uint8Array(o));
+  return we(r);
+}
+async function Lt(e, o) {
+  const r = new TextEncoder().encode(o), s = e.subtle ? new Uint8Array(await e.subtle.digest("SHA-256", r)) : It(r);
+  return we(s);
+}
+function we(e) {
+  let o = "";
+  return e.forEach((r) => {
+    o += String.fromCharCode(r);
+  }), btoa(o).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+export {
+  Ft as AdminFrameworkLayout,
+  le as FrameworkMenuItem,
+  Bt as OAuthCallbackView,
+  De as closeVisitedTab,
+  zt as createOAuthPkceClient,
+  Rt as findMenuByRoute,
+  qe as findMenuTrail,
+  Z as flattenRoutableMenus,
+  ee as normalizeVisitedTabs,
+  Je as retainActiveTab,
+  $t as sanitizeReturnUrl,
+  It as sha256,
+  Pe as upsertVisitedTab
+};

package/dist/menu.d.ts

@@ -0,0 +1,11 @@
+export interface FrameworkMenuNode {
+    applicationCode: string;
+    menuDomain?: string | null;
+    menuCode: string;
+    name: string;
+    route: string | null;
+    icon: string | null;
+    sortOrder: number;
+    apiCodes: string[];
+    children: FrameworkMenuNode[];
+}

package/dist/navigation.d.ts

@@ -0,0 +1,12 @@
+import type { FrameworkMenuNode } from './menu';
+export declare function flattenRoutableMenus(menus: FrameworkMenuNode[]): FrameworkMenuNode[];
+export declare function findMenuTrail(menus: FrameworkMenuNode[], route: string, parents?: FrameworkMenuNode[]): FrameworkMenuNode[];
+export declare function findMenuByRoute(menus: FrameworkMenuNode[], route: string): FrameworkMenuNode | undefined;
+/**
+ * Keeps menu selection unique when different applications share the same route.
+ */
+export declare function menuItemIndex(menu: FrameworkMenuNode): string;
+/**
+ * Resolves a trail by node identity rather than route (which may occur in many apps).
+ */
+export declare function findMenuTrailForItem(menus: FrameworkMenuNode[], target: FrameworkMenuNode, parents?: FrameworkMenuNode[]): FrameworkMenuNode[];

package/dist/oauth.d.ts

@@ -0,0 +1,41 @@
+export interface OAuthSession {
+    accessToken: string;
+    refreshToken: string;
+    expiresAt: number;
+}
+export interface OAuthPkceClient {
+    isMockMode(): boolean;
+    getSession(): OAuthSession | null;
+    clearSession(): void;
+    onSessionChanged(listener: () => void): () => void;
+    beginLogin(returnUrl?: string): Promise<void>;
+    completeLogin(code: string, state: string): Promise<string>;
+    getValidAccessToken(): Promise<string | null>;
+    refreshAccessToken(): Promise<string | null>;
+    readAccessTokenSubject(accessToken: string): string;
+}
+export interface OAuthPkceClientOptions {
+    authority: string;
+    clientId: string;
+    redirectUri: string;
+    defaultReturnUrl: string;
+    storageNamespace: string;
+    mockMode?: boolean;
+    refreshSkewMs?: number;
+    transactionLifetimeMs?: number;
+    storage?: Storage;
+    location?: OAuthLocation;
+    eventTarget?: EventTarget;
+    crypto?: Crypto;
+    fetcher?: typeof fetch;
+    now?: () => number;
+}
+export interface OAuthLocation {
+    origin: string;
+    pathname: string;
+    search: string;
+    hash: string;
+    assign(url: string | URL): void;
+}
+export declare function createOAuthPkceClient(options: OAuthPkceClientOptions): OAuthPkceClient;
+export declare function sanitizeReturnUrl(value: string, fallback: string): string;

package/dist/sha256.d.ts

@@ -0,0 +1 @@
+export declare function sha256(input: Uint8Array): Uint8Array<ArrayBuffer>;

package/dist/style.css

@@ -0,0 +1 @@
+.saf-shell[data-v-6ef4786f]{min-height:100vh;color:#27312d;--saf-sidebar: #1f2926;--saf-sidebar-active: #31443d;--saf-primary: #2f7866;--saf-muted: #78847f}.saf-sidebar[data-v-6ef4786f]{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:236px;flex-direction:column;color:#ccd7d2;background:var(--saf-sidebar);transition:width .2s ease}.saf-shell--collapsed .saf-desktop-sidebar[data-v-6ef4786f]{width:70px}.saf-brand[data-v-6ef4786f]{display:flex;height:76px;flex:0 0 76px;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid #ffffff12}.saf-brand--compact[data-v-6ef4786f]{justify-content:center;padding:0}.saf-brand-mark[data-v-6ef4786f]{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;color:#fff;border-radius:6px;background:#3a846f}.saf-brand-mark .el-icon[data-v-6ef4786f]{font-size:19px}.saf-brand>div[data-v-6ef4786f]{display:grid;min-width:0;gap:3px}.saf-brand strong[data-v-6ef4786f]{overflow:hidden;color:#fff;font-size:14px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.saf-brand small[data-v-6ef4786f]{overflow:hidden;color:#82938c;font-size:12px;letter-spacing:1px;text-overflow:ellipsis;white-space:nowrap}.saf-sidebar-nav[data-v-6ef4786f]{min-height:0;flex:1;padding:14px 10px;overflow-y:auto}.saf-sidebar-nav[data-v-6ef4786f] .el-menu{width:100%;border-right:0;background:transparent;--el-menu-bg-color: transparent;--el-menu-hover-bg-color: #ffffff0b;--el-menu-text-color: #aebdb7;--el-menu-active-color: #fff}.saf-sidebar-nav[data-v-6ef4786f] .el-menu-item,.saf-sidebar-nav[data-v-6ef4786f] .el-sub-menu__title{height:42px;margin-bottom:4px;border-radius:5px;line-height:42px}.saf-sidebar-nav[data-v-6ef4786f] .el-menu-item:hover,.saf-sidebar-nav[data-v-6ef4786f] .el-sub-menu__title:hover{color:#fff}.saf-sidebar-nav[data-v-6ef4786f] .el-menu-item.is-active{background:var(--saf-sidebar-active);box-shadow:inset 3px 0 #56a58d}.saf-sidebar-nav[data-v-6ef4786f] .el-menu-item .el-icon,.saf-sidebar-nav[data-v-6ef4786f] .el-sub-menu__title .el-icon{font-size:18px}.saf-sidebar-nav[data-v-6ef4786f] .el-menu--collapse .el-sub-menu__title,.saf-sidebar-nav[data-v-6ef4786f] .el-menu--collapse .el-menu-item{justify-content:center;padding:0!important}.saf-nav-feedback[data-v-6ef4786f]{padding:14px 12px;color:#8fa099;font-size:14px;line-height:1.6}.saf-nav-feedback--compact[data-v-6ef4786f]{padding-inline:0;text-align:center}.saf-sidebar-footer[data-v-6ef4786f]{display:grid;gap:4px;margin-top:auto;padding:10px;border-top:1px solid #ffffff12}.saf-sidebar-footer button[data-v-6ef4786f]{display:flex;width:100%;height:40px;align-items:center;gap:12px;padding:0 13px;color:#aebdb7;border:0;border-radius:5px;background:transparent;cursor:pointer}.saf-sidebar-footer button[data-v-6ef4786f]:hover{color:#fff;background:#ffffff0b}.saf-sidebar-footer button .el-icon[data-v-6ef4786f]{flex:0 0 auto;font-size:18px}.saf-sidebar-footer button span[data-v-6ef4786f]{font-size:14px;white-space:nowrap}.saf-shell--collapsed .saf-sidebar-footer button[data-v-6ef4786f]{justify-content:center;padding:0}.saf-main-shell[data-v-6ef4786f]{min-width:0;margin-left:236px;transition:margin-left .2s ease}.saf-shell--collapsed .saf-main-shell[data-v-6ef4786f]{margin-left:70px}.saf-topbar[data-v-6ef4786f]{position:sticky;top:0;z-index:20;display:flex;height:56px;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e2e6e4;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.saf-mobile-menu-button[data-v-6ef4786f]{display:none}.saf-topbar-context[data-v-6ef4786f],.saf-topbar-context span[data-v-6ef4786f],.saf-topbar-actions[data-v-6ef4786f]{display:flex;align-items:center}.saf-topbar-context[data-v-6ef4786f]{min-width:0;gap:12px}.saf-topbar-context span[data-v-6ef4786f]{gap:6px;color:var(--saf-muted);font-size:13px;white-space:nowrap}.saf-topbar-context>i[data-v-6ef4786f]{width:1px;height:16px;flex:0 0 auto;background:#dfe4e1}.saf-topbar-context strong[data-v-6ef4786f]{overflow:hidden;color:#36413d;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.saf-topbar-actions[data-v-6ef4786f]{min-width:0;gap:9px}.saf-topbar-divider[data-v-6ef4786f]{width:1px;height:20px;flex:0 0 auto;background:#dfe4e1}.saf-operator[data-v-6ef4786f]{display:grid;min-width:0;gap:2px}.saf-operator strong[data-v-6ef4786f],.saf-operator span[data-v-6ef4786f]{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saf-operator strong[data-v-6ef4786f]{font-size:13px}.saf-operator span[data-v-6ef4786f]{color:var(--saf-muted);font-size:12px}.saf-page-tabs[data-v-6ef4786f]{display:grid;height:36px;grid-template-columns:minmax(0,1fr) 36px;border-bottom:1px solid #dde2df;background:#f8f9f8}.saf-page-tabs__scroller[data-v-6ef4786f]{display:flex;min-width:0;align-items:stretch;gap:2px;padding-left:18px;overflow-x:auto}.saf-page-tab[data-v-6ef4786f]{display:flex;min-width:max-content;align-items:center;gap:7px;padding:0 10px 0 12px;color:#707c77;font-size:13px;border:0;border-bottom:2px solid transparent;background:transparent;cursor:pointer}.saf-page-tab[data-v-6ef4786f]:hover{color:#303b36}.saf-page-tab--active[data-v-6ef4786f]{color:var(--saf-primary);border-bottom-color:var(--saf-primary);background:#fff}.saf-page-tab__close[data-v-6ef4786f]{width:18px;height:18px;justify-content:center;border-radius:3px}.saf-page-tab__close[data-v-6ef4786f]:hover{color:#b84848;background:#f5e8e8}.saf-tab-menu-button[data-v-6ef4786f]{width:36px;height:35px;border-left:1px solid #dde2df;border-radius:0}.saf-content-frame[data-v-6ef4786f]{min-width:0}.saf-workspace[data-v-6ef4786f]{min-width:0;padding:24px 24px 42px}.saf-route-breadcrumbs[data-v-6ef4786f]{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--saf-muted);font-size:14px}.saf-route-breadcrumbs span+span[data-v-6ef4786f]:before{margin-right:8px;color:#aab3af;content:"/"}@media(max-width:860px){.saf-desktop-sidebar[data-v-6ef4786f]{display:none}.saf-main-shell[data-v-6ef4786f],.saf-shell--collapsed .saf-main-shell[data-v-6ef4786f]{margin-left:0}.saf-mobile-menu-button[data-v-6ef4786f]{display:inline-flex;margin-right:6px}.saf-topbar[data-v-6ef4786f]{padding:0 12px}.saf-workspace[data-v-6ef4786f]{padding:20px 14px 34px}.saf-page-tabs__scroller[data-v-6ef4786f]{padding-left:12px}.saf-topbar-context span[data-v-6ef4786f],.saf-topbar-context>i[data-v-6ef4786f],.saf-operator[data-v-6ef4786f],.saf-topbar-divider[data-v-6ef4786f]{display:none}}@media(max-width:480px){.saf-topbar-actions[data-v-6ef4786f]{gap:4px}.saf-topbar-context strong[data-v-6ef4786f]{max-width:130px}}.saf-mobile-nav-drawer .el-drawer__body{padding:0;background:var(--saf-sidebar, #1f2926)}.saf-mobile-nav-drawer .saf-mobile-sidebar{position:static;width:100%;min-height:100%}.saf-oauth-callback[data-v-ef3407f8]{min-height:100vh;display:grid;place-items:center;background:#f4f6f8}.saf-oauth-loading[data-v-ef3407f8]{display:flex;align-items:center;gap:12px;color:#344054;font-size:15px}

package/dist/tabs.d.ts

@@ -0,0 +1,12 @@
+export interface FrameworkTab {
+    path: string;
+    title: string;
+}
+export interface ClosedTabResult {
+    tabs: FrameworkTab[];
+    navigateTo: string | null;
+}
+export declare function normalizeVisitedTabs(value: unknown): FrameworkTab[];
+export declare function upsertVisitedTab(tabs: FrameworkTab[], tab: FrameworkTab, maxTabs: number): FrameworkTab[];
+export declare function closeVisitedTab(tabs: FrameworkTab[], path: string, activePath: string): ClosedTabResult;
+export declare function retainActiveTab(tabs: FrameworkTab[], activePath: string): FrameworkTab[];

package/dist/views/OAuthCallbackView.vue.d.ts

@@ -0,0 +1,14 @@
+import type { OAuthPkceClient } from '../oauth';
+type __VLS_Props = {
+    client: OAuthPkceClient;
+    retryPath?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    completed: (returnUrl: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onCompleted?: ((returnUrl: string) => any) | undefined;
+}>, {
+    retryPath: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@npm.365xs.cn/vue-admin-framework",
+  "version": "0.1.0",
+  "description": "Reusable Vue 3 authentication and admin shell framework for Shinesun applications.",
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css"
+  },
+  "sideEffects": [
+    "./dist/style.css"
+  ],
+  "scripts": {
+    "build": "vite build && vue-tsc -p tsconfig.json --declaration --emitDeclarationOnly",
+    "typecheck": "vue-tsc -p tsconfig.json --noEmit"
+  },
+  "peerDependencies": {
+    "@element-plus/icons-vue": "^2.3.0",
+    "element-plus": "^2.11.0",
+    "vue": "^3.5.0",
+    "vue-router": "^4.5.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "UNLICENSED"
+}