@gx-design-vue/pro-layout 0.1.0-beta.134 → 0.1.0-beta.136

package/dist/pro-layout.js

@@ -6,7 +6,7 @@ import { Menu as de, Badge as fi, Breadcrumb as mi, Spin as Ht, Card as hi, Avat
 import { pick as fe, omit as $e, cloneDeep as Ge } from "lodash-es";
 import { useRouter as ze, RouterLink as Ci, useRoute as xi } from "vue-router";
 import { useProAppContext as Dn, proAppProps as Si, proAppSlots as Mi, GProApp as wi } from "@gx-design-vue/pro-app";
-import { useSlotsProps as Wn, onMountedOrActivated as Ii, useMergedState as Wt, useState as pe, useMediaQuery as jn, useMemo as cn } from "@gx-design-vue/pro-hooks";
+import { useSlotsProps as Wn, onMountedOrActivated as Ii, useMergedState as Wt, useState as ye, useMediaQuery as jn, useMemo as cn } from "@gx-design-vue/pro-hooks";
 import { GProModal as En } from "@gx-design-vue/pro-modal";
 import { useLocalStorage as jt, useMagicKeys as Kn, whenever as It, useColorMode as Ri, useThrottleFn as Un, onKeyStroke as bt, useFullscreen as $i, useDebounceFn as Oi, useStyleTag as Bi, useClipboard as Fi } from "@vueuse/core";
 import Se from "dayjs";
@@ -658,8 +658,8 @@ const Gi = {
         bordered: !1
       }), {
         default: () => {
-          var ye;
-          return [(ye = t.default) == null ? void 0 : ye.call(t)];
+          var ge;
+          return [(ge = t.default) == null ? void 0 : ge.call(t)];
         }
       }) : Ue(y) ? a("div", {
         style: (z = M.value) != null && z.marginBlockPageContainerContent ? {
@@ -888,7 +888,7 @@ const Jn = /* @__PURE__ */ j({
     const [t, n] = Wt(!1, {
       value: $(() => se(e.open) ? e.open : !1),
       onChange: e.onOpenChange
-    }), [i, o] = pe(!1), l = _i(), r = (s = "", d) => {
+    }), [i, o] = ye(!1), l = _i(), r = (s = "", d) => {
       const c = s ? `${e.className}-popup-${s}` : `${e.className}-popup`;
       return k(c, e.hashId, d || "");
     };
@@ -1081,7 +1081,7 @@ const Jn = /* @__PURE__ */ j({
         var M, x;
         (M = e.onOpenChange) == null || M.call(e, f), (x = e["onUpdate:open"]) == null || x.call(e, f), n && (n.lockOpen.value = f);
       }
-    }), [c, m] = pe(!1), h = te();
+    }), [c, m] = ye(!1), h = te();
     function O(f) {
       return e.cryptoFn ? e.cryptoFn(f) : f;
     }
@@ -1830,7 +1830,7 @@ const co = ({
     }), {
       wrapSSR: n,
       hashId: i
-    } = uo(t), [o, l] = pe(""), [r, s] = pe(!1), d = ae(), c = Kn(), m = ui() ? c["ctrl+k"] : c["cmd+k"], h = te(), O = $(() => {
+    } = uo(t), [o, l] = ye(""), [r, s] = ye(!1), d = ae(), c = Kn(), m = ui() ? c["ctrl+k"] : c["cmd+k"], h = te(), O = $(() => {
       var u, p, P;
       return zt((u = e.dataSource) != null && u.length ? e.dataSource : (P = (p = d == null ? void 0 : d.menuProps) == null ? void 0 : p.value) == null ? void 0 : P.menuData);
     });
@@ -1984,7 +1984,7 @@ const lu = /* @__PURE__ */ j({
     }), {
       wrapSSR: d,
       hashId: c
-    } = ho(s), [m, h] = pe("auto"), {
+    } = ho(s), [m, h] = ye("auto"), {
       isDark: O,
       toggleMode: S
     } = Kt($(() => {
@@ -2280,7 +2280,7 @@ function da(e) {
   const t = /var\((--[\w-]+)\)/, n = e.match(t);
   return n ? n[1] : (/^--[\w-]+$/.test(e), e);
 }
-function ve(e) {
+function pe(e) {
   if (e || e === 0)
     return kt(e) && e.includes("--") ? `var(${e})` : Q(e);
 }
@@ -2648,7 +2648,7 @@ const Ut = {
     }), {
       wrapSSR: i,
       hashId: o
-    } = he("AppsLogoIcon", [Lo], n), [l, r] = pe(!1), s = te(), d = te();
+    } = he("AppsLogoIcon", [Lo], n), [l, r] = ye(!1), s = te(), d = te();
     return () => {
       var c;
       return i(a(q, null, [a("div", {
@@ -3180,6 +3180,12 @@ const Ot = (e) => ({
           borderBlockEnd: n === "wide" ? `1px solid ${e.colorSplit}` : void 0,
           marginBlockEnd: n === "wide" ? e.margin : void 0
         },
+        "&-content": {
+          position: "relative",
+          display: "flex",
+          flexDirection: "column",
+          height: "100%"
+        },
         "&-links": {
           width: "100%",
           ul: {
@@ -3393,15 +3399,15 @@ const {
       wrapSSR: I,
       hashId: L
     } = he("ProLayoutSiderMenu", [Vo, _o, Go, Ca, (z) => {
-      var Ce, ge;
-      const E = (Ce = z == null ? void 0 : z.layout) == null ? void 0 : Ce.sider, D = Pt("sider", z, (ge = z.layout) == null ? void 0 : ge.key), {
+      var Ce, be;
+      const E = (Ce = z == null ? void 0 : z.layout) == null ? void 0 : Ce.sider, D = Pt("sider", z, (be = z.layout) == null ? void 0 : be.key), {
         dark: ue
-      } = me(z), ye = lt(z, "sider");
+      } = me(z), ge = lt(z, "sider");
       return {
         [`${z.proComponentsCls}-basic-layout`]: {
           [z.componentCls]: {
             background: (E == null ? void 0 : E.colorBgMenu) || (D == null ? void 0 : D.colorBgMenu),
-            boxShadow: ye || ue ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
+            boxShadow: ge || ue ? "#0d0d0da6 0 2px 8px" : "2px 0 8px 0 rgba(29,35,41,.05)",
             [`${z.componentCls}-footer`]: {
               color: E == null ? void 0 : E.colorTextMenu
             }
@@ -3439,7 +3445,7 @@ const {
       }
     };
     return () => {
-      var ge, Ae;
+      var be, Ae;
       let z;
       const E = x.value && p.value !== "simple" && a(_t, U({
         title: l.value.title,
@@ -3448,7 +3454,7 @@ const {
         baseClassName: f
       }, fe(e, Object.keys(ut))), {
         default: () => [y.value]
-      }), D = e.menuHeaderRender && ((ge = e.menuHeaderRender) == null ? void 0 : ge.call(e, e)), ue = e.menuLinksRender, ye = e.siderActionsRender, Ce = a(_n, {
+      }), D = e.menuHeaderRender && ((be = e.menuHeaderRender) == null ? void 0 : be.call(e, e)), ue = e.menuLinksRender, ge = e.siderActionsRender, Ce = a(_n, {
         class: `${f}-menu ${L.value}`,
         theme: F.value,
         mode: "inline",
@@ -3515,11 +3521,17 @@ const {
             default: () => {
               var xe, Qe, He;
               return [s.value.loading && a("div", {
-                class: ["gx-pro-sider-loading", L.value]
+                class: [`${f}-loading`, L.value]
               }, [a(Ht, {
                 spinning: s.value.loading,
                 indicator: (xe = m == null ? void 0 : m.indicator) == null ? void 0 : xe.value
-              }, null)]), E || null, Ue(e.menuHeaderRender) && a("div", {
+              }, null)]), E || null, a("div", {
+                class: `${f}-content`,
+                style: {
+                  flex: "1 1 0%",
+                  overflow: "hidden"
+                }
+              }, [Ue(e.menuHeaderRender) && a("div", {
                 class: k([L.value, `${f}-extra`, !E && `${f}-extra-no-logo`])
               }, [D]), a("div", {
                 style: {
@@ -3527,7 +3539,7 @@ const {
                   overflow: "hidden auto"
                 },
                 class: k(`${f}-menu-container`)
-              }, [e.menuContentRender && ((Qe = e.menuContentRender) == null ? void 0 : Qe.call(e, e, Ce)) || Ce]), p.value !== "wide" && a(q, null, [ue && Pn(ue) && ue.length > 0 && a("div", {
+              }, [e.menuContentRender && ((Qe = e.menuContentRender) == null ? void 0 : Qe.call(e, e, Ce)) || Ce])]), p.value !== "wide" && a(q, null, [ue && Pn(ue) && ue.length > 0 && a("div", {
                 class: `${f}-links ${L.value}`
               }, [a(de, {
                 theme: F.value,
@@ -3543,9 +3555,9 @@ const {
                 default: () => [De]
               }))) ? z : {
                 default: () => [z]
-              })]), n.value ? null : a("div", {
+              })]), n.value ? null : ge && a("div", {
                 class: k(`${f}-actions`, L.value)
-              }, [ye]), e.collapsedType === "sider" && !n.value && a(q, null, [a("div", {
+              }, [ge]), e.collapsedType === "sider" && !n.value && a(q, null, [a("div", {
                 class: k(`${f}-collapsed-button`, S.value && "collapsed", L.value)
               }, [a("span", {
                 onClick: () => T()
@@ -3812,7 +3824,7 @@ const {
       }, [L]), I()]) : a("div", {
         class: `${p}-main ${C.value}`,
         style: {
-          width: e.headerMainWidth || e.headerMainWidth === 0 ? Q(e.headerMainWidth) : r.value.layout === "wide" ? ve(r.value.wideWidth) : void 0
+          width: e.headerMainWidth || e.headerMainWidth === 0 ? Q(e.headerMainWidth) : r.value.layout === "wide" ? pe(r.value.wideWidth) : void 0
         }
       }, [a("div", {
         class: `${p}-main-left ${C.value}`
@@ -4115,7 +4127,7 @@ const bn = 40, ol = (e) => {
       "&-fixed": {
         position: "fixed",
         height: bn,
-        top: ve(((n = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : n.heightLayoutHeader) || Z.headerHeight),
+        top: pe(((n = (t = e.layout) == null ? void 0 : t.header) == null ? void 0 : n.heightLayoutHeader) || Z.headerHeight),
         right: 0,
         zIndex: 9,
         transition: "width .2s"
@@ -4297,13 +4309,13 @@ const fl = /* @__PURE__ */ j({
         };
         G ? Fe(G, le) : H ? I.fixed.push(le) : I.normal.push(le), E(g) && (l.activeKey = X);
       }
-    }, ye = (g) => {
+    }, ge = (g) => {
       g.forEach((B) => {
         D(B) && ue(Ee(B));
       });
     };
     J(() => S.value.levelMenuData, (g) => {
-      ye(g);
+      ge(g);
     }, {
       deep: !0,
       immediate: !0
@@ -4317,7 +4329,7 @@ const fl = /* @__PURE__ */ j({
       const B = L.value.find((A) => (g || l.activeKey) === _(A));
       return (B == null ? void 0 : B.redirect) || (B == null ? void 0 : B.fullPath) || (B == null ? void 0 : B.path) || "";
     };
-    function ge(g) {
+    function be(g) {
       const B = {};
       return g.query && (B.query = g.query), g.params && (B.params = g.params), B;
     }
@@ -4332,7 +4344,7 @@ const fl = /* @__PURE__ */ j({
       const g = L.value.slice(-1)[0];
       g ? r.push({
         path: Ce(_(g)),
-        ...ge(g)
+        ...be(g)
       }) : r.push("/");
     }, xe = (g, B) => {
       const A = L.value.find((K) => g === _(K));
@@ -4350,7 +4362,7 @@ const fl = /* @__PURE__ */ j({
       const B = L.value.find((A) => _(A) === g);
       B && l.activeKey !== _(B) && r.push({
         path: Ce(_(B)),
-        ...ge(B)
+        ...be(B)
       });
     }, ft = Un(() => {
       var g;
@@ -4362,7 +4374,7 @@ const fl = /* @__PURE__ */ j({
     }, 500), We = (g) => l[g], mt = (g) => {
       r.push({
         path: g.path,
-        ...ge(g)
+        ...be(g)
       });
     }, ht = (g, B) => {
       let A = I.normal.findIndex((G) => _(G) === We(B));
@@ -4605,9 +4617,9 @@ const fl = /* @__PURE__ */ j({
     });
     const f = $(() => {
       let w = 0;
-      return p.value ? w = 0 : e.settings.siderWidth || e.settings.siderWidth === 0 ? w = e.settings.siderWidth === 0 ? 0 : ve(e.settings.siderWidth) : e.settings.layout === "wide" ? w = 208 : w = ve(Z.siderWidth), {
+      return p.value ? w = 0 : e.settings.siderWidth || e.settings.siderWidth === 0 ? w = e.settings.siderWidth === 0 ? 0 : pe(e.settings.siderWidth) : e.settings.layout === "wide" ? w = 208 : w = pe(Z.siderWidth), {
         isWide: e.settings.layout === "wide",
-        headerHeight: e.settings.headerHeight || e.settings.headerHeight === 0 ? e.settings.headerHeight === 0 ? 0 : ve(e.settings.headerHeight) : ve(Z.headerHeight),
+        headerHeight: e.settings.headerHeight || e.settings.headerHeight === 0 ? e.settings.headerHeight === 0 ? 0 : pe(e.settings.headerHeight) : pe(Z.headerHeight),
         siderWidth: w,
         hasSilder: e.settings.layout === "mix" || e.settings.layout === "side" || e.settings.layout === "wide" || !1
       };
@@ -4710,8 +4722,8 @@ const fl = /* @__PURE__ */ j({
     }), () => {
       var y;
       const w = {
-        minWidth: f.value.isWide ? ve(e.settings.wideWidth) : void 0,
-        minHeight: e.settings.layout === "simple" ? `calc(100vh - ${ve(e.settings.headerHeight)})` : void 0,
+        minWidth: f.value.isWide ? pe(e.settings.wideWidth) : void 0,
+        minHeight: e.settings.layout === "simple" ? `calc(100vh - ${pe(e.settings.headerHeight)})` : void 0,
         ...e.style
       }, R = ee(t, e, "footerRender"), W = R === !1 ? null : R ? typeof R == "function" ? R(e) : R : a(ko, {
         copyright: d.value.copyrightRender,
@@ -4728,7 +4740,7 @@ const fl = /* @__PURE__ */ j({
         style: w
       }, [a(Xe, {
         style: f.value.isWide ? {
-          width: ve(e.settings.wideWidth),
+          width: pe(e.settings.wideWidth),
           paddingTop: $t(f.value.headerHeight, 20),
           margin: f.value.isWide ? "0 auto" : void 0
         } : void 0
@@ -6851,7 +6863,7 @@ var Bt = {
 };
 function ws(e) {
   var t = { r: 0, g: 0, b: 0 }, n = 1, i = null, o = null, l = null, r = !1, s = !1;
-  return typeof e == "string" && (e = $s(e)), typeof e == "object" && (be(e.r) && be(e.g) && be(e.b) ? (t = ps(e.r, e.g, e.b), r = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : be(e.h) && be(e.s) && be(e.v) ? (i = tt(e.s), o = tt(e.v), t = Cs(e.h, i, o), r = !0, s = "hsv") : be(e.h) && be(e.s) && be(e.l) && (i = tt(e.s), l = tt(e.l), t = ys(e.h, i, l), r = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = Ra(n), {
+  return typeof e == "string" && (e = $s(e)), typeof e == "object" && (ve(e.r) && ve(e.g) && ve(e.b) ? (t = ps(e.r, e.g, e.b), r = !0, s = String(e.r).substr(-1) === "%" ? "prgb" : "rgb") : ve(e.h) && ve(e.s) && ve(e.v) ? (i = tt(e.s), o = tt(e.v), t = Cs(e.h, i, o), r = !0, s = "hsv") : ve(e.h) && ve(e.s) && ve(e.l) && (i = tt(e.s), l = tt(e.l), t = ys(e.h, i, l), r = !0, s = "hsl"), Object.prototype.hasOwnProperty.call(e, "a") && (n = e.a)), n = Ra(n), {
     ok: r,
     format: e.format || s,
     r: Math.min(255, Math.max(t.r, 0)),
@@ -6906,7 +6918,7 @@ function $s(e) {
     format: t ? "name" : "hex"
   } : !1)))))))));
 }
-function be(e) {
+function ve(e) {
   return !!ce.CSS_UNIT.exec(String(e));
 }
 var nt = (
@@ -7460,7 +7472,7 @@ const Sn = new v("toConic", {
       copy: o,
       copied: l,
       isSupported: r
-    } = Fi(), s = ae(), [d, c] = pe(!1), [m, h] = pe(!1), [O, S] = pe("setting");
+    } = Fi(), s = ae(), [d, c] = ye(!1), [m, h] = ye(!1), [O, S] = ye("setting");
     J(() => {
       var b;
       return (b = s == null ? void 0 : s.themeEditorOpen) == null ? void 0 : b.value;
@@ -7742,7 +7754,7 @@ export {
   wo as filterTree,
   sa as findLastKey,
   So as flatMap,
-  ve as getCssVarOrUnit,
+  pe as getCssVarOrUnit,
   ca as getCssVariableValue,
   ra as getLastPath,
   ua as getMatchedList,