@done-coding/admin-core 0.10.0 → 0.11.0

package/es/index.mjs

@@ -1,197 +1,204 @@
-import { createAdminBridge as t } from "./bridge/index.mjs";
+import { createAdminBridge as r } from "./bridge/index.mjs";
 import { default as a } from "./components/display/ActionBtn.vue.mjs";
 import { default as f } from "./components/display/ActionBtnGroup.vue.mjs";
 import { default as s } from "./components/display/BooleanTag.vue.mjs";
 import { default as l } from "./components/modal/DetailModal.vue.mjs";
 import { default as d } from "./components/form/FormRadioGroup.vue.mjs";
 import { default as n } from "./components/form/FormSelect.vue.mjs";
-import { default as _ } from "./components/form/FormSubmitBtn.vue.mjs";
-import { default as E } from "./components/form/FormTree.vue.mjs";
+import { default as A } from "./components/form/FormSubmitBtn.vue.mjs";
+import { default as c } from "./components/form/FormTree.vue.mjs";
 import { default as T } from "./components/form/FormVerifyCode.vue.mjs";
-import { default as F } from "./components/display/HeightProvider.vue.mjs";
-import { default as L } from "./components/menu/MenuItemSub.vue.mjs";
-import { default as R } from "./components/menu/MenuTree.vue.mjs";
-import { default as O } from "./components/modal/ModalPorter.vue.mjs";
-import { default as N } from "./components/modal/ModalShelf.vue.mjs";
+import { default as P } from "./components/display/HeightProvider.vue.mjs";
+import { default as F } from "./components/menu/MenuItemSub.vue.mjs";
+import { default as M } from "./components/menu/MenuTree.vue.mjs";
+import { default as g } from "./components/modal/ModalPorter.vue.mjs";
+import { default as C } from "./components/modal/ModalShelf.vue.mjs";
 import { default as D } from "./components/panel/PanelItem.vue.mjs";
-import { default as Y } from "./components/panel/PanelItemNestPanel.vue.mjs";
-import { default as G } from "./components/misc/SelectModule.vue.mjs";
-import { default as b } from "./components/display/TabsMain.vue.mjs";
+import { default as B } from "./components/panel/PanelItemNestPanel.vue.mjs";
+import { default as Y } from "./components/misc/SelectModule.vue.mjs";
+import { default as U } from "./components/display/TabsMain.vue.mjs";
 import { default as K } from "./components/misc/TriggerAutoImport.vue.mjs";
 import { default as w } from "./components/display/WatchSize.vue.mjs";
