@done-coding/admin-core 0.8.3-alpha.0 → 0.9.1-alpha.0

package/es/index.mjs

@@ -1,160 +1,197 @@
-import { createAdminBridge as r } from "./bridge/index.mjs";
+import { createAdminBridge as t } from "./bridge/index.mjs";
 import { default as a } from "./components/display/ActionBtn.vue.mjs";
-import { default as m } from "./components/display/ActionBtnGroup.vue.mjs";
-import { default as u } from "./components/display/BooleanTag.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/FormMain.vue.mjs";
-import { default as n } from "./components/form/FormRadioGroup.vue.mjs";
-import { default as c } from "./components/form/FormSelect.vue.mjs";
-import { default as E } from "./components/form/FormSubmitBtn.vue.mjs";
-import { default as P } from "./components/form/FormTree.vue.mjs";
-import { default as g } from "./components/form/FormVerifyCode.vue.mjs";
-import { default as L } from "./components/display/HeightProvider.vue.mjs";
-import { default as F } from "./components/menu/MenuItemSub.vue.mjs";
-import { default as O } from "./components/menu/MenuTree.vue.mjs";
-import { default as h } from "./components/modal/ModalPorter.vue.mjs";
-import { default as B } from "./components/modal/ModalShelf.vue.mjs";
-import { default as y } from "./components/panel/PanelItem.vue.mjs";
-import { default as U } from "./components/misc/SelectModule.vue.mjs";
-import { default as N } from "./components/display/TabsMain.vue.mjs";
-import { default as Y } from "./components/misc/TriggerAutoImport.vue.mjs";
-import { default as K } from "./components/display/WatchSize.vue.mjs";
-import { APP_API_LIST_MODEL_KEY_CONFIG as k } from "./config/list-model.mjs";
-import { APP_LAYOUT_APP_STORE_KEY as z, APP_LAYOUT_BRIDGE_KEY as X, APP_LAYOUT_USER_STORE_KEY as j, BODY_CONTENT_VIEWPORT_HEIGHT as Q, TABS_MAIN_VISUAL_LEVEL as q, getModalShelfInjectionKey as J } from "./inject/key.mjs";
-import { default as $ } from "./components/display/ActionConfirm.vue.mjs";
-import { default as oe } from "./components/app-layout/AppBody.vue.mjs";
-import { default as te } from "./components/app-layout/AppBreadcrumb.vue.mjs";
-import { default as fe } from "./components/app-layout/AppFooter.vue.mjs";
-import { default as pe } from "./components/app-layout/AppHeader.vue.mjs";
-import { default as se } from "./components/app-layout/AppLayout.vue.mjs";
-import { default as xe } from "./components/app-layout/AppPage.vue.mjs";
-import { default as ie } from "./components/app-layout/AppSidebar.vue.mjs";
-import { default as Ae } from "./components/misc/AutoRefresh.vue.mjs";
-import { default as _e } from "./components/misc/AutoRefreshGroup.vue.mjs";
-import { default as Se } from "./components/modal/ConfirmModal.vue.mjs";
-import { EXPORT_MAX_LIMIT as Te, OPERATE_COLUMN_PROP as ge, exportCSV as Me, pickExportColumns as Le } from "./utils/export.mjs";
-import { FORM_CONFIG_SELECT_ALL_VALUE as Fe, getConfirmPasswordRule as Ie, passwordRule as Oe, setFormComponentType as Ce } from "./helpers/form.mjs";
-import { FORM_ITEM_CHANGE_LOADING as De, generateFormData as Be, getBlurSubmit as be, getChangeSubmit as ye, getDatePickerShortcuts as Ge, getEnterSubmit as Ue, getPlaceholder as Ve, getVModelSugar as Ne, parseFormData as we, resolveFormLayout as Ye, setInputComponent as ve, setSelectComponent as Ke, stringifyFormData as He, swiftFormItemConfig as ke } from "./components/form/utils.mjs";
-import { default as ze } from "./components/form/FormSearch.vue.mjs";
-import { default as je } from "./components/form/FormSubmitPanel.vue.mjs";
-import { default as qe } from "./components/form/FormVerifyImage.vue.mjs";
-import { default as Ze } from "./components/list-page/ListPage.vue.mjs";
-import { default as eo } from "./components/panel/PanelEditSwitch.vue.mjs";
-import { default as ro } from "./components/panel/PanelMain.vue.mjs";
-import { ROUTE_MODULE_LEVEL as ao, TabsMainReplaceQueryKey as fo } from "./config/route.mjs";
-import { default as po } from "./components/table/TableMain.vue.mjs";
-import { checkLogin as so } from "./router/guard/login.mjs";
-import { checkPermission as xo } from "./router/guard/permission.mjs";
-import { countAll as no, createListApi as Ao, fetchListAll as co } from "./helpers/list-helper.mjs";
-import { createAppStore as Eo } from "./store/app.mjs";
-import { createGenerateRouteMetaRawTree as Po } from "./bridge/route.mjs";
-import { createGuard as go } from "./router/guard/index.mjs";
-import { createRoutePermissionStore as Lo } from "./store/router-permission.mjs";
-import { createStorageWithNamespace as Fo } from "./bridge/storage.mjs";
-import { createUseState as Oo } from "./bridge/state.mjs";
-import { createUserStore as ho } from "./store/user.mjs";
-import { flatRouteMetaResolveRaw as Bo, getRoutePermissionKey as bo } from "./utils/router.mjs";
-import { getId as Go } from "./utils/id.mjs";
-import { timeCountDown as Vo } from "./utils/time.mjs";
-import { useActivated as wo, useActivatedEvent as Yo, useActivatedExec as vo } from "./hooks/activated.mjs";
-import { useBreakpoint as Ho } from "./hooks/use-breakpoint.mjs";
-import { useChannelViewportHeight as Wo } from "./hooks/use-channel-viewport-height.mjs";
-import { useFeelSize as Xo } from "./hooks/feel-size.mjs";
-import { useMenusDataDispatch as Qo } from "./hooks/menus-dispatch.mjs";
-import { useTimeout as Jo } from "./hooks/timeout.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 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 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 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";
 export {
-  k as APP_API_LIST_MODEL_KEY_CONFIG,
-  z as APP_LAYOUT_APP_STORE_KEY,
-  X as APP_LAYOUT_BRIDGE_KEY,
-  j as APP_LAYOUT_USER_STORE_KEY,
+  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,
   a as ActionBtn,
-  m as ActionBtnGroup,
-  $ as ActionConfirm,
-  oe as AppBody,
-  te as AppBreadcrumb,
-  fe as AppFooter,
-  pe as AppHeader,
-  se as AppLayout,
-  xe as AppPage,
-  ie as AppSidebar,
-  Ae as AutoRefresh,
-  _e as AutoRefreshGroup,
-  Q as BODY_CONTENT_VIEWPORT_HEIGHT,
-  u as BooleanTag,
-  Se as ConfirmModal,
+  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,
+  s as BooleanTag,
+  Fe as ConfirmModal,
   l as DetailModal,
-  Te as EXPORT_MAX_LIMIT,
-  Fe as FORM_CONFIG_SELECT_ALL_VALUE,
-  De as FORM_ITEM_CHANGE_LOADING,
-  d as FormMain,
-  n as FormRadioGroup,
-  ze as FormSearch,
-  c as FormSelect,
-  E as FormSubmitBtn,
-  je as FormSubmitPanel,
-  P as FormTree,
-  g as FormVerifyCode,
-  qe as FormVerifyImage,
-  L as HeightProvider,
-  Ze as ListPage,
-  F as MenuItemSub,
-  O as MenuTree,
-  h as ModalPorter,
-  B as ModalShelf,
-  ge as OPERATE_COLUMN_PROP,
-  eo as PanelEditSwitch,
-  y as PanelItem,
-  ro as PanelMain,
-  ao as ROUTE_MODULE_LEVEL,
-  U as SelectModule,
-  q as TABS_MAIN_VISUAL_LEVEL,
-  po as TableMain,
-  N as TabsMain,
-  fo as TabsMainReplaceQueryKey,
-  Y as TriggerAutoImport,
-  K as WatchSize,
-  so as checkLogin,
-  xo as checkPermission,
-  no as countAll,
-  r as createAdminBridge,
-  Eo as createAppStore,
-  Po as createGenerateRouteMetaRawTree,
-  go as createGuard,
-  Ao as createListApi,
-  Lo as createRoutePermissionStore,
-  Fo as createStorageWithNamespace,
-  Oo as createUseState,
-  ho as createUserStore,
-  Me as exportCSV,
-  co as fetchListAll,
-  Bo as flatRouteMetaResolveRaw,
-  Be as generateFormData,
+  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,
+  d as FormRadioGroup,
+  ao as FormSearch,
+  n as FormSelect,
+  _ as FormSubmitBtn,
+  fo as FormSubmitPanel,
+  E 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,
+  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,
+  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,
-  ye as getChangeSubmit,
-  Ie as getConfirmPasswordRule,
-  Ge as getDatePickerShortcuts,
-  Ue as getEnterSubmit,
-  Go as getId,
-  J as getModalShelfInjectionKey,
-  Ve as getPlaceholder,
-  bo as getRoutePermissionKey,
-  Ne as getVModelSugar,
-  we as parseFormData,
-  Oe as passwordRule,
-  Le as pickExportColumns,
-  Ye as resolveFormLayout,
-  Ce as setFormComponentType,
-  ve as setInputComponent,
-  Ke as setSelectComponent,
-  He as stringifyFormData,
-  ke as swiftFormItemConfig,
-  Vo as timeCountDown,
-  wo as useActivated,
-  Yo as useActivatedEvent,
-  vo as useActivatedExec,
-  Ho as useBreakpoint,
-  Wo as useChannelViewportHeight,
-  Xo as useFeelSize,
-  Qo as useMenusDataDispatch,
-  Jo as useTimeout
+  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
 };

