@opens/ui 1.1.4 → 1.1.6

package/dist/yunique_ui.es.js

@@ -3952,56 +3952,68 @@ const Yy = /* @__PURE__ */ It(Cy, [["render", Py]]), Ay = /* @__PURE__ */ K({
     paddingMd: { type: Boolean },
     border: { type: Boolean },
     rounded: { type: Boolean },
-    bgWhite: { type: Boolean }
+    bgWhite: { type: Boolean },
+    fluid: { type: Boolean }
   },
   setup(e) {
-    const t = e, n = p(() => t.page ? "yu-bg-gray-50 yu-p-8 yu-flex yu-flex-col yu-min-h-screen yu-w-screen yu-gap-4" : ""), r = p(() => t.center ? "yu-flex yu-items-center yu-justify-center" : ""), a = p(() => t.paddingSm ? "yu-p-2" : t.paddingMd ? "yu-p-4" : ""), s = p(() => t.divisor ? "yu-divide-y" : ""), o = p(() => t.border ? "yu-border" : ""), i = p(() => t.rounded ? "yu-rounded-md" : ""), l = p(() => t.gapSm ? "yu-flex yu-flex-col yu-gap-2" : t.gapMd ? "yu-flex yu-flex-col yu-gap-4" : ""), u = p(() => t.bgWhite ? "yu-bg-white" : "");
-    return (c, d) => {
-      const f = ze("app-group");
+    const t = e, n = p(() => t.page ? "yu-bg-gray-50 yu-p-8 yu-flex yu-flex-col yu-min-h-screen yu-w-screen yu-gap-4" : t.fluid ? "yu-w-full yu-h-full yu-flex yu-flex-col" : ""), r = p(() => t.center ? "yu-flex yu-items-center yu-justify-center" : ""), a = p(() => t.paddingSm ? "yu-p-2" : t.paddingMd ? "yu-p-4" : ""), s = p(() => t.divisor ? "yu-divide-y" : ""), o = p(() => t.border ? "yu-border" : ""), i = p(() => t.rounded ? "yu-rounded-md" : ""), l = p(() => t.gapSm ? "yu-flex yu-flex-col yu-gap-2" : t.gapMd ? "yu-flex yu-flex-col yu-gap-4" : ""), u = p(() => {
+      const f = [];
+      return t.fluid && f.push("yu-w-full"), f.join(" ");
+    }), c = p(() => {
+      const f = [];
+      return t.fluid && f.push("yu-w-full yu-flex-1 yu-overflow-y-auto"), f.join(" ");
+    });
+    p(() => {
+      const f = [];
+      return t.fluid && f.push("yu-w-full"), f.join(" ");
+    });
+    const d = p(() => t.bgWhite ? "yu-bg-white" : "");
+    return (f, h) => {
+      const v = ze("app-group");
       return m(), D("div", {
-        class: P([n.value, l.value, s.value, o.value, i.value, u.value])
+        class: P([n.value, l.value, s.value, o.value, i.value, d.value])
       }, [
-        c.$slots.header ? (m(), D("header", {
+        f.$slots.header ? (m(), D("header", {
           key: 0,
-          class: P([r.value, a.value])
+          class: P([r.value, a.value, u.value])
         }, [
-          Y(f, {
+          Y(v, {
             class: "w-full",
             col: "",
             "gap-none": ""
           }, {
             default: $(() => [
-              R(c.$slots, "header")
+              R(f.$slots, "header")
             ]),
             _: 3
           })
         ], 2)) : H("", !0),
-        c.$slots.body ? (m(), D("main", {
+        f.$slots.body ? (m(), D("main", {
           key: 1,
-          class: P([r.value, a.value])
+          class: P([r.value, a.value, c.value])
         }, [
-          Y(f, {
-            class: "w-full",
+          Y(v, {
+            class: "w-full h-full",
             col: "",
             "gap-none": ""
           }, {
             default: $(() => [
-              R(c.$slots, "body")
+              R(f.$slots, "body")
             ]),
             _: 3
           })
         ], 2)) : H("", !0),
-        c.$slots.footer ? (m(), D("footer", {
+        f.$slots.footer ? (m(), D("footer", {
           key: 2,
           class: P([r.value, a.value])
         }, [
-          Y(f, {
+          Y(v, {
             class: "w-full",
             col: "",
             "gap-none": ""
           }, {
             default: $(() => [
-              R(c.$slots, "footer")
+              R(f.$slots, "footer")
             ]),
             _: 3
           })