@done-coding/admin-core 0.10.0 → 0.11.0

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

@@ -1,9 +1,8 @@
-import { defineComponent as S, useCssVars as k, inject as h, computed as r, watch as w, nextTick as A, openBlock as a, createElementBlock as n, normalizeStyle as E, createElementVNode as c, renderSlot as v, normalizeClass as _, Fragment as B, renderList as I, createBlock as f, unref as $, withCtx as b, resolveDynamicComponent as L, createCommentVNode as y, toDisplayString as T, createVNode as V } from "vue";
-import { useRouter as x } from "vue-router";
-import { ElIcon as Y } from "element-plus";
-import D from "./AppTheme.vue.mjs";
-import { APP_LAYOUT_APP_STORE_KEY as N, APP_LAYOUT_BRIDGE_KEY as O } from "../../inject/key.mjs";
-const R = { class: "app-header-shim" }, q = ["name", "onClick"], z = { class: "app-header-userInfo" }, J = /* @__PURE__ */ S({
+import { defineComponent as k, useCssVars as g, inject as d, computed as a, watch as P, nextTick as E, openBlock as r, createElementBlock as s, normalizeStyle as A, createElementVNode as i, renderSlot as p, normalizeClass as m, Fragment as B, renderList as $, createBlock as h, unref as w, withCtx as I, resolveDynamicComponent as L, createCommentVNode as v, toDisplayString as x } from "vue";
+import { useRouter as T } from "vue-router";
+import { ElIcon as V } from "element-plus";
+import { APP_LAYOUT_APP_STORE_KEY as Y, APP_LAYOUT_BRIDGE_KEY as b } from "../../inject/key.mjs";
+const D = { class: "app-header-shim" }, O = ["name", "onClick"], R = { class: "app-header-right" }, U = /* @__PURE__ */ k({
   __name: "AppHeader",
   props: {
     show: { type: Boolean },
@@ -12,30 +11,26 @@ const R = { class: "app-header-shim" }, q = ["name", "onClick"], z = { class: "a
     activeModuleMenu: {},
     menuFlatList: {}
   },
-  setup(u) {
-    k((t) => ({
-      ae6f6fe0: l.value.left,
-      v4782742c: l.value.top,
-      v70971b33: l.value.right,
-      fcf1a792: p.value.baseColor,
-      d3910988: p.value.primaryColor
+  setup(c) {
+    g((t) => ({
+      v1eee7516: y.value.primaryColor
     }));
-    const s = u, d = h(N), C = h(O), p = r(() => C.themeColors.value), g = r(() => d.headerStyle), l = r(() => d.viewportPadding), M = x(), m = `app-header-module_${Math.random().toString(36).substring(2)}`, P = r(() => s.menus), i = r({
+    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() {
         var t;
-        return (t = s.activeModuleMenu) == null ? void 0 : t.path;
+        return (t = n.activeModuleMenu) == null ? void 0 : t.path;
       },
       set(t) {
         var o, e;
-        ((e = (o = s.activeMenu) == null ? void 0 : o.parentPathList) == null ? void 0 : e[0]) !== t && M.push(t);
+        ((e = (o = n.activeMenu) == null ? void 0 : o.parentPathList) == null ? void 0 : e[0]) !== t && M.push(t);
       }
     });
-    return w(
-      i,
+    return P(
+      l,
       (t) => {
-        t && A(() => {
+        t && E(() => {
           var o, e;
-          (e = (o = document.querySelector(`.${m}`)) == null ? void 0 : o.querySelector(`[name="${t}"]`)) == null || e.scrollIntoView({
+          (e = (o = document.querySelector(`.${u}`)) == null ? void 0 : o.querySelector(`[name="${t}"]`)) == null || e.scrollIntoView({
             behavior: "smooth"
           });
         });
@@ -43,45 +38,44 @@ const R = { class: "app-header-shim" }, q = ["name", "onClick"], z = { class: "a
       {
         immediate: !0
       }
-    ), (t, o) => (a(), n("div", {
+    ), (t, o) => (r(), s("div", {
       class: "app-header",
-      style: E(g.value)
+      style: A(C.value)
     }, [
-      c("div", R, [
-        v(t.$slots, "left", {}, void 0, !0),
-        P.value ? (a(), n("div", {
+      i("div", D, [
+        p(t.$slots, "left", {}, void 0, !0),
+        S.value ? (r(), s("div", {
           key: 0,
-          class: _(["app-header-module", m])
+          class: m(["app-header-module", u])
         }, [
-          (a(!0), n(B, null, I(u.menus, (e) => (a(), n("div", {
+          (r(!0), s(B, null, $(c.menus, (e) => (r(), s("div", {
             key: e.path,
             name: e.path,
-            class: _([
+            class: m([
               "app-header-module-item",
-              i.value === e.path ? "app-header-module-item_active" : ""
+              l.value === e.path ? "app-header-module-item_active" : ""
             ]),
-            onClick: (F) => i.value = e.path
+            onClick: (q) => l.value = e.path
           }, [
-            e.menuIcon ? (a(), f($(Y), {
+            e.menuIcon ? (r(), h(w(V), {
               key: 0,
               class: "app-header-module-item__icon"
             }, {
-              default: b(() => [
-                (a(), f(L(e.menuIcon)))
+              default: I(() => [
+                (r(), h(L(e.menuIcon)))
               ]),
               _: 2
-            }, 1024)) : y("", !0),
-            c("span", null, T(e.title), 1)
-          ], 10, q))), 128))
-        ])) : y("", !0),
-        c("div", z, [
-          V(D),
-          v(t.$slots, "right", {}, void 0, !0)
+            }, 1024)) : v("", !0),
+            i("span", null, x(e.title), 1)
+          ], 10, O))), 128))
+        ])) : v("", !0),
+        i("div", R, [
+          p(t.$slots, "right", {}, void 0, !0)
         ])
       ])
     ], 4));
   }
 });
 export {
-  J as default
+  U as default
 };

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 r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7aeee1b9"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646eac1d"]]);
 export {
-  r as default
+  m as default
 };

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

@@ -1,17 +1,15 @@
-import { defineComponent as P, provide as p, computed as n, watch as c, openBlock as F, createElementBlock as T, normalizeClass as R, createVNode as r, unref as a, withCtx as o, renderSlot as u } from "vue";
-import { ElWatermark as B } from "element-plus";
-import { useRoute as E, useRouter as H } from "vue-router";
-import y from "./AppBody.vue.mjs";
-import C from "./AppHeader.vue.mjs";
-import k from "./AppFooter.vue.mjs";
-import O from "./AppSidebar.vue.mjs";
-import I from "../modal/ModalShelf.vue.mjs";
-import { APP_LAYOUT_BRIDGE_KEY as Y, APP_LAYOUT_APP_STORE_KEY as $, APP_LAYOUT_USER_STORE_KEY as D } from "../../inject/key.mjs";
-import { useAdminThemeApply as K } from "../../hooks/use-admin-theme-apply.mjs";
-import { useAdminViewportApply as U } from "../../hooks/use-admin-viewport-apply.mjs";
-import { flatRouteMetaResolveRaw as V } from "../../utils/router.mjs";
-import { useMenusDataDispatch as z } from "../../hooks/menus-dispatch.mjs";
-const re = /* @__PURE__ */ P({
+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 { 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({
   __name: "AppLayout",
   props: {
     adminBridge: {},
@@ -20,101 +18,121 @@ const re = /* @__PURE__ */ P({
     watermarkContent: {},
     sidebarAboveHeader: { type: Boolean, default: !1 }
   },
-  setup(m) {
-    const t = m, f = {
+  setup(u) {
+    const e = u, _ = {
       color: "rgba(0,0,0,0.08)",
       fontSize: 12
     };
-    p(Y, t.adminBridge), p($, t.appStore), p(D, t.userStore), K({
-      getThemeConfig: () => t.adminBridge.APP_THEME_CONFIG,
-      getThemeIsDark: () => t.adminBridge.themeIsDark.value
-    }), U({
-      getViewportConfig: () => t.adminBridge.APP_LAYOUT_VIEWPORT_CONFIG
+    m(W, e.adminBridge), m(j, e.appStore), m(q, e.userStore), J({
+      getThemeConfig: () => e.adminBridge.APP_THEME_CONFIG,
+      getThemeIsDark: () => e.adminBridge.themeIsDark.value
+    }), Q({
+      getViewportConfig: () => e.adminBridge.APP_LAYOUT_VIEWPORT_CONFIG,
+      getGapConfig: () => e.adminBridge.APP_LAYOUT_GAP_CONFIG
     });
-    const d = n(() => t.adminBridge.generateRouteMetaRawTree(
-      t.adminBridge.getRoutes(),
+    const d = r(() => e.adminBridge.generateRouteMetaRawTree(
+      e.adminBridge.getRoutes(),
       {
         parentPath: "",
-        filterFn: (e, s, w) => e.checkPermission ? e.menuShow && t.userStore.havePermissionByKey(e.permissionKey) : e.menuShow && (!w || s),
-        sortFn: (e, s) => e.menuSort - s.menuSort
+        filterFn: (t, i, o) => t.checkPermission ? t.menuShow && e.userStore.havePermissionByKey(t.permissionKey) : t.menuShow && (!o || i),
+        sortFn: (t, i) => t.menuSort - i.menuSort
       }
-    )), i = n(() => V(d.value)), {
-      sidebarMenus: l,
-      headerMenus: h,
-      activeMenu: v,
-      activeModuleMenu: g,
-      needRedirectToFirstChildMenu: S
-    } = z({
+    )), l = r(() => X(d.value)), {
+      sidebarMenus: c,
+      headerMenus: A,
+      activeMenu: M,
+      activeModuleMenu: w,
+      needRedirectToFirstChildMenu: y
+    } = Z({
       getMenus: () => d.value,
-      getMenuFlatList: () => i.value,
-      getExtractLevel1ToHeader: () => t.appStore.extractLevel1ToHeader
-    }), _ = n(() => t.userStore.isLogin), A = n(() => t.appStore.showHeader), M = n(() => t.appStore.showSidebar);
-    c(
-      () => l.value.length,
-      (e) => {
-        t.appStore.changeSidebarHasMenusStatus(!!e);
+      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(
+      () => e.adminBridge.themeLayout.value.shell ?? b
+    ), P = [
+      "brand",
+      "userEntry",
+      "settings",
+      "themeSwitcher",
+      "aside"
+    ], B = r(() => e.userStore.isLogin), h = r(() => e.appStore.showHeader), C = r(() => e.appStore.showSidebar), T = r(() => ({
+      position: "fixed",
+      top: "0",
+      left: "0",
+      right: "0",
+      height: `calc(${e.appStore.headerStyle.top} + ${e.appStore.headerStyle.height})`,
+      background: e.adminBridge.themeColors.value.bodyColor,
+      zIndex: 1,
+      pointerEvents: "none"
+    })), E = r(() => e.appStore.showAside);
+    v(
+      () => c.value.length,
+      (t) => {
+        e.appStore.changeSidebarHasMenusStatus(!!t);
       },
       {
         immediate: !0
       }
     );
-    const L = E(), b = H();
-    return c(
-      S,
-      (e) => {
-        e && (console.log(`${L.path}需要重定向到${e.path}`), b.replace(e.path));
+    const R = N(), k = U();
+    return v(
+      y,
+      (t) => {
+        t && (console.log(`${R.path}需要重定向到${t.path}`), k.replace(t.path));
       },
       {
         immediate: !0
       }
-    ), (e, s) => (F(), T("div", {
-      class: R(["app-layout", {
-        "app-layout_noLogin": !_.value
+    ), (t, i) => (s(), f("div", {
+      class: O(["app-layout", {
+        "app-layout_noLogin": !B.value
       }])
     }, [
-      r(a(B), {
-        content: m.watermarkContent,
-        font: f,
+      p(a(D), {
+        content: u.watermarkContent,
+        font: _,
         zIndex: 1e4
       }, {
-        default: o(() => [
-          r(a(I), { level: "app" }, {
-            default: o(() => [
-              r(y, { menuFlatList: i.value }, {
-                footer: o(() => [
-                  r(k)
+        default: n(() => [
+          p(a(V), { level: "app" }, {
+            default: n(() => [
+              (s(), g(S(L.value), {
+                menus: d.value,
+                menuFlatList: l.value,
+                sidebarMenus: a(c),
+                headerMenus: a(A),
+                activeMenu: a(M),
+                activeModuleMenu: a(w),
+                showHeader: h.value,
+                showSidebar: C.value,
+                showAside: E.value,
+                sidebarAboveHeader: u.sidebarAboveHeader
+              }, I({
+                default: n(({ Footer: o }) => [
+                  p(z, { menuFlatList: l.value }, {
+                    footer: n(() => [
+                      (s(), g(S(o)))
+                    ]),
+                    _: 2
+                  }, 1032, ["menuFlatList"]),
+                  h.value ? (s(), f("div", {
+                    key: 0,
+                    class: "app-header-gap-cover",
+                    style: Y(T.value)
+                  }, null, 4)) : x("", !0)
                 ]),
-                _: 1
-              }, 8, ["menuFlatList"]),
-              r(O, {
-                show: M.value,
-                aboveHeader: m.sidebarAboveHeader,
-                menus: a(l),
-                menuFlatList: i.value
-              }, {
-                top: o(() => [
-                  u(e.$slots, "sidebar-top", {}, void 0, !0)
-                ]),
-                bottom: o(() => [
-                  u(e.$slots, "sidebar-bottom", {}, void 0, !0)
-                ]),
-                _: 3
-              }, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
-              r(C, {
-                show: A.value,
-                menus: a(h),
-                activeMenu: a(v),
-                activeModuleMenu: a(g),
-                menuFlatList: i.value
-              }, {
-                left: o(() => [
-                  u(e.$slots, "header-left", {}, void 0, !0)
-                ]),
-                right: o(() => [
-                  u(e.$slots, "header-right", {}, void 0, !0)
-                ]),
-                _: 3
-              }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
+                _: 2
+              }, [
+                G(P, (o) => ({
+                  name: o,
+                  fn: n(() => [
+                    $(t.$slots, o, {}, void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["menus", "menuFlatList", "sidebarMenus", "headerMenus", "activeMenu", "activeModuleMenu", "showHeader", "showSidebar", "showAside", "sidebarAboveHeader"]))
             ]),
             _: 3
           })
@@ -125,5 +143,5 @@ const re = /* @__PURE__ */ P({
   }
 });
 export {
-  re as default
+  me as default
 };

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

@@ -0,0 +1,60 @@
+import { defineComponent as i, openBlock as u, createElementBlock as r, Fragment as l, renderSlot as o, createVNode as a, withCtx as s } from "vue";
+import d from "./AppSidebar.vue.mjs";
+import m from "./AppAside.vue.mjs";
+import h from "./AppHeader.vue.mjs";
+import M from "./AppFooter.vue.mjs";
+import n from "./AppTheme.vue.mjs";
+const F = /* @__PURE__ */ i({
+  __name: "AppShell",
+  props: {
+    menus: {},
+    menuFlatList: {},
+    sidebarMenus: {},
+    headerMenus: {},
+    activeMenu: {},
+    activeModuleMenu: {},
+    showHeader: { type: Boolean },
+    showSidebar: { type: Boolean },
+    showAside: { type: Boolean },
+    sidebarAboveHeader: { type: Boolean }
+  },
+  setup(e) {
+    return (t, w) => (u(), r(l, null, [
+      o(t.$slots, "default", { Footer: M }),
+      a(d, {
+        show: e.showSidebar,
+        aboveHeader: e.sidebarAboveHeader,
+        menus: e.sidebarMenus,
+        menuFlatList: e.menuFlatList
+      }, null, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
+      a(m, { show: e.showAside }, {
+        default: s(() => [
+          o(t.$slots, "aside")
+        ]),
+        _: 3
+      }, 8, ["show"]),
+      a(h, {
+        show: e.showHeader,
+        menus: e.headerMenus,
+        activeMenu: e.activeMenu,
+        activeModuleMenu: e.activeModuleMenu,
+        menuFlatList: e.menuFlatList
+      }, {
+        left: s(() => [
+          o(t.$slots, "brand")
+        ]),
+        right: s(() => [
+          o(t.$slots, "themeSwitcher", { Default: n }, () => [
+            a(n)
+          ]),
+          o(t.$slots, "userEntry"),
+          o(t.$slots, "settings")
+        ]),
+        _: 3
+      }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
+    ], 64));
+  }
+});
+export {
+  F as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./AppShell.vue.mjs";
+export {
+  f as default
+};

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

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

@@ -1,10 +1,10 @@
-import { defineComponent as w, useCssVars as A, inject as f, computed as e, ref as b, openBlock as g, createElementBlock as T, normalizeStyle as h, createVNode as l, unref as o, withCtx as u, renderSlot as C, createElementVNode as y, createBlock as H, createCommentVNode as L } from "vue";
-import F from "../menu/MenuTree.vue.mjs";
-import S from "../display/WatchSize.vue.mjs";
-import { ElTooltip as I, ElIcon as V } from "element-plus";
-import { ArrowRightBold as Y } from "@element-plus/icons-vue";
-import { APP_LAYOUT_APP_STORE_KEY as N, APP_LAYOUT_BRIDGE_KEY as O } from "../../inject/key.mjs";
-const R = { class: "app-sidebar-shim" }, G = /* @__PURE__ */ w({
+import { defineComponent as k, useCssVars as A, inject as v, computed as e, ref as b, openBlock as f, createElementBlock as T, normalizeStyle as g, createVNode as a, unref as o, withCtx as i, renderSlot as h, createElementVNode as C, createBlock as H, createCommentVNode as L } from "vue";
+import w from "../menu/MenuTree.vue.mjs";
+import y from "../display/WatchSize.vue.mjs";
+import { ElTooltip as F, ElIcon as I } from "element-plus";
+import { ArrowRightBold as V } from "@element-plus/icons-vue";
+import { APP_LAYOUT_APP_STORE_KEY as Y, APP_LAYOUT_BRIDGE_KEY as N } from "../../inject/key.mjs";
+const O = { class: "app-sidebar-shim" }, D = /* @__PURE__ */ k({
   __name: "AppSidebar",
   props: {
     show: { type: Boolean },
@@ -13,71 +13,68 @@ const R = { class: "app-sidebar-shim" }, G = /* @__PURE__ */ w({
     menuFlatList: {}
   },
   setup(s) {
-    A((c) => ({
-      f2149ac0: d.value.left,
-      v6fb5779c: d.value.top,
-      e0532af8: d.value.bottom,
-      v36eef49e: E.value,
-      v7a209d86: _.value,
-      v0a70f74c: B.value,
-      v1ffafb76: a.value.bodyColor,
-      v738d1dcc: a.value.primaryColor
+    A((d) => ({
+      v368510bd: E.value,
+      v7b09fce5: _.value,
+      v1098f49b: B.value,
+      cc02eed6: l.value.bodyColor,
+      v56d0884d: l.value.primaryColor
     }));
-    const x = s, r = f(N), p = e(() => r.sidebarStyle), d = e(() => r.viewportPadding), m = b(0), v = b(0), P = e(() => parseFloat(p.value.paddingTop) || 0), _ = e(
-      () => `${Math.max(P.value, m.value)}px`
-    ), B = e(() => `${v.value}px`), E = e(() => x.aboveHeader ? 2 : 0), n = e(() => r.sidebarIsCollapse), $ = e(() => ({
-      transform: `rotate(${n.value ? 0 : 180}deg)`
-    })), k = f(O), a = e(() => k.themeColors.value);
-    return (c, t) => (g(), T("div", {
+    const S = s, u = v(Y), c = e(() => u.sidebarStyle), p = b(0), m = b(0), x = e(() => parseFloat(String(c.value.paddingTop ?? "")) || 0), _ = e(
+      () => `${Math.max(x.value, p.value)}px`
+    ), B = e(() => `${m.value}px`), E = e(() => S.aboveHeader ? 2 : 0), r = e(() => u.sidebarIsCollapse), P = e(() => ({
+      transform: `rotate(${r.value ? 0 : 180}deg)`
+    })), $ = v(N), l = e(() => $.themeColors.value);
+    return (d, t) => (f(), T("div", {
       class: "app-sidebar",
-      style: h(p.value)
+      style: g(c.value)
     }, [
-      l(o(S), {
+      a(o(y), {
         class: "app-sidebar-top",
-        onHeightChange: t[0] || (t[0] = (i) => m.value = i)
+        onHeightChange: t[0] || (t[0] = (n) => p.value = n)
       }, {
-        default: u(() => [
-          C(c.$slots, "top", {}, void 0, !0)
+        default: i(() => [
+          h(d.$slots, "top", {}, void 0, !0)
         ]),
         _: 3
       }),
-      y("div", R, [
-        l(o(F), {
-          collapse: n.value,
+      C("div", O, [
+        a(o(w), {
+          collapse: r.value,
           menus: s.menus,
           style: { height: "100%" },
-          "background-color": a.value.bodyColor,
-          "text-color": a.value.baseColor,
-          "active-text-color": a.value.primaryColor,
+          "background-color": l.value.bodyColor,
+          "text-color": l.value.baseColor,
+          "active-text-color": l.value.primaryColor,
           menuFlatList: s.menuFlatList,
           routerMode: ""
         }, null, 8, ["collapse", "menus", "background-color", "text-color", "active-text-color", "menuFlatList"])
       ]),
-      l(o(S), {
+      a(o(y), {
         class: "app-sidebar-bottom",
-        onHeightChange: t[1] || (t[1] = (i) => v.value = i)
+        onHeightChange: t[1] || (t[1] = (n) => m.value = n)
       }, {
-        default: u(() => [
-          C(c.$slots, "bottom", {}, void 0, !0)
+        default: i(() => [
+          h(d.$slots, "bottom", {}, void 0, !0)
         ]),
         _: 3
       }),
-      s.show ? (g(), H(o(I), {
+      s.show ? (f(), H(o(F), {
         key: 0,
-        content: n.value ? "展开" : "收起",
+        content: r.value ? "展开" : "收起",
         placement: "right",
         "show-after": 200
       }, {
-        default: u(() => [
-          y("div", {
+        default: i(() => [
+          C("div", {
             class: "app-sidebar-toggle",
-            onClick: t[2] || (t[2] = (i) => o(r).changeSidebarCollapseStatus(!n.value))
+            onClick: t[2] || (t[2] = (n) => o(u).changeSidebarCollapseStatus(!r.value))
           }, [
-            l(o(V), null, {
-              default: u(() => [
-                l(o(Y), {
+            a(o(I), null, {
+              default: i(() => [
+                a(o(V), {
                   class: "app-sidebar-toggle-icon",
-                  style: h($.value)
+                  style: g(P.value)
                 }, null, 8, ["style"])
               ]),
               _: 1
@@ -90,5 +87,5 @@ const R = { class: "app-sidebar-shim" }, G = /* @__PURE__ */ w({
   }
 });
 export {
-  G as default
+  D 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 e = /* @__PURE__ */ p(o, [["__scopeId", "data-v-1f068b22"]]);
+const r = /* @__PURE__ */ p(o, [["__scopeId", "data-v-89d81e34"]]);
 export {
-  e as default
+  r as default
 };