package/es/inject/key.mjs

@@ -6,18 +6,27 @@ function o(_) {
 }
 const A = Symbol.for(
   "TABS_MAIN_VISUAL_LEVEL"
-), T = Symbol.for(
+), S = Symbol.for(
   "APP_LAYOUT_APP_STORE_KEY"
-), P = Symbol.for(
+), T = Symbol.for(
   "APP_LAYOUT_USER_STORE_KEY"
-), S = Symbol.for(
+), Y = Symbol.for(
   "APP_LAYOUT_BRIDGE_KEY"
+), O = Symbol.for(
+  "ADMIN_BRIDGE_KEY"
+), I = Symbol.for(
+  "DC_ADMIN_FORM_NEST_REGISTRY"
+), L = Symbol.for(
+  "DC_ADMIN_NEST_LAYOUT_SCALE"
 );
 export {
-  T as APP_LAYOUT_APP_STORE_KEY,
-  S as APP_LAYOUT_BRIDGE_KEY,
-  P as APP_LAYOUT_USER_STORE_KEY,
+  O as ADMIN_BRIDGE_KEY,
+  S as APP_LAYOUT_APP_STORE_KEY,
+  Y as APP_LAYOUT_BRIDGE_KEY,
+  T as APP_LAYOUT_USER_STORE_KEY,
   E as BODY_CONTENT_VIEWPORT_HEIGHT,
+  I as FORM_NEST_REGISTRY_KEY,
+  L as NEST_LAYOUT_SCALE_KEY,
   A as TABS_MAIN_VISUAL_LEVEL,
   o as getModalShelfInjectionKey
 };