-import { ADMIN_BRIDGE_KEY as k, APP_LAYOUT_APP_STORE_KEY as W, APP_LAYOUT_BRIDGE_KEY as z, APP_LAYOUT_USER_STORE_KEY as X, BODY_CONTENT_VIEWPORT_HEIGHT as j, FORM_NEST_REGISTRY_KEY as Q, NEST_LAYOUT_SCALE_KEY as q, TABS_MAIN_VISUAL_LEVEL as J, getModalShelfInjectionKey as Z } from "./inject/key.mjs";
-import { APP_API_LIST_MODEL_KEY_CONFIG as ee } from "./config/list-model.mjs";
-import { default as te } from "./components/display/ActionConfirm.vue.mjs";
-import { default as ae } from "./components/app-layout/AppBody.vue.mjs";
-import { default as fe } from "./components/app-layout/AppBreadcrumb.vue.mjs";
-import { default as se } from "./components/app-layout/AppFooter.vue.mjs";
-import { default as le } from "./components/app-layout/AppHeader.vue.mjs";
-import { default as de } from "./components/app-layout/AppLayout.vue.mjs";
-import { default as ne } from "./components/app-layout/AppPage.vue.mjs";
-import { default as _e } from "./components/app-layout/AppSidebar.vue.mjs";
-import { default as Ee } from "./components/misc/AutoRefresh.vue.mjs";
-import { default as Te } from "./components/misc/AutoRefreshGroup.vue.mjs";
-import { default as Fe } from "./components/modal/ConfirmModal.vue.mjs";
-import { EXPORT_MAX_LIMIT as Le, OPERATE_COLUMN_PROP as Me, exportCSV as Re, pickExportColumns as ge } from "./utils/export.mjs";
-import { FORM_CONFIG_SELECT_ALL_VALUE as he, getConfirmPasswordRule as Ne, passwordRule as Ce, setFormComponentType as De } from "./helpers/form.mjs";
-import { FORM_ITEM_CHANGE_LOADING as Ye, NEST_LAYOUT_TIERS as Be, ceilToTier as Ge, generateFormData as Ue, getBlurSubmit as be, getChangeSubmit as Ve, getDatePickerShortcuts as Ke, getEnterSubmit as ve, getPlaceholder as we, getVModelSugar as He, parseFormData as ke, resolveFormLayout as We, resolveLayoutSpan as ze, setInputComponent as Xe, setSelectComponent as je, stringifyFormData as Qe, swiftFormItemConfig as qe } from "./components/form/utils.mjs";
-import { default as Ze } from "./components/form/FormItemNestForm.vue.mjs";
-import { default as eo } from "./components/form/FormItemNestFormList.vue.mjs";
-import { default as to } from "./components/form/FormMain.vue.mjs";
-import { default as ao } from "./components/form/FormSearch.vue.mjs";
-import { default as fo } from "./components/form/FormSubmitPanel.vue.mjs";
-import { default as so } from "./components/form/FormVerifyImage.vue.mjs";
-import { default as lo } from "./components/list-page/ListPage.vue.mjs";
-import { default as io } from "./components/panel/PanelEditSwitch.vue.mjs";
-import { default as Ao } from "./components/panel/PanelItemNestForm.vue.mjs";
-import { default as co } from "./components/panel/PanelMain.vue.mjs";
-import { ROUTE_MODULE_LEVEL as So, TabsMainReplaceQueryKey as To } from "./config/route.mjs";
-import { default as Fo } from "./components/table/TableMain.vue.mjs";
-import { checkLogin as Lo } from "./router/guard/login.mjs";
-import { checkPermission as Ro } from "./router/guard/permission.mjs";
-import { countAll as Oo, createListApi as ho, fetchListAll as No } from "./helpers/list-helper.mjs";
-import { createAppStore as Do } from "./store/app.mjs";
-import { createGenerateRouteMetaRawTree as Yo } from "./bridge/route.mjs";
-import { createGuard as Go } from "./router/guard/index.mjs";
-import { createNestFormExposeMap as bo } from "./components/form/nest-registry.mjs";
-import { createRoutePermissionStore as Ko } from "./store/router-permission.mjs";
-import { createStorageWithNamespace as wo } from "./bridge/storage.mjs";
-import { createUseState as ko } from "./bridge/state.mjs";
-import { createUserStore as zo } from "./store/user.mjs";
-import { flatRouteMetaResolveRaw as jo, getRoutePermissionKey as Qo } from "./utils/router.mjs";
-import { getId as Jo } from "./utils/id.mjs";
-import { nestFormItem as $o } from "./components/form/nest-form-item.mjs";
-import { nestFormItemList as ot } from "./components/form/nest-form-item-list.mjs";
-import { nestPanelForm as rt } from "./components/panel/nest-panel-form.mjs";
-import { nestPanelItem as mt } from "./components/panel/nest-panel-item.mjs";
-import { themeScaleDerive as pt, themeScaleMix as st } from "./utils/theme-scale.mjs";
-import { timeCountDown as lt } from "./utils/time.mjs";
-import { useActivated as dt, useActivatedEvent as it, useActivatedExec as nt } from "./hooks/activated.mjs";
-import { useAdminThemeApply as _t } from "./hooks/use-admin-theme-apply.mjs";
-import { useAdminViewportApply as Et } from "./hooks/use-admin-viewport-apply.mjs";
-import { useBreakpoint as Tt } from "./hooks/use-breakpoint.mjs";
-import { useChannelViewportHeight as Ft } from "./hooks/use-channel-viewport-height.mjs";
-import { useFeelSize as Lt } from "./hooks/feel-size.mjs";
-import { useMenusDataDispatch as Rt } from "./hooks/menus-dispatch.mjs";
-import { useNestForm as Ot } from "./components/form/use-nest-form.mjs";
-import { useNestFormList as Nt } from "./components/form/use-nest-form-list.mjs";
-import { useNestLayoutScale as Dt } from "./components/form/use-nest-layout-scale.mjs";
-import { useTimeout as Yt } from "./hooks/timeout.mjs";
+import { ADMIN_BRIDGE_KEY as W, APP_LAYOUT_APP_STORE_KEY as k, APP_LAYOUT_BRIDGE_KEY as X, APP_LAYOUT_USER_STORE_KEY as z, BODY_CONTENT_VIEWPORT_HEIGHT as Z, FORM_NEST_REGISTRY_KEY as j, NEST_LAYOUT_SCALE_KEY as Q, TABS_MAIN_VISUAL_LEVEL as q, getModalShelfInjectionKey as J } from "./inject/key.mjs";
+import { ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_ABOVE as ee, ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW as oe } from "./components/app-layout/viewport.mjs";
+import { APP_API_LIST_MODEL_KEY_CONFIG as te } from "./config/list-model.mjs";
+import { default as me } from "./components/display/ActionConfirm.vue.mjs";
+import { default as pe } from "./components/app-layout/AppAside.vue.mjs";
+import { default as ue } from "./components/app-layout/AppBody.vue.mjs";
+import { default as xe } from "./components/app-layout/AppBreadcrumb.vue.mjs";
+import { default as ie } from "./components/app-layout/AppFooter.vue.mjs";
+import { default as _e } from "./components/app-layout/AppHeader.vue.mjs";
+import { default as Ee } from "./components/app-layout/AppLayout.vue.mjs";
+import { default as Se } from "./components/app-layout/AppPage.vue.mjs";
+import { default as Ie } from "./components/app-layout/AppSidebar.vue.mjs";
+import { default as Re } from "./components/app-layout/AppTheme.vue.mjs";
+import { default as Le } from "./components/misc/AutoRefresh.vue.mjs";
+import { default as Oe } from "./components/misc/AutoRefreshGroup.vue.mjs";
+import { default as Ne } from "./components/modal/ConfirmModal.vue.mjs";
+import { EXPORT_MAX_LIMIT as he, OPERATE_COLUMN_PROP as De, exportCSV as ye, pickExportColumns as Be } from "./utils/export.mjs";
+import { FORM_CONFIG_SELECT_ALL_VALUE as Ye, getConfirmPasswordRule as Ge, passwordRule as Ue, setFormComponentType as be } from "./helpers/form.mjs";
+import { FORM_ITEM_CHANGE_LOADING as ve, NEST_LAYOUT_TIERS as we, ceilToTier as He, generateFormData as We, getBlurSubmit as ke, getChangeSubmit as Xe, getDatePickerShortcuts as ze, getEnterSubmit as Ze, getPlaceholder as je, getVModelSugar as Qe, parseFormData as qe, resolveFormLayout as Je, resolveLayoutSpan as $e, setInputComponent as eo, setSelectComponent as oo, stringifyFormData as ro, swiftFormItemConfig as to } from "./components/form/utils.mjs";
+import { default as mo } from "./components/form/FormItemNestForm.vue.mjs";
+import { default as po } from "./components/form/FormItemNestFormList.vue.mjs";
+import { default as uo } from "./components/form/FormMain.vue.mjs";
+import { default as xo } from "./components/form/FormSearch.vue.mjs";
+import { default as no } from "./components/form/FormSubmitPanel.vue.mjs";
+import { default as Ao } from "./components/form/FormVerifyImage.vue.mjs";
+import { default as co } from "./components/list-page/ListPage.vue.mjs";
+import { default as To } from "./components/panel/PanelEditSwitch.vue.mjs";
+import { default as Po } from "./components/panel/PanelItemNestForm.vue.mjs";
+import { default as Fo } from "./components/panel/PanelMain.vue.mjs";
+import { ROUTE_MODULE_LEVEL as Mo, TabsMainReplaceQueryKey as Oo } from "./config/route.mjs";
+import { default as No } from "./components/table/TableMain.vue.mjs";
+import { checkLogin as ho } from "./router/guard/login.mjs";
+import { checkPermission as yo } from "./router/guard/permission.mjs";
+import { countAll as Vo, createListApi as Yo, fetchListAll as Go } from "./helpers/list-helper.mjs";
+import { createAppStore as bo } from "./store/app.mjs";
+import { createGenerateRouteMetaRawTree as vo } from "./bridge/route.mjs";
+import { createGuard as Ho } from "./router/guard/index.mjs";
+import { createNestFormExposeMap as ko } from "./components/form/nest-registry.mjs";
+import { createRoutePermissionStore as zo } from "./store/router-permission.mjs";
+import { createStorageWithNamespace as jo } from "./bridge/storage.mjs";
+import { createUseState as qo } from "./bridge/state.mjs";
+import { createUserStore as $o } from "./store/user.mjs";
+import { flatRouteMetaResolveRaw as or, getRoutePermissionKey as rr } from "./utils/router.mjs";
+import { getId as ar } from "./utils/id.mjs";
+import { nestFormItem as fr } from "./components/form/nest-form-item.mjs";
+import { nestFormItemList as sr } from "./components/form/nest-form-item-list.mjs";
+import { nestPanelForm as lr } from "./components/panel/nest-panel-form.mjs";
+import { nestPanelItem as dr } from "./components/panel/nest-panel-item.mjs";
+import { themeScaleDerive as nr, themeScaleMix as _r } from "./utils/theme-scale.mjs";
+import { timeCountDown as Er } from "./utils/time.mjs";
+import { useActivated as Sr, useActivatedEvent as Tr, useActivatedExec as Ir } from "./hooks/activated.mjs";
+import { useAdminThemeApply as Rr } from "./hooks/use-admin-theme-apply.mjs";
+import { useAdminViewportApply as Lr } from "./hooks/use-admin-viewport-apply.mjs";
+import { useBreakpoint as Or } from "./hooks/use-breakpoint.mjs";
+import { useChannelViewportHeight as Nr } from "./hooks/use-channel-viewport-height.mjs";
+import { useFeelSize as hr } from "./hooks/feel-size.mjs";
+import { useMenusDataDispatch as yr } from "./hooks/menus-dispatch.mjs";
+import { useNestForm as Vr } from "./components/form/use-nest-form.mjs";
+import { useNestFormList as Gr } from "./components/form/use-nest-form-list.mjs";
+import { useNestLayoutScale as br } from "./components/form/use-nest-layout-scale.mjs";
+import { useTimeout as vr } from "./hooks/timeout.mjs";
 export {
-  k as ADMIN_BRIDGE_KEY,
-  ee as APP_API_LIST_MODEL_KEY_CONFIG,
-  W as APP_LAYOUT_APP_STORE_KEY,
-  z as APP_LAYOUT_BRIDGE_KEY,
-  X as APP_LAYOUT_USER_STORE_KEY,
+  W as ADMIN_BRIDGE_KEY,
+  ee as ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_ABOVE,
+  oe as ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW,
+  te as APP_API_LIST_MODEL_KEY_CONFIG,
+  k as APP_LAYOUT_APP_STORE_KEY,
+  X as APP_LAYOUT_BRIDGE_KEY,
+  z as APP_LAYOUT_USER_STORE_KEY,
   a as ActionBtn,
   f as ActionBtnGroup,
-  te as ActionConfirm,
-  ae as AppBody,
-  fe as AppBreadcrumb,
-  se as AppFooter,
-  le as AppHeader,
-  de as AppLayout,
-  ne as AppPage,
-  _e as AppSidebar,
-  Ee as AutoRefresh,
-  Te as AutoRefreshGroup,
-  j as BODY_CONTENT_VIEWPORT_HEIGHT,
+  me as ActionConfirm,
+  pe as AppAside,
+  ue as AppBody,
+  xe as AppBreadcrumb,
+  ie as AppFooter,
+  _e as AppHeader,
+  Ee as AppLayout,
+  Se as AppPage,
+  Ie as AppSidebar,
+  Re as AppTheme,
+  Le as AutoRefresh,
+  Oe as AutoRefreshGroup,
+  Z as BODY_CONTENT_VIEWPORT_HEIGHT,
   s as BooleanTag,
-  Fe as ConfirmModal,
+  Ne as ConfirmModal,
   l as DetailModal,
-  Le as EXPORT_MAX_LIMIT,
-  he as FORM_CONFIG_SELECT_ALL_VALUE,
-  Ye as FORM_ITEM_CHANGE_LOADING,
-  Q as FORM_NEST_REGISTRY_KEY,
-  Ze as FormItemNestForm,
-  eo as FormItemNestFormList,
-  to as FormMain,
+  he as EXPORT_MAX_LIMIT,
+  Ye as FORM_CONFIG_SELECT_ALL_VALUE,
+  ve as FORM_ITEM_CHANGE_LOADING,
+  j as FORM_NEST_REGISTRY_KEY,
+  mo as FormItemNestForm,
+  po as FormItemNestFormList,
+  uo as FormMain,
   d as FormRadioGroup,
-  ao as FormSearch,
+  xo as FormSearch,
   n as FormSelect,
-  _ as FormSubmitBtn,
-  fo as FormSubmitPanel,
-  E as FormTree,
+  A as FormSubmitBtn,
+  no as FormSubmitPanel,
+  c as FormTree,
   T as FormVerifyCode,
-  so as FormVerifyImage,
-  F as HeightProvider,
-  lo as ListPage,
-  L as MenuItemSub,
-  R as MenuTree,
-  O as ModalPorter,
-  N as ModalShelf,
-  q as NEST_LAYOUT_SCALE_KEY,
-  Be as NEST_LAYOUT_TIERS,
-  Me as OPERATE_COLUMN_PROP,
-  io as PanelEditSwitch,
+  Ao as FormVerifyImage,
+  P as HeightProvider,
+  co as ListPage,
+  F as MenuItemSub,
+  M as MenuTree,
+  g as ModalPorter,
+  C as ModalShelf,
+  Q as NEST_LAYOUT_SCALE_KEY,
+  we as NEST_LAYOUT_TIERS,
+  De as OPERATE_COLUMN_PROP,
+  To as PanelEditSwitch,
   D as PanelItem,
-  Ao as PanelItemNestForm,
-  Y as PanelItemNestPanel,
-  co as PanelMain,
-  So as ROUTE_MODULE_LEVEL,
-  G as SelectModule,
-  J as TABS_MAIN_VISUAL_LEVEL,
-  Fo as TableMain,
-  b as TabsMain,
-  To as TabsMainReplaceQueryKey,
+  Po as PanelItemNestForm,
+  B as PanelItemNestPanel,
+  Fo as PanelMain,
+  Mo as ROUTE_MODULE_LEVEL,
+  Y as SelectModule,
+  q as TABS_MAIN_VISUAL_LEVEL,
+  No as TableMain,
+  U as TabsMain,
+  Oo as TabsMainReplaceQueryKey,
   K as TriggerAutoImport,
   w as WatchSize,
-  Ge as ceilToTier,
-  Lo as checkLogin,
-  Ro as checkPermission,
-  Oo as countAll,
-  t as createAdminBridge,
-  Do as createAppStore,
-  Yo as createGenerateRouteMetaRawTree,
-  Go as createGuard,
-  ho as createListApi,
-  bo as createNestFormExposeMap,
-  Ko as createRoutePermissionStore,
-  wo as createStorageWithNamespace,
-  ko as createUseState,
-  zo as createUserStore,
-  Re as exportCSV,
-  No as fetchListAll,
-  jo as flatRouteMetaResolveRaw,
-  Ue as generateFormData,
-  be as getBlurSubmit,
-  Ve as getChangeSubmit,
-  Ne as getConfirmPasswordRule,
-  Ke as getDatePickerShortcuts,
-  ve as getEnterSubmit,
-  Jo as getId,
-  Z as getModalShelfInjectionKey,
-  we as getPlaceholder,
-  Qo as getRoutePermissionKey,
-  He as getVModelSugar,
-  $o as nestFormItem,
-  ot as nestFormItemList,
-  rt as nestPanelForm,
-  mt as nestPanelItem,
-  ke as parseFormData,
-  Ce as passwordRule,
-  ge as pickExportColumns,
-  We as resolveFormLayout,
-  ze as resolveLayoutSpan,
-  De as setFormComponentType,
-  Xe as setInputComponent,
-  je as setSelectComponent,
-  Qe as stringifyFormData,
-  qe as swiftFormItemConfig,
-  pt as themeScaleDerive,
-  st as themeScaleMix,
-  lt as timeCountDown,
-  dt as useActivated,
-  it as useActivatedEvent,
-  nt as useActivatedExec,
-  _t as useAdminThemeApply,
-  Et as useAdminViewportApply,
-  Tt as useBreakpoint,
-  Ft as useChannelViewportHeight,
-  Lt as useFeelSize,
-  Rt as useMenusDataDispatch,
-  Ot as useNestForm,
-  Nt as useNestFormList,
-  Dt as useNestLayoutScale,
-  Yt as useTimeout
+  He as ceilToTier,
+  ho as checkLogin,
+  yo as checkPermission,
+  Vo as countAll,
+  r as createAdminBridge,
+  bo as createAppStore,
+  vo as createGenerateRouteMetaRawTree,
+  Ho as createGuard,
+  Yo as createListApi,
+  ko as createNestFormExposeMap,
+  zo as createRoutePermissionStore,
+  jo as createStorageWithNamespace,
+  qo as createUseState,
+  $o as createUserStore,
+  ye as exportCSV,
+  Go as fetchListAll,
+  or as flatRouteMetaResolveRaw,
+  We as generateFormData,
+  ke as getBlurSubmit,
+  Xe as getChangeSubmit,
+  Ge as getConfirmPasswordRule,
+  ze as getDatePickerShortcuts,
+  Ze as getEnterSubmit,
+  ar as getId,
+  J as getModalShelfInjectionKey,
+  je as getPlaceholder,
+  rr as getRoutePermissionKey,
+  Qe as getVModelSugar,
+  fr as nestFormItem,
+  sr as nestFormItemList,
+  lr as nestPanelForm,
+  dr as nestPanelItem,
+  qe as parseFormData,
+  Ue as passwordRule,
+  Be as pickExportColumns,
+  Je as resolveFormLayout,
+  $e as resolveLayoutSpan,
+  be as setFormComponentType,
+  eo as setInputComponent,
+  oo as setSelectComponent,
+  ro as stringifyFormData,
+  to as swiftFormItemConfig,
+  nr as themeScaleDerive,
+  _r as themeScaleMix,
+  Er as timeCountDown,
+  Sr as useActivated,
+  Tr as useActivatedEvent,
+  Ir as useActivatedExec,
+  Rr as useAdminThemeApply,
+  Lr as useAdminViewportApply,
+  Or as useBreakpoint,
+  Nr as useChannelViewportHeight,
+  hr as useFeelSize,
+  yr as useMenusDataDispatch,
+  Vr as useNestForm,
+  Gr as useNestFormList,
+  br as useNestLayoutScale,
+  vr as useTimeout
 };

