@done-coding/admin-core 0.13.0 → 0.13.1-alpha.0

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

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

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

@@ -1,78 +1,87 @@
-import { defineComponent as T, useCssVars as V, inject as _, ref as h, computed as t, provide as L, watch as F, resolveComponent as H, openBlock as i, createElementBlock as N, normalizeStyle as A, createElementVNode as I, createBlock as r, unref as w, withCtx as b, createVNode as E, createCommentVNode as s, KeepAlive as k, resolveDynamicComponent as S, renderSlot as U } from "vue";
-import { ElAffix as Y } from "element-plus";
-import G from "./AppBreadcrumb.vue.mjs";
-import $ from "lodash/debounce";
-import { APP_LAYOUT_APP_STORE_KEY as D, APP_LAYOUT_BRIDGE_KEY as z, BODY_CONTENT_VIEWPORT_HEIGHT as K } from "../../inject/key.mjs";
-import { useActivated as M } from "../../hooks/activated.mjs";
-const ee = /* @__PURE__ */ T({
+import { defineComponent as L, useCssVars as N, inject as _, ref as b, computed as o, provide as g, watch as H, resolveComponent as F, openBlock as i, createElementBlock as I, normalizeStyle as E, createElementVNode as Y, createBlock as l, unref as S, withCtx as w, createVNode as A, createCommentVNode as d, KeepAlive as $, resolveDynamicComponent as P, renderSlot as k } from "vue";
+import { ElAffix as U } from "element-plus";
+import D from "./AppBreadcrumb.vue.mjs";
+import G from "lodash/debounce";
+import { APP_LAYOUT_APP_STORE_KEY as z, APP_LAYOUT_BRIDGE_KEY as K, BODY_CONTENT_VIEWPORT_HEIGHT as M, BODY_CONTENT_VIEWPORT_RECT as W } from "../../inject/key.mjs";
+import { useActivated as j } from "../../hooks/activated.mjs";
+const oe = /* @__PURE__ */ L({
   __name: "AppBody",
   props: {
     menuFlatList: { default: () => [] }
   },
-  setup(P) {
-    V((e) => ({
-      v553c4217: l.value
+  setup(T) {
+    N((e) => ({
+      v65702a61: r.value
     }));
-    const o = _(D), a = _(z), g = a.APP_ROUTER_CONFIG, c = h(!1), d = t(() => a.APP_LAYOUT_BREADCRUMB_CONFIG.height), u = h(0);
-    L(K, u);
-    const x = t(() => o.bodyShimPadding), m = t(() => o.bodyShimStyle), C = t(() => o.bodyStyle), p = t(() => o.showBreadcrumb), O = t(() => parseFloat(`${o.bodyStyle.paddingTop ?? 0}`) || 0), l = t(
-      () => `calc(${m.value.minHeight} - ${p.value && c.value ? d.value : 0}px - ${x.value * 2}px)`
+    const t = _(z), s = _(K), C = s.APP_ROUTER_CONFIG, c = b(!1), u = o(() => s.APP_LAYOUT_BREADCRUMB_CONFIG.height), p = b(0);
+    g(M, p);
+    const m = o(() => t.bodyShimPadding), a = o(() => t.bodyShimStyle), O = o(() => t.bodyStyle), y = o(() => t.showBreadcrumb), R = o(() => parseFloat(`${t.bodyStyle.paddingTop ?? 0}`) || 0), x = o(() => ({
+      top: t.bodyStyle.paddingTop,
+      left: t.bodyStyle.paddingLeft,
+      right: t.bodyStyle.paddingRight,
+      bottom: `calc(100vh - ${t.bodyStyle.paddingTop} - ${a.value.minHeight})`,
+      // app-body-shim 内边距：供 AppPage 各插槽 shim 朝 chrome 侧留呼吸
+      shimPadding: m.value
+    }));
+    g(W, x);
+    const r = o(
+      () => `calc(${a.value.minHeight} - ${y.value && c.value ? u.value : 0}px - ${m.value * 2}px)`
     ), B = (e) => {
       c.value = e;
-    }, n = $(() => {
+    }, n = G(() => {
       const e = document.createElement("div");
-      e.style.height = l.value, e.style.position = "fixed", e.style.left = "100%", e.style.top = "100%", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), u.value = e.clientHeight, e.remove();
+      e.style.height = r.value, e.style.position = "fixed", e.style.left = "100%", e.style.top = "100%", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), p.value = e.clientHeight, e.remove();
     }, 16);
-    return F(l, () => {
+    return H(r, () => {
       n();
-    }), M((e) => {
+    }), j((e) => {
       typeof window > "u" || (e.isActivated ? (n(), window.addEventListener("resize", n)) : (window.removeEventListener("resize", n), n.cancel()));
-    }), (e, j) => {
-      const R = H("RouterView");
-      return i(), N("div", {
+    }), (e, q) => {
+      const V = F("RouterView");
+      return i(), I("div", {
         class: "app-body",
-        style: A(C.value)
+        style: E(O.value)
       }, [
-        I("div", {
+        Y("div", {
           class: "app-body-shim",
-          style: A(m.value)
+          style: E(a.value)
         }, [
-          p.value ? (i(), r(w(Y), {
+          y.value ? (i(), l(S(U), {
             key: 0,
-            offset: O.value
+            offset: R.value
           }, {
-            default: b(() => [
-              E(G, {
-                height: d.value,
-                menuFlatList: P.menuFlatList,
+            default: w(() => [
+              A(D, {
+                height: u.value,
+                menuFlatList: T.menuFlatList,
                 onShow: B
               }, null, 8, ["height", "menuFlatList"])
             ]),
             _: 1
-          }, 8, ["offset"])) : s("", !0),
-          E(R, null, {
-            default: b(({
+          }, 8, ["offset"])) : d("", !0),
+          A(V, null, {
+            default: w(({
               Component: f,
               route: {
                 path: v,
-                meta: { keepAlive: y }
+                meta: { keepAlive: h }
               }
             }) => [
-              (i(), r(k, {
-                max: w(g).keepAliveMaxCount
+              (i(), l($, {
+                max: S(C).keepAliveMaxCount
               }, [
-                y ? (i(), r(S(f), { key: v })) : s("", !0)
+                h ? (i(), l(P(f), { key: v })) : d("", !0)
               ], 1032, ["max"])),
-              y ? s("", !0) : (i(), r(S(f), { key: v }))
+              h ? d("", !0) : (i(), l(P(f), { key: v }))
             ]),
             _: 1
           })
         ], 4),
-        U(e.$slots, "footer", {}, void 0, !0)
+        k(e.$slots, "footer", {}, void 0, !0)
       ], 4);
     };
   }
 });
 export {
-  ee as default
+  oe as default
 };

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

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

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

@@ -1,39 +1,176 @@
-import { defineComponent as r, useCssVars as p, computed as l, openBlock as n, createElementBlock as s, normalizeStyle as i, createElementVNode as c, createVNode as u, unref as d, withCtx as f, renderSlot as m } from "vue";
-import g from "../modal/ModalShelf.vue.mjs";
-const h = { class: "app-page-shim" }, _ = "--app-viewport-max-height", w = /* @__PURE__ */ r({
+import { defineComponent as O, useCssVars as F, computed as o, useSlots as D, ref as n, shallowRef as I, inject as Y, openBlock as i, createElementBlock as q, normalizeStyle as a, createElementVNode as r, createVNode as G, unref as u, withCtx as c, renderSlot as g, createBlock as v, createCommentVNode as b } from "vue";
+import J from "lodash/debounce";
+import K from "../modal/ModalShelf.vue.mjs";
+import y from "../display/WatchSize.vue.mjs";
+import { computeAppPageSlotStyles as Q, computeAppPageSlotShimStyles as U } from "./app-page-geometry.mjs";
+import { BODY_CONTENT_VIEWPORT_RECT as X } from "../../inject/key.mjs";
+import { useActivated as Z } from "../../hooks/activated.mjs";
+const j = "--app-viewport-max-height", ie = /* @__PURE__ */ O({
   name: "AppPage",
   __name: "AppPage",
   props: {
     fullViewport: { type: Boolean, default: !1 },
     fullMode: { default: "min-height" },
     nextViewportMaxHeight: { default: "var(--app-viewport-max-height)" },
-    background: {}
+    background: {},
+    gap: { default: 8 },
+    topBg: {},
+    bottomBg: {},
+    leftBg: {},
+    rightBg: {}
   },
-  setup(a) {
-    p((t) => ({
-      v54888f0e: e.nextViewportMaxHeight
+  setup(S) {
+    F((e) => ({
+      v36c22f8e: s.nextViewportMaxHeight
     }));
-    const e = a, o = l(() => ({
-      background: e.background,
-      ...e.fullViewport ? {
-        [e.fullMode]: `var(${_})`
+    const s = S, V = o(() => ({
+      background: s.background,
+      ...s.fullViewport ? {
+        [s.fullMode]: `var(${j})`
       } : {}
-    }));
-    return (t, v) => (n(), s("div", {
-      class: "app-page",
-      style: i(o.value)
+    })), d = D(), H = o(() => !!d.top), P = o(() => !!d.bottom), R = o(() => !!d.left), W = o(() => !!d.right), w = n(0), k = n(0), B = n(0), _ = n(0), E = (e) => {
+      w.value = e;
+    }, T = (e) => {
+      k.value = e;
+    }, A = (e) => {
+      B.value = e;
+    }, z = (e) => {
+      _.value = e;
+    }, m = I(), x = n({
+      top: "0px",
+      left: "0px",
+      right: "0px",
+      bottom: "0px"
+    }), l = Y(X, void 0), L = !l, p = J(() => {
+      const e = m.value;
+      if (!e || typeof window > "u") return;
+      const t = e.getBoundingClientRect();
+      x.value = {
+        top: `${t.top}px`,
+        left: `${t.left}px`,
+        right: `${window.innerWidth - t.right}px`,
+        bottom: `${window.innerHeight - t.bottom}px`
+      };
+    }, 16);
+    if (L && typeof window < "u") {
+      const e = typeof ResizeObserver < "u" ? new ResizeObserver(() => p()) : void 0;
+      Z((t) => {
+        t.isActivated ? (p(), e && m.value && e.observe(m.value), window.addEventListener("resize", p)) : (e == null || e.disconnect(), window.removeEventListener("resize", p), p.cancel());
+      });
+    }
+    const M = o(() => {
+      const e = l == null ? void 0 : l.value;
+      return e ? { top: e.top, left: e.left, right: e.right, bottom: e.bottom } : x.value;
+    }), $ = o(() => {
+      var e;
+      return ((e = l == null ? void 0 : l.value) == null ? void 0 : e.shimPadding) ?? 0;
+    }), f = o(
+      () => Q(M.value, w.value, k.value)
+    ), h = o(() => {
+      const e = U($.value, s.gap);
+      return {
+        top: { ...e.top, background: s.topBg },
+        bottom: { ...e.bottom, background: s.bottomBg },
+        left: { ...e.left, background: s.leftBg },
+        right: { ...e.right, background: s.rightBg }
+      };
+    }), N = o(() => {
+      const e = $.value, t = (C) => `${Math.max(0, C ? C - e : 0)}px`;
+      return {
+        paddingTop: t(w.value),
+        paddingBottom: t(k.value),
+        paddingLeft: t(B.value),
+        paddingRight: t(_.value)
+      };
+    });
+    return (e, t) => (i(), q("div", {
+      ref_key: "appPageRef",
+      ref: m,
+      class: "dc-app-page app-page",
+      style: a(V.value)
     }, [
-      c("div", h, [
-        u(d(g), { level: "page" }, {
-          default: f(() => [
-            m(t.$slots, "default", {}, void 0, !0)
+      r("div", {
+        class: "app-page-shim",
+        style: a(N.value)
+      }, [
+        G(u(K), { level: "page" }, {
+          default: c(() => [
+            g(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         })
-      ])
+      ], 4),
+      H.value ? (i(), v(u(y), {
+        key: 0,
+        mode: "height",
+        class: "app-page-slot app-page-slot--top",
+        style: a(f.value.top),
+        onHeightChange: E
+      }, {
+        default: c(() => [
+          r("div", {
+            class: "app-page-slot-shim",
+            style: a(h.value.top)
+          }, [
+            g(e.$slots, "top", {}, void 0, !0)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["style"])) : b("", !0),
+      P.value ? (i(), v(u(y), {
+        key: 1,
+        mode: "height",
+        class: "app-page-slot app-page-slot--bottom",
+        style: a(f.value.bottom),
+        onHeightChange: T
+      }, {
+        default: c(() => [
+          r("div", {
+            class: "app-page-slot-shim",
+            style: a(h.value.bottom)
+          }, [
+            g(e.$slots, "bottom", {}, void 0, !0)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["style"])) : b("", !0),
+      R.value ? (i(), v(u(y), {
+        key: 2,
+        mode: "width",
+        class: "app-page-slot app-page-slot--left",
+        style: a(f.value.left),
+        onWidthChange: A
+      }, {
+        default: c(() => [
+          r("div", {
+            class: "app-page-slot-shim",
+            style: a(h.value.left)
+          }, [
+            g(e.$slots, "left", {}, void 0, !0)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["style"])) : b("", !0),
+      W.value ? (i(), v(u(y), {
+        key: 3,
+        mode: "width",
+        class: "app-page-slot app-page-slot--right",
+        style: a(f.value.right),
+        onWidthChange: z
+      }, {
+        default: c(() => [
+          r("div", {
+            class: "app-page-slot-shim",
+            style: a(h.value.right)
+          }, [
+            g(e.$slots, "right", {}, void 0, !0)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["style"])) : b("", !0)
     ], 4));
   }
 });
 export {
-  w as default
+  ie as default
 };

package/es/components/app-layout/app-page-geometry.mjs

@@ -0,0 +1,47 @@
+const d = 1;
+function e(t, o, x) {
+  const i = `calc(${t.top} + ${o}px)`, p = `calc(${t.bottom} + ${x}px)`;
+  return {
+    top: {
+      position: "fixed",
+      top: t.top,
+      left: t.left,
+      right: t.right,
+      zIndex: 1
+    },
+    bottom: {
+      position: "fixed",
+      bottom: t.bottom,
+      left: t.left,
+      right: t.right,
+      zIndex: 1
+    },
+    left: {
+      position: "fixed",
+      left: t.left,
+      top: i,
+      bottom: p,
+      zIndex: 1
+    },
+    right: {
+      position: "fixed",
+      right: t.right,
+      top: i,
+      bottom: p,
+      zIndex: 1
+    }
+  };
+}
+function $(t, o) {
+  return {
+    top: { padding: `${t}px ${t}px ${o}px ${t}px` },
+    bottom: { padding: `${o}px ${t}px ${t}px ${t}px` },
+    left: { padding: `0 ${o}px 0 ${t}px` },
+    right: { padding: `0 ${t}px 0 ${o}px` }
+  };
+}
+export {
+  d as APP_PAGE_SLOT_Z_INDEX,
+  $ as computeAppPageSlotShimStyles,
+  e as computeAppPageSlotStyles
+};

package/es/components/data-view/DataListView.vue.mjs

@@ -1,7 +1,7 @@
 import t from "./DataListView.vue2.mjs";
 /* empty css                   */
 import o from "../../_virtual/_plugin-vue_export-helper.mjs";
-const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-708af83f"]]);
+const i = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c66e599d"]]);
 export {
   i as default
 };

package/es/index.mjs

@@ -1,210 +1,215 @@
-import { createCoreBridge as r } from "./bridge/index.mjs";
+import { createCoreBridge as t } 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 u } from "./components/modal/DetailModal.vue.mjs";
 import { default as d } from "./components/form/FormRadioGroup.vue.mjs";
 import { default as E } from "./components/form/FormSelect.vue.mjs";
-import { default as _ } from "./components/form/FormSubmitBtn.vue.mjs";
-import { default as T } from "./components/form/FormTree.vue.mjs";
-import { default as S } from "./components/form/FormVerifyCode.vue.mjs";
+import { default as n } from "./components/form/FormSubmitBtn.vue.mjs";
+import { default as S } from "./components/form/FormTree.vue.mjs";
+import { default as c } from "./components/form/FormVerifyCode.vue.mjs";
 import { default as R } from "./components/display/HeightProvider.vue.mjs";
-import { default as I } from "./components/menu/MenuItemSub.vue.mjs";
-import { default as F } from "./components/menu/MenuTree.vue.mjs";
+import { default as L } from "./components/menu/MenuItemSub.vue.mjs";
+import { default as C } from "./components/menu/MenuTree.vue.mjs";
 import { default as M } from "./components/modal/ModalPorter.vue.mjs";
-import { default as h } from "./components/modal/ModalShelf.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 B } from "./components/panel/PanelItemNestPanel.vue.mjs";
 import { default as U } from "./components/misc/SelectModule.vue.mjs";
-import { default as b } from "./components/display/TabsMain.vue.mjs";
+import { default as G } 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 { APP_API_LIST_MODEL_KEY_CONFIG as W } from "./config/list-model.mjs";
-import { APP_LAYOUT_APP_STORE_KEY as X, APP_LAYOUT_BRIDGE_KEY as z, APP_LAYOUT_USER_STORE_KEY as Z, BODY_CONTENT_VIEWPORT_HEIGHT as j, CORE_BRIDGE_KEY as Q, FORM_NEST_REGISTRY_KEY as q, NEST_LAYOUT_SCALE_KEY as J, TABS_MAIN_VISUAL_LEVEL as $, getModalShelfInjectionKey as ee } from "./inject/key.mjs";
-import { default as re } from "./components/display/ActionConfirm.vue.mjs";
-import { default as ae } from "./components/app-layout/AppAside.vue.mjs";
-import { default as fe } from "./components/app-layout/AppBody.vue.mjs";
-import { default as se } from "./components/app-layout/AppBreadcrumb.vue.mjs";
-import { default as le } from "./components/app-layout/AppFooter.vue.mjs";
-import { default as de } from "./components/app-layout/AppHeader.vue.mjs";
-import { default as Ee } from "./components/app-layout/AppLayout.vue.mjs";
-import { default as _e } from "./components/app-layout/AppPage.vue.mjs";
-import { default as Te } from "./components/app-layout/AppSidebar.vue.mjs";
-import { default as Se } from "./components/app-layout/AppTheme.vue.mjs";
-import { default as Re } from "./components/misc/AutoRefresh.vue.mjs";
-import { default as Ie } from "./components/misc/AutoRefreshGroup.vue.mjs";
-import { CORE_VIEWPORT_DECOR_ZINDEX_ABOVE as Fe, CORE_VIEWPORT_DECOR_ZINDEX_BELOW as Ce } from "./components/app-layout/viewport.mjs";
-import { default as ge } from "./components/modal/ConfirmModal.vue.mjs";
-import { EXPORT_MAX_LIMIT as Ne, OPERATE_COLUMN_PROP as De, exportCSV as Be, pickExportColumns as ye } from "./utils/export.mjs";
-import { FORM_CONFIG_SELECT_ALL_VALUE as Ue, getConfirmPasswordRule as Ve, passwordRule as be, setFormComponentType as Ge } 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 Eo } from "./components/form/FormSubmitPanel.vue.mjs";
-import { default as _o } from "./components/form/FormVerifyImage.vue.mjs";
-import { default as To } from "./components/list-page/ListPage.vue.mjs";
-import { default as So } from "./components/panel/PanelEditSwitch.vue.mjs";
-import { default as Ro } from "./components/panel/PanelItemNestForm.vue.mjs";
-import { default as Io } from "./components/panel/PanelMain.vue.mjs";
-import { ROUTE_MODULE_LEVEL as Fo, TabsMainReplaceQueryKey as Co } from "./config/route.mjs";
-import { TABLE_COLUMN_KEY_OPERATE as go, TABLE_COLUMN_KEY_SELECTION as ho } from "./components/table/constants.mjs";
-import { default as Do } from "./components/table/TableMain.vue.mjs";
-import { buildRhythmCss as yo, useCoreThemeApply as Yo } from "./hooks/use-theme-apply.mjs";
-import { checkLogin as Vo } from "./router/guard/login.mjs";
-import { checkPermission as Go } from "./router/guard/permission.mjs";
-import { countAll as vo, createListApi as wo, fetchListAll as Ho } from "./helpers/list-helper.mjs";
-import { createAppStore as ko } from "./store/app.mjs";
-import { createGenerateRouteMetaRawTree as zo } from "./bridge/route.mjs";
-import { createGuard as jo } from "./router/guard/index.mjs";
-import { createNestFormExposeMap as qo } from "./components/form/nest-registry.mjs";
-import { createRoutePermissionStore as $o } from "./store/router-permission.mjs";
-import { createStorageWithNamespace as or } from "./bridge/storage.mjs";
-import { createUseState as tr } from "./bridge/state.mjs";
-import { createUserStore as mr } from "./store/user.mjs";
-import { flatRouteMetaResolveRaw as pr, getRoutePermissionKey as sr } from "./utils/router.mjs";
-import { getId as lr } from "./utils/id.mjs";
-import { nestFormItem as dr } from "./components/form/nest-form-item.mjs";
-import { nestFormItemList as Er } from "./components/form/nest-form-item-list.mjs";
-import { nestPanelForm as _r } from "./components/panel/nest-panel-form.mjs";
-import { nestPanelItem as Tr } from "./components/panel/nest-panel-item.mjs";
-import { themeScaleDerive as Sr, themeScaleMix as Pr, themeScaleParseHex as Rr, themeScaleToRgba as Lr } from "./utils/theme-scale.mjs";
-import { timeCountDown as Or } from "./utils/time.mjs";
-import { useActivated as Cr, useActivatedEvent as Mr, useActivatedExec as gr } from "./hooks/activated.mjs";
-import { useBreakpoint as Nr } from "./hooks/use-breakpoint.mjs";
-import { useChannelViewportHeight as Br } from "./hooks/use-channel-viewport-height.mjs";
-import { useCoreViewportApply as Yr } from "./hooks/use-viewport-apply.mjs";
-import { useFeelSize as Vr } from "./hooks/feel-size.mjs";
-import { useMenusDataDispatch as Gr } from "./hooks/menus-dispatch.mjs";
-import { useNestForm as vr } from "./components/form/use-nest-form.mjs";
-import { useNestFormList as Hr } from "./components/form/use-nest-form-list.mjs";
-import { useNestLayoutScale as kr } from "./components/form/use-nest-layout-scale.mjs";
-import { useTimeout as zr } from "./hooks/timeout.mjs";
+import { APP_LAYOUT_APP_STORE_KEY as X, APP_LAYOUT_BRIDGE_KEY as Z, APP_LAYOUT_USER_STORE_KEY as z, BODY_CONTENT_VIEWPORT_HEIGHT as j, BODY_CONTENT_VIEWPORT_RECT as Q, CORE_BRIDGE_KEY as q, FORM_NEST_REGISTRY_KEY as J, NEST_LAYOUT_SCALE_KEY as $, TABS_MAIN_VISUAL_LEVEL as ee, getModalShelfInjectionKey as oe } from "./inject/key.mjs";
+import { APP_PAGE_SLOT_Z_INDEX as re, computeAppPageSlotShimStyles as ae, computeAppPageSlotStyles as me } from "./components/app-layout/app-page-geometry.mjs";
+import { default as pe } from "./components/display/ActionConfirm.vue.mjs";
+import { default as le } from "./components/app-layout/AppAside.vue.mjs";
+import { default as xe } from "./components/app-layout/AppBody.vue.mjs";
+import { default as ie } from "./components/app-layout/AppBreadcrumb.vue.mjs";
+import { default as _e } from "./components/app-layout/AppFooter.vue.mjs";
+import { default as Ae } from "./components/app-layout/AppHeader.vue.mjs";
+import { default as Te } from "./components/app-layout/AppLayout.vue.mjs";
+import { default as Pe } from "./components/app-layout/AppPage.vue.mjs";
+import { default as Oe } from "./components/app-layout/AppSidebar.vue.mjs";
+import { default as Ie } from "./components/app-layout/AppTheme.vue.mjs";
+import { default as Fe } from "./components/misc/AutoRefresh.vue.mjs";
+import { default as ge } from "./components/misc/AutoRefreshGroup.vue.mjs";
+import { CORE_VIEWPORT_DECOR_ZINDEX_ABOVE as he, CORE_VIEWPORT_DECOR_ZINDEX_BELOW as De } from "./components/app-layout/viewport.mjs";
+import { default as Be } from "./components/modal/ConfirmModal.vue.mjs";
+import { EXPORT_MAX_LIMIT as Ue, OPERATE_COLUMN_PROP as Ve, exportCSV as Ge, pickExportColumns as be } from "./utils/export.mjs";
+import { FORM_CONFIG_SELECT_ALL_VALUE as ve, getConfirmPasswordRule as we, passwordRule as He, setFormComponentType as We } from "./helpers/form.mjs";
+import { FORM_ITEM_CHANGE_LOADING as Xe, NEST_LAYOUT_TIERS as Ze, ceilToTier as ze, generateFormData as je, getBlurSubmit as Qe, getChangeSubmit as qe, getDatePickerShortcuts as Je, getEnterSubmit as $e, getPlaceholder as eo, getVModelSugar as oo, parseFormData as to, resolveFormLayout as ro, resolveLayoutSpan as ao, setInputComponent as mo, setSelectComponent as fo, stringifyFormData as po, swiftFormItemConfig as so } from "./components/form/utils.mjs";
+import { default as uo } from "./components/form/FormItemNestForm.vue.mjs";
+import { default as io } from "./components/form/FormItemNestFormList.vue.mjs";
+import { default as _o } from "./components/form/FormMain.vue.mjs";
+import { default as Ao } from "./components/form/FormSearch.vue.mjs";
+import { default as To } from "./components/form/FormSubmitPanel.vue.mjs";
+import { default as Po } from "./components/form/FormVerifyImage.vue.mjs";
+import { default as Oo } from "./components/list-page/ListPage.vue.mjs";
+import { default as Io } from "./components/panel/PanelEditSwitch.vue.mjs";
+import { default as Fo } from "./components/panel/PanelItemNestForm.vue.mjs";
+import { default as go } from "./components/panel/PanelMain.vue.mjs";
+import { ROUTE_MODULE_LEVEL as ho, TabsMainReplaceQueryKey as Do } from "./config/route.mjs";
+import { TABLE_COLUMN_KEY_OPERATE as Bo, TABLE_COLUMN_KEY_SELECTION as Yo } from "./components/table/constants.mjs";
+import { default as Vo } from "./components/table/TableMain.vue.mjs";
+import { buildRhythmCss as bo, useCoreThemeApply as Ko } from "./hooks/use-theme-apply.mjs";
+import { checkLogin as wo } from "./router/guard/login.mjs";
+import { checkPermission as Wo } from "./router/guard/permission.mjs";
+import { countAll as Xo, createListApi as Zo, fetchListAll as zo } from "./helpers/list-helper.mjs";
+import { createAppStore as Qo } from "./store/app.mjs";
+import { createGenerateRouteMetaRawTree as Jo } from "./bridge/route.mjs";
+import { createGuard as et } from "./router/guard/index.mjs";
+import { createNestFormExposeMap as tt } from "./components/form/nest-registry.mjs";
+import { createRoutePermissionStore as at } from "./store/router-permission.mjs";
+import { createStorageWithNamespace as ft } from "./bridge/storage.mjs";
+import { createUseState as st } from "./bridge/state.mjs";
+import { createUserStore as ut } from "./store/user.mjs";
+import { flatRouteMetaResolveRaw as dt, getRoutePermissionKey as it } from "./utils/router.mjs";
+import { getId as _t } from "./utils/id.mjs";
+import { nestFormItem as At } from "./components/form/nest-form-item.mjs";
+import { nestFormItemList as Tt } from "./components/form/nest-form-item-list.mjs";
+import { nestPanelForm as Pt } from "./components/panel/nest-panel-form.mjs";
+import { nestPanelItem as Ot } from "./components/panel/nest-panel-item.mjs";
+import { themeScaleDerive as It, themeScaleMix as Ct, themeScaleParseHex as Ft, themeScaleToRgba as Mt } from "./utils/theme-scale.mjs";
+import { timeCountDown as Nt } from "./utils/time.mjs";
+import { useActivated as Dt, useActivatedEvent as yt, useActivatedExec as Bt } from "./hooks/activated.mjs";
+import { useBreakpoint as Ut } from "./hooks/use-breakpoint.mjs";
+import { useChannelViewportHeight as Gt } from "./hooks/use-channel-viewport-height.mjs";
+import { useCoreViewportApply as Kt } from "./hooks/use-viewport-apply.mjs";
+import { useFeelSize as wt } from "./hooks/feel-size.mjs";
+import { useMenusDataDispatch as Wt } from "./hooks/menus-dispatch.mjs";
+import { useNestForm as Xt } from "./components/form/use-nest-form.mjs";
+import { useNestFormList as zt } from "./components/form/use-nest-form-list.mjs";
+import { useNestLayoutScale as Qt } from "./components/form/use-nest-layout-scale.mjs";
+import { useTimeout as Jt } from "./hooks/timeout.mjs";
 export {
   W as APP_API_LIST_MODEL_KEY_CONFIG,
   X as APP_LAYOUT_APP_STORE_KEY,
-  z as APP_LAYOUT_BRIDGE_KEY,
-  Z as APP_LAYOUT_USER_STORE_KEY,
+  Z as APP_LAYOUT_BRIDGE_KEY,
+  z as APP_LAYOUT_USER_STORE_KEY,
+  re as APP_PAGE_SLOT_Z_INDEX,
   a as ActionBtn,
   f as ActionBtnGroup,
-  re as ActionConfirm,
-  ae as AppAside,
-  fe as AppBody,
-  se as AppBreadcrumb,
-  le as AppFooter,
-  de as AppHeader,
-  Ee as AppLayout,
-  _e as AppPage,
-  Te as AppSidebar,
-  Se as AppTheme,
-  Re as AutoRefresh,
-  Ie as AutoRefreshGroup,
+  pe as ActionConfirm,
+  le as AppAside,
+  xe as AppBody,
+  ie as AppBreadcrumb,
+  _e as AppFooter,
+  Ae as AppHeader,
+  Te as AppLayout,
+  Pe as AppPage,
+  Oe as AppSidebar,
+  Ie as AppTheme,
+  Fe as AutoRefresh,
+  ge as AutoRefreshGroup,
   j as BODY_CONTENT_VIEWPORT_HEIGHT,
+  Q as BODY_CONTENT_VIEWPORT_RECT,
   s as BooleanTag,
-  Q as CORE_BRIDGE_KEY,
-  Fe as CORE_VIEWPORT_DECOR_ZINDEX_ABOVE,
-  Ce as CORE_VIEWPORT_DECOR_ZINDEX_BELOW,
-  ge as ConfirmModal,
-  l as DetailModal,
-  Ne as EXPORT_MAX_LIMIT,
-  Ue as FORM_CONFIG_SELECT_ALL_VALUE,
-  ve as FORM_ITEM_CHANGE_LOADING,
-  q as FORM_NEST_REGISTRY_KEY,
-  mo as FormItemNestForm,
-  po as FormItemNestFormList,
-  uo as FormMain,
+  q as CORE_BRIDGE_KEY,
+  he as CORE_VIEWPORT_DECOR_ZINDEX_ABOVE,
+  De as CORE_VIEWPORT_DECOR_ZINDEX_BELOW,
+  Be as ConfirmModal,
+  u as DetailModal,
+  Ue as EXPORT_MAX_LIMIT,
+  ve as FORM_CONFIG_SELECT_ALL_VALUE,
+  Xe as FORM_ITEM_CHANGE_LOADING,
+  J as FORM_NEST_REGISTRY_KEY,
+  uo as FormItemNestForm,
+  io as FormItemNestFormList,
+  _o as FormMain,
   d as FormRadioGroup,
-  xo as FormSearch,
+  Ao as FormSearch,
   E as FormSelect,
-  _ as FormSubmitBtn,
-  Eo as FormSubmitPanel,
-  T as FormTree,
-  S as FormVerifyCode,
-  _o as FormVerifyImage,
+  n as FormSubmitBtn,
+  To as FormSubmitPanel,
+  S as FormTree,
+  c as FormVerifyCode,
+  Po as FormVerifyImage,
   R as HeightProvider,
-  To as ListPage,
-  I as MenuItemSub,
-  F as MenuTree,
+  Oo as ListPage,
+  L as MenuItemSub,
+  C as MenuTree,
   M as ModalPorter,
-  h as ModalShelf,
-  J as NEST_LAYOUT_SCALE_KEY,
-  we as NEST_LAYOUT_TIERS,
-  De as OPERATE_COLUMN_PROP,
-  So as PanelEditSwitch,
+  N as ModalShelf,
+  $ as NEST_LAYOUT_SCALE_KEY,
+  Ze as NEST_LAYOUT_TIERS,
+  Ve as OPERATE_COLUMN_PROP,
+  Io as PanelEditSwitch,
   D as PanelItem,
-  Ro as PanelItemNestForm,
-  y as PanelItemNestPanel,
-  Io as PanelMain,
-  Fo as ROUTE_MODULE_LEVEL,
+  Fo as PanelItemNestForm,
+  B as PanelItemNestPanel,
+  go as PanelMain,
+  ho as ROUTE_MODULE_LEVEL,
   U as SelectModule,
-  go as TABLE_COLUMN_KEY_OPERATE,
-  ho as TABLE_COLUMN_KEY_SELECTION,
-  $ as TABS_MAIN_VISUAL_LEVEL,
-  Do as TableMain,
-  b as TabsMain,
-  Co as TabsMainReplaceQueryKey,
+  Bo as TABLE_COLUMN_KEY_OPERATE,
+  Yo as TABLE_COLUMN_KEY_SELECTION,
+  ee as TABS_MAIN_VISUAL_LEVEL,
+  Vo as TableMain,
+  G as TabsMain,
+  Do as TabsMainReplaceQueryKey,
   K as TriggerAutoImport,
   w as WatchSize,
-  yo as buildRhythmCss,
-  He as ceilToTier,
-  Vo as checkLogin,
-  Go as checkPermission,
-  vo as countAll,
-  ko as createAppStore,
-  r as createCoreBridge,
-  zo as createGenerateRouteMetaRawTree,
-  jo as createGuard,
-  wo as createListApi,
-  qo as createNestFormExposeMap,
-  $o as createRoutePermissionStore,
-  or as createStorageWithNamespace,
-  tr as createUseState,
-  mr as createUserStore,
-  Be as exportCSV,
-  Ho as fetchListAll,
-  pr as flatRouteMetaResolveRaw,
-  We as generateFormData,
-  ke as getBlurSubmit,
-  Xe as getChangeSubmit,
-  Ve as getConfirmPasswordRule,
-  ze as getDatePickerShortcuts,
-  Ze as getEnterSubmit,
-  lr as getId,
-  ee as getModalShelfInjectionKey,
-  je as getPlaceholder,
-  sr as getRoutePermissionKey,
-  Qe as getVModelSugar,
-  dr as nestFormItem,
-  Er as nestFormItemList,
-  _r as nestPanelForm,
-  Tr as nestPanelItem,
-  qe as parseFormData,
-  be as passwordRule,
-  ye as pickExportColumns,
-  Je as resolveFormLayout,
-  $e as resolveLayoutSpan,
-  Ge as setFormComponentType,
-  eo as setInputComponent,
-  oo as setSelectComponent,
-  ro as stringifyFormData,
-  to as swiftFormItemConfig,
-  Sr as themeScaleDerive,
-  Pr as themeScaleMix,
-  Rr as themeScaleParseHex,
-  Lr as themeScaleToRgba,
-  Or as timeCountDown,
-  Cr as useActivated,
-  Mr as useActivatedEvent,
-  gr as useActivatedExec,
-  Nr as useBreakpoint,
-  Br as useChannelViewportHeight,
-  Yo as useCoreThemeApply,
-  Yr as useCoreViewportApply,
-  Vr as useFeelSize,
-  Gr as useMenusDataDispatch,
-  vr as useNestForm,
-  Hr as useNestFormList,
-  kr as useNestLayoutScale,
-  zr as useTimeout
+  bo as buildRhythmCss,
+  ze as ceilToTier,
+  wo as checkLogin,
+  Wo as checkPermission,
+  ae as computeAppPageSlotShimStyles,
+  me as computeAppPageSlotStyles,
+  Xo as countAll,
+  Qo as createAppStore,
+  t as createCoreBridge,
+  Jo as createGenerateRouteMetaRawTree,
+  et as createGuard,
+  Zo as createListApi,
+  tt as createNestFormExposeMap,
+  at as createRoutePermissionStore,
+  ft as createStorageWithNamespace,
+  st as createUseState,
+  ut as createUserStore,
+  Ge as exportCSV,
+  zo as fetchListAll,
+  dt as flatRouteMetaResolveRaw,
+  je as generateFormData,
+  Qe as getBlurSubmit,
+  qe as getChangeSubmit,
+  we as getConfirmPasswordRule,
+  Je as getDatePickerShortcuts,
+  $e as getEnterSubmit,
+  _t as getId,
+  oe as getModalShelfInjectionKey,
+  eo as getPlaceholder,
+  it as getRoutePermissionKey,
+  oo as getVModelSugar,
+  At as nestFormItem,
+  Tt as nestFormItemList,
+  Pt as nestPanelForm,
+  Ot as nestPanelItem,
+  to as parseFormData,
+  He as passwordRule,
+  be as pickExportColumns,
+  ro as resolveFormLayout,
+  ao as resolveLayoutSpan,
+  We as setFormComponentType,
+  mo as setInputComponent,
+  fo as setSelectComponent,
+  po as stringifyFormData,
+  so as swiftFormItemConfig,
+  It as themeScaleDerive,
+  Ct as themeScaleMix,
+  Ft as themeScaleParseHex,
+  Mt as themeScaleToRgba,
+  Nt as timeCountDown,
+  Dt as useActivated,
+  yt as useActivatedEvent,
+  Bt as useActivatedExec,
+  Ut as useBreakpoint,
+  Gt as useChannelViewportHeight,
+  Ko as useCoreThemeApply,
+  Kt as useCoreViewportApply,
+  wt as useFeelSize,
+  Wt as useMenusDataDispatch,
+  Xt as useNestForm,
+  zt as useNestFormList,
+  Qt as useNestLayoutScale,
+  Jt as useTimeout
 };

package/es/inject/key.mjs

@@ -1,23 +1,25 @@
 import o from "../injectInfo.json.mjs";
-const _ = (E) => `${o.name}:${E}`, T = Symbol.for(
+const _ = (E) => `${o.name}:${E}`, S = Symbol.for(
   _("BODY_CONTENT_VIEWPORT_HEIGHT")
+), O = Symbol.for(
+  _("BODY_CONTENT_VIEWPORT_RECT")
 );
 function A(E) {
   return Symbol.for(
     _(`MODAL_SHELF_${E}`)
   );
 }
-const O = Symbol.for(
+const R = Symbol.for(
   _("TABS_MAIN_VISUAL_LEVEL")
 ), Y = Symbol.for(
   _("APP_LAYOUT_APP_STORE_KEY")
-), R = Symbol.for(
+), P = Symbol.for(
   _("APP_LAYOUT_USER_STORE_KEY")
 ), n = Symbol.for(
   _("APP_LAYOUT_BRIDGE_KEY")
-), L = Symbol.for(
+), I = Symbol.for(
   _("CORE_BRIDGE_KEY")
-), P = Symbol.for(
+), L = Symbol.for(
   _("FORM_NEST_REGISTRY")
 ), t = Symbol.for(
   _("NEST_LAYOUT_SCALE")
@@ -25,11 +27,12 @@ const O = Symbol.for(
 export {
   Y as APP_LAYOUT_APP_STORE_KEY,
   n as APP_LAYOUT_BRIDGE_KEY,
-  R as APP_LAYOUT_USER_STORE_KEY,
-  T as BODY_CONTENT_VIEWPORT_HEIGHT,
-  L as CORE_BRIDGE_KEY,
-  P as FORM_NEST_REGISTRY_KEY,
+  P as APP_LAYOUT_USER_STORE_KEY,
+  S as BODY_CONTENT_VIEWPORT_HEIGHT,
+  O as BODY_CONTENT_VIEWPORT_RECT,
+  I as CORE_BRIDGE_KEY,
+  L as FORM_NEST_REGISTRY_KEY,
   t as NEST_LAYOUT_SCALE_KEY,
-  O as TABS_MAIN_VISUAL_LEVEL,
+  R as TABS_MAIN_VISUAL_LEVEL,
   A as getModalShelfInjectionKey
 };

package/es/style.css

@@ -1 +1 @@
-.confirm-modal[data-v-647fb7fd] .el-dialog__header{margin-right:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter)}.confirm-modal__title[data-v-647fb7fd]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal[data-v-647fb7fd] .el-dialog__body{padding:20px}.confirm-modal__content[data-v-647fb7fd]{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-647fb7fd] .el-dialog__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal__footer[data-v-647fb7fd]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-647fb7fd] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-647fb7fd]{flex-direction:row-reverse}.action-confirm__title[data-v-67d276b0]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-67d276b0]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-67d276b0]{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-83b1b718] .el-row>.el-col>.el-form-item{margin-bottom:18px}.form-submit-panel[data-v-1505775a]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-1505775a]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-1505775a]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-1505775a]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-1505775a]{background-color:var(--dc-core-body-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-bottom-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-1505775a]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-top-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-1505775a]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-1505775a]{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-0835965e]{margin-bottom:var(--e1f69828)}.form-search_show[data-v-4d4d2642]{margin-bottom:10px}.form-search .btn-box[data-v-4d4d2642]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-4d4d2642]{margin-right:2px}.form-verify-image[data-v-7a70397e] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-7a70397e]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--dc-core-radius, var(--el-border-radius-base)));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-7a70397e]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-6b4fc73b]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-6b4fc73b]{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-6b4fc73b]{position:absolute;left:0;background:var(--dc-core-primary-color);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-6b4fc73b],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:12px}.tabs-main-bar--variant-card[data-v-6b4fc73b]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-6b4fc73b]{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-6b4fc73b]:hover:not(.tabs-main-bar-item_active){color:var(--dc-core-primary-color)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]: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-6b4fc73b]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-6b4fc73b]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-6b4fc73b]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-6b4fc73b]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);font-weight:600}.app-collapse-toggle[data-v-10c7e006]{position:absolute;top:50%;cursor:pointer;width:14px;height:44px;border-radius:7px;background-color:var(--dc-core-surface, var(--el-bg-color-overlay));border:1px solid var(--dc-core-border-color, var(--el-border-color-lighter));color:var(--el-text-color-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;opacity:.3;box-shadow:none;transition:opacity .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.app-collapse-toggle--sidebar[data-v-10c7e006]{left:100%;transform:translate(-50%,-50%)}.app-collapse-toggle--aside[data-v-10c7e006]{right:100%;transform:translate(50%,-50%)}.app-collapse-toggle[data-v-10c7e006]:hover,.app-collapse-toggle[data-v-10c7e006]:focus-visible{opacity:1;color:var(--el-text-color-primary);border-color:var(--dc-core-border-color, var(--el-border-color));box-shadow:var(--el-box-shadow-lighter)}.app-collapse-toggle[data-v-10c7e006]:active{border-color:var(--dc-core-primary-color, var(--el-color-primary))}.app-collapse-toggle__icon[data-v-10c7e006]{transition:transform .3s}.app-aside[data-v-7e17d342]{transition:width var(--dc-core-motion-duration-slow, .3s) var(--dc-core-motion-easing, ease);box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:0}.app-aside-clip[data-v-7e17d342]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.app-aside-shim[data-v-7e17d342]{position:absolute;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;transition:opacity var(--dc-core-motion-duration, .2s) var(--dc-core-motion-easing, ease)}@media (prefers-reduced-motion: reduce){.app-aside[data-v-7e17d342],.app-aside-shim[data-v-7e17d342]{transition:none}}.app-breadcrumb[data-v-9bbe0b05]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-5ad153de]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-5ad153de]{width:100%;--app-viewport-max-height: var(--v553c4217)}.app-footer[data-v-8960664d]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:var(--dc-core-shadow, var(--el-box-shadow))}.app-footer-shim[data-v-8960664d]{width:100%;height:100%;padding:0 20px}.app-header[data-v-c78820aa]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));z-index:1}.app-header-module[data-v-c78820aa]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-c78820aa]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%}.app-header-module-item[data-v-c78820aa]:hover,.app-header-module-item_active[data-v-c78820aa]{color:var(--v8834c284)}.app-header-module-item_active[data-v-c78820aa]{position:relative}.app-header-module-item_active[data-v-c78820aa]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v8834c284);transform:translate(-50%)}.app-header-shim[data-v-c78820aa]{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-c78820aa]{margin-right:8px}.app-header-right[data-v-c78820aa]{padding-left:80px;display:flex;align-items:center}.app-sidebar[data-v-8aa015fb]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:var(--v3ceb1df4)}.app-sidebar-top[data-v-8aa015fb]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-8aa015fb]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-8aa015fb]{position:absolute;left:0;right:0;top:var(--v2c8b87ee);bottom:var(--baa8be1c);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-theme[data-v-06ca4822]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-06ca4822]{width:120px}.app-layout[data-v-f6f87b30]{position:relative}.app-layout_noLogin[data-v-f6f87b30] .app-body,.app-layout_noLogin[data-v-f6f87b30] .app-sidebar,.app-layout_noLogin[data-v-f6f87b30] .app-header,.app-layout_noLogin[data-v-f6f87b30] .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-a413a382],.form-item-nest-form-list[data-v-68118cbf]{padding:16px;border:1px solid var(--dc-core-border-color);border-radius:8px;box-shadow:var(--dc-core-shadow, var(--el-box-shadow-lighter))}.form-item-nest-form-list-row[data-v-68118cbf]{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.form-item-nest-form-list-row-body[data-v-68118cbf]{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-0175f1a9]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-0175f1a9],.table-toolbar-right[data-v-0175f1a9]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-0175f1a9]{--el-switch-off-color: var(--dc-core-primary-color);--el-switch-on-color: var(--dc-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-e8584319]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-0e94ce51]{min-height:var(--v3390ee15)}.list-page-header[data-v-0e94ce51],.list-page-operation[data-v-0e94ce51]{margin-bottom:10px}.list-page[data-v-0e94ce51] .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}
+.confirm-modal[data-v-647fb7fd] .el-dialog__header{margin-right:0;padding:16px 20px;border-bottom:1px solid var(--el-border-color-lighter)}.confirm-modal__title[data-v-647fb7fd]{font-size:16px;font-weight:600;line-height:24px;color:var(--el-text-color-primary);text-align:left}.confirm-modal[data-v-647fb7fd] .el-dialog__body{padding:20px}.confirm-modal__content[data-v-647fb7fd]{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-647fb7fd] .el-dialog__footer{padding:12px 20px;border-top:1px solid var(--el-border-color-lighter)}.confirm-modal__footer[data-v-647fb7fd]{display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-modal__footer[data-v-647fb7fd] .el-button{min-width:72px}.confirm-modal__footer[reverse=true][data-v-647fb7fd]{flex-direction:row-reverse}.action-confirm__title[data-v-67d276b0]{font-weight:600;margin-bottom:6px}.action-confirm__content[data-v-67d276b0]{margin-bottom:12px;color:var(--el-text-color-regular)}.action-confirm__actions[data-v-67d276b0]{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-83b1b718] .el-row>.el-col>.el-form-item{margin-bottom:18px}.form-submit-panel[data-v-1505775a]{display:flex;flex-direction:column}.form-submit-panel .form-submit-panel-form[data-v-1505775a]{order:1}.form-submit-panel .form-submit-panel-operation[data-v-1505775a]{order:2}.form-submit-panel .form-submit-panel-operation-inner[data-v-1505775a]{display:flex;align-items:center;gap:8px;padding:10px 12px}.form-submit-panel .el-affix--fixed .form-submit-panel-operation-inner[data-v-1505775a]{background-color:var(--dc-core-body-color)}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a],.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{border-top:1px solid var(--el-border-color-light);border-bottom-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-bottom-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_bottom-center .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:center}.form-submit-panel_bottom-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end}.form-submit-panel_top-right .form-submit-panel-operation[data-v-1505775a]{order:0}.form-submit-panel_top-right .form-submit-panel-operation-inner[data-v-1505775a]{justify-content:flex-end;border-bottom:1px solid var(--el-border-color-light);border-top-left-radius:var(--dc-core-radius, var(--el-border-radius-base));border-top-right-radius:var(--dc-core-radius, var(--el-border-radius-base))}.form-submit-panel_no-divider .form-submit-panel-operation-inner[data-v-1505775a]{border:none;border-radius:0}.form-submit-panel_bare .form-submit-panel-operation-inner[data-v-1505775a]{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-0835965e]{margin-bottom:var(--e1f69828)}.form-search_show[data-v-4d4d2642]{margin-bottom:10px}.form-search .btn-box[data-v-4d4d2642]{display:flex;align-items:center;gap:8px;justify-content:flex-end}.form-search .btn-box-expand-icon[data-v-4d4d2642]{margin-right:2px}.form-verify-image[data-v-7a70397e] .el-input__suffix-inner *{margin:0}.form-verify-image-suffix[data-v-7a70397e]{position:absolute;height:100%;border-radius:var(--el-input-border-radius, var(--dc-core-radius, var(--el-border-radius-base)));top:50%;transform:translateY(-50%);overflow:hidden;cursor:pointer}.form-verify-image-suffix-main[data-v-7a70397e]{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f4f4f4}.tabs-main-bar[data-v-6b4fc73b]{position:relative;display:flex;align-items:center}.tabs-main-bar-item[data-v-6b4fc73b]{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-6b4fc73b]{position:absolute;left:0;background:var(--dc-core-primary-color);transition:transform .2s,width .2s}.tabs-main-bar--l1 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:16px}.tabs-main-bar--l2 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:14px}.tabs-main-bar--l3 .tabs-main-bar-item[data-v-6b4fc73b],.tabs-main-bar--l4 .tabs-main-bar-item[data-v-6b4fc73b]{font-size:12px}.tabs-main-bar--variant-card[data-v-6b4fc73b]{position:relative;overflow:hidden;gap:2px}.tabs-main-bar--variant-card .tabs-main-bar-item[data-v-6b4fc73b]{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-6b4fc73b]:hover:not(.tabs-main-bar-item_active){color:var(--dc-core-primary-color)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);border-color:var(--el-border-color-light)}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:before,.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]: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-6b4fc73b]:before{right:100%}.tabs-main-bar--variant-card .tabs-main-bar-item_active[data-v-6b4fc73b]:after{left:100%}.tabs-main-bar--variant-indicator .tabs-main-bar-item[data-v-6b4fc73b]{padding:8px 16px}.tabs-main-bar--variant-indicator .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:2px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item[data-v-6b4fc73b]{padding:6px 10px}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color)}.tabs-main-bar--variant-indicator-compact .tabs-main-bar-indicator[data-v-6b4fc73b]{bottom:0;height:1px}.tabs-main-bar--variant-plain .tabs-main-bar-item[data-v-6b4fc73b]{padding:4px 8px}.tabs-main-bar--variant-plain .tabs-main-bar-item_active[data-v-6b4fc73b]{color:var(--dc-core-primary-color);font-weight:600}.app-collapse-toggle[data-v-10c7e006]{position:absolute;top:50%;cursor:pointer;width:14px;height:44px;border-radius:7px;background-color:var(--dc-core-surface, var(--el-bg-color-overlay));border:1px solid var(--dc-core-border-color, var(--el-border-color-lighter));color:var(--el-text-color-secondary);display:flex;align-items:center;justify-content:center;font-size:12px;z-index:1;opacity:.3;box-shadow:none;transition:opacity .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.app-collapse-toggle--sidebar[data-v-10c7e006]{left:100%;transform:translate(-50%,-50%)}.app-collapse-toggle--aside[data-v-10c7e006]{right:100%;transform:translate(50%,-50%)}.app-collapse-toggle[data-v-10c7e006]:hover,.app-collapse-toggle[data-v-10c7e006]:focus-visible{opacity:1;color:var(--el-text-color-primary);border-color:var(--dc-core-border-color, var(--el-border-color));box-shadow:var(--el-box-shadow-lighter)}.app-collapse-toggle[data-v-10c7e006]:active{border-color:var(--dc-core-primary-color, var(--el-color-primary))}.app-collapse-toggle__icon[data-v-10c7e006]{transition:transform .3s}.app-aside[data-v-7e17d342]{transition:width var(--dc-core-motion-duration-slow, .3s) var(--dc-core-motion-easing, ease);box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:0}.app-aside-clip[data-v-7e17d342]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.app-aside-shim[data-v-7e17d342]{position:absolute;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:auto;transition:opacity var(--dc-core-motion-duration, .2s) var(--dc-core-motion-easing, ease)}@media (prefers-reduced-motion: reduce){.app-aside[data-v-7e17d342],.app-aside-shim[data-v-7e17d342]{transition:none}}.app-breadcrumb[data-v-9bbe0b05]{display:flex;align-items:center;justify-content:flex-start}.app-body[data-v-dce40682]{transition-duration:.3s;transition-property:padding;transition-timing-function:linear;min-height:100vh}.app-body-shim[data-v-dce40682]{width:100%;--app-viewport-max-height: var(--v65702a61)}.app-footer[data-v-8960664d]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;width:100%;box-shadow:var(--dc-core-shadow, var(--el-box-shadow))}.app-footer-shim[data-v-8960664d]{width:100%;height:100%;padding:0 20px}.app-header[data-v-c78820aa]{transition-duration:.3s;transition-property:height;transition-timing-function:linear;overflow:hidden;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));z-index:1}.app-header-module[data-v-c78820aa]{display:flex;flex:1;height:100%;overflow-x:auto}.app-header-module-item[data-v-c78820aa]{display:flex;justify-content:center;align-items:center;padding:0 20px;white-space:nowrap;height:100%}.app-header-module-item[data-v-c78820aa]:hover,.app-header-module-item_active[data-v-c78820aa]{color:var(--v8834c284)}.app-header-module-item_active[data-v-c78820aa]{position:relative}.app-header-module-item_active[data-v-c78820aa]:before{content:"";position:absolute;left:50%;top:0;width:100%;height:3px;background-color:var(--v8834c284);transform:translate(-50%)}.app-header-shim[data-v-c78820aa]{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-c78820aa]{margin-right:8px}.app-header-right[data-v-c78820aa]{padding-left:80px;display:flex;align-items:center}.app-sidebar[data-v-8aa015fb]{transition-duration:.3s;transition-property:width;transition-timing-function:linear;box-shadow:var(--dc-core-shadow, var(--el-box-shadow));overflow:visible;z-index:var(--v3ceb1df4)}.app-sidebar-top[data-v-8aa015fb]{position:absolute;left:0;right:0;top:0;overflow:hidden}.app-sidebar-bottom[data-v-8aa015fb]{position:absolute;left:0;right:0;bottom:0;overflow:hidden}.app-sidebar-shim[data-v-8aa015fb]{position:absolute;left:0;right:0;top:var(--v2c8b87ee);bottom:var(--baa8be1c);overflow-x:hidden;overflow-y:auto;--el-menu-border-color: transparent;-webkit-user-select:none;user-select:none}.app-theme[data-v-06ca4822]{display:inline-flex;align-items:center;gap:12px;margin-right:12px}.app-theme__style-select[data-v-06ca4822]{width:120px}.app-layout[data-v-f6f87b30]{position:relative}.app-layout_noLogin[data-v-f6f87b30] .app-body,.app-layout_noLogin[data-v-f6f87b30] .app-sidebar,.app-layout_noLogin[data-v-f6f87b30] .app-header,.app-layout_noLogin[data-v-f6f87b30] .app-footer{transition:none!important}.app-page-shim[data-v-da6e4bf1]{--app-viewport-max-height: var(--v36c22f8e)}.app-page-slot-shim[data-v-da6e4bf1]{box-sizing:border-box;width:100%;height:100%}[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-a413a382],.form-item-nest-form-list[data-v-68118cbf]{padding:16px;border:1px solid var(--dc-core-border-color);border-radius:8px;box-shadow:var(--dc-core-shadow, var(--el-box-shadow-lighter))}.form-item-nest-form-list-row[data-v-68118cbf]{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px}.form-item-nest-form-list-row-body[data-v-68118cbf]{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-0175f1a9]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;gap:20px}.table-toolbar-left[data-v-0175f1a9],.table-toolbar-right[data-v-0175f1a9]{display:flex;align-items:center;gap:10px}.table-toolbar-switch-view[data-v-0175f1a9]{--el-switch-off-color: var(--dc-core-primary-color);--el-switch-on-color: var(--dc-core-warning-color)}.data-list-view[data-v-c66e599d]{width:100%}.data-list-view-empty[data-v-c66e599d]{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px;grid-column:1 / -1}.table-main-pagination[data-v-e8584319]{margin-top:10px;display:flex;justify-content:flex-end}.list-page[data-v-0e94ce51]{min-height:var(--v3390ee15)}.list-page-header[data-v-0e94ce51],.list-page-operation[data-v-0e94ce51]{margin-bottom:10px}.list-page[data-v-0e94ce51] .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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@done-coding/admin-core",
-  "version": "0.13.0",
+  "version": "0.13.1-alpha.0",
   "description": "内部前端库",
   "private": false,
   "main": "es/index.mjs",
@@ -79,5 +79,5 @@
     "node": ">=18.0.0",
     "pnpm": ">=9.0.0"
   },
-  "gitHead": "46498c7702a490f6eb0b2d61de27f190c6369676"
+  "gitHead": "ef64be8731a67a11a005410f624e9a8de585ba84"
 }

package/types/components/app-layout/AppPage.vue.d.ts

@@ -3,21 +3,35 @@ type __VLS_Props = {
     fullMode?: "min-height" | "height";
     nextViewportMaxHeight?: string;
     background?: string;
+    gap?: number;
+    topBg?: string;
+    bottomBg?: string;
+    leftBg?: string;
+    rightBg?: string;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
+        top?(_: {}): any;
+        bottom?(_: {}): any;
+        left?(_: {}): any;
+        right?(_: {}): any;
+    };
+    refs: {
+        appPageRef: HTMLDivElement;
     };
-    refs: {};
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gap: number;
     fullViewport: boolean;
     fullMode: "min-height" | "height";
     nextViewportMaxHeight: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    appPageRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/types/components/app-layout/app-page-geometry.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'vue';
+export interface AppPageRectInset {
+    top: string;
+    left: string;
+    right: string;
+    bottom: string;
+}
+export interface AppPageSlotStyles {
+    top: CSSProperties;
+    bottom: CSSProperties;
+    left: CSSProperties;
+    right: CSSProperties;
+}
+export declare const APP_PAGE_SLOT_Z_INDEX = 1;
+export declare function computeAppPageSlotStyles(rect: AppPageRectInset, topH: number, bottomH: number): AppPageSlotStyles;
+export declare function computeAppPageSlotShimStyles(sp: number, gap: number): AppPageSlotStyles;

package/types/components/app-layout/index.d.ts

@@ -10,3 +10,4 @@ import { default as AppTheme } from './AppTheme.vue';
 export { AppLayout, AppHeader, AppSidebar, AppAside, AppBody, AppBreadcrumb, AppFooter, AppPage, AppTheme, };
 export * from './types';
 export * from './viewport';
+export * from './app-page-geometry';

package/types/inject/key.d.ts

@@ -1,9 +1,16 @@
-import { InjectionKey, Ref } from 'vue';
+import { ComputedRef, InjectionKey, Ref } from 'vue';
 import { CoreBridge } from '../bridge';
 import { ModalLevel, ShelfController } from '../components/modal';
 import { AppLayoutAppStoreSlice, AppLayoutUserStoreSlice, AppLayoutBridgeSlice } from '../components/app-layout';
 import { NestFormExposeMap } from '../components/form';
 export declare const BODY_CONTENT_VIEWPORT_HEIGHT: unique symbol;
+export declare const BODY_CONTENT_VIEWPORT_RECT: InjectionKey<ComputedRef<{
+    top: string;
+    left: string;
+    right: string;
+    bottom: string;
+    shimPadding: number;
+}>>;
 export declare function getModalShelfInjectionKey(level: ModalLevel): InjectionKey<ShelfController>;
 export declare const TABS_MAIN_VISUAL_LEVEL: InjectionKey<number>;
 export declare const APP_LAYOUT_APP_STORE_KEY: InjectionKey<AppLayoutAppStoreSlice>;

package/types/injectInfo.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@done-coding/admin-core",
-  "version": "0.13.0",
+  "version": "0.13.1-alpha.0",
   "description": "内部前端库"
 };