@done-coding/admin-core 0.3.1-alpha.0 → 0.5.0

package/es/bridge/index.mjs

@@ -1,59 +1,115 @@
-function F(n) {
-  let h = n.appConfig, l = n.storage, c = n.routes, T = n.userInfoAccess, I = n.getUserInfoInitFn, t, i, g, o, f, u, s, A;
-  const r = (e) => `admin bridge: ${e} 未注册`;
+import { createStorageWithNamespace as u } from "./storage.mjs";
+import { createUseState as a } from "./state.mjs";
+import { createGenerateRouteMetaRawTree as L } from "./route.mjs";
+function l(e) {
+  const n = e.APP_CACHE_CONFIG.namespace;
+  let _;
+  n === "" ? (console.error(
+    "[adminBridge] APP_CACHE_CONFIG.namespace 为空，已兜底为 'ADMIN_CORE'"
+  ), _ = "ADMIN_CORE") : _ = n, Object.freeze(e);
+  let N = u(_), f = e.routes, g = e.getUserInfoInitFn;
+  const U = a(_), R = L(
+    e.APP_ROUTER_META_DEFAULT_CONFIG
+  ), G = Object.freeze({
+    header: e.APP_LAYOUT_HEADER_CONFIG,
+    footer: e.APP_LAYOUT_FOOTER_CONFIG,
+    sidebar: e.APP_LAYOUT_SIDEBAR_CONFIG,
+    breadcrumb: e.APP_LAYOUT_BREADCRUMB_CONFIG,
+    body: e.APP_LAYOUT_BODY_CONFIG
+  });
+  let P, O, T, t, E, I, F, C;
+  const A = (r) => `admin bridge: ${r} 未注册`;
   return {
-    register(e) {
-      e.getToken && (t = e.getToken), e.goToLogin && (i = e.goToLogin), e.refreshToken && (g = e.refreshToken), e.refreshAuth && (o = e.refreshAuth), e.loginApi && (f = e.loginApi), e.logoutApi && (u = e.logoutApi), e.getUserInfoApi && (s = e.getUserInfoApi), e.refreshTokenApi && (A = e.refreshTokenApi);
+    register(r) {
+      r.getToken && (P = r.getToken), r.goToLogin && (O = r.goToLogin), r.refreshToken && (T = r.refreshToken), r.refreshAuth && (t = r.refreshAuth), r.loginApi && (E = r.loginApi), r.logoutApi && (I = r.logoutApi), r.getUserInfoApi && (F = r.getUserInfoApi), r.refreshTokenApi && (C = r.refreshTokenApi);
     },
     // 已注册返回 undefined 是合法业务态不 throw
     // v3 终锁 Δ8b：零参 facade（BR-1 ③ 终裁——core 对 UserInfo 不透明 + 拦截器无 info 源）
     getToken() {
-      if (!t) throw new Error(r("getToken"));
-      return t();
+      if (!P) throw new Error(A("getToken"));
+      return P();
     },
     goToLogin() {
-      if (!i) throw new Error(r("goToLogin"));
-      i();
+      if (!O) throw new Error(A("goToLogin"));
+      O();
     },
     // 异步对：未注册才返回 rejected Promise（既有降级语义保留）。
     refreshToken() {
-      return g ? g().then(() => {
-      }) : Promise.reject(new Error(r("refreshToken")));
+      return T ? T().then(() => {
+      }) : Promise.reject(new Error(A("refreshToken")));
     },
     refreshAuth() {
-      return o ? o().then(() => {
-      }) : Promise.reject(new Error(r("refreshAuth")));
+      return t ? t().then(() => {
+      }) : Promise.reject(new Error(A("refreshAuth")));
     },
+    // #2.5 期 ADR-4 候选 b：getAppConfig facade 保留 + 内部从 12 readonly 属性组装聚合对象
+    // 每次调用产新对象（多次调用 !== 引用不等），与原 facade 返回 options.appConfig 引用语义不同；
+    // store/app.ts:18 解构后丢弃返回引用，引用相等性不被消费，行为对等 ✅
     getAppConfig() {
-      return h;
+      return Object.freeze({
+        APP_BASE_INFO: e.APP_BASE_INFO,
+        APP_LAYOUT_HEADER_CONFIG: e.APP_LAYOUT_HEADER_CONFIG,
+        APP_LAYOUT_FOOTER_CONFIG: e.APP_LAYOUT_FOOTER_CONFIG,
+        APP_LAYOUT_SIDEBAR_CONFIG: e.APP_LAYOUT_SIDEBAR_CONFIG,
+        APP_LAYOUT_BODY_CONFIG: e.APP_LAYOUT_BODY_CONFIG,
+        APP_THEME_CONFIG: e.APP_THEME_CONFIG,
+        APP_ROUTER_META_DEFAULT_CONFIG: e.APP_ROUTER_META_DEFAULT_CONFIG,
+        APP_CACHE_CONFIG: e.APP_CACHE_CONFIG
+      });
     },
     getStorage() {
-      return l;
+      return N;
     },
     getRoutes() {
-      return c;
-    },
-    getUserInfoAccess() {
-      return T;
+      return f;
     },
     getUserInfoInitFn() {
-      return I;
+      return g;
     },
+    useState: U,
+    generateRouteMetaRawTree: R,
+    // ============ #2.5 期 12 readonly 属性值挂载（per ADR-1 sibling pattern 复用 useState / generateRouteMetaRawTree） ============
+    /** 应用基础信息（per #2.5 期 REQ-1 直接挂载形态） */
+    APP_BASE_INFO: e.APP_BASE_INFO,
+    /** 应用环境信息（per #2.5 期 REQ-1） */
+    APP_ENV_INFO: e.APP_ENV_INFO,
+    /** 应用缓存配置（per #2.5 期 REQ-1） */
+    APP_CACHE_CONFIG: e.APP_CACHE_CONFIG,
+    /** 应用布局-header 配置（per #2.5 期 REQ-1） */
+    APP_LAYOUT_HEADER_CONFIG: e.APP_LAYOUT_HEADER_CONFIG,
+    /** 应用布局-footer 配置（per #2.5 期 REQ-1） */
+    APP_LAYOUT_FOOTER_CONFIG: e.APP_LAYOUT_FOOTER_CONFIG,
+    /** 应用布局-sidebar 配置（per #2.5 期 REQ-1） */
+    APP_LAYOUT_SIDEBAR_CONFIG: e.APP_LAYOUT_SIDEBAR_CONFIG,
+    /** 应用布局-面包屑配置（per #2.5 期 REQ-1） */
+    APP_LAYOUT_BREADCRUMB_CONFIG: e.APP_LAYOUT_BREADCRUMB_CONFIG,
+    /** 应用布局-页面主体配置（per #2.5 期 REQ-1） */
+    APP_LAYOUT_BODY_CONFIG: e.APP_LAYOUT_BODY_CONFIG,
+    /** 应用布局聚合配置（per #2.5 期 ADR-3 bridge 内部聚合派生） */
+    APP_LAYOUT_CONFIG: G,
+    /** 应用路由元信息默认配置（per #2.5 期 REQ-1） */
+    APP_ROUTER_META_DEFAULT_CONFIG: e.APP_ROUTER_META_DEFAULT_CONFIG,
+    /** 应用路由配置（per #2.5 期 REQ-1） */
+    APP_ROUTER_CONFIG: e.APP_ROUTER_CONFIG,
+    /** 应用路由路径配置（per #7.3 期 readonly 挂载） */
+    APP_ROUTER_PATHS_CONFIG: e.APP_ROUTER_PATHS_CONFIG,
+    /** 应用主题配置（per #2.5 期 REQ-1） */
+    APP_THEME_CONFIG: e.APP_THEME_CONFIG,
     // 异步对：未注册返回 rejected 原生 Error（#4a-2 per-method 降级）
-    loginApi(e) {
-      return f ? f(e) : Promise.reject(new Error(r("loginApi")));
+    loginApi(r) {
+      return E ? E(r) : Promise.reject(new Error(A("loginApi")));
     },
     logoutApi() {
-      return u ? u() : Promise.reject(new Error(r("logoutApi")));
+      return I ? I() : Promise.reject(new Error(A("logoutApi")));
     },
     getUserInfoApi() {
-      return s ? s() : Promise.reject(new Error(r("getUserInfoApi")));
+      return F ? F() : Promise.reject(new Error(A("getUserInfoApi")));
     },
-    refreshTokenApi(e) {
-      return A ? A(e) : Promise.reject(new Error(r("refreshTokenApi")));
+    refreshTokenApi(r) {
+      return C ? C(r) : Promise.reject(new Error(A("refreshTokenApi")));
     }
   };
 }
 export {
-  F as createAdminBridge
+  l as createAdminBridge
 };

package/es/components/app-layout/AppBody.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./AppBody.vue2.mjs";
+/* empty css              */
+import p from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = /* @__PURE__ */ p(o, [["__scopeId", "data-v-305d730c"]]);
+export {
+  _ as default
+};

package/es/components/app-layout/AppBody.vue2.mjs

@@ -0,0 +1,89 @@
+import { ElAffix as V } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/affix/style/css";
+import { defineComponent as F, useCssVars as N, unref as t, inject as A, ref as E, provide as H, computed as o, watch as I, resolveComponent as U, openBlock as i, createElementBlock as Y, normalizeStyle as b, createElementVNode as k, createBlock as r, withCtx as P, createVNode as w, createCommentVNode as l, KeepAlive as G, resolveDynamicComponent as S, renderSlot as D } from "vue";
+import $ from "./AppBreadcrumb.vue.mjs";
+import z from "lodash/debounce";
+import { APP_LAYOUT_APP_STORE_KEY as K, APP_LAYOUT_BRIDGE_KEY as M, BODY_CONTENT_VIEWPORT_HEIGHT as j } from "../../inject/key.mjs";
+import { useActivatedExec as W, useActivatedEvent as q } from "../../hooks/activated.mjs";
+const se = /* @__PURE__ */ F({
+  __name: "AppBody",
+  props: {
+    menus: { default: () => [] },
+    menuFlatList: { default: () => [] }
+  },
+  setup(c) {
+    N((e) => ({
+      v078aa5b4: t(a)
+    }));
+    const n = A(K), m = A(M), x = m.APP_LAYOUT_BREADCRUMB_CONFIG, C = m.APP_ROUTER_CONFIG, d = E(!1), u = x.height, p = E(0);
+    H(j, p);
+    const g = o(() => n.bodyShimPadding), f = o(() => n.bodyShimStyle), O = o(() => n.bodyStyle), _ = o(() => n.showBreadcrumb), B = o(() => parseFloat(`${n.bodyStyle.paddingTop ?? 0}`) || 0), a = o(
+      () => `calc(${f.value.minHeight} - ${_.value && d.value ? u : 0}px - ${g.value * 2}px)`
+    ), R = (e) => {
+      d.value = e;
+    }, s = z(() => {
+      const e = document.createElement("div");
+      e.style.height = a.value, e.style.position = "fixed", e.style.left = "100%", e.style.top = "100%", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), p.value = e.clientHeight, e.remove();
+    }, 16);
+    return W(() => {
+      s();
+    }), q(
+      () => {
+        window.addEventListener("resize", s);
+      },
+      () => {
+        window.removeEventListener("resize", s);
+      }
+    ), I(a, () => {
+      s();
+    }), (e, J) => {
+      const T = V, L = U("RouterView");
+      return i(), Y("div", {
+        class: "app-body",
+        style: b(t(O))
+      }, [
+        k("div", {
+          class: "app-body-shim",
+          style: b(t(f))
+        }, [
+          t(_) ? (i(), r(T, {
+            key: 0,
+            offset: t(B)
+          }, {
+            default: P(() => [
+              w($, {
+                menus: c.menus,
+                height: t(u),
+                menuFlatList: c.menuFlatList,
+                onShow: R
+              }, null, 8, ["menus", "height", "menuFlatList"])
+            ]),
+            _: 1
+          }, 8, ["offset"])) : l("", !0),
+          w(L, null, {
+            default: P(({
+              Component: y,
+              route: {
+                path: h,
+                meta: { keepAlive: v }
+              }
+            }) => [
+              (i(), r(G, {
+                max: t(C).keepAliveMaxCount
+              }, [
+                v ? (i(), r(S(y), { key: h })) : l("", !0)
+              ], 1032, ["max"])),
+              v ? l("", !0) : (i(), r(S(y), { key: h }))
+            ]),
+            _: 1
+          })
+        ], 4),
+        D(e.$slots, "footer", {}, void 0, !0)
+      ], 4);
+    };
+  }
+});
+export {
+  se as default
+};

package/es/components/app-layout/AppBreadcrumb.vue.mjs

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

package/es/components/app-layout/AppBreadcrumb.vue2.mjs

@@ -0,0 +1,58 @@
+import { ElBreadcrumb as b, ElBreadcrumbItem as w } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/breadcrumb/style/css";
+import "element-plus/es/components/breadcrumb-item/style/css";
+import { defineComponent as g, computed as o, watch as x, withDirectives as y, openBlock as n, createElementBlock as u, normalizeStyle as E, unref as m, createVNode as k, withCtx as p, Fragment as v, renderList as I, createBlock as F, createTextVNode as L, toDisplayString as S, vShow as A } from "vue";
+import { useRoute as C } from "vue-router";
+const $ = /* @__PURE__ */ g({
+  name: "AppBreadcrumb",
+  __name: "AppBreadcrumb",
+  props: {
+    menus: {},
+    height: {},
+    menuFlatList: {}
+  },
+  emits: ["show"],
+  setup(i, { emit: l }) {
+    const a = i, h = l, d = C(), c = o(() => d.matched.map((t) => a.menuFlatList.find(
+      (e) => e.path === t.path
+    )).filter((t) => t)), s = o(() => c.value.length > 1), _ = o(() => ({
+      height: `${a.height}px`
+    }));
+    return x(
+      s,
+      (t) => {
+        h("show", t);
+      },
+      {
+        immediate: !0
+      }
+    ), (t, f) => {
+      const e = w, B = b;
+      return y((n(), u("div", {
+        class: "app-breadcrumb",
+        style: E(m(_))
+      }, [
+        k(B, { separator: "/" }, {
+          default: p(() => [
+            (n(!0), u(v, null, I(m(c), (r) => (n(), F(e, {
+              key: r.path,
+              to: r.path
+            }, {
+              default: p(() => [
+                L(S(r.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["to"]))), 128))
+          ]),
+          _: 1
+        })
+      ], 4)), [
+        [A, m(s)]
+      ]);
+    };
+  }
+});
+export {
+  $ as default
+};

package/es/components/app-layout/AppFooter.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./AppFooter.vue2.mjs";
+/* empty css                */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-393d9768"]]);
+export {
+  _ as default
+};

package/es/components/app-layout/AppFooter.vue2.mjs

@@ -0,0 +1,17 @@
+import { defineComponent as r, inject as n, computed as p, openBlock as l, createElementBlock as s, normalizeStyle as m, unref as a, createElementVNode as c } from "vue";
+import { APP_LAYOUT_APP_STORE_KEY as f } from "../../inject/key.mjs";
+const S = /* @__PURE__ */ r({
+  __name: "AppFooter",
+  setup(_) {
+    const o = n(f), t = p(() => o.footerStyle);
+    return (i, e) => (l(), s("div", {
+      class: "app-footer",
+      style: m(a(t))
+    }, [...e[0] || (e[0] = [
+      c("div", { class: "app-footer-shim" }, null, -1)
+    ])], 4));
+  }
+});
+export {
+  S as default
+};

package/es/components/app-layout/AppHeader.vue.mjs

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

package/es/components/app-layout/AppHeader.vue2.mjs

@@ -0,0 +1,99 @@
+import { ElIcon as E, ElSwitch as g } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/switch/style/css";
+import "element-plus/es/components/icon/style/css";
+import { defineComponent as w, useCssVars as I, unref as o, inject as B, toRefs as P, computed as m, watch as V, nextTick as $, openBlock as r, createElementBlock as s, normalizeStyle as T, createElementVNode as d, renderSlot as v, normalizeClass as _, Fragment as b, renderList as x, createBlock as f, withCtx as A, resolveDynamicComponent as D, createCommentVNode as y, toDisplayString as L, createVNode as N } from "vue";
+import { Sunny as R, Moon as q } from "@element-plus/icons-vue";
+import { useRouter as z } from "vue-router";
+import { APP_LAYOUT_APP_STORE_KEY as F } from "../../inject/key.mjs";
+const O = { class: "app-header-shim" }, U = ["name", "onClick"], Y = {
+  class: "app-header-userInfo",
+  pl20: ""
+}, ee = /* @__PURE__ */ w({
+  __name: "AppHeader",
+  props: {
+    show: { type: Boolean },
+    menus: { default: () => [] },
+    activeMenu: {},
+    activeModuleMenu: {},
+    menuFlatList: {}
+  },
+  setup(p) {
+    I((e) => ({
+      v4db2d700: o(u).baseColor,
+      v23ceefd3: o(u).primaryColor
+    }));
+    const c = p, i = B(F), { theme: u } = P(i), S = m(() => i.headerStyle), k = z(), h = `app-header-module_${Math.random().toString(36).substring(2)}`, C = m(() => c.menus), l = m({
+      get() {
+        var e;
+        return (e = c.activeModuleMenu) == null ? void 0 : e.path;
+      },
+      set(e) {
+        var n, a;
+        ((a = (n = c.activeMenu) == null ? void 0 : n.parentPathList) == null ? void 0 : a[0]) !== e && k.push(e);
+      }
+    });
+    return V(
+      l,
+      (e) => {
+        e && $(() => {
+          var n, a;
+          (a = (n = document.querySelector(`.${h}`)) == null ? void 0 : n.querySelector(`[name="${e}"]`)) == null || a.scrollIntoView({
+            behavior: "smooth"
+          });
+        });
+      },
+      {
+        immediate: !0
+      }
+    ), (e, n) => {
+      const a = E, M = g;
+      return r(), s("div", {
+        class: "app-header",
+        style: T(o(S))
+      }, [
+        d("div", O, [
+          v(e.$slots, "left", {}, void 0, !0),
+          o(C) ? (r(), s("div", {
+            key: 0,
+            class: _(["app-header-module", h])
+          }, [
+            (r(!0), s(b, null, x(p.menus, (t) => (r(), s("div", {
+              key: t.path,
+              name: t.path,
+              class: _([
+                "app-header-module-item",
+                o(l) === t.path ? "app-header-module-item_active" : ""
+              ]),
+              onClick: (j) => l.value = t.path
+            }, [
+              t.menuIcon ? (r(), f(a, {
+                key: 0,
+                mr2: ""
+              }, {
+                default: A(() => [
+                  (r(), f(D(t.menuIcon)))
+                ]),
+                _: 2
+              }, 1024)) : y("", !0),
+              d("span", null, L(t.title), 1)
+            ], 10, U))), 128))
+          ])) : y("", !0),
+          d("div", Y, [
+            N(M, {
+              "model-value": o(i).isDarkTheme,
+              mr3: "",
+              "active-action-icon": o(q),
+              "inactive-action-icon": o(R),
+              "onUpdate:modelValue": n[0] || (n[0] = (t) => o(i).changeIsDarkTheme(!!t))
+            }, null, 8, ["model-value", "active-action-icon", "inactive-action-icon"]),
+            v(e.$slots, "right", {}, void 0, !0)
+          ])
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  ee as default
+};

package/es/components/app-layout/AppLayout.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./AppLayout.vue2.mjs";
+/* empty css                */
+import t from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2952b5fa"]]);
+export {
+  f as default
+};

package/es/components/app-layout/AppLayout.vue2.mjs

@@ -0,0 +1,130 @@
+import { ElWatermark as F } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/watermark/style/css";
+import { defineComponent as R, provide as l, computed as n, watch as f, openBlock as E, createElementBlock as P, normalizeClass as B, unref as t, createVNode as a, withCtx as r, renderSlot as u } from "vue";
+import H from "./AppBody.vue.mjs";
+import T from "./AppHeader.vue.mjs";
+import k from "./AppFooter.vue.mjs";
+import y from "./AppSidebar.vue.mjs";
+import $ from "../modal/ModalShelf.vue.mjs";
+import { useRoute as C, useRouter as Y } from "vue-router";
+import { APP_LAYOUT_BRIDGE_KEY as K, APP_LAYOUT_APP_STORE_KEY as O, APP_LAYOUT_USER_STORE_KEY as U } from "../../inject/key.mjs";
+import { flatRouteMetaResolveRaw as z } from "../../utils/router.mjs";
+import { useMenusDataDispatch as D } from "../../hooks/menus-dispatch.mjs";
+const te = /* @__PURE__ */ R({
+  __name: "AppLayout",
+  props: {
+    adminBridge: {},
+    appStore: {},
+    userStore: {},
+    watermarkContent: {},
+    sidebarAboveHeader: { type: Boolean, default: !1 }
+  },
+  setup(m) {
+    const o = m, h = {
+      color: "rgba(0,0,0,0.08)",
+      fontSize: 12
+    };
+    l(K, o.adminBridge), l(O, o.appStore), l(U, o.userStore);
+    const p = n(() => o.adminBridge.generateRouteMetaRawTree(
+      o.adminBridge.getRoutes(),
+      {
+        parentPath: "",
+        filterFn: (e, i, d) => e.checkPermission ? e.menuShow && o.userStore.havePermissionByKey(e.permissionKey) : e.menuShow && (!d || i),
+        sortFn: (e, i) => e.menuSort - i.menuSort
+      }
+    )), s = n(() => z(p.value)), {
+      sidebarMenus: c,
+      headerMenus: v,
+      activeMenu: S,
+      activeModuleMenu: _,
+      needRedirectToFirstChildMenu: g
+    } = D({
+      getMenus: () => p.value,
+      getMenuFlatList: () => s.value,
+      getExtractLevel1ToHeader: () => o.appStore.extractLevel1ToHeader
+    }), M = n(() => o.userStore.isLogin), L = n(() => o.appStore.showHeader), b = n(() => o.appStore.showSidebar);
+    f(
+      () => c.value.length,
+      (e) => {
+        o.appStore.changeSidebarHasMenusStatus(!!e);
+      },
+      {
+        immediate: !0
+      }
+    );
+    const w = C(), A = Y();
+    return f(
+      g,
+      (e) => {
+        e && (console.log(`${w.path}需要重定向到${e.path}`), A.replace(e.path));
+      },
+      {
+        immediate: !0
+      }
+    ), (e, i) => {
+      const d = F;
+      return E(), P("div", {
+        class: B(["app-layout", {
+          "app-layout_noLogin": !t(M)
+        }])
+      }, [
+        a(d, {
+          content: m.watermarkContent,
+          font: h,
+          zIndex: 1e4
+        }, {
+          default: r(() => [
+            a(t($), { level: "app" }, {
+              default: r(() => [
+                a(H, {
+                  menus: t(p),
+                  menuFlatList: t(s)
+                }, {
+                  footer: r(() => [
+                    a(k)
+                  ]),
+                  _: 1
+                }, 8, ["menus", "menuFlatList"]),
+                a(y, {
+                  show: t(b),
+                  aboveHeader: m.sidebarAboveHeader,
+                  menus: t(c),
+                  menuFlatList: t(s)
+                }, {
+                  top: r(() => [
+                    u(e.$slots, "sidebar-top", {}, void 0, !0)
+                  ]),
+                  bottom: r(() => [
+                    u(e.$slots, "sidebar-bottom", {}, void 0, !0)
+                  ]),
+                  _: 3
+                }, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
+                a(T, {
+                  show: t(L),
+                  menus: t(v),
+                  activeMenu: t(S),
+                  activeModuleMenu: t(_),
+                  menuFlatList: t(s)
+                }, {
+                  left: r(() => [
+                    u(e.$slots, "header-left", {}, void 0, !0)
+                  ]),
+                  right: r(() => [
+                    u(e.$slots, "header-right", {}, void 0, !0)
+                  ]),
+                  _: 3
+                }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["content"])
+      ], 2);
+    };
+  }
+});
+export {
+  te as default
+};

package/es/components/app-layout/AppPage.vue.mjs

@@ -0,0 +1,7 @@
+import o from "./AppPage.vue2.mjs";
+/* empty css              */
+import p from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ p(o, [["__scopeId", "data-v-fda19616"]]);
+export {
+  f as default
+};

package/es/components/app-layout/AppPage.vue2.mjs

@@ -0,0 +1,39 @@
+import { defineComponent as r, useCssVars as p, computed as l, openBlock as n, createElementBlock as s, normalizeStyle as i, createElementVNode as c, createVNode as u, unref as d, withCtx as f, renderSlot as m } from "vue";
+import g from "../modal/ModalShelf.vue.mjs";
+const h = { class: "app-page-shim" }, _ = "--app-viewport-max-height", w = /* @__PURE__ */ r({
+  name: "AppPage",
+  __name: "AppPage",
+  props: {
+    fullViewport: { type: Boolean, default: !1 },
+    fullMode: { default: "min-height" },
+    nextViewportMaxHeight: { default: "var(--app-viewport-max-height)" },
+    background: {}
+  },
+  setup(a) {
+    p((t) => ({
+      v54888f0e: e.nextViewportMaxHeight
+    }));
+    const e = a, o = l(() => ({
+      background: e.background,
+      ...e.fullViewport ? {
+        [e.fullMode]: `var(${_})`
+      } : {}
+    }));
+    return (t, v) => (n(), s("div", {
+      class: "app-page",
+      style: i(o.value)
+    }, [
+      c("div", h, [
+        u(d(g), { level: "page" }, {
+          default: f(() => [
+            m(t.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        })
+      ])
+    ], 4));
+  }
+});
+export {
+  w as default
+};

package/es/components/app-layout/AppSidebar.vue.mjs

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