package/es/store/app.mjs

@@ -1,103 +1,94 @@
-import { defineStore as k } from "pinia";
-import { useRoute as R } from "vue-router";
-import { ref as n, computed as t, watch as U } from "vue";
-function M(b) {
-  const { bridge: o } = b;
-  return k("APP", () => {
-    const a = o.APP_LAYOUT_HEADER_CONFIG.height, d = o.APP_LAYOUT_FOOTER_CONFIG.height, P = n(o.APP_BASE_INFO.name), s = n(!1), T = n(!1), c = n(!1), i = n(!1), S = t(() => c.value ? o.APP_LAYOUT_SIDEBAR_CONFIG.collapseWidth : o.APP_LAYOUT_SIDEBAR_CONFIG.width), C = R(), r = t(
-      () => s.value ? o.APP_THEME_CONFIG.dark : o.APP_THEME_CONFIG.light
-    ), h = t(() => C.meta), l = t(() => h.value.layout), E = t(() => h.value.keepAlive), m = t(
+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(
       () => {
-        var e;
-        return ((e = l.value) == null ? void 0 : e.header) ?? o.APP_ROUTER_META_DEFAULT_CONFIG.showHeader;
+        var o;
+        return ((o = l.value) == null ? void 0 : o.header) ?? t.APP_ROUTER_META_DEFAULT_CONFIG.showHeader;
       }
-    ), g = t(
+    ), c = e(
       () => {
-        var e;
-        return ((e = l.value) == null ? void 0 : e.footer) ?? o.APP_ROUTER_META_DEFAULT_CONFIG.showFooter;
+        var o;
+        return ((o = l.value) == null ? void 0 : o.footer) ?? t.APP_ROUTER_META_DEFAULT_CONFIG.showFooter;
       }
-    ), v = t(
+    ), _ = e(
       () => {
-        var e;
-        return (((e = l.value) == null ? void 0 : e.sidebar) ?? o.APP_ROUTER_META_DEFAULT_CONFIG.showSidebar) && i.value;
+        var o;
+        return (((o = l.value) == null ? void 0 : o.sidebar) ?? t.APP_ROUTER_META_DEFAULT_CONFIG.showSidebar) && n.value;
       }
-    ), O = t(
+    ), E = e(
       () => {
-        var e;
-        return ((e = l.value) == null ? void 0 : e.breadcrumb) ?? o.APP_ROUTER_META_DEFAULT_CONFIG.showBreadcrumb;
+        var o;
+        return ((o = l.value) == null ? void 0 : o.breadcrumb) ?? t.APP_ROUTER_META_DEFAULT_CONFIG.showBreadcrumb;
       }
-    ), _ = t(
+    ), v = e(
       () => {
-        var e;
-        return ((e = l.value) == null ? void 0 : e.bodyShimPadding) ?? o.APP_LAYOUT_BODY_CONFIG.shimPadding;
+        var o;
+        return ((o = l.value) == null ? void 0 : o.bodyShimPadding) ?? t.APP_LAYOUT_BODY_CONFIG.shimPadding;
       }
-    ), u = t(() => ({
-      height: `${m.value ? a : 0}px`,
-      backgroundColor: r.value.bodyColor,
-      color: r.value.baseColor
-    })), p = t(() => ({
-      height: `${g.value ? d : 0}px`,
-      backgroundColor: r.value.bodyColor
-    })), A = t(() => ({
-      width: `${v.value ? S.value : 0}px`,
-      paddingTop: u.value.height,
-      backgroundColor: r.value.bodyColor,
-      color: r.value.baseColor
-    })), I = t(() => ({
-      paddingLeft: A.value.width,
-      paddingTop: u.value.height,
-      backgroundColor: r.value.bodyColor
-    })), F = t(() => ({
-      minHeight: `calc(100vh - ${u.value.height} - ${p.value.height})`,
-      padding: `${_.value}px`
-    })), f = (e) => {
-      c.value = e;
-    }, y = (e) => {
-      i.value = e;
-    }, N = (e) => {
-      s.value = e;
+    ), 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);
     };
-    return U(
-      s,
-      () => {
-        const e = document.documentElement.className;
-        s.value ? document.documentElement.className = `${e} dark`.trim() : document.documentElement.className = e.replace(/\bdark\b/g, "").trim();
-      },
-      {
-        immediate: !0
-      }
-    ), {
-      name: P,
-      isDarkTheme: t(() => s.value),
-      theme: r,
+    return {
+      name: b,
+      isDarkTheme: e(() => t.themeIsDark.value),
+      theme: a,
       extractLevel1ToHeader: T,
-      showHeader: m,
-      showFooter: g,
-      showSidebar: v,
-      showBreadcrumb: O,
-      keepAlive: E,
-      headerStyle: u,
+      showHeader: h,
+      showFooter: c,
+      showSidebar: _,
+      showBreadcrumb: E,
+      keepAlive: I,
+      headerStyle: s,
       footerStyle: p,
       sidebarStyle: A,
-      bodyStyle: I,
-      bodyShimPadding: _,
-      bodyShimStyle: F,
-      sidebarIsCollapse: t(() => c.value),
-      changeSidebarCollapseStatus: f,
-      changeSidebarHasMenusStatus: y,
-      changeIsDarkTheme: N
+      bodyStyle: F,
+      bodyShimPadding: v,
+      bodyShimStyle: S,
+      viewportPadding: r,
+      sidebarIsCollapse: e(() => d.value),
+      changeSidebarCollapseStatus: R,
+      changeSidebarHasMenusStatus: L,
+      changeIsDarkTheme: U
     };
-  }, {
-    persist: {
-      storage: {
-        getItem: (a) => o.getStorage().getItem(a),
-        setItem: (a, d) => o.getStorage().setItem(a, d),
-        removeItem: (a) => o.getStorage().removeItem(a)
-      },
-      pick: ["isDarkTheme"]
-    }
   });
 }
 export {
-  M as createAppStore
+  D as createAppStore
 };

