@done-coding/admin-core 0.11.0 → 0.12.1

package/es/bridge/index.mjs

@@ -1,24 +1,24 @@
 import { computed as s } from "vue";
 import { createStorageWithNamespace as L } from "./storage.mjs";
-import { createUseState as Y } from "./state.mjs";
-import { createGenerateRouteMetaRawTree as l } from "./route.mjs";
+import { createUseState as l } from "./state.mjs";
+import { createGenerateRouteMetaRawTree as Y } from "./route.mjs";
 import { createBridgeConfigHook as B } from "./config-hook.mjs";
 import { createBridgePluginHost as D } from "./plugin.mjs";
-import { createBridgeThemeHook as k } from "./theme/index.mjs";
-import { ADMIN_BRIDGE_KEY as H } from "../inject/key.mjs";
+import { createBridgeThemeHook as S } from "./theme/index.mjs";
+import { ADMIN_BRIDGE_KEY as k } from "../inject/key.mjs";
 function v(e) {
   const g = e.APP_CACHE_CONFIG.namespace;
   let P;
   g === "" ? (console.error(
     "[adminBridge] APP_CACHE_CONFIG.namespace 为空，已兜底为 'ADMIN_CORE'"
   ), P = "ADMIN_CORE") : P = g, Object.freeze(e);
-  const C = L(P), u = e.routes, U = e.getUserInfoInitFn, d = e.userInfoAccess, G = Y(P), m = l(
+  const f = L(P), N = e.routes, h = e.getUserInfoInitFn, m = e.userInfoAccess, d = l(P), U = Y(
     e.APP_ROUTER_META_DEFAULT_CONFIG
-  ), f = {
+  ), C = {
     // 核内默认宽 0：默认 shell 渲染 AppAside 但不可见、经典 1:1 无右间隙；app/preset 加宽启用。
     width: 0,
     ...e.APP_LAYOUT_ASIDE_CONFIG
-  }, N = {
+  }, u = {
     size: 0,
     ...e.APP_LAYOUT_GAP_CONFIG
   }, A = B({
@@ -27,7 +27,7 @@ function v(e) {
     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_ASIDE_CONFIG: f,
+    APP_LAYOUT_ASIDE_CONFIG: C,
     APP_LAYOUT_BREADCRUMB_CONFIG: e.APP_LAYOUT_BREADCRUMB_CONFIG,
     APP_LAYOUT_BODY_CONFIG: e.APP_LAYOUT_BODY_CONFIG,
     // viewport 边框：app 可整体不传 / 传部分字段，与核内默认四边 0 浅合并补全
@@ -39,8 +39,8 @@ function v(e) {
       paddingLeft: 0,
       ...e.APP_LAYOUT_VIEWPORT_CONFIG
     },
-    APP_LAYOUT_GAP_CONFIG: N
-  }), t = k({
+    APP_LAYOUT_GAP_CONFIG: u
+  }), _ = S({
     initConfig: e.APP_THEME_CONFIG,
     update: A.update,
     // 布局基线快照（preset 切换基线复位 + 叠加用）。六组布局 config init 值浅快照——
@@ -49,7 +49,7 @@ function v(e) {
       header: { ...e.APP_LAYOUT_HEADER_CONFIG },
       footer: { ...e.APP_LAYOUT_FOOTER_CONFIG },
       sidebar: { ...e.APP_LAYOUT_SIDEBAR_CONFIG },
-      aside: { ...f },
+      aside: { ...C },
       breadcrumb: { ...e.APP_LAYOUT_BREADCRUMB_CONFIG },
       body: { ...e.APP_LAYOUT_BODY_CONFIG },
       viewport: {
@@ -59,47 +59,48 @@ function v(e) {
         paddingLeft: 0,
         ...e.APP_LAYOUT_VIEWPORT_CONFIG
       },
-      gap: { ...N }
+      gap: { ...u }
     },
-    storage: C
-  }), R = s(
-    () => t.themeIsDark.value ? A.roTheme.dark : A.roTheme.light
+    storage: f,
+    defaultMode: e.defaultThemeMode
+  }), G = s(
+    () => _.themeIsDark.value ? A.roTheme.dark : A.roTheme.light
   );
-  let O, n, o, I, T, i, F, a;
-  const _ = (r) => `admin bridge: ${r} 未注册`, h = D(), E = {
+  let O, o, n, T, I, i, a, F;
+  const t = (r) => `admin bridge: ${r} 未注册`, R = D(), E = {
     register(r) {
-      r.getToken && (O = r.getToken), r.goToLogin && (n = r.goToLogin), r.refreshToken && (o = r.refreshToken), r.refreshAuth && (I = r.refreshAuth), r.loginApi && (T = r.loginApi), r.logoutApi && (i = r.logoutApi), r.getUserInfoApi && (F = r.getUserInfoApi), r.refreshTokenApi && (a = r.refreshTokenApi);
+      r.getToken && (O = r.getToken), r.goToLogin && (o = r.goToLogin), r.refreshToken && (n = r.refreshToken), r.refreshAuth && (T = r.refreshAuth), r.loginApi && (I = r.loginApi), r.logoutApi && (i = r.logoutApi), r.getUserInfoApi && (a = r.getUserInfoApi), r.refreshTokenApi && (F = r.refreshTokenApi);
     },
     // 已注册返回 undefined 是合法业务态不 throw
     // v3 终锁 Δ8b：零参 facade（BR-1 ③ 终裁——core 对 UserInfo 不透明 + 拦截器无 info 源）
     getToken() {
-      if (!O) throw new Error(_("getToken"));
+      if (!O) throw new Error(t("getToken"));
       return O();
     },
     goToLogin() {
-      if (!n) throw new Error(_("goToLogin"));
-      n();
+      if (!o) throw new Error(t("goToLogin"));
+      o();
     },
     // 异步对：未注册才返回 rejected Promise（既有降级语义保留）。
     refreshToken() {
-      return o ? o().then(() => {
-      }) : Promise.reject(new Error(_("refreshToken")));
+      return n ? n().then(() => {
+      }) : Promise.reject(new Error(t("refreshToken")));
     },
     refreshAuth() {
-      return I ? I().then(() => {
-      }) : Promise.reject(new Error(_("refreshAuth")));
+      return T ? T().then(() => {
+      }) : Promise.reject(new Error(t("refreshAuth")));
     },
     getStorage() {
-      return C;
+      return f;
     },
     getRoutes() {
-      return u;
+      return N;
     },
     getUserInfoInitFn() {
-      return U;
+      return h;
     },
-    useState: G,
-    generateRouteMetaRawTree: m,
+    useState: d,
+    generateRouteMetaRawTree: U,
     // ============ #2.5 期 12 readonly 属性值挂载（per ADR-1 sibling pattern 复用 useState / generateRouteMetaRawTree） ============
     // 插件系统一期：本期 7 字段（BASE_INFO / 5 布局子 / THEME）+ APP_LAYOUT_CONFIG
     // 改挂 configHook 的 readonly(reactive()) 响应式只读视图——经 bridge.update 跟随。
@@ -197,49 +198,54 @@ function v(e) {
      */
     APP_THEME_CONFIG: A.roTheme,
     /** 主题模块（架构反转：风格切换真相源在 bridge；插件经 theme.add 注册风格） */
-    theme: t.theme,
+    theme: _.theme,
     /** 当前风格名（响应式只读真相源） */
-    themeStyle: t.themeStyle,
+    themeStyle: _.themeStyle,
     /** 明暗模式三态真相源（亮/暗/跟随系统） */
-    themeMode: t.themeMode,
+    themeMode: _.themeMode,
     /** 是否暗色（响应式只读派生；appStore / 挂值 composable 读此） */
-    themeIsDark: t.themeIsDark,
+    themeIsDark: _.themeIsDark,
     /** 当前 preset 的 layout 运行时维度（AppLayout 直读 shell + 分流意图） */
-    themeLayout: t.themeLayout,
+    themeLayout: _.themeLayout,
+    /** 当前密度档 / 动效档（节奏真相源；useAdminThemeApply 消费，明暗无关） */
+    themeDensity: _.themeDensity,
+    themeMotion: _.themeMotion,
     /** 当前生效 JS 主题色（输出 B；MenuTree/布局直读、appStore.theme 转发） */
-    themeColors: R,
+    themeColors: G,
+    /** 是否显示内置风格切换下拉（AppTheme ElSelect）；init 静态值，缺省 true（亮暗恒显） */
+    showThemeStyleSwitcher: e.showThemeStyleSwitcher ?? !0,
     /** 用户信息字段访问器集（第一宪法：业务注入 get/set 读写 token/refreshToken/permission） */
-    userInfoAccess: d,
+    userInfoAccess: m,
     // 插件系统一期：update（REQ-1）+ install（REQ-9）挂载。
     // install 箭头函数闭包引用 bridgeInstance（[MUST NOT] 用 this——strict
     // noImplicitThis）；provide 整 bridge 自身；零单例（[MUST NOT] globalThis/模块级缓存）。
     update: A.update,
-    use: (r, c) => h.use({
+    use: (r, c) => R.use({
       bridge: E,
       update: A.update,
       plugin: r,
       options: c
     }),
-    install: (r) => (r.provide(H, E), r),
+    install: (r) => (r.provide(k, E), r),
     // 异步对：未注册返回 rejected 原生 Error（#4a-2 per-method 降级）
     loginApi(r) {
-      return T ? T(r) : Promise.reject(new Error(_("loginApi")));
+      return I ? I(r) : Promise.reject(new Error(t("loginApi")));
     },
     logoutApi() {
-      return i ? i() : Promise.reject(new Error(_("logoutApi")));
+      return i ? i() : Promise.reject(new Error(t("logoutApi")));
     },
     getUserInfoApi() {
-      return F ? F() : Promise.reject(new Error(_("getUserInfoApi")));
+      return a ? a() : Promise.reject(new Error(t("getUserInfoApi")));
     },
     refreshTokenApi(r) {
-      return a ? a(r) : Promise.reject(new Error(_("refreshTokenApi")));
+      return F ? F(r) : Promise.reject(new Error(t("refreshTokenApi")));
     }
   };
   return E;
 }
 export {
   v as createAdminBridge,
-  l as createGenerateRouteMetaRawTree,
+  Y as createGenerateRouteMetaRawTree,
   L as createStorageWithNamespace,
-  Y as createUseState
+  l as createUseState
 };

package/es/bridge/theme/index.mjs

@@ -1,103 +1,117 @@
-import { ref as c, computed as y, readonly as v, markRaw as w } from "vue";
-import { readPersist as H, DEFAULT_STORAGE_KEY as x } from "./persist.mjs";
-import { readSystemPrefersDark as K, watchSystemPrefersDark as V } from "./system-dark.mjs";
-const l = "default", W = "light", J = "默认", j = (s) => ({
-  light: { ...s.light },
-  dark: { ...s.dark }
+import { ref as r, computed as J, readonly as A, markRaw as j } from "vue";
+import { readPersist as q, DEFAULT_STORAGE_KEY as Q } from "./persist.mjs";
+import { readSystemPrefersDark as X, watchSystemPrefersDark as Z } from "./system-dark.mjs";
+const l = "default", $ = "light", ee = "默认", S = "cozy", y = "standard", te = (o) => ({
+  light: { ...o.light },
+  dark: { ...o.dark }
 });
-function X(s) {
-  var F;
-  const u = s.storageKey ?? x, A = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), o = c(l), d = c(W), L = c(K()), G = y(
-    () => d.value === "system" ? L.value : d.value === "dark"
+function re(o) {
+  var k;
+  const g = o.storageKey ?? Q, _ = /* @__PURE__ */ new Map(), O = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), d = r(l), c = r(o.defaultMode ?? $), m = r(X()), R = J(
+    () => c.value === "system" ? m.value : c.value === "dark"
   );
-  V((e) => {
-    L.value = e;
+  Z((e) => {
+    m.value = e;
   });
-  const g = c({
+  const I = r({
     shell: void 0,
     extractLevel1ToHeader: !1
-  }), T = c([]), _ = c({}), f = c({});
-  let O = l;
-  const a = H(s.storage, u);
-  a && (typeof a.themeStyle == "string" && a.themeStyle && (O = a.themeStyle), a.themeMode === "light" || a.themeMode === "dark" || a.themeMode === "system" ? d.value = a.themeMode : typeof a.themeIsDark == "boolean" && (d.value = a.themeIsDark ? "dark" : "light"));
-  const D = () => {
-    s.storage.setItem(
-      u,
+  }), u = r(S), P = r(y), E = r([]), f = r({}), v = r({});
+  let p = l;
+  const a = q(o.storage, g);
+  a && (typeof a.themeStyle == "string" && a.themeStyle && (p = a.themeStyle), a.themeMode === "light" || a.themeMode === "dark" || a.themeMode === "system" ? c.value = a.themeMode : typeof a.themeIsDark == "boolean" && (c.value = a.themeIsDark ? "dark" : "light"));
+  const F = () => {
+    o.storage.setItem(
+      g,
       JSON.stringify({
-        themeStyle: o.value,
-        themeMode: d.value
+        themeStyle: d.value,
+        themeMode: c.value
       })
     );
-  }, m = () => {
-    T.value = Array.from(A.keys());
-  }, Y = (e) => {
-    s.update("APP_THEME_CONFIG", { light: e.light, dark: e.dark });
-  }, M = (e) => {
-    const t = s.layoutBaseline;
-    t && (s.update("APP_LAYOUT_HEADER_CONFIG", { ...t.header }), s.update("APP_LAYOUT_FOOTER_CONFIG", { ...t.footer }), s.update("APP_LAYOUT_SIDEBAR_CONFIG", { ...t.sidebar }), s.update("APP_LAYOUT_ASIDE_CONFIG", { ...t.aside }), s.update("APP_LAYOUT_BREADCRUMB_CONFIG", { ...t.breadcrumb }), s.update("APP_LAYOUT_BODY_CONFIG", { ...t.body }), s.update("APP_LAYOUT_VIEWPORT_CONFIG", { ...t.viewport }), s.update("APP_LAYOUT_GAP_CONFIG", { ...t.gap })), e && (e.header && s.update("APP_LAYOUT_HEADER_CONFIG", e.header), e.footer && s.update("APP_LAYOUT_FOOTER_CONFIG", e.footer), e.sidebar && s.update("APP_LAYOUT_SIDEBAR_CONFIG", e.sidebar), e.aside && s.update("APP_LAYOUT_ASIDE_CONFIG", e.aside), e.breadcrumb && s.update("APP_LAYOUT_BREADCRUMB_CONFIG", e.breadcrumb), e.body && s.update("APP_LAYOUT_BODY_CONFIG", e.body), e.viewport && s.update("APP_LAYOUT_VIEWPORT_CONFIG", e.viewport), e.gap && s.update("APP_LAYOUT_GAP_CONFIG", e.gap)), g.value = {
-      shell: e != null && e.shell ? w(e.shell) : void 0,
+  }, M = () => {
+    E.value = Array.from(_.keys());
+  }, B = (e) => {
+    o.update("APP_THEME_CONFIG", { light: e.light, dark: e.dark });
+  }, w = (e) => {
+    const t = o.layoutBaseline;
+    t && (o.update("APP_LAYOUT_HEADER_CONFIG", { ...t.header }), o.update("APP_LAYOUT_FOOTER_CONFIG", { ...t.footer }), o.update("APP_LAYOUT_SIDEBAR_CONFIG", { ...t.sidebar }), o.update("APP_LAYOUT_ASIDE_CONFIG", { ...t.aside }), o.update("APP_LAYOUT_BREADCRUMB_CONFIG", { ...t.breadcrumb }), o.update("APP_LAYOUT_BODY_CONFIG", { ...t.body }), o.update("APP_LAYOUT_VIEWPORT_CONFIG", { ...t.viewport }), o.update("APP_LAYOUT_GAP_CONFIG", { ...t.gap })), e && (e.header && o.update("APP_LAYOUT_HEADER_CONFIG", e.header), e.footer && o.update("APP_LAYOUT_FOOTER_CONFIG", e.footer), e.sidebar && o.update("APP_LAYOUT_SIDEBAR_CONFIG", e.sidebar), e.aside && o.update("APP_LAYOUT_ASIDE_CONFIG", e.aside), e.breadcrumb && o.update("APP_LAYOUT_BREADCRUMB_CONFIG", e.breadcrumb), e.body && o.update("APP_LAYOUT_BODY_CONFIG", e.body), e.viewport && o.update("APP_LAYOUT_VIEWPORT_CONFIG", e.viewport), e.gap && o.update("APP_LAYOUT_GAP_CONFIG", e.gap)), I.value = {
+      shell: e != null && e.shell ? j(e.shell) : void 0,
       extractLevel1ToHeader: (e == null ? void 0 : e.extractLevel1ToHeader) ?? !1
     };
-  }, n = (e, t) => {
+  }, L = (e, t) => {
     if (e)
       try {
         e({ id: t });
-      } catch (r) {
-        console.warn("[admin-theme] lifecycle hook error", r);
+      } catch (s) {
+        console.warn("[admin-theme] lifecycle hook error", s);
       }
-  }, p = (e) => {
-    var U, k;
-    const t = A.get(e), r = t ? e : l, b = t ?? A.get(l);
-    if (!b) return;
-    const P = o.value;
-    P !== r && (n((U = i.get(P)) == null ? void 0 : U.onDeactivate, P), Y(b), M(h.get(r)), o.value = r, n((k = i.get(r)) == null ? void 0 : k.onActivate, r), D());
-  }, I = (e) => {
-    d.value = e, D();
-  }, N = (e) => {
-    I(e ? "dark" : "light");
-  }, E = (e, t) => {
-    A.set(e, j(t.config)), t.layout ? h.set(e, t.layout) : h.delete(e), t.onActivate || t.onDeactivate ? i.set(e, {
+  }, T = (e) => {
+    var G, N;
+    const t = _.get(e), s = t ? e : l, Y = t ?? _.get(l);
+    if (!Y) return;
+    const D = d.value;
+    if (D === s) return;
+    L((G = i.get(D)) == null ? void 0 : G.onDeactivate, D), B(Y), w(O.get(s));
+    const n = h.get(s);
+    u.value = (n == null ? void 0 : n.density) ?? S, P.value = (n == null ? void 0 : n.motion) ?? y, d.value = s, L((N = i.get(s)) == null ? void 0 : N.onActivate, s), F();
+  }, U = (e) => {
+    c.value = e, F();
+  }, H = (e) => {
+    U(e ? "dark" : "light");
+  }, x = (e) => {
+    u.value = e;
+  }, K = (e) => {
+    P.value = e;
+  }, C = (e, t) => {
+    _.set(e, te(t.config)), t.layout ? O.set(e, t.layout) : O.delete(e), t.onActivate || t.onDeactivate ? i.set(e, {
       onActivate: t.onActivate,
       onDeactivate: t.onDeactivate
-    }) : i.delete(e), _.value = { ..._.value, [e]: t.label ?? e }, t.description !== void 0 && (f.value = {
-      ...f.value,
+    }) : i.delete(e), t.density || t.motion ? h.set(e, {
+      density: t.density,
+      motion: t.motion
+    }) : h.delete(e), f.value = { ...f.value, [e]: t.label ?? e }, t.description !== void 0 && (v.value = {
+      ...v.value,
       [e]: t.description
-    }), m(), e === O && o.value !== O && p(e);
-  }, S = (e) => {
-    if (e === l || !A.delete(e)) return;
-    h.delete(e);
-    const t = { ..._.value };
-    delete t[e], _.value = t;
-    const r = { ...f.value };
-    delete r[e], f.value = r, m(), o.value === e && p(l), i.delete(e);
-  }, R = (e) => _.value[e] ?? e, B = (e) => f.value[e];
-  E(l, {
-    config: s.initConfig,
-    label: J,
+    }), M(), e === p && d.value !== p && T(e);
+  }, V = (e) => {
+    if (e === l || !_.delete(e)) return;
+    O.delete(e), h.delete(e);
+    const t = { ...f.value };
+    delete t[e], f.value = t;
+    const s = { ...v.value };
+    delete s[e], v.value = s, M(), d.value === e && T(l), i.delete(e);
+  }, W = (e) => f.value[e] ?? e, z = (e) => v.value[e];
+  C(l, {
+    config: o.initConfig,
+    label: ee,
     description: {
       suitable: "常规中后台：左 sidebar 主导航 + 顶 header，表单 / 列表密集型管理应用。",
       unsuitable: "需沉浸式边框 / 右侧上下文面板 / 一级模块横向切换的应用（宜用带布局变更的 preset）。"
     }
   });
-  const C = o.value;
-  return n((F = i.get(C)) == null ? void 0 : F.onActivate, C), {
+  const b = d.value;
+  return L((k = i.get(b)) == null ? void 0 : k.onActivate, b), {
     theme: {
-      add: E,
-      remove: S,
-      setStyle: p,
-      setMode: I,
-      setDark: N,
-      list: v(T),
-      labelOf: R,
-      descriptionOf: B
+      add: C,
+      remove: V,
+      setStyle: T,
+      setMode: U,
+      setDark: H,
+      setDensity: x,
+      setMotion: K,
+      list: A(E),
+      labelOf: W,
+      descriptionOf: z
     },
-    themeStyle: v(o),
-    themeMode: v(d),
+    themeStyle: A(d),
+    themeMode: A(c),
     // themeIsDark 为 computed（已只读），直接返回；与 DeepReadonly<Ref<boolean>> 契约相容。
-    themeIsDark: G,
-    themeLayout: v(g)
+    themeIsDark: R,
+    themeLayout: A(I),
+    themeDensity: A(u),
+    themeMotion: A(P)
   };
 }
 export {
-  X as createBridgeThemeHook
+  re as createBridgeThemeHook
 };

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

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

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

@@ -1,15 +1,16 @@
-import { defineComponent as F, provide as m, computed as r, markRaw as H, watch as v, openBlock as s, createElementBlock as f, normalizeClass as O, createVNode as p, unref as a, withCtx as n, createBlock as g, resolveDynamicComponent as S, createSlots as I, normalizeStyle as Y, createCommentVNode as x, renderList as G, renderSlot as $ } from "vue";
-import { ElWatermark as D } from "element-plus";
+import { defineComponent as F, computed as o, provide as m, markRaw as H, watch as v, openBlock as s, createElementBlock as g, normalizeClass as O, createVNode as p, unref as a, withCtx as n, createBlock as f, resolveDynamicComponent as S, createSlots as I, normalizeStyle as D, createCommentVNode as Y, renderList as x, renderSlot as G } from "vue";
+import { ElWatermark as $ } from "element-plus";
 import { useRoute as N, useRouter as U } from "vue-router";
 import z from "./AppBody.vue.mjs";
 import K from "./AppShell.vue.mjs";
 import V from "../modal/ModalShelf.vue.mjs";
-import { APP_LAYOUT_BRIDGE_KEY as W, APP_LAYOUT_APP_STORE_KEY as j, APP_LAYOUT_USER_STORE_KEY as q } from "../../inject/key.mjs";
-import { useAdminThemeApply as J } from "../../hooks/use-admin-theme-apply.mjs";
-import { useAdminViewportApply as Q } from "../../hooks/use-admin-viewport-apply.mjs";
-import { flatRouteMetaResolveRaw as X } from "../../utils/router.mjs";
-import { useMenusDataDispatch as Z } from "../../hooks/menus-dispatch.mjs";
-const me = /* @__PURE__ */ F({
+import { themeScaleToRgba as W } from "../../utils/theme-scale.mjs";
+import { APP_LAYOUT_BRIDGE_KEY as j, APP_LAYOUT_APP_STORE_KEY as q, APP_LAYOUT_USER_STORE_KEY as J } from "../../inject/key.mjs";
+import { useAdminThemeApply as Q } from "../../hooks/use-admin-theme-apply.mjs";
+import { useAdminViewportApply as X } from "../../hooks/use-admin-viewport-apply.mjs";
+import { flatRouteMetaResolveRaw as Z } from "../../utils/router.mjs";
+import { useMenusDataDispatch as ee } from "../../hooks/menus-dispatch.mjs";
+const ce = /* @__PURE__ */ F({
   __name: "AppLayout",
   props: {
     adminBridge: {},
@@ -19,46 +20,49 @@ const me = /* @__PURE__ */ F({
     sidebarAboveHeader: { type: Boolean, default: !1 }
   },
   setup(u) {
-    const e = u, _ = {
-      color: "rgba(0,0,0,0.08)",
+    const e = u, _ = o(() => ({
+      color: W(e.adminBridge.themeColors.value.baseColor, 0.12),
       fontSize: 12
-    };
-    m(W, e.adminBridge), m(j, e.appStore), m(q, e.userStore), J({
+    }));
+    m(j, e.adminBridge), m(q, e.appStore), m(J, e.userStore), Q({
       getThemeConfig: () => e.adminBridge.APP_THEME_CONFIG,
-      getThemeIsDark: () => e.adminBridge.themeIsDark.value
-    }), Q({
+      getThemeIsDark: () => e.adminBridge.themeIsDark.value,
+      // 节奏挂值（density/motion）：喂新响应式源给同一挂值钩子，注入独立 admin-core-rhythm <style>
+      getThemeDensity: () => e.adminBridge.themeDensity.value,
+      getThemeMotion: () => e.adminBridge.themeMotion.value
+    }), X({
       getViewportConfig: () => e.adminBridge.APP_LAYOUT_VIEWPORT_CONFIG,
       getGapConfig: () => e.adminBridge.APP_LAYOUT_GAP_CONFIG
     });
-    const d = r(() => e.adminBridge.generateRouteMetaRawTree(
+    const d = o(() => e.adminBridge.generateRouteMetaRawTree(
       e.adminBridge.getRoutes(),
       {
         parentPath: "",
-        filterFn: (t, i, o) => t.checkPermission ? t.menuShow && e.userStore.havePermissionByKey(t.permissionKey) : t.menuShow && (!o || i),
+        filterFn: (t, i, r) => t.checkPermission ? t.menuShow && e.userStore.havePermissionByKey(t.permissionKey) : t.menuShow && (!r || i),
         sortFn: (t, i) => t.menuSort - i.menuSort
       }
-    )), l = r(() => X(d.value)), {
+    )), l = o(() => Z(d.value)), {
       sidebarMenus: c,
       headerMenus: A,
       activeMenu: M,
-      activeModuleMenu: w,
-      needRedirectToFirstChildMenu: y
-    } = Z({
+      activeModuleMenu: y,
+      needRedirectToFirstChildMenu: w
+    } = ee({
       getMenus: () => d.value,
       getMenuFlatList: () => l.value,
       // 分流意图**纯归布局**（preset.layout.extractLevel1ToHeader，经 themeLayout 暴露）：
       // true 时 1 级路由模块提取到 header（headerMenus 才有内容）、sidebar 显模块下子菜单；
       // 缺省 false → 经典布局（全菜单在 sidebar、headerMenus 空）。appStore 不再持此意图。
       getExtractLevel1ToHeader: () => e.adminBridge.themeLayout.value.extractLevel1ToHeader
-    }), b = H(K), L = r(
+    }), b = H(K), B = o(
       () => e.adminBridge.themeLayout.value.shell ?? b
-    ), P = [
+    ), L = [
       "brand",
       "userEntry",
       "settings",
       "themeSwitcher",
       "aside"
-    ], B = r(() => e.userStore.isLogin), h = r(() => e.appStore.showHeader), C = r(() => e.appStore.showSidebar), T = r(() => ({
+    ], C = o(() => e.userStore.isLogin), h = o(() => e.appStore.showHeader), P = o(() => e.appStore.showSidebar), T = o(() => ({
       position: "fixed",
       top: "0",
       left: "0",
@@ -67,7 +71,7 @@ const me = /* @__PURE__ */ F({
       background: e.adminBridge.themeColors.value.bodyColor,
       zIndex: 1,
       pointerEvents: "none"
-    })), E = r(() => e.appStore.showAside);
+    })), R = o(() => e.appStore.showAside);
     v(
       () => c.value.length,
       (t) => {
@@ -77,59 +81,59 @@ const me = /* @__PURE__ */ F({
         immediate: !0
       }
     );
-    const R = N(), k = U();
+    const E = N(), k = U();
     return v(
-      y,
+      w,
       (t) => {
-        t && (console.log(`${R.path}需要重定向到${t.path}`), k.replace(t.path));
+        t && (console.log(`${E.path}需要重定向到${t.path}`), k.replace(t.path));
       },
       {
         immediate: !0
       }
-    ), (t, i) => (s(), f("div", {
+    ), (t, i) => (s(), g("div", {
       class: O(["app-layout", {
-        "app-layout_noLogin": !B.value
+        "app-layout_noLogin": !C.value
       }])
     }, [
-      p(a(D), {
+      p(a($), {
         content: u.watermarkContent,
-        font: _,
+        font: _.value,
         zIndex: 1e4
       }, {
         default: n(() => [
           p(a(V), { level: "app" }, {
             default: n(() => [
-              (s(), g(S(L.value), {
+              (s(), f(S(B.value), {
                 menus: d.value,
                 menuFlatList: l.value,
                 sidebarMenus: a(c),
                 headerMenus: a(A),
                 activeMenu: a(M),
-                activeModuleMenu: a(w),
+                activeModuleMenu: a(y),
                 showHeader: h.value,
-                showSidebar: C.value,
-                showAside: E.value,
+                showSidebar: P.value,
+                showAside: R.value,
                 sidebarAboveHeader: u.sidebarAboveHeader
               }, I({
-                default: n(({ Footer: o }) => [
+                default: n(({ Footer: r }) => [
                   p(z, { menuFlatList: l.value }, {
                     footer: n(() => [
-                      (s(), g(S(o)))
+                      (s(), f(S(r)))
                     ]),
                     _: 2
                   }, 1032, ["menuFlatList"]),
-                  h.value ? (s(), f("div", {
+                  h.value ? (s(), g("div", {
                     key: 0,
                     class: "app-header-gap-cover",
-                    style: Y(T.value)
-                  }, null, 4)) : x("", !0)
+                    style: D(T.value)
+                  }, null, 4)) : Y("", !0)
                 ]),
                 _: 2
               }, [
-                G(P, (o) => ({
-                  name: o,
+                x(L, (r) => ({
+                  name: r,
                   fn: n(() => [
-                    $(t.$slots, o, {}, void 0, !0)
+                    G(t.$slots, r, {}, void 0, !0)
                   ])
                 }))
               ]), 1032, ["menus", "menuFlatList", "sidebarMenus", "headerMenus", "activeMenu", "activeModuleMenu", "showHeader", "showSidebar", "showAside", "sidebarAboveHeader"]))
@@ -138,10 +142,10 @@ const me = /* @__PURE__ */ F({
           })
         ]),
         _: 3
-      }, 8, ["content"])
+      }, 8, ["content", "font"])
     ], 2));
   }
 });
 export {
-  me as default
+  ce as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./AppTheme.vue2.mjs";
 /* empty css               */
-import p from "../../_virtual/_plugin-vue_export-helper.mjs";
-const r = /* @__PURE__ */ p(o, [["__scopeId", "data-v-89d81e34"]]);
+import e from "../../_virtual/_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e4f0fe3b"]]);
 export {
-  r as default
+  m as default
 };