@quoreadmin/ui 1.7.8 → 1.7.9

package/dist/index89.js

@@ -1,9 +1,9 @@
 import { defineComponent as de, ref as o, computed as r, watch as H, nextTick as j, onMounted as fe, onUnmounted as ve } from "vue";
-import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index162.js";
+import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index163.js";
 import ye from "./index18.js";
 import ge from "./index19.js";
 import be from "./index49.js";
-import we from "./index174.js";
+import we from "./index175.js";
 import Se from "./index54.js";
 import xe from "./index55.js";
 const Pe = de({

package/dist/index95.js

@@ -1,12 +1,12 @@
-import { defineComponent as p, ref as o, computed as u, watch as f, nextTick as b, onUnmounted as w } from "vue";
-import D from "./index175.js";
+import { defineComponent as g, ref as l, computed as n, watch as f, nextTick as w, onUnmounted as v } from "vue";
+import D from "./index176.js";
 /* empty css         */
-import "./index177.js";
 import "./index178.js";
 import "./index179.js";
 import "./index180.js";
 import "./index181.js";
-const x = p({
+import "./index182.js";
+const A = g({
   name: "QDatePicker",
   components: {
     DatePicker: D
@@ -87,39 +87,46 @@ const x = p({
     required: {
       type: Boolean,
       default: !1
+    },
+    // Enables floating label behavior - label floats to top when focused or has value
+    floatingLabel: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
   setup(t) {
-    const d = o("bottom"), c = o(), r = o(!1), l = o(t.modelValue || ""), m = u(() => t.disabledAfterToday ? i : t.disabledBeforeToday ? s : t.disabledDate), y = u(() => t.required && !l.value), i = (e) => e > /* @__PURE__ */ new Date(), s = (e) => {
-      const n = /* @__PURE__ */ new Date();
-      return n.setHours(0, 0, 0, 0), e < n;
+    const i = l("bottom"), c = l(), d = l(!1), o = l(t.modelValue || ""), m = n(() => t.disabledAfterToday ? s : t.disabledBeforeToday ? u : t.disabledDate), y = n(() => t.required && !t.floatingLabel && !o.value), p = n(() => t.floatingLabel), b = n(() => t.floatingLabel && (!!o.value || d.value)), s = (e) => e > /* @__PURE__ */ new Date(), u = (e) => {
+      const r = /* @__PURE__ */ new Date();
+      return r.setHours(0, 0, 0, 0), e < r;
     }, a = () => {
       const e = document.querySelector(".mx-datepicker-main");
-      e && (d.value = parseInt(e.style.top) < 0 ? "top" : "bottom");
+      e && (i.value = parseInt(e.style.top) < 0 ? "top" : "bottom");
     };
     return f(() => t.modelValue, (e) => {
-      l.value = e || "";
-    }), f(r, async (e) => {
-      e ? window.addEventListener("scroll", a) : window.removeEventListener("scroll", a), await b(), a();
-    }), w(() => {
+      o.value = e || "";
+    }), f(d, async (e) => {
+      e ? window.addEventListener("scroll", a) : window.removeEventListener("scroll", a), await w(), a();
+    }), v(() => {
       window.removeEventListener("scroll", a);
     }), {
       // Refs
-      calendarPosition: d,
+      calendarPosition: i,
       datePicker: c,
-      isOpen: r,
-      value: l,
+      isOpen: d,
+      value: o,
       // Computed
       disabledDates: m,
       showCustomPlaceholder: y,
+      showFloatingLabel: p,
+      isLabelFloated: b,
       // Methods
-      disableDatesAfterToday: i,
-      disableDatesBeforeToday: s,
+      disableDatesAfterToday: s,
+      disableDatesBeforeToday: u,
       getCalendarPosition: a
     };
   }
 });
 export {
-  x as default
+  A as default
 };

package/dist/src/components/data-filter/data-filter.d.ts

@@ -455,6 +455,10 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
             type: BooleanConstructor;
             default: boolean;
         };
+        floatingLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>, {
         currentInput: import('vue').Ref<null, null>;
         focused: import('vue').Ref<boolean, boolean>;
@@ -464,24 +468,46 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
             focused: boolean;
             disabled?: undefined;
             collapsed?: undefined;
+            'has-floating-label'?: undefined;
+            'label-floated'?: undefined;
         } | {
             disabled: boolean;
             focused?: undefined;
             collapsed?: undefined;
+            'has-floating-label'?: undefined;
+            'label-floated'?: undefined;
         } | {
             [x: string]: boolean | "";
             focused?: undefined;
             disabled?: undefined;
             collapsed?: undefined;
+            'has-floating-label'?: undefined;
+            'label-floated'?: undefined;
         } | {
             [x: string]: string;
             focused?: undefined;
             disabled?: undefined;
             collapsed?: undefined;
+            'has-floating-label'?: undefined;
+            'label-floated'?: undefined;
         } | {
             collapsed: boolean;
             focused?: undefined;
             disabled?: undefined;
+            'has-floating-label'?: undefined;
+            'label-floated'?: undefined;
+        } | {
+            'has-floating-label': boolean;
+            focused?: undefined;
+            disabled?: undefined;
+            collapsed?: undefined;
+            'label-floated'?: undefined;
+        } | {
+            'label-floated': boolean;
+            focused?: undefined;
+            disabled?: undefined;
+            collapsed?: undefined;
+            'has-floating-label'?: undefined;
         })[]>;
         inputClasses: import('vue').ComputedRef<(string | {
             [x: string]: boolean | "";
@@ -493,6 +519,8 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         showClearIcon: import('vue').ComputedRef<boolean>;
         isSlotAvailable: import('vue').ComputedRef<boolean>;
         showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+        showFloatingLabel: import('vue').ComputedRef<boolean>;
+        isLabelFloated: import('vue').ComputedRef<boolean>;
         onClickIcon: () => void;
         onFocusOut: () => void;
         togglePasswordVisibility: () => void;
@@ -566,6 +594,10 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
             type: BooleanConstructor;
             default: boolean;
         };
+        floatingLabel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & Readonly<{
         "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
         "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -584,6 +616,7 @@ declare const QDataFilter: import('vue').DefineComponent<import('vue').ExtractPr
         autocomplete: string;
         hideClear: boolean;
         iconPosition: string;
+        floatingLabel: boolean;
     }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         id: {

package/dist/src/components/data-list/data-list.d.ts

@@ -626,6 +626,10 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: BooleanConstructor;
                 default: boolean;
             };
+            floatingLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>, {
             currentInput: import('vue').Ref<null, null>;
             focused: import('vue').Ref<boolean, boolean>;
@@ -635,24 +639,46 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 focused: boolean;
                 disabled?: undefined;
                 collapsed?: undefined;
+                'has-floating-label'?: undefined;
+                'label-floated'?: undefined;
             } | {
                 disabled: boolean;
                 focused?: undefined;
                 collapsed?: undefined;
+                'has-floating-label'?: undefined;
+                'label-floated'?: undefined;
             } | {
                 [x: string]: boolean | "";
                 focused?: undefined;
                 disabled?: undefined;
                 collapsed?: undefined;
+                'has-floating-label'?: undefined;
+                'label-floated'?: undefined;
             } | {
                 [x: string]: string;
                 focused?: undefined;
                 disabled?: undefined;
                 collapsed?: undefined;
+                'has-floating-label'?: undefined;
+                'label-floated'?: undefined;
             } | {
                 collapsed: boolean;
                 focused?: undefined;
                 disabled?: undefined;
+                'has-floating-label'?: undefined;
+                'label-floated'?: undefined;
+            } | {
+                'has-floating-label': boolean;
+                focused?: undefined;
+                disabled?: undefined;
+                collapsed?: undefined;
+                'label-floated'?: undefined;
+            } | {
+                'label-floated': boolean;
+                focused?: undefined;
+                disabled?: undefined;
+                collapsed?: undefined;
+                'has-floating-label'?: undefined;
             })[]>;
             inputClasses: import('vue').ComputedRef<(string | {
                 [x: string]: boolean | "";
@@ -664,6 +690,8 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             showClearIcon: import('vue').ComputedRef<boolean>;
             isSlotAvailable: import('vue').ComputedRef<boolean>;
             showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+            showFloatingLabel: import('vue').ComputedRef<boolean>;
+            isLabelFloated: import('vue').ComputedRef<boolean>;
             onClickIcon: () => void;
             onFocusOut: () => void;
             togglePasswordVisibility: () => void;
@@ -737,6 +765,10 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
                 type: BooleanConstructor;
                 default: boolean;
             };
+            floatingLabel: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
         }>> & Readonly<{
             "onUpdate:model-value"?: ((...args: any[]) => any) | undefined;
             "onUpdate-type"?: ((...args: any[]) => any) | undefined;
@@ -755,6 +787,7 @@ declare const QDataList: import('vue').DefineComponent<import('vue').ExtractProp
             autocomplete: string;
             hideClear: boolean;
             iconPosition: string;
+            floatingLabel: boolean;
         }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
         QTooltip: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             id: {

package/dist/src/components/date-picker/date-picker.d.ts

@@ -84,6 +84,10 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    floatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     calendarPosition: import('vue').Ref<string, string>;
     datePicker: import('vue').Ref<HTMLElement | null | undefined, HTMLElement | null | undefined>;
@@ -91,6 +95,8 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
     value: import('vue').Ref<string | Date | (string | Date)[], string | Date | (string | Date)[]>;
     disabledDates: import('vue').ComputedRef<Function | null>;
     showCustomPlaceholder: import('vue').ComputedRef<boolean>;
+    showFloatingLabel: import('vue').ComputedRef<boolean>;
+    isLabelFloated: import('vue').ComputedRef<boolean>;
     disableDatesAfterToday: (date: any) => boolean;
     disableDatesBeforeToday: (date: any) => boolean;
     getCalendarPosition: () => void;
@@ -180,6 +186,10 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
         type: BooleanConstructor;
         default: boolean;
     };
+    floatingLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
@@ -193,6 +203,7 @@ declare const QDatePicker: import('vue').DefineComponent<import('vue').ExtractPr
     locale: string;
     required: boolean;
     id: string;
+    floatingLabel: boolean;
     clearable: boolean;
     disabledBeforeToday: boolean;
     disabledAfterToday: boolean;