@done-coding/admin-core 0.8.2 → 0.9.0

package/es/bridge/config-hook.mjs

@@ -0,0 +1,37 @@
+import { reactive as e, readonly as r } from "vue";
+function s(o) {
+  const c = e(o.APP_BASE_INFO), _ = e(o.APP_LAYOUT_HEADER_CONFIG), A = e(o.APP_LAYOUT_FOOTER_CONFIG), O = e(o.APP_LAYOUT_SIDEBAR_CONFIG), P = e(o.APP_LAYOUT_BREADCRUMB_CONFIG), t = e(o.APP_LAYOUT_BODY_CONFIG), a = e(o.APP_LAYOUT_VIEWPORT_CONFIG), I = e(o.APP_THEME_CONFIG), F = {
+    APP_BASE_INFO: c,
+    APP_LAYOUT_HEADER_CONFIG: _,
+    APP_LAYOUT_FOOTER_CONFIG: A,
+    APP_LAYOUT_SIDEBAR_CONFIG: O,
+    APP_LAYOUT_BREADCRUMB_CONFIG: P,
+    APP_LAYOUT_BODY_CONFIG: t,
+    APP_LAYOUT_VIEWPORT_CONFIG: a,
+    APP_THEME_CONFIG: I
+  }, T = e({
+    header: _,
+    footer: A,
+    sidebar: O,
+    breadcrumb: P,
+    body: t,
+    viewport: a
+  });
+  return {
+    update: (E, B) => {
+      Object.assign(F[E], B);
+    },
+    roBaseInfo: r(c),
+    roHeader: r(_),
+    roFooter: r(A),
+    roSidebar: r(O),
+    roBreadcrumb: r(P),
+    roBody: r(t),
+    roViewport: r(a),
+    roTheme: r(I),
+    roLayout: r(T)
+  };
+}
+export {
+  s as createBridgeConfigHook
+};

package/es/bridge/index.mjs