package/es/style.css

@@ -1 +1 @@
-.confirm-dialog .content[data-v-8a29e4c8]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px)}.confirm-dialog .btn[data-v-8a29e4c8]{width:150px;height:40px;border-radius:4px}.confirm-dialog .main[data-v-8a29e4c8]{position:relative;text-align:center}.confirm-dialog .main .close-box[data-v-8a29e4c8]{position:absolute;top:0;right:0;cursor:pointer;z-index:2}.confirm-dialog .main .shim[data-v-8a29e4c8]{position:relative;z-index:1}.confirm-dialog .main .shim .title[data-v-8a29e4c8]{font-size:18px;font-weight:500}.confirm-dialog .main .shim .content[data-v-8a29e4c8]{font-size:16px;margin-top:15px}.confirm-dialog .main .shim .footer[data-v-8a29e4c8]{display:flex;justify-content:center;align-items:center;padding-top:5px}.confirm-dialog .main .shim .footer>.btn[data-v-8a29e4c8]:not(:last-child){margin-right:30px}.confirm-dialog .main .shim .footer[reverse=true][data-v-8a29e4c8]{flex-direction:row-reverse}.confirm-dialog .main .shim .footer[reverse=true]>.btn[data-v-8a29e4c8]:not(:last-child){margin-right:0;margin-left:30px}.confirm-dialog .el-dialog__header,.confirm-dialog .el-dialog__body{padding:0;background-color:transparent}.action-confirm__title[data-v-88119b35]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-88119b35]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-88119b35]{display:flex;justify-content:flex-end;gap:8px}.form-item-tip[data-v-0dd66b41]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-0dd66b41] .el-form-item__label-wrap{display:none}.form-submit-panel[data-v-450cc756]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-450cc756]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-450cc756]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-450cc756]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-450cc756]{background-color:var(--el-bg-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-450cc756],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-450cc756]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-450cc756]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-450cc756]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-450cc756]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-450cc756]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--el-border-radius-base);border-top-right-radius:var(--el-border-radius-base)}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-450cc756]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-450cc756]{padding:0}.panel-edit-switch[data-v-7bb14fd1]{position:relative}.panel-edit-switch:hover .panel-edit-switch-edit-btn[data-v-7bb14fd1]{display:block}.panel-edit-switch-edit-btn[data-v-7bb14fd1]{position:absolute;top:0;right:0;z-index:1;display:none}.panel-edit-switch-actions[data-v-7bb14fd1]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.form-search_show[data-v-d240f220]{margin-bottom:10px}.form-search .btn-box[data-v-d240f220]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-d240f220]{margin-right:2px}.form-search[data-v-d240f220] .el-col{padding-left:14px}.form-verify-image[data-v-a4baf877] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-a4baf877]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--el-border-radius-base));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-a4baf877]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-d6937179]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-d6937179]{border:none;background:transparent;cursor:pointer;color:var(--el-text-color-regular);transition:background .2s,color .2s,box-shadow .2s}.tabs-main-bar-indicator[data-v-d6937179]{position:absolute;left:0;background:var(--el-color-primary);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-d6937179]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-d6937179]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-d6937179],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-d6937179]{font-size:12px}.tabs-main-bar--variant-card[data-v-d6937179]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-d6937179]{position:relative;padding:8px 20px;line-height:1.4;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-d6937179]:hover:not(.tabs-main-bar-item_active){color:var(--el-color-primary)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:after{content:"";position:absolute;bottom:0;width:100vw;height:1px;background:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-d6937179]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-d6937179]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-d6937179]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-d6937179]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-d6937179]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-d6937179]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-d6937179]{color:var(--el-color-primary);font-weight:600}.app-breadcrumb[data-v-2f677890]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-265945fd]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-265945fd]{width:100%;--app-viewport-max-height: var(--ba2eb370)}.app-footer[data-v-393d9768]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:-5px 0 5px #0000001a}.app-footer-shim[data-v-393d9768]{width:100%;height:100%;padding:0 20px}.app-header[data-v-ef3cc8a6]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;position:fixed;left:0;top:0;width:100%;box-shadow:5px 0 5px #0000001a;z-index:1}.app-header-module[data-v-ef3cc8a6]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-ef3cc8a6]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%;color:var(--v3dfae5bc)}.app-header-module-item[data-v-ef3cc8a6]:hover,.app-header-module-item_active[data-v-ef3cc8a6]{color:var(--v158cd0d2)}.app-header-module-item_active[data-v-ef3cc8a6]{position:relative}.app-header-module-item_active[data-v-ef3cc8a6]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v158cd0d2);transform:translate(-50%)}.app-header-shim[data-v-ef3cc8a6]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:700}.app-header-module-item__icon[data-v-ef3cc8a6]{margin-right:8px}.app-header-userInfo[data-v-ef3cc8a6]{padding-left:80px}.app-header-userInfo__theme-switch[data-v-ef3cc8a6]{margin-right:12px}.app-sidebar[data-v-37ff5e0c]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;position:fixed;left:0;top:0;height:100%;box-shadow:0 5px 5px #0000001a;overflow:visible;z-index:var(--ce9ef212)}.app-sidebar-top[data-v-37ff5e0c]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-37ff5e0c]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-37ff5e0c]{position:absolute;left:0;right:0;top:var(--v309db2c2);bottom:var(--v2189b8a1);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-sidebar-toggle[data-v-37ff5e0c]{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%);cursor:pointer;width:22px;height:22px;border-radius:50%;background-color:var(--v65908f82);color:var(--v42a24063);border:1px solid var(--v42a24063);box-shadow:0 1px 2px #0000000f;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;isolation:isolate;transition:color .3s,border-color .3s,box-shadow .3s}.app-sidebar-toggle[data-v-37ff5e0c]:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background-color:var(--v42a24063);opacity:.18;z-index:-1;pointer-events:none;transition:opacity .3s,inset .3s}.app-sidebar-toggle[data-v-37ff5e0c]:active,.app-sidebar-toggle[data-v-37ff5e0c]:focus,.app-sidebar-toggle[data-v-37ff5e0c]:hover{box-shadow:0 2px 6px #0000001f}.app-sidebar-toggle[data-v-37ff5e0c]:active:before,.app-sidebar-toggle[data-v-37ff5e0c]:focus:before,.app-sidebar-toggle[data-v-37ff5e0c]:hover:before{opacity:.32;top:-5px;right:-5px;bottom:-5px;left:-5px}.app-sidebar-toggle-icon[data-v-37ff5e0c]{transition:transform .3s}.app-layout[data-v-6924f8b7]{position:relative}.app-layout_noLogin[data-v-6924f8b7] .app-body,.app-layout_noLogin[data-v-6924f8b7] .app-sidebar,.app-layout_noLogin[data-v-6924f8b7] .app-header,.app-layout_noLogin[data-v-6924f8b7] .app-footer{transition:none!important}.app-page-shim[data-v-fda19616]{--app-viewport-max-height: var(--v54888f0e)}[data-v-1f8a1089] .auto-refresh-label{display:flex;font-size:13px;color:var(--el-text-color-regular);margin-bottom:8px}.auto-refresh-group-icon--rotating[data-v-9cac8b09]{animation:auto-refresh-rotating-9cac8b09 1s linear infinite}@keyframes auto-refresh-rotating-9cac8b09{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-toolbar[data-v-22ae8fa7]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-22ae8fa7],.table-toolbar-right[data-v-22ae8fa7]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-22ae8fa7]{--el-switch-off-color: var(--el-color-primary);--el-switch-on-color: var(--el-color-warning)}.data-list-view[data-v-da38bea6]{width:100%}.data-list-view-empty[data-v-da38bea6]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px}.table-main-pagination[data-v-05684b89]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-d70424b6]{min-height:var(--v9299b0d4)}.list-page-header[data-v-d70424b6],.list-page-operation[data-v-d70424b6]{margin-bottom:10px}.list-page[data-v-d70424b6] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-25951dc8]{margin-bottom:var(--v39ccf6bc)}
+.confirm-modal[data-v-26598cb2] .el-dialog__header{margin-right:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter)}.confirm-modal__title[data-v-26598cb2]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal[data-v-26598cb2] .el-dialog__body{padding:20px}.confirm-modal__content[data-v-26598cb2]{overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 200px);font-size:14px;line-height:22px;color:var(--el-text-color-regular);text-align:left;word-break:break-word}.confirm-modal[data-v-26598cb2] .el-dialog__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal__footer[data-v-26598cb2]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-26598cb2] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-26598cb2]{flex-direction:row-reverse}.action-confirm__title[data-v-88119b35]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-88119b35]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-88119b35]{display:flex;justify-content:flex-end;gap:8px}.form-item-tip[data-v-8b508d64]{text-align:left;line-height:1.5;font-size:12px}.form-item-label-hide[data-v-8b508d64] .el-form-item__label-wrap{display:none}[data-v-8ad14c45] .el-row>.el-col>.el-form-item{margin-bottom:18px}.form-submit-panel[data-v-93bc9096]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-93bc9096]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-93bc9096]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-93bc9096]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-93bc9096]{background-color:var(--admin-core-body-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-93bc9096],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-93bc9096]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--admin-core-radius, var(--el-border-radius-base));border-bottom-right-radius:var(--admin-core-radius, var(--el-border-radius-base))}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-93bc9096]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-93bc9096]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-93bc9096]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-93bc9096]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--admin-core-radius, var(--el-border-radius-base));border-top-right-radius:var(--admin-core-radius, var(--el-border-radius-base))}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-93bc9096]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-93bc9096]{padding:0}.panel-edit-switch[data-v-65f056ab]{position:relative}.panel-edit-switch:hover .panel-edit-switch-edit-btn[data-v-65f056ab]{display:block}.panel-edit-switch-edit-btn[data-v-65f056ab]{position:absolute;top:0;right:0;z-index:1;display:none}.panel-edit-switch-actions[data-v-65f056ab]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.panel-main-item-col:not(:last-of-type) .panel-main-item-col-wrap_card[data-v-9c14b584]{margin-bottom:var(--v5b714e11)}.form-search_show[data-v-9a9f48af]{margin-bottom:10px}.form-search .btn-box[data-v-9a9f48af]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-9a9f48af]{margin-right:2px}.form-verify-image[data-v-669b7ad9] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-669b7ad9]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--admin-core-radius, var(--el-border-radius-base)));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-669b7ad9]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-3faa57f5]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-3faa57f5]{border:none;background:transparent;cursor:pointer;color:var(--el-text-color-regular);transition:background .2s,color .2s,box-shadow .2s}.tabs-main-bar-indicator[data-v-3faa57f5]{position:absolute;left:0;background:var(--admin-core-primary-color);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-3faa57f5]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-3faa57f5]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-3faa57f5],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-3faa57f5]{font-size:12px}.tabs-main-bar--variant-card[data-v-3faa57f5]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-3faa57f5]{position:relative;padding:8px 20px;line-height:1.4;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-3faa57f5]:hover:not(.tabs-main-bar-item_active){color:var(--admin-core-primary-color)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]:after{content:"";position:absolute;bottom:0;width:100vw;height:1px;background:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-3faa57f5]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-3faa57f5]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-3faa57f5]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-3faa57f5]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-3faa57f5]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-3faa57f5]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-3faa57f5]{color:var(--admin-core-primary-color);font-weight:600}.app-breadcrumb[data-v-9bbe0b05]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-ae442089]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-ae442089]{width:100%;--app-viewport-max-height: var(--ae6fc168)}.app-footer[data-v-bba5d0e4]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:-5px 0 5px #0000001a}.app-footer-shim[data-v-bba5d0e4]{width:100%;height:100%;padding:0 20px}.app-theme[data-v-1f068b22]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-1f068b22]{width:120px}.app-header[data-v-b47543cd]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;position:fixed;left:var(--ae6f6fe0);top:var(--v4782742c);right:var(--v70971b33);box-shadow:5px 0 5px #0000001a;z-index:1}.app-header-module[data-v-b47543cd]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-b47543cd]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%;color:var(--fcf1a792)}.app-header-module-item[data-v-b47543cd]:hover,.app-header-module-item_active[data-v-b47543cd]{color:var(--d3910988)}.app-header-module-item_active[data-v-b47543cd]{position:relative}.app-header-module-item_active[data-v-b47543cd]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--d3910988);transform:translate(-50%)}.app-header-shim[data-v-b47543cd]{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:18px;font-weight:700}.app-header-module-item__icon[data-v-b47543cd]{margin-right:8px}.app-header-userInfo[data-v-b47543cd]{padding-left:80px}.app-sidebar[data-v-2499f12e]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;position:fixed;left:var(--f2149ac0);top:var(--v6fb5779c);bottom:var(--e0532af8);box-shadow:0 5px 5px #0000001a;overflow:visible;z-index:var(--v36eef49e)}.app-sidebar-top[data-v-2499f12e]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-2499f12e]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-2499f12e]{position:absolute;left:0;right:0;top:var(--v7a209d86);bottom:var(--v0a70f74c);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-sidebar-toggle[data-v-2499f12e]{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%);cursor:pointer;width:22px;height:22px;border-radius:50%;background-color:var(--v1ffafb76);color:var(--v738d1dcc);border:1px solid var(--v738d1dcc);box-shadow:0 1px 2px #0000000f;display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;isolation:isolate;transition:color .3s,border-color .3s,box-shadow .3s}.app-sidebar-toggle[data-v-2499f12e]:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background-color:var(--v738d1dcc);opacity:.18;z-index:-1;pointer-events:none;transition:opacity .3s,inset .3s}.app-sidebar-toggle[data-v-2499f12e]:active,.app-sidebar-toggle[data-v-2499f12e]:focus,.app-sidebar-toggle[data-v-2499f12e]:hover{box-shadow:0 2px 6px #0000001f}.app-sidebar-toggle[data-v-2499f12e]:active:before,.app-sidebar-toggle[data-v-2499f12e]:focus:before,.app-sidebar-toggle[data-v-2499f12e]:hover:before{opacity:.32;top:-5px;right:-5px;bottom:-5px;left:-5px}.app-sidebar-toggle-icon[data-v-2499f12e]{transition:transform .3s}.app-layout[data-v-7aeee1b9]{position:relative}.app-layout_noLogin[data-v-7aeee1b9] .app-body,.app-layout_noLogin[data-v-7aeee1b9] .app-sidebar,.app-layout_noLogin[data-v-7aeee1b9] .app-header,.app-layout_noLogin[data-v-7aeee1b9] .app-footer{transition:none!important}.app-page-shim[data-v-fda19616]{--app-viewport-max-height: var(--v54888f0e)}[data-v-64f355fe] .auto-refresh-label{display:flex;font-size:13px;color:var(--el-text-color-regular);margin-bottom:8px}.auto-refresh-group-icon--rotating[data-v-e608ff06]{animation:auto-refresh-rotating-e608ff06 1s linear infinite}@keyframes auto-refresh-rotating-e608ff06{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-item-nest-form[data-v-9c251e76],.form-item-nest-form-list[data-v-f424fc36]{padding:16px;border:1px solid var(--admin-core-border-color);border-radius:8px;box-shadow:var(--admin-core-shadow)}.form-item-nest-form-list-row[data-v-f424fc36]{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.form-item-nest-form-list-row-body[data-v-f424fc36]{flex:1;min-width:0;padding:12px 16px;border:1px solid var(--el-border-color-lighter);border-radius:6px;box-shadow:var(--el-box-shadow-lighter)}.table-toolbar[data-v-6f2937e1]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-6f2937e1],.table-toolbar-right[data-v-6f2937e1]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-6f2937e1]{--el-switch-off-color: var(--admin-core-primary-color);--el-switch-on-color: var(--admin-core-warning-color)}.data-list-view[data-v-708af83f]{width:100%}.data-list-view-empty[data-v-708af83f]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px}.table-main-pagination[data-v-132febbc]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-fc41e3d4]{min-height:var(--c6e708aa)}.list-page-header[data-v-fc41e3d4],.list-page-operation[data-v-fc41e3d4]{margin-bottom:10px}.list-page[data-v-fc41e3d4] .el-loading-mask{left:-10px;top:-10px;right:-10px;bottom:-10px}.panel-item-nest-form-actions[data-v-3af1d77a]{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}