package/es/store/app.mjs

@@ -1,94 +1,150 @@
-import { defineStore as f } from "pinia";
-import { useRoute as $ } from "vue-router";
-import { computed as e, ref as u } from "vue";
-function D(g) {
-  const { bridge: t } = g;
-  return f("APP", () => {
-    const P = e(() => t.APP_LAYOUT_HEADER_CONFIG.height), O = e(() => t.APP_LAYOUT_FOOTER_CONFIG.height), b = e(() => t.APP_BASE_INFO.name), T = u(!1), d = u(!1), n = u(!1), m = e(() => d.value ? t.APP_LAYOUT_SIDEBAR_CONFIG.collapseWidth : t.APP_LAYOUT_SIDEBAR_CONFIG.width), C = $(), a = e(() => t.themeColors.value), i = e(() => C.meta), l = e(() => i.value.layout), I = e(() => i.value.keepAlive), h = e(
+import { defineStore as D } from "pinia";
+import { useRoute as k } from "vue-router";
+import { computed as o, ref as I } from "vue";
+function W(E) {
+  const { bridge: a } = E;
+  return D("APP", () => {
+    const _ = o(() => a.APP_LAYOUT_HEADER_CONFIG.height), p = o(() => a.APP_LAYOUT_FOOTER_CONFIG.height), F = o(() => a.APP_BASE_INFO.name), r = I(!1), A = I(!1), f = o(() => r.value ? a.APP_LAYOUT_SIDEBAR_CONFIG.collapseWidth : a.APP_LAYOUT_SIDEBAR_CONFIG.width), C = k(), u = o(() => a.themeColors.value), g = o(() => C.meta), c = o(() => g.value.layout), S = o(() => g.value.keepAlive), s = o(
       () => {
-        var o;
-        return ((o = l.value) == null ? void 0 : o.header) ?? t.APP_ROUTER_META_DEFAULT_CONFIG.showHeader;
+        var e;
+        return ((e = c.value) == null ? void 0 : e.header) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showHeader;
       }
-    ), c = e(
+    ), n = o(
       () => {
-        var o;
-        return ((o = l.value) == null ? void 0 : o.footer) ?? t.APP_ROUTER_META_DEFAULT_CONFIG.showFooter;
+        var e;
+        return ((e = c.value) == null ? void 0 : e.footer) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showFooter;
       }
-    ), _ = e(
+    ), $ = o(
+      () => s.value && _.value > 0
+    ), P = o(
+      () => n.value && p.value > 0
+    ), v = o(
       () => {
-        var o;
-        return (((o = l.value) == null ? void 0 : o.sidebar) ?? t.APP_ROUTER_META_DEFAULT_CONFIG.showSidebar) && n.value;
+        var e;
+        return (((e = c.value) == null ? void 0 : e.sidebar) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showSidebar) && A.value;
       }
-    ), E = e(
+    ), d = o(
       () => {
-        var o;
-        return ((o = l.value) == null ? void 0 : o.breadcrumb) ?? t.APP_ROUTER_META_DEFAULT_CONFIG.showBreadcrumb;
+        var e;
+        return ((e = c.value) == null ? void 0 : e.aside) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showAside ?? !1;
       }
-    ), v = e(
+    ), R = o(
       () => {
-        var o;
-        return ((o = l.value) == null ? void 0 : o.bodyShimPadding) ?? t.APP_LAYOUT_BODY_CONFIG.shimPadding;
+        var e;
+        return ((e = c.value) == null ? void 0 : e.breadcrumb) ?? a.APP_ROUTER_META_DEFAULT_CONFIG.showBreadcrumb;
       }
-    ), r = e(() => ({
-      top: `${t.APP_LAYOUT_VIEWPORT_CONFIG.paddingTop}px`,
-      right: `${t.APP_LAYOUT_VIEWPORT_CONFIG.paddingRight}px`,
-      bottom: `${t.APP_LAYOUT_VIEWPORT_CONFIG.paddingBottom}px`,
-      left: `${t.APP_LAYOUT_VIEWPORT_CONFIG.paddingLeft}px`
-    })), s = e(() => ({
-      height: `${h.value ? P.value : 0}px`,
-      backgroundColor: a.value.bodyColor,
-      color: a.value.baseColor
-    })), p = e(() => ({
-      height: `${c.value ? O.value : 0}px`,
-      backgroundColor: a.value.bodyColor
-    })), A = e(() => ({
-      width: `${_.value ? m.value : 0}px`,
-      paddingTop: s.value.height,
-      backgroundColor: a.value.bodyColor,
-      color: a.value.baseColor
-    })), F = e(() => ({
-      // viewport 边框：原扣 sidebar 宽 / header 高基础上，经 calc 再叠加左 / 上 viewport
-      // 边距；右 / 下原无 padding，本期新增直取 viewport 右 / 下边距，给 footer + 内容右下留白。
-      paddingLeft: `calc(${A.value.width} + ${r.value.left})`,
-      paddingTop: `calc(${s.value.height} + ${r.value.top})`,
-      paddingRight: r.value.right,
-      paddingBottom: r.value.bottom,
-      backgroundColor: a.value.bodyColor
-    })), S = e(() => ({
-      // 视口可用高再减去上 / 下 viewport 边框边距（套框后内容区相应变矮）。
-      minHeight: `calc(100vh - ${s.value.height} - ${p.value.height} - ${r.value.top} - ${r.value.bottom})`,
-      padding: `${v.value}px`
-    })), R = (o) => {
-      d.value = o;
-    }, L = (o) => {
-      n.value = o;
-    }, U = (o) => {
-      t.theme.setDark(o);
+    ), O = o(
+      () => {
+        var e;
+        return ((e = c.value) == null ? void 0 : e.bodyShimPadding) ?? a.APP_LAYOUT_BODY_CONFIG.shimPadding;
+      }
+    ), l = o(() => ({
+      top: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingTop}px`,
+      right: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingRight}px`,
+      bottom: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingBottom}px`,
+      left: `${a.APP_LAYOUT_VIEWPORT_CONFIG.paddingLeft}px`
+    })), U = o(() => a.APP_LAYOUT_GAP_CONFIG.size), t = o(() => `${U.value}px`), i = o(() => {
+      const e = a.APP_LAYOUT_HEADER_CONFIG;
+      return {
+        ...e.style,
+        position: "fixed",
+        // 通栏悬浮：三外边各让外缝 gap（底边朝内容，由下方模块 top 让内缝）。
+        top: `calc(${l.value.top} + ${t.value})`,
+        left: `calc(${l.value.left} + ${t.value})`,
+        right: `calc(${l.value.right} + ${t.value})`,
+        height: `${s.value ? _.value : 0}px`,
+        background: e.background ?? u.value.bodyColor,
+        ...e.color ? { color: e.color } : {}
+      };
+    }), h = o(
+      () => $.value ? `calc(${l.value.top} + ${t.value} + ${i.value.height} + ${t.value})` : `calc(${l.value.top} + ${t.value})`
+    ), T = o(() => {
+      const e = a.APP_LAYOUT_FOOTER_CONFIG;
+      return {
+        ...e.style,
+        height: `${n.value ? p.value : 0}px`,
+        // footer 在 body 流内：marginTop 与内容 shim 隔内缝；底边悬浮由 body paddingBottom 承担。
+        // 用 hasFooter：footer 收起到 0 高时不留死内缝 gap（对称 hasHeader）。
+        marginTop: P.value ? t.value : "0px",
+        background: e.background ?? u.value.bodyColor,
+        ...e.color ? { color: e.color } : {}
+      };
+    }), b = o(() => {
+      const e = a.APP_LAYOUT_SIDEBAR_CONFIG;
+      return {
+        ...e.style,
+        position: "fixed",
+        width: `${v.value ? f.value : 0}px`,
+        // 悬浮：左/下各让外缝 gap；顶 = 内容行顶（外缝 + header 高 + 内缝）；paddingTop 归 0（让位已由 top 承担）。
+        top: h.value,
+        left: `calc(${l.value.left} + ${t.value})`,
+        bottom: `calc(${l.value.bottom} + ${t.value})`,
+        paddingTop: "0px",
+        background: e.background ?? u.value.bodyColor,
+        ...e.color ? { color: e.color } : {}
+      };
+    }), m = o(() => {
+      const e = a.APP_LAYOUT_ASIDE_CONFIG;
+      return {
+        ...e.style,
+        position: "fixed",
+        width: `${d.value ? e.width : 0}px`,
+        // 对称 sidebar：右/下各让外缝 gap；顶 = 内容行顶。
+        top: h.value,
+        right: `calc(${l.value.right} + ${t.value})`,
+        bottom: `calc(${l.value.bottom} + ${t.value})`,
+        paddingTop: "0px",
+        background: e.background ?? u.value.bodyColor,
+        ...e.color ? { color: e.color } : {}
+      };
+    }), L = o(() => ({
+      // 内容左让位：外框左 + 外缝；有 sidebar 再加 sidebar 宽 + 内缝。
+      paddingLeft: v.value ? `calc(${l.value.left} + ${t.value} + ${b.value.width} + ${t.value})` : `calc(${l.value.left} + ${t.value})`,
+      // 顶让位 = 内容行顶（与 sidebar/aside 同行）。
+      paddingTop: h.value,
+      // 右让位（对称左）：外框右 + 外缝；有 aside 再加 aside 宽 + 内缝。
+      paddingRight: d.value ? `calc(${l.value.right} + ${t.value} + ${m.value.width} + ${t.value})` : `calc(${l.value.right} + ${t.value})`,
+      // 底让位：外框下 + 外缝（footer 在流内，其底悬浮由此承担）。
+      paddingBottom: `calc(${l.value.bottom} + ${t.value})`,
+      backgroundColor: u.value.bodyColor
+    })), y = o(() => {
+      const e = $.value ? ` - ${i.value.height} - ${t.value}` : "", x = P.value ? ` - ${T.value.height} - ${t.value}` : "";
+      return {
+        minHeight: `calc(100vh - ${l.value.top} - ${l.value.bottom} - ${t.value} - ${t.value}${e}${x})`,
+        padding: `${O.value}px`
+      };
+    }), G = (e) => {
+      r.value = e;
+    }, N = (e) => {
+      A.value = e;
+    }, w = (e) => {
+      a.theme.setDark(e);
     };
     return {
-      name: b,
-      isDarkTheme: e(() => t.themeIsDark.value),
-      theme: a,
-      extractLevel1ToHeader: T,
-      showHeader: h,
-      showFooter: c,
-      showSidebar: _,
-      showBreadcrumb: E,
-      keepAlive: I,
-      headerStyle: s,
-      footerStyle: p,
-      sidebarStyle: A,
-      bodyStyle: F,
-      bodyShimPadding: v,
-      bodyShimStyle: S,
-      viewportPadding: r,
-      sidebarIsCollapse: e(() => d.value),
-      changeSidebarCollapseStatus: R,
-      changeSidebarHasMenusStatus: L,
-      changeIsDarkTheme: U
+      name: F,
+      isDarkTheme: o(() => a.themeIsDark.value),
+      theme: u,
+      showHeader: s,
+      showFooter: n,
+      showSidebar: v,
+      showAside: d,
+      showBreadcrumb: R,
+      keepAlive: S,
+      headerStyle: i,
+      footerStyle: T,
+      sidebarStyle: b,
+      asideStyle: m,
+      bodyStyle: L,
+      bodyShimPadding: O,
+      bodyShimStyle: y,
+      viewportPadding: l,
+      sidebarIsCollapse: o(() => r.value),
+      changeSidebarCollapseStatus: G,
+      changeSidebarHasMenusStatus: N,
+      changeIsDarkTheme: w
     };
   });
 }
 export {
-  D as createAppStore
+  W as createAppStore
 };