@@ -1,104 +1,199 @@
-import { createStorageWithNamespace as a } from "./storage.mjs";
-import { createUseState as c } from "./state.mjs";
-import { createGenerateRouteMetaRawTree as o } from "./route.mjs";
-function l(e) {
-  const F = e.APP_CACHE_CONFIG.namespace;
+import { computed as h } from "vue";
+import { createStorageWithNamespace as G } from "./storage.mjs";
+import { createUseState as d } from "./state.mjs";
+import { createGenerateRouteMetaRawTree as l } from "./route.mjs";
+import { createBridgeConfigHook as L } from "./config-hook.mjs";
+import { createBridgePluginHost as B } from "./plugin.mjs";
+import { createBridgeThemeHook as k } from "./theme.mjs";
+import { ADMIN_BRIDGE_KEY as Y } from "../inject/key.mjs";
+function V(r) {
+  const F = r.APP_CACHE_CONFIG.namespace;
   let _;
   F === "" ? (console.error(
     "[adminBridge] APP_CACHE_CONFIG.namespace 为空，已兜底为 'ADMIN_CORE'"
-  ), _ = "ADMIN_CORE") : _ = F, Object.freeze(e);
-  const g = a(_), C = e.routes, u = e.getUserInfoInitFn, N = e.userInfoAccess, i = c(_), R = o(
-    e.APP_ROUTER_META_DEFAULT_CONFIG
-  ), U = 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 t, P, n, O, T, I, f, E;
-  const A = (r) => `admin bridge: ${r} 未注册`;
-  return {
-    register(r) {
-      r.getToken && (t = r.getToken), r.goToLogin && (P = r.goToLogin), r.refreshToken && (n = r.refreshToken), r.refreshAuth && (O = r.refreshAuth), r.loginApi && (T = r.loginApi), r.logoutApi && (I = r.logoutApi), r.getUserInfoApi && (f = r.getUserInfoApi), r.refreshTokenApi && (E = r.refreshTokenApi);
+  ), _ = "ADMIN_CORE") : _ = F, Object.freeze(r);
+  const a = G(_), u = r.routes, C = r.getUserInfoInitFn, N = r.userInfoAccess, m = d(_), s = l(
+    r.APP_ROUTER_META_DEFAULT_CONFIG
+  ), t = L({
+    APP_BASE_INFO: r.APP_BASE_INFO,
+    APP_THEME_CONFIG: r.APP_THEME_CONFIG,
+    APP_LAYOUT_HEADER_CONFIG: r.APP_LAYOUT_HEADER_CONFIG,
+    APP_LAYOUT_FOOTER_CONFIG: r.APP_LAYOUT_FOOTER_CONFIG,
+    APP_LAYOUT_SIDEBAR_CONFIG: r.APP_LAYOUT_SIDEBAR_CONFIG,
+    APP_LAYOUT_BREADCRUMB_CONFIG: r.APP_LAYOUT_BREADCRUMB_CONFIG,
+    APP_LAYOUT_BODY_CONFIG: r.APP_LAYOUT_BODY_CONFIG,
+    // viewport 边框：app 可整体不传 / 传部分字段，与核内默认四边 0 浅合并补全
+    // （config-hook reactive 入参 [MUST] 全字段非 undefined，故此处合并而非透传）。
+    APP_LAYOUT_VIEWPORT_CONFIG: {
+      paddingTop: 0,
+      paddingRight: 0,
+      paddingBottom: 0,
+      paddingLeft: 0,
+      ...r.APP_LAYOUT_VIEWPORT_CONFIG
+    }
+  }), P = k({
+    initConfig: r.APP_THEME_CONFIG,
+    update: t.update,
+    storage: a
+  }), c = h(
+    () => P.themeIsDark.value ? t.roTheme.dark : t.roTheme.light
+  );
+  let n, o, O, T, I, i, E, f;
+  const A = (e) => `admin bridge: ${e} 未注册`, R = B(), g = {
+    register(e) {
+      e.getToken && (n = e.getToken), e.goToLogin && (o = e.goToLogin), e.refreshToken && (O = e.refreshToken), e.refreshAuth && (T = e.refreshAuth), e.loginApi && (I = e.loginApi), e.logoutApi && (i = e.logoutApi), e.getUserInfoApi && (E = e.getUserInfoApi), e.refreshTokenApi && (f = e.refreshTokenApi);
     },
     // 已注册返回 undefined 是合法业务态不 throw
     // v3 终锁 Δ8b：零参 facade（BR-1 ③ 终裁——core 对 UserInfo 不透明 + 拦截器无 info 源）
     getToken() {
-      if (!t) throw new Error(A("getToken"));
-      return t();
+      if (!n) throw new Error(A("getToken"));
+      return n();
     },
     goToLogin() {
-      if (!P) throw new Error(A("goToLogin"));
-      P();
+      if (!o) throw new Error(A("goToLogin"));
+      o();
     },
     // 异步对：未注册才返回 rejected Promise（既有降级语义保留）。
     refreshToken() {
-      return n ? n().then(() => {
+      return O ? O().then(() => {
       }) : Promise.reject(new Error(A("refreshToken")));
     },
     refreshAuth() {
-      return O ? O().then(() => {
+      return T ? T().then(() => {
       }) : Promise.reject(new Error(A("refreshAuth")));
     },
     getStorage() {
-      return g;
+      return a;
     },
     getRoutes() {
-      return C;
+      return u;
     },
     getUserInfoInitFn() {
-      return u;
+      return C;
     },
-    useState: i,
-    generateRouteMetaRawTree: R,
+    useState: m,
+    generateRouteMetaRawTree: s,
     // ============ #2.5 期 12 readonly 属性值挂载（per ADR-1 sibling pattern 复用 useState / generateRouteMetaRawTree） ============
-    /** 应用基础信息（per #2.5 期 REQ-1 直接挂载形态） */
-    APP_BASE_INFO: e.APP_BASE_INFO,
+    // 插件系统一期：本期 7 字段（BASE_INFO / 5 布局子 / THEME）+ APP_LAYOUT_CONFIG
+    // 改挂 configHook 的 readonly(reactive()) 响应式只读视图——经 bridge.update 跟随。
+    /**
+     * 应用基础信息（**响应式只读视图**，插件系统一期改）。
+     *
+     * 现为 vue `readonly(reactive(...))` 包裹——经 `bridge.update("APP_BASE_INFO", partial)`
+     * 更新后本属性自动跟随。[SHOULD] 在 `computed` / 响应式上下文中读取，[MUST NOT]
+     * 解构或一次性快照取值（`const x = bridge.APP_BASE_INFO.foo` ⚠️ 快照定格，update 后不变）。
+     */
+    APP_BASE_INFO: t.roBaseInfo,
     /** 应用环境信息（per #2.5 期 REQ-1） */
-    APP_ENV_INFO: e.APP_ENV_INFO,
+    APP_ENV_INFO: r.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: U,
+    APP_CACHE_CONFIG: r.APP_CACHE_CONFIG,
+    /**
+     * 应用布局-header 配置（**响应式只读视图**，插件系统一期改）。
+     *
+     * `readonly(reactive(...))` 包裹——`bridge.update("APP_LAYOUT_HEADER_CONFIG", partial)`
+     * 后自动跟随。[SHOULD] 响应式上下文 / `computed` 读取，[MUST NOT] 解构/快照（⚠️ 定格）。
+     */
+    APP_LAYOUT_HEADER_CONFIG: t.roHeader,
+    /**
+     * 应用布局-footer 配置（**响应式只读视图**，插件系统一期改）。
+     *
+     * `readonly(reactive(...))`——`bridge.update("APP_LAYOUT_FOOTER_CONFIG", partial)`
+     * 后跟随。[SHOULD] 响应式上下文读取，[MUST NOT] 解构/快照（⚠️ 定格）。
+     */
+    APP_LAYOUT_FOOTER_CONFIG: t.roFooter,
+    /**
+     * 应用布局-sidebar 配置（**响应式只读视图**，插件系统一期改）。
+     *
+     * `readonly(reactive(...))`——`bridge.update("APP_LAYOUT_SIDEBAR_CONFIG", partial)`
+     * 后跟随（一级浅合并，传 `{width}` 保留 `collapseWidth`）。[SHOULD] 响应式上下文
+     * 读取，[MUST NOT] 解构/快照（⚠️ 定格）。
+     */
+    APP_LAYOUT_SIDEBAR_CONFIG: t.roSidebar,
+    /**
+     * 应用布局-面包屑配置（**响应式只读视图**，插件系统一期改）。
+     *
+     * `readonly(reactive(...))`——`bridge.update("APP_LAYOUT_BREADCRUMB_CONFIG", partial)`
+     * 后跟随。[SHOULD] 响应式上下文读取，[MUST NOT] 解构/快照（⚠️ 定格）。
+     */
+    APP_LAYOUT_BREADCRUMB_CONFIG: t.roBreadcrumb,
+    /**
+     * 应用布局-页面主体配置（**响应式只读视图**，插件系统一期改）。
+     *
+     * `readonly(reactive(...))`——`bridge.update("APP_LAYOUT_BODY_CONFIG", partial)`
+     * 后跟随。[SHOULD] 响应式上下文读取，[MUST NOT] 解构/快照（⚠️ 定格）。
+     */
+    APP_LAYOUT_BODY_CONFIG: t.roBody,
+    /**
+     * 应用布局-视口边框配置（**响应式只读视图**）。
+     *
+     * `readonly(reactive(...))`——`bridge.update("APP_LAYOUT_VIEWPORT_CONFIG", partial)`
+     * 后跟随（一级浅合并，传 `{paddingTop}` 保留其余三边）。store/app 经此派生 viewport
+     * padding 给 Header/Sidebar fixed 锚点 + AppBody calc。[MUST NOT] 解构/快照（⚠️ 定格）。
+     */
+    APP_LAYOUT_VIEWPORT_CONFIG: t.roViewport,
+    /**
+     * 应用布局聚合配置（**响应式只读视图**，插件系统一期改）。
+     *
+     * 聚合 5 子布局配置的响应式只读视图；5 子任一 `update` 后本聚合的对应子字段跟随。
+     * `readonly(reactive({header, footer, sidebar, breadcrumb, body}))`——不再是
+     * `Object.freeze` 静态聚合。[SHOULD] 响应式上下文读取，[MUST NOT] 解构/快照（⚠️ 定格）。
+     */
+    APP_LAYOUT_CONFIG: t.roLayout,
     /** 应用路由元信息默认配置（per #2.5 期 REQ-1） */
-    APP_ROUTER_META_DEFAULT_CONFIG: e.APP_ROUTER_META_DEFAULT_CONFIG,
+    APP_ROUTER_META_DEFAULT_CONFIG: r.APP_ROUTER_META_DEFAULT_CONFIG,
     /** 应用路由配置（per #2.5 期 REQ-1） */
-    APP_ROUTER_CONFIG: e.APP_ROUTER_CONFIG,
+    APP_ROUTER_CONFIG: r.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,
+    APP_ROUTER_PATHS_CONFIG: r.APP_ROUTER_PATHS_CONFIG,
+    /**
+     * 应用主题配置（**响应式只读视图**，插件系统一期改）。
+     *
+     * `readonly(reactive(...))`——`bridge.update("APP_THEME_CONFIG", {light: newLight})`
+     * 一级浅合并整体替换 `light`、保留 `dark`，后自动跟随。[SHOULD] 响应式上下文读取，
+     * [MUST NOT] 解构/快照（⚠️ 定格）。
+     */
+    APP_THEME_CONFIG: t.roTheme,
+    /** 主题模块（架构反转：风格切换真相源在 bridge；插件经 theme.add 注册风格） */
+    theme: P.theme,
+    /** 当前风格名（响应式只读真相源） */
+    themeStyle: P.themeStyle,
+    /** 是否暗色（响应式只读真相源；appStore / 挂值 composable 读此） */
+    themeIsDark: P.themeIsDark,
+    /** 当前生效 JS 主题色（输出 B；MenuTree/布局直读、appStore.theme 转发） */
+    themeColors: c,
     /** 用户信息字段访问器集（第一宪法：业务注入 get/set 读写 token/refreshToken/permission） */
     userInfoAccess: N,
+    // 插件系统一期：update（REQ-1）+ install（REQ-9）挂载。
+    // install 箭头函数闭包引用 bridgeInstance（[MUST NOT] 用 this——strict
+    // noImplicitThis）；provide 整 bridge 自身；零单例（[MUST NOT] globalThis/模块级缓存）。
+    update: t.update,
+    use: (e, U) => R.use({
+      bridge: g,
+      update: t.update,
+      plugin: e,
+      options: U
+    }),
+    install: (e) => (e.provide(Y, g), e),
     // 异步对：未注册返回 rejected 原生 Error（#4a-2 per-method 降级）
-    loginApi(r) {
-      return T ? T(r) : Promise.reject(new Error(A("loginApi")));
+    loginApi(e) {
+      return I ? I(e) : Promise.reject(new Error(A("loginApi")));
     },
     logoutApi() {
-      return I ? I() : Promise.reject(new Error(A("logoutApi")));
+      return i ? i() : Promise.reject(new Error(A("logoutApi")));
     },
     getUserInfoApi() {
-      return f ? f() : Promise.reject(new Error(A("getUserInfoApi")));
+      return E ? E() : Promise.reject(new Error(A("getUserInfoApi")));
     },
-    refreshTokenApi(r) {
-      return E ? E(r) : Promise.reject(new Error(A("refreshTokenApi")));
+    refreshTokenApi(e) {
+      return f ? f(e) : Promise.reject(new Error(A("refreshTokenApi")));
     }
   };
+  return g;
 }
 export {
-  l as createAdminBridge,
-  o as createGenerateRouteMetaRawTree,
-  a as createStorageWithNamespace,
-  c as createUseState
+  V as createAdminBridge,
+  l as createGenerateRouteMetaRawTree,
+  G as createStorageWithNamespace,
+  d as createUseState
 };

package/es/bridge/plugin.mjs

@@ -0,0 +1,29 @@
+import f from "lodash/omit";
+function d() {
+  const i = /* @__PURE__ */ new WeakSet(), o = /* @__PURE__ */ new Set();
+  return { use: (u) => {
+    const { bridge: t, update: l, plugin: n, options: g } = u, s = n, r = typeof n == "function" ? n : n.install, e = typeof n == "function" ? void 0 : n.name;
+    if (typeof r != "function")
+      throw new Error("admin bridge plugin: install must be a function");
+    if (i.has(s) || e && o.has(e))
+      return t;
+    const a = f(t, [
+      "init",
+      "register",
+      "getToken",
+      "goToLogin",
+      "refreshToken",
+      "refreshAuth",
+      "loginApi",
+      "logoutApi",
+      "getUserInfoApi",
+      "refreshTokenApi",
+      "use",
+      "install"
+    ]);
+    return r({ bridge: a, update: l }, g), i.add(s), e && o.add(e), t;
+  } };
+}
+export {
+  d as createBridgePluginHost
+};

package/es/bridge/theme.mjs

@@ -0,0 +1,62 @@
+import { ref as h, readonly as y } from "vue";
+const o = "default", D = "admin-core-theme", I = (t) => ({
+  light: { ...t.light },
+  dark: { ...t.dark }
+}), E = (t, l) => {
+  const s = t.getItem(l);
+  if (!s) return null;
+  try {
+    const r = JSON.parse(s);
+    return r && typeof r == "object" ? r : null;
+  } catch {
+    return null;
+  }
+};
+function A(t) {
+  const l = t.storageKey ?? D, s = /* @__PURE__ */ new Map(), r = h(o), n = h(!1), d = h([]);
+  let f = o;
+  const a = E(t.storage, l);
+  a && (typeof a.themeStyle == "string" && a.themeStyle && (f = a.themeStyle), typeof a.themeIsDark == "boolean" && (n.value = a.themeIsDark));
+  const i = () => {
+    t.storage.setItem(
+      l,
+      JSON.stringify({
+        themeStyle: r.value,
+        themeIsDark: n.value
+      })
+    );
+  }, m = () => {
+    d.value = Array.from(s.keys());
+  }, g = (e) => {
+    t.update("APP_THEME_CONFIG", { light: e.light, dark: e.dark });
+  }, u = (e) => {
+    const c = s.get(e);
+    if (!c) {
+      const k = s.get(o);
+      if (!k) return;
+      g(k), r.value = o, i();
+      return;
+    }
+    g(c), r.value = e, i();
+  }, S = (e) => {
+    n.value = !!e, i();
+  }, p = (e, c) => {
+    s.set(e, I(c)), m(), e === f && r.value !== f && u(e);
+  }, v = (e) => {
+    e !== o && s.delete(e) && (m(), r.value === e && u(o));
+  };
+  return p(o, t.initConfig), {
+    theme: {
+      add: p,
+      remove: v,
+      setStyle: u,
+      setDark: S,
+      list: y(d)
+    },
+    themeStyle: y(r),
+    themeIsDark: y(n)
+  };
+}
+export {
+  A as createBridgeThemeHook
+};

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

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

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

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

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

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

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

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