@done-coding/admin-core 0.14.1-alpha.0 → 0.15.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 _ = /* @__PURE__ */ p(o, [["__scopeId", "data-v-dce40682"]]);
+const m = /* @__PURE__ */ p(o, [["__scopeId", "data-v-c593275f"]]);
 export {
-  _ as default
+  m as default
 };

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

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

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

@@ -1,11 +1,11 @@
-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({
+import { defineComponent as oe, useCssVars as ae, computed as t, useSlots as se, ref as i, shallowRef as le, inject as $, provide as R, openBlock as u, createElementBlock as pe, normalizeStyle as s, createElementVNode as c, createVNode as ie, unref as d, withCtx as v, renderSlot as g, createBlock as x, createCommentVNode as P } from "vue";
+import S from "lodash/debounce";
+import ne from "../modal/ModalShelf.vue.mjs";
+import k from "../display/WatchSize.vue.mjs";
+import { computeAppPageReducedViewportHeight as re, computeAppPageContentInset as ue, computeAppPageReducedViewportWidth as ce, computeAppPageSlotStyles as de, computeAppPageSlotShimStyles as ve } from "./app-page-geometry.mjs";
+import { BODY_CONTENT_VIEWPORT_RECT as ge, BODY_CONTENT_VIEWPORT_HEIGHT as A, BODY_CONTENT_VIEWPORT_INSET as fe, APP_PAGE_CONTENT_INSET as he } from "../../inject/key.mjs";
+import { useActivated as I } from "../../hooks/activated.mjs";
+const me = "--app-viewport-max-height", Ee = /* @__PURE__ */ oe({
   name: "AppPage",
   __name: "AppPage",
   props: {
@@ -19,158 +19,214 @@ const j = "--app-viewport-max-height", ie = /* @__PURE__ */ O({
     leftBg: {},
     rightBg: {}
   },
-  setup(S) {
-    F((e) => ({
-      v36c22f8e: s.nextViewportMaxHeight
+  setup(z) {
+    ae((e) => ({
+      v0f6d6f31: n.value.top,
+      v314acecf: n.value.bottom,
+      v4386a4aa: n.value.left,
+      v2ca12e10: n.value.right,
+      v2c1456bc: n.value.width,
+      v3af5c5cb: n.value.height,
+      v1911457e: a.nextViewportMaxHeight
     }));
-    const s = S, V = o(() => ({
-      background: s.background,
-      ...s.fullViewport ? {
-        [s.fullMode]: `var(${j})`
+    const a = z, L = t(() => ({
+      background: a.background,
+      ...a.fullViewport ? {
+        [a.fullMode]: `var(${me})`
       } : {}
-    })), 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) => {
+    })), f = se(), M = t(() => !!f.top), D = t(() => !!f.bottom), F = t(() => !!f.left), Y = t(() => !!f.right), h = i(0), m = i(0), B = i(0), E = i(0), G = (e) => {
+      h.value = e;
+    }, q = (e) => {
+      m.value = e;
+    }, J = (e) => {
       B.value = e;
-    }, z = (e) => {
-      _.value = e;
-    }, m = I(), x = n({
+    }, K = (e) => {
+      E.value = e;
+    }, l = le(), V = i({
       top: "0px",
       left: "0px",
       right: "0px",
       bottom: "0px"
-    }), l = Y(X, void 0), L = !l, p = J(() => {
-      const e = m.value;
+    }), p = $(ge, void 0), Q = !p, r = S(() => {
+      const e = l.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`
+      const o = e.getBoundingClientRect();
+      V.value = {
+        top: `${o.top}px`,
+        left: `${o.left}px`,
+        right: `${window.innerWidth - o.right}px`,
+        bottom: `${window.innerHeight - o.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());
+    if (Q && typeof window < "u") {
+      const e = typeof ResizeObserver < "u" ? new ResizeObserver(() => r()) : void 0;
+      I((o) => {
+        o.isActivated ? (r(), e && l.value && e.observe(l.value), window.addEventListener("resize", r)) : (e == null || e.disconnect(), window.removeEventListener("resize", r), r.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(() => {
+    const U = t(() => {
+      const e = p == null ? void 0 : p.value;
+      return e ? { top: e.top, left: e.left, right: e.right, bottom: e.bottom } : V.value;
+    }), b = t(() => {
       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 ((e = p == null ? void 0 : p.value) == null ? void 0 : e.shimPadding) ?? 0;
+    }), T = t(() => ({
+      topH: h.value,
+      bottomH: m.value,
+      leftW: B.value,
+      rightW: E.value
+    })), X = $(A, i(0)), W = t(
+      () => re(
+        X.value,
+        T.value,
+        b.value
+      )
+    );
+    R(A, W);
+    const Z = {
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0
+    }, j = $(
+      fe,
+      t(() => Z)
+    ), C = t(
+      () => ue(j.value, T.value, a.gap)
+    );
+    R(he, C);
+    const H = i(0), O = () => {
+      l.value && (H.value = l.value.clientWidth);
+    }, w = S(O, 16);
+    if (typeof window < "u") {
+      const e = typeof ResizeObserver < "u" ? new ResizeObserver(() => w()) : void 0;
+      I((o) => {
+        o.isActivated ? (O(), e && l.value ? e.observe(l.value) : window.addEventListener("resize", w)) : (e == null || e.disconnect(), window.removeEventListener("resize", w), w.cancel());
+      });
+    }
+    const ee = t(
+      () => ce(
+        H.value,
+        T.value,
+        b.value
+      )
+    ), n = t(() => {
+      const e = C.value;
+      return {
+        top: `${e.top}px`,
+        bottom: `${e.bottom}px`,
+        left: `${e.left}px`,
+        right: `${e.right}px`,
+        width: `${ee.value}px`,
+        height: `${W.value}px`
+      };
+    }), y = t(
+      () => de(U.value, h.value, m.value)
+    ), _ = t(() => {
+      const e = ve(b.value, a.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 }
+        top: { ...e.top, background: a.topBg },
+        bottom: { ...e.bottom, background: a.bottomBg },
+        left: { ...e.left, background: a.leftBg },
+        right: { ...e.right, background: a.rightBg }
       };
-    }), N = o(() => {
-      const e = $.value, t = (C) => `${Math.max(0, C ? C - e : 0)}px`;
+    }), te = t(() => {
+      const e = b.value, o = (N) => `${Math.max(0, N ? N - e : 0)}px`;
       return {
-        paddingTop: t(w.value),
-        paddingBottom: t(k.value),
-        paddingLeft: t(B.value),
-        paddingRight: t(_.value)
+        paddingTop: o(h.value),
+        paddingBottom: o(m.value),
+        paddingLeft: o(B.value),
+        paddingRight: o(E.value)
       };
     });
-    return (e, t) => (i(), q("div", {
+    return (e, o) => (u(), pe("div", {
       ref_key: "appPageRef",
-      ref: m,
+      ref: l,
       class: "dc-app-page app-page",
-      style: a(V.value)
+      style: s(L.value)
     }, [
-      r("div", {
+      c("div", {
         class: "app-page-shim",
-        style: a(N.value)
+        style: s(te.value)
       }, [
-        G(u(K), { level: "page" }, {
-          default: c(() => [
+        ie(d(ne), { level: "page" }, {
+          default: v(() => [
             g(e.$slots, "default", {}, void 0, !0)
           ]),
           _: 3
         })
       ], 4),
-      H.value ? (i(), v(u(y), {
+      M.value ? (u(), x(d(k), {
         key: 0,
         mode: "height",
         class: "app-page-slot app-page-slot--top",
-        style: a(f.value.top),
-        onHeightChange: E
+        style: s(y.value.top),
+        onHeightChange: G
       }, {
-        default: c(() => [
-          r("div", {
+        default: v(() => [
+          c("div", {
             class: "app-page-slot-shim",
-            style: a(h.value.top)
+            style: s(_.value.top)
           }, [
             g(e.$slots, "top", {}, void 0, !0)
           ], 4)
         ]),
         _: 3
-      }, 8, ["style"])) : b("", !0),
-      P.value ? (i(), v(u(y), {
+      }, 8, ["style"])) : P("", !0),
+      D.value ? (u(), x(d(k), {
         key: 1,
         mode: "height",
         class: "app-page-slot app-page-slot--bottom",
-        style: a(f.value.bottom),
-        onHeightChange: T
+        style: s(y.value.bottom),
+        onHeightChange: q
       }, {
-        default: c(() => [
-          r("div", {
+        default: v(() => [
+          c("div", {
             class: "app-page-slot-shim",
-            style: a(h.value.bottom)
+            style: s(_.value.bottom)
           }, [
             g(e.$slots, "bottom", {}, void 0, !0)
           ], 4)
         ]),
         _: 3
-      }, 8, ["style"])) : b("", !0),
-      R.value ? (i(), v(u(y), {
+      }, 8, ["style"])) : P("", !0),
+      F.value ? (u(), x(d(k), {
         key: 2,
         mode: "width",
         class: "app-page-slot app-page-slot--left",
-        style: a(f.value.left),
-        onWidthChange: A
+        style: s(y.value.left),
+        onWidthChange: J
       }, {
-        default: c(() => [
-          r("div", {
+        default: v(() => [
+          c("div", {
             class: "app-page-slot-shim",
-            style: a(h.value.left)
+            style: s(_.value.left)
           }, [
             g(e.$slots, "left", {}, void 0, !0)
           ], 4)
         ]),
         _: 3
-      }, 8, ["style"])) : b("", !0),
-      W.value ? (i(), v(u(y), {
+      }, 8, ["style"])) : P("", !0),
+      Y.value ? (u(), x(d(k), {
         key: 3,
         mode: "width",
         class: "app-page-slot app-page-slot--right",
-        style: a(f.value.right),
-        onWidthChange: z
+        style: s(y.value.right),
+        onWidthChange: K
       }, {
-        default: c(() => [
-          r("div", {
+        default: v(() => [
+          c("div", {
             class: "app-page-slot-shim",
-            style: a(h.value.right)
+            style: s(_.value.right)
           }, [
             g(e.$slots, "right", {}, void 0, !0)
           ], 4)
         ]),
         _: 3
-      }, 8, ["style"])) : b("", !0)
+      }, 8, ["style"])) : P("", !0)
     ], 4));
   }
 });
 export {
-  ie as default
+  Ee as default
 };

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

@@ -1,38 +1,62 @@
-const d = 1;
-function e(t, o, x) {
-  const i = `calc(${t.top} + ${o}px)`, p = `calc(${t.bottom} + ${x}px)`;
+function x(t, o) {
+  return t ? Math.max(0, t - o) : 0;
+}
+function d(t, o, e) {
+  return Math.max(
+    0,
+    t - x(o.topH, e) - x(o.bottomH, e)
+  );
+}
+function u(t, o, e) {
+  return Math.max(
+    0,
+    t - x(o.leftW, e) - x(o.rightW, e)
+  );
+}
+function r(t, o, e) {
+  const { topH: i, bottomH: p, leftW: n, rightW: f } = o;
+  return {
+    top: t.top + i + (i ? e : 0),
+    bottom: t.bottom + p + (p ? e : 0),
+    left: t.left + n + (n ? e : 0),
+    right: t.right + f + (f ? e : 0)
+  };
+}
+const m = 1;
+function l(t, o, e) {
+  const i = m, p = `calc(${t.top} + ${o}px)`, n = `calc(${t.bottom} + ${e}px)`;
   return {
     top: {
       position: "fixed",
       top: t.top,
       left: t.left,
       right: t.right,
-      zIndex: 1
+      zIndex: i
     },
     bottom: {
       position: "fixed",
       bottom: t.bottom,
       left: t.left,
       right: t.right,
-      zIndex: 1
+      zIndex: i
     },
     left: {
       position: "fixed",
       left: t.left,
-      top: i,
-      bottom: p,
-      zIndex: 1
+      top: p,
+      bottom: n,
+      zIndex: i
     },
     right: {
       position: "fixed",
       right: t.right,
-      top: i,
-      bottom: p,
-      zIndex: 1
+      top: p,
+      bottom: n,
+      zIndex: i
     }
   };
 }
-function $(t, o) {
+function h(t, o) {
   return {
     top: { padding: `${t}px ${t}px ${o}px ${t}px` },
     bottom: { padding: `${o}px ${t}px ${t}px ${t}px` },
@@ -41,7 +65,10 @@ function $(t, o) {
   };
 }
 export {
-  d as APP_PAGE_SLOT_Z_INDEX,
-  $ as computeAppPageSlotShimStyles,
-  e as computeAppPageSlotStyles
+  m as APP_PAGE_SLOT_Z_INDEX,
+  r as computeAppPageContentInset,
+  d as computeAppPageReducedViewportHeight,
+  u as computeAppPageReducedViewportWidth,
+  h as computeAppPageSlotShimStyles,
+  l as computeAppPageSlotStyles
 };