@quoreadmin/ui 1.8.7 → 1.8.9

package/dist/index127.js

@@ -1,5 +1,5 @@
-import { defineComponent as m, ref as c, onMounted as h, onUnmounted as w, openBlock as g, createElementBlock as v, normalizeStyle as x, normalizeClass as u, createElementVNode as f, renderSlot as d } from "vue";
-const b = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-none text-left" }, k = /* @__PURE__ */ m({
+import { defineComponent as m, ref as c, onMounted as h, onUnmounted as w, openBlock as g, createElementBlock as v, normalizeStyle as x, normalizeClass as f, createElementVNode as u, renderSlot as r } from "vue";
+const S = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-none text-left" }, k = /* @__PURE__ */ m({
   __name: "page-header",
   props: {
     backgroundColor: { default: "green-20" },
@@ -9,36 +9,37 @@ const b = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
     hideOnScroll: { type: Boolean, default: !0 },
     hideScrollThreshold: { default: 100 },
     isFixed: { type: Boolean, default: !1 },
+    showShadow: { type: Boolean, default: !1 },
     top: { default: 0 }
   },
   setup(e) {
-    const n = e;
-    let r = 0, o = !1;
+    const d = e;
+    let a = 0, o = !1;
     const t = c(!1), s = c(!0), i = () => {
       o || (window.requestAnimationFrame(() => {
         const l = window.scrollY;
-        if (!n.hideOnScroll) {
+        if (!d.hideOnScroll) {
           t.value = !1, o = !1;
           return;
         }
-        if (!n.isFixed) {
+        if (!d.isFixed) {
           t.value = !1, o = !1;
           return;
         }
-        if (l <= n.hideScrollThreshold) {
-          t.value = !1, r = l, o = !1;
+        if (l <= d.hideScrollThreshold) {
+          t.value = !1, a = l, o = !1;
           return;
         }
-        const a = l - r;
-        Math.abs(a) > 5 && (t.value = a > 0, r = l), o = !1;
+        const n = l - a;
+        Math.abs(n) > 5 && (t.value = n > 0, a = l), o = !1;
       }), o = !0), s.value = window.scrollY <= 0;
     };
     return h(() => {
-      window.addEventListener("scroll", i, { passive: !0 }), r = window.scrollY;
+      window.addEventListener("scroll", i, { passive: !0 }), a = window.scrollY;
     }), w(() => {
       window.removeEventListener("scroll", i);
-    }), (l, a) => (g(), v("div", {
-      class: u([
+    }), (l, n) => (g(), v("div", {
+      class: f([
         "page-header-container",
         "flex items-center justify-center",
         e.containerBackgroundColor ? `bg-${e.containerBackgroundColor}` : "",
@@ -51,24 +52,24 @@ const b = { class: "flex-grow m-0 font-bold sm-down:text-md md:text-lg leading-n
       style: x({ top: e.isFixed ? `${e.top}px` : void 0 }),
       ref: "pageHeaderContainer"
     }, [
-      f("div", {
-        class: u([
+      u("div", {
+        class: f([
           "page-header flex items-center text-left md:rounded-lg",
           "md:h-[3.5rem] max-w-[72rem] w-full p-4 md:pl-6 sm-down:py-6 sm-down:h-[4.5rem]",
           `bg-${e.backgroundColor}`,
           `text-${e.color}`,
           e.classes,
           {
-            "md:shadow-[0_0.375rem_0.5rem_0_rgba(0,0,0,0.05)] md:shadow-gray-20": e.isFixed && !s.value
+            "md:shadow-[0_0.375rem_0.5rem_0_rgba(0,0,0,0.05)] md:shadow-gray-20": e.isFixed && (!s.value || e.showShadow)
           }
         ]),
         ref: "pageHeader"
       }, [
-        d(l.$slots, "beforeTitle", {}, void 0, !0),
-        f("h1", b, [
-          d(l.$slots, "default", {}, void 0, !0)
+        r(l.$slots, "beforeTitle", {}, void 0, !0),
+        u("h1", S, [
+          r(l.$slots, "default", {}, void 0, !0)
         ]),
-        d(l.$slots, "actions", {}, void 0, !0)
+        r(l.$slots, "actions", {}, void 0, !0)
       ], 2)
     ], 6));
   }