@done-coding/admin-core 0.12.1 → 0.12.2

package/README.md

@@ -1,48 +1 @@
-# @done-coding/admin-core
-
-```
-后台管理核心
-```
-
-## 使用
-
-```bash
-npm install @done-coding/admin-core
-```
-
-## 进阶用法
-
-### 自定义分页字段（pnpm patch 逃生通道）
-
-`@done-coding/admin-core` 的列表分页 KEY 配置（`APP_API_LIST_MODEL_KEY_CONFIG`）在 core 包内**固化为标准级约定**：
-
-```ts
-{
-  CURRENT_PAGE_KEY: "page.page",
-  PAGE_SIZE_KEY:    "page.pageSize",
-  TOTAL_KEY:        "page.totalRecord",
-  LIST_KEY:         "items",
-}
-```
-
-若消费方后端约定不同（如 `current` / `size` / `total` / `list`），通过 `pnpm patch` 在工具链层重写：
-
-```bash
-# 1. 创建 patch
-pnpm patch @done-coding/admin-core
-
-# 2. 编辑临时目录下 3 个产物文件（必须同步改）
-#    - es/index.mjs        （ESM 运行时）
-#    - lib/index.cjs       （CJS 运行时）
-#    - types/index.d.ts    （as const 字符串字面量类型，必须同步以保 typeof 推导）
-#    将 APP_API_LIST_MODEL_KEY_CONFIG 4 KEY 取值改为消费方约定
-
-# 3. 提交 patch
-pnpm patch-commit <临时目录>
-
-# 4. 重启 dev / 重新 build
-```
-
-**[MUST NOT]** 在业务运行时通过 plugin 配置 / 全局变量 / 工厂函数覆盖 KEY 取值——会让 `typeof KEY_CONFIG` 类型推导失效（编译期常量），等于自废 dot-path 工具能力。
-
-详见 [TECH_SNAPSHOT 已知约束](./docs/TECH_SNAPSHOT.md#22-pnpm-patch-逃生通道)。
+内部维护，暂无公开文档。

package/es/bridge/index.mjs

@@ -1,33 +1,34 @@
-import { computed as s } from "vue";
-import { createStorageWithNamespace as L } from "./storage.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 { computed as L } from "vue";
+import { createStorageWithNamespace as l } from "./storage.mjs";
+import { createUseState as Y } from "./state.mjs";
+import { createGenerateRouteMetaRawTree as B } from "./route.mjs";
+import { createBridgeConfigHook as D } from "./config-hook.mjs";
+import { createBridgePluginHost as k } from "./plugin.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;
+import { createBridgeLayoutHook as H } from "./layout.mjs";
+import { CORE_BRIDGE_KEY as w } from "../inject/key.mjs";
+function x(e) {
+  const C = 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 f = L(P), N = e.routes, h = e.getUserInfoInitFn, m = e.userInfoAccess, d = l(P), U = Y(
+  C === "" ? (console.error(
+    "[coreBridge] APP_CACHE_CONFIG.namespace 为空，已兜底为 'CORE'"
+  ), P = "CORE") : P = C, Object.freeze(e);
+  const O = l(P), h = e.routes, m = e.getUserInfoInitFn, N = e.userInfoAccess, d = Y(P), U = B(
     e.APP_ROUTER_META_DEFAULT_CONFIG
-  ), C = {
+  ), f = {
     // 核内默认宽 0：默认 shell 渲染 AppAside 但不可见、经典 1:1 无右间隙；app/preset 加宽启用。
     width: 0,
     ...e.APP_LAYOUT_ASIDE_CONFIG
   }, u = {
     size: 0,
     ...e.APP_LAYOUT_GAP_CONFIG
-  }, A = B({
+  }, t = D({
     APP_BASE_INFO: e.APP_BASE_INFO,
     APP_THEME_CONFIG: e.APP_THEME_CONFIG,
     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: C,
+    APP_LAYOUT_ASIDE_CONFIG: f,
     APP_LAYOUT_BREADCRUMB_CONFIG: e.APP_LAYOUT_BREADCRUMB_CONFIG,
     APP_LAYOUT_BODY_CONFIG: e.APP_LAYOUT_BODY_CONFIG,
     // viewport 边框：app 可整体不传 / 传部分字段，与核内默认四边 0 浅合并补全
@@ -40,16 +41,16 @@ function v(e) {
       ...e.APP_LAYOUT_VIEWPORT_CONFIG
     },
     APP_LAYOUT_GAP_CONFIG: u
-  }), _ = S({
+  }), A = S({
     initConfig: e.APP_THEME_CONFIG,
-    update: A.update,
+    update: t.update,
     // 布局基线快照（preset 切换基线复位 + 叠加用）。六组布局 config init 值浅快照——
     // viewport 取已合并核内默认四边 0 的完整值（与 configHook 入参口径一致）。
     layoutBaseline: {
       header: { ...e.APP_LAYOUT_HEADER_CONFIG },
       footer: { ...e.APP_LAYOUT_FOOTER_CONFIG },
       sidebar: { ...e.APP_LAYOUT_SIDEBAR_CONFIG },
-      aside: { ...C },
+      aside: { ...f },
       breadcrumb: { ...e.APP_LAYOUT_BREADCRUMB_CONFIG },
       body: { ...e.APP_LAYOUT_BODY_CONFIG },
       viewport: {
@@ -61,43 +62,43 @@ function v(e) {
       },
       gap: { ...u }
     },
-    storage: f,
+    storage: O,
     defaultMode: e.defaultThemeMode
-  }), G = s(
-    () => _.themeIsDark.value ? A.roTheme.dark : A.roTheme.light
+  }), G = H({ storage: O }), c = L(
+    () => A.themeIsDark.value ? t.roTheme.dark : t.roTheme.light
   );
-  let O, o, n, T, I, i, a, F;
-  const t = (r) => `admin bridge: ${r} 未注册`, R = D(), E = {
+  let o, n, T, I, i, a, E, F;
+  const _ = (r) => `admin bridge: ${r} 未注册`, R = k(), g = {
     register(r) {
-      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);
+      r.getToken && (o = r.getToken), r.goToLogin && (n = r.goToLogin), r.refreshToken && (T = r.refreshToken), r.refreshAuth && (I = r.refreshAuth), r.loginApi && (i = r.loginApi), r.logoutApi && (a = r.logoutApi), r.getUserInfoApi && (E = r.getUserInfoApi), r.refreshTokenApi && (F = r.refreshTokenApi);
     },
     // 已注册返回 undefined 是合法业务态不 throw
     // v3 终锁 Δ8b：零参 facade（BR-1 ③ 终裁——core 对 UserInfo 不透明 + 拦截器无 info 源）
     getToken() {
-      if (!O) throw new Error(t("getToken"));
-      return O();
+      if (!o) throw new Error(_("getToken"));
+      return o();
     },
     goToLogin() {
-      if (!o) throw new Error(t("goToLogin"));
-      o();
+      if (!n) throw new Error(_("goToLogin"));
+      n();
     },
     // 异步对：未注册才返回 rejected Promise（既有降级语义保留）。
     refreshToken() {
-      return n ? n().then(() => {
-      }) : Promise.reject(new Error(t("refreshToken")));
+      return T ? T().then(() => {
+      }) : Promise.reject(new Error(_("refreshToken")));
     },
     refreshAuth() {
-      return T ? T().then(() => {
-      }) : Promise.reject(new Error(t("refreshAuth")));
+      return I ? I().then(() => {
+      }) : Promise.reject(new Error(_("refreshAuth")));
     },
     getStorage() {
-      return f;
+      return O;
     },
     getRoutes() {
-      return N;
+      return h;
     },
     getUserInfoInitFn() {
-      return h;
+      return m;
     },
     useState: d,
     generateRouteMetaRawTree: U,
@@ -111,7 +112,7 @@ function v(e) {
      * 更新后本属性自动跟随。[SHOULD] 在 `computed` / 响应式上下文中读取，[MUST NOT]
      * 解构或一次性快照取值（`const x = bridge.APP_BASE_INFO.foo` ⚠️ 快照定格，update 后不变）。
      */
-    APP_BASE_INFO: A.roBaseInfo,
+    APP_BASE_INFO: t.roBaseInfo,
     /** 应用环境信息（per #2.5 期 REQ-1） */
     APP_ENV_INFO: e.APP_ENV_INFO,
     /** 应用缓存配置（per #2.5 期 REQ-1） */
@@ -122,14 +123,14 @@ function v(e) {
      * `readonly(reactive(...))` 包裹——`bridge.update("APP_LAYOUT_HEADER_CONFIG", partial)`
      * 后自动跟随。[SHOULD] 响应式上下文 / `computed` 读取，[MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_LAYOUT_HEADER_CONFIG: A.roHeader,
+    APP_LAYOUT_HEADER_CONFIG: t.roHeader,
     /**
      * 应用布局-footer 配置（**响应式只读视图**，插件系统一期改）。
      *
      * `readonly(reactive(...))`——`bridge.update("APP_LAYOUT_FOOTER_CONFIG", partial)`
      * 后跟随。[SHOULD] 响应式上下文读取，[MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_LAYOUT_FOOTER_CONFIG: A.roFooter,
+    APP_LAYOUT_FOOTER_CONFIG: t.roFooter,
     /**
      * 应用布局-sidebar 配置（**响应式只读视图**，插件系统一期改）。
      *
@@ -137,28 +138,28 @@ function v(e) {
      * 后跟随（一级浅合并，传 `{width}` 保留 `collapseWidth`）。[SHOULD] 响应式上下文
      * 读取，[MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_LAYOUT_SIDEBAR_CONFIG: A.roSidebar,
+    APP_LAYOUT_SIDEBAR_CONFIG: t.roSidebar,
     /**
      * 应用布局-aside 右侧补充区配置（**响应式只读视图**，P1' additive）。
      *
      * `readonly(reactive(...))`——`bridge.update("APP_LAYOUT_ASIDE_CONFIG", partial)` 后跟随。
      * 仅自定义 shell 渲染右侧区时消费；经典布局不读。[MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_LAYOUT_ASIDE_CONFIG: A.roAside,
+    APP_LAYOUT_ASIDE_CONFIG: t.roAside,
     /**
      * 应用布局-面包屑配置（**响应式只读视图**，插件系统一期改）。
      *
      * `readonly(reactive(...))`——`bridge.update("APP_LAYOUT_BREADCRUMB_CONFIG", partial)`
      * 后跟随。[SHOULD] 响应式上下文读取，[MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_LAYOUT_BREADCRUMB_CONFIG: A.roBreadcrumb,
+    APP_LAYOUT_BREADCRUMB_CONFIG: t.roBreadcrumb,
     /**
      * 应用布局-页面主体配置（**响应式只读视图**，插件系统一期改）。
      *
      * `readonly(reactive(...))`——`bridge.update("APP_LAYOUT_BODY_CONFIG", partial)`
      * 后跟随。[SHOULD] 响应式上下文读取，[MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_LAYOUT_BODY_CONFIG: A.roBody,
+    APP_LAYOUT_BODY_CONFIG: t.roBody,
     /**
      * 应用布局-视口边框配置（**响应式只读视图**）。
      *
@@ -166,7 +167,7 @@ function v(e) {
      * 后跟随（一级浅合并，传 `{paddingTop}` 保留其余三边）。store/app 经此派生 viewport
      * padding 给 Header/Sidebar fixed 锚点 + AppBody calc。[MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_LAYOUT_VIEWPORT_CONFIG: A.roViewport,
+    APP_LAYOUT_VIEWPORT_CONFIG: t.roViewport,
     /**
      * 应用布局-模块间距配置（**响应式只读视图**，内缝 gap）。
      *
@@ -174,7 +175,7 @@ function v(e) {
      * 后跟随。store/app 经此派生 gapTop/Left/Right/Bottom 叠加进几何 calc。
      * [MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_LAYOUT_GAP_CONFIG: A.roGap,
+    APP_LAYOUT_GAP_CONFIG: t.roGap,
     /**
      * 应用布局聚合配置（**响应式只读视图**，插件系统一期改）。
      *
@@ -182,7 +183,7 @@ function v(e) {
      * `readonly(reactive({header, footer, sidebar, breadcrumb, body}))`——不再是
      * `Object.freeze` 静态聚合。[SHOULD] 响应式上下文读取，[MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_LAYOUT_CONFIG: A.roLayout,
+    APP_LAYOUT_CONFIG: t.roLayout,
     /** 应用路由元信息默认配置（per #2.5 期 REQ-1） */
     APP_ROUTER_META_DEFAULT_CONFIG: e.APP_ROUTER_META_DEFAULT_CONFIG,
     /** 应用路由配置（per #2.5 期 REQ-1） */
@@ -196,56 +197,58 @@ function v(e) {
      * 一级浅合并整体替换 `light`、保留 `dark`，后自动跟随。[SHOULD] 响应式上下文读取，
      * [MUST NOT] 解构/快照（⚠️ 定格）。
      */
-    APP_THEME_CONFIG: A.roTheme,
+    APP_THEME_CONFIG: t.roTheme,
     /** 主题模块（架构反转：风格切换真相源在 bridge；插件经 theme.add 注册风格） */
-    theme: _.theme,
+    theme: A.theme,
     /** 当前风格名（响应式只读真相源） */
-    themeStyle: _.themeStyle,
+    themeStyle: A.themeStyle,
     /** 明暗模式三态真相源（亮/暗/跟随系统） */
-    themeMode: _.themeMode,
+    themeMode: A.themeMode,
     /** 是否暗色（响应式只读派生；appStore / 挂值 composable 读此） */
-    themeIsDark: _.themeIsDark,
+    themeIsDark: A.themeIsDark,
     /** 当前 preset 的 layout 运行时维度（AppLayout 直读 shell + 分流意图） */
-    themeLayout: _.themeLayout,
-    /** 当前密度档 / 动效档（节奏真相源；useAdminThemeApply 消费，明暗无关） */
-    themeDensity: _.themeDensity,
-    themeMotion: _.themeMotion,
+    themeLayout: A.themeLayout,
+    /** 当前密度档 / 动效档（节奏真相源；useThemeApply 消费，明暗无关） */
+    themeDensity: A.themeDensity,
+    themeMotion: A.themeMotion,
     /** 当前生效 JS 主题色（输出 B；MenuTree/布局直读、appStore.theme 转发） */
-    themeColors: G,
+    themeColors: c,
     /** 是否显示内置风格切换下拉（AppTheme ElSelect）；init 静态值，缺省 true（亮暗恒显） */
     showThemeStyleSwitcher: e.showThemeStyleSwitcher ?? !0,
+    /** 布局折叠模块（折叠真相源在 bridge；appStore 转发，AppSidebar / AppAside 驱动） */
+    layout: G.layout,
     /** 用户信息字段访问器集（第一宪法：业务注入 get/set 读写 token/refreshToken/permission） */
-    userInfoAccess: m,
+    userInfoAccess: N,
     // 插件系统一期：update（REQ-1）+ install（REQ-9）挂载。
     // install 箭头函数闭包引用 bridgeInstance（[MUST NOT] 用 this——strict
     // noImplicitThis）；provide 整 bridge 自身；零单例（[MUST NOT] globalThis/模块级缓存）。
-    update: A.update,
-    use: (r, c) => R.use({
-      bridge: E,
-      update: A.update,
+    update: t.update,
+    use: (r, s) => R.use({
+      bridge: g,
+      update: t.update,
       plugin: r,
-      options: c
+      options: s
     }),
-    install: (r) => (r.provide(k, E), r),
+    install: (r) => (r.provide(w, g), r),
     // 异步对：未注册返回 rejected 原生 Error（#4a-2 per-method 降级）
     loginApi(r) {
-      return I ? I(r) : Promise.reject(new Error(t("loginApi")));
+      return i ? i(r) : Promise.reject(new Error(_("loginApi")));
     },
     logoutApi() {
-      return i ? i() : Promise.reject(new Error(t("logoutApi")));
+      return a ? a() : Promise.reject(new Error(_("logoutApi")));
     },
     getUserInfoApi() {
-      return a ? a() : Promise.reject(new Error(t("getUserInfoApi")));
+      return E ? E() : Promise.reject(new Error(_("getUserInfoApi")));
     },
     refreshTokenApi(r) {
-      return F ? F(r) : Promise.reject(new Error(t("refreshTokenApi")));
+      return F ? F(r) : Promise.reject(new Error(_("refreshTokenApi")));
     }
   };
-  return E;
+  return g;
 }
 export {
-  v as createAdminBridge,
-  Y as createGenerateRouteMetaRawTree,
-  L as createStorageWithNamespace,
-  l as createUseState
+  x as createCoreBridge,
+  B as createGenerateRouteMetaRawTree,
+  l as createStorageWithNamespace,
+  Y as createUseState
 };

package/es/bridge/layout.mjs

@@ -0,0 +1,51 @@
+import { ref as i, readonly as p } from "vue";
+const C = "dc-core-layout";
+function y(a) {
+  const t = a.storageKey ?? C, l = i(a.defaultSidebarCollapsed ?? !1), o = i(a.defaultAsideCollapsed ?? !1);
+  let s = null;
+  try {
+    s = a.storage.getItem(t);
+  } catch {
+    s = null;
+  }
+  if (s)
+    try {
+      const e = JSON.parse(s);
+      typeof (e == null ? void 0 : e.sidebarCollapsed) == "boolean" && (l.value = e.sidebarCollapsed), typeof (e == null ? void 0 : e.asideCollapsed) == "boolean" && (o.value = e.asideCollapsed);
+    } catch {
+    }
+  const d = () => {
+    try {
+      a.storage.setItem(
+        t,
+        JSON.stringify({
+          sidebarCollapsed: l.value,
+          asideCollapsed: o.value
+        })
+      );
+    } catch {
+    }
+  }, r = (e) => {
+    l.value = e, d();
+  }, u = () => {
+    r(!l.value);
+  }, c = (e) => {
+    o.value = e, d();
+  }, n = () => {
+    c(!o.value);
+  };
+  return {
+    layout: {
+      sidebarCollapsed: p(l),
+      asideCollapsed: p(o),
+      setSidebarCollapse: r,
+      toggleSidebar: u,
+      setAsideCollapse: c,
+      toggleAside: n
+    }
+  };
+}
+export {
+  C as DEFAULT_LAYOUT_STORAGE_KEY,
+  y as createBridgeLayoutHook
+};

package/es/bridge/theme/index.mjs

@@ -43,7 +43,7 @@ function re(o) {
       try {
         e({ id: t });
       } catch (s) {
-        console.warn("[admin-theme] lifecycle hook error", s);
+        console.warn("[dc-theme] lifecycle hook error", s);
       }
   }, T = (e) => {
     var G, N;

package/es/bridge/theme/persist.mjs

@@ -1,4 +1,4 @@
-const c = "admin-core-theme", o = (r, n) => {
+const c = "dc-core-theme", o = (r, n) => {
   const e = r.getItem(n);
   if (!e) return null;
   try {

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

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

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

@@ -1,22 +1,39 @@
-import { defineComponent as r, inject as a, computed as n, withDirectives as p, openBlock as i, createElementBlock as l, normalizeStyle as c, renderSlot as d, vShow as m } from "vue";
-import { APP_LAYOUT_APP_STORE_KEY as _ } from "../../inject/key.mjs";
-const h = /* @__PURE__ */ r({
+import { defineComponent as m, inject as a, computed as o, withDirectives as u, openBlock as _, createElementBlock as h, normalizeStyle as i, createElementVNode as p, renderSlot as v, createVNode as A, unref as S, vShow as w } from "vue";
+import f from "./AppCollapseToggle.vue.mjs";
+import { APP_LAYOUT_APP_STORE_KEY as y, APP_LAYOUT_BRIDGE_KEY as P } from "../../inject/key.mjs";
+const E = { class: "app-aside-clip" }, Y = /* @__PURE__ */ m({
   __name: "AppAside",
   props: {
     show: { type: Boolean }
   },
-  setup(e) {
-    const t = a(_), o = n(() => t.asideStyle);
-    return (s, u) => p((i(), l("div", {
+  setup(t) {
+    const e = a(y), n = o(() => e.asideStyle), d = a(P), s = o(() => e.asideIsCollapse), c = o(() => ({
+      width: `${d.APP_LAYOUT_ASIDE_CONFIG.width}px`,
+      opacity: s.value ? 0 : 1
+    }));
+    return (r, l) => u((_(), h("div", {
       class: "app-aside",
-      style: c(o.value)
+      style: i(n.value)
     }, [
-      d(s.$slots, "default", {}, void 0, !0)
+      p("div", E, [
+        p("div", {
+          class: "app-aside-shim",
+          style: i(c.value)
+        }, [
+          v(r.$slots, "default", {}, void 0, !0)
+        ], 4)
+      ]),
+      A(f, {
+        side: "aside",
+        show: t.show,
+        collapse: s.value,
+        onToggle: l[0] || (l[0] = (g) => S(e).changeAsideCollapseStatus(!s.value))
+      }, null, 8, ["show", "collapse"])
     ], 4)), [
-      [m, e.show]
+      [w, t.show]
     ]);
   }
 });
 export {
-  h as default
+  Y as default
 };

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

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

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

@@ -0,0 +1,54 @@
+import { defineComponent as f, computed as s, openBlock as y, createBlock as v, unref as n, withCtx as r, createElementVNode as w, withKeys as i, withModifiers as c, normalizeClass as b, createVNode as p, normalizeStyle as C, createCommentVNode as $ } from "vue";
+import { ElTooltip as B, ElIcon as h } from "element-plus";
+import { ArrowRightBold as k } from "@element-plus/icons-vue";
+const x = ["aria-label"], z = /* @__PURE__ */ f({
+  __name: "AppCollapseToggle",
+  props: {
+    side: {},
+    collapse: { type: Boolean },
+    show: { type: Boolean }
+  },
+  emits: ["toggle"],
+  setup(e, { emit: d }) {
+    const l = e, o = d, g = s(() => l.side === "sidebar" ? "right" : "left"), m = s(() => ({ transform: `rotate(${l.side === "sidebar" ? l.collapse ? 0 : 180 : l.collapse ? 180 : 0}deg)` }));
+    return (u, t) => e.show ? (y(), v(n(B), {
+      key: 0,
+      content: e.collapse ? "展开" : "收起",
+      placement: g.value,
+      "show-after": 200
+    }, {
+      default: r(() => [
+        w("div", {
+          class: b([
+            "dc-collapse-toggle",
+            `dc-collapse-toggle--${e.side}`,
+            "app-collapse-toggle",
+            `app-collapse-toggle--${e.side}`
+          ]),
+          role: "button",
+          tabindex: "0",
+          "aria-label": e.collapse ? "展开" : "收起",
+          onClick: t[0] || (t[0] = (a) => o("toggle")),
+          onKeydown: [
+            t[1] || (t[1] = i(c((a) => o("toggle"), ["prevent"]), ["enter"])),
+            t[2] || (t[2] = i(c((a) => o("toggle"), ["prevent"]), ["space"]))
+          ]
+        }, [
+          p(n(h), null, {
+            default: r(() => [
+              p(n(k), {
+                class: "app-collapse-toggle__icon",
+                style: C(m.value)
+              }, null, 8, ["style"])
+            ]),
+            _: 1
+          })
+        ], 42, x)
+      ]),
+      _: 1
+    }, 8, ["content", "placement"])) : $("", !0);
+  }
+});
+export {
+  z as default
+};

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

@@ -1,7 +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-71b2892d"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8960664d"]]);
 export {
   _ as default
 };

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

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

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

@@ -13,7 +13,7 @@ const D = { class: "app-header-shim" }, O = ["name", "onClick"], R = { class: "a
   },
   setup(c) {
     g((t) => ({
-      v1eee7516: y.value.primaryColor
+      v8834c284: y.value.primaryColor
     }));
     const n = c, _ = d(Y), f = d(b), y = a(() => f.themeColors.value), C = a(() => _.headerStyle), M = T(), u = `app-header-module_${Math.random().toString(36).substring(2)}`, S = a(() => n.menus), l = a({
       get() {

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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-452f511b"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-718c207c"]]);
 export {
-  f as default
+  c as default
 };

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

@@ -6,8 +6,8 @@ import K from "./AppShell.vue.mjs";
 import V from "../modal/ModalShelf.vue.mjs";
 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 { useThemeApply as Q } from "../../hooks/use-theme-apply.mjs";
+import { useViewportApply as X } from "../../hooks/use-viewport-apply.mjs";
 import { flatRouteMetaResolveRaw as Z } from "../../utils/router.mjs";
 import { useMenusDataDispatch as ee } from "../../hooks/menus-dispatch.mjs";
 const ce = /* @__PURE__ */ F({
@@ -27,7 +27,7 @@ const ce = /* @__PURE__ */ F({
     m(j, e.adminBridge), m(q, e.appStore), m(J, e.userStore), Q({
       getThemeConfig: () => e.adminBridge.APP_THEME_CONFIG,
       getThemeIsDark: () => e.adminBridge.themeIsDark.value,
-      // 节奏挂值（density/motion）：喂新响应式源给同一挂值钩子，注入独立 admin-core-rhythm <style>
+      // 节奏挂值（density/motion）：喂新响应式源给同一挂值钩子，注入独立 dc-core-rhythm <style>
       getThemeDensity: () => e.adminBridge.themeDensity.value,
       getThemeMotion: () => e.adminBridge.themeMotion.value
     }), X({

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

@@ -1,7 +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-1dee248d"]]);
+const d = /* @__PURE__ */ p(o, [["__scopeId", "data-v-7dc1d7e7"]]);
 export {
-  a as default
+  d as default
 };