quail-ui 0.2.28 → 0.2.29

package/dist/index.js

@@ -1801,10 +1801,10 @@ const m5 = ["disabled"], M5 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
     ], 2));
   }
 });
-const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class: "q-text-button-wrapper" }, V5 = ["disabled"], H5 = { clas: "" }, b5 = {
+const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class: "q-text-button-wrapper" }, V5 = ["disabled"], H5 = {
   key: 0,
   class: "q-button-glow"
-}, z5 = /* @__PURE__ */ D({
+}, b5 = /* @__PURE__ */ D({
   __name: "QTextFieldWithButton",
   props: {
     modelValue: {
@@ -1857,13 +1857,13 @@ const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class
       return console.log("validatedCode", a), /^\d{6}$/.test(a);
     }), $ = I(() => i.loading ? "Loading..." : i.actionLabel);
     E(() => i.modelValue, (a) => {
-      u.value = a;
+      console.log("watch modelValue", a), u.value = a;
     });
     function M() {
       h.value && e("submit", { text: u.value });
     }
     function x() {
-      e("update:modelValue", u.value);
+      console.log("changed", u.value), e("update:modelValue", u.value);
     }
     return (a, L) => (n(), s("div", {
       class: j(["q-text-field-with-button", C.value])
@@ -1883,11 +1883,9 @@ const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class
           class: "q-button button primary",
           disabled: !h.value,
           onClick: M
-        }, [
-          o("div", H5, q($.value), 1)
-        ], 8, V5)
+        }, q($.value), 9, V5)
       ]),
-      t.glow !== "" ? (n(), s("div", b5)) : F("", !0)
+      t.glow !== "" ? (n(), s("div", H5)) : F("", !0)
     ], 2));
   }
 });
@@ -1899,10 +1897,10 @@ function M1() {
     oldValue: t + ""
   }));
 }
-const Q5 = { class: "q-dropdown-menu" }, B5 = { class: "q-dropdown-menu-inner narrow-view" }, I5 = ["onClick"], S5 = {
+const z5 = { class: "q-dropdown-menu" }, Q5 = { class: "q-dropdown-menu-inner narrow-view" }, B5 = ["onClick"], I5 = {
   key: 0,
   class: "q-dropdown-selected"
-}, j5 = ["src", "alt"], q5 = { class: "menu-title" }, D5 = /* @__PURE__ */ D({
+}, S5 = ["src", "alt"], j5 = { class: "menu-title" }, q5 = /* @__PURE__ */ D({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -1952,27 +1950,27 @@ const Q5 = { class: "q-dropdown-menu" }, B5 = { class: "q-dropdown-menu-inner na
       });
     }), (a, L) => {
       const Q = d1("q-icon-chevron-down"), Z = d1("q-menu");
-      return n(), s("div", Q5, [
-        o("div", B5, [
+      return n(), s("div", z5, [
+        o("div", Q5, [
           o("div", {
             class: j(["q-dropdown-menu-action", p.value]),
             onClick: w1(M, ["stop"])
           }, [
-            !t.hideSelected && h.value && !$.value ? (n(), s("div", S5, [
+            !t.hideSelected && h.value && !$.value ? (n(), s("div", I5, [
               h.value.image ? (n(), s("img", {
                 key: 0,
                 class: "menu-image",
                 src: h.value.image,
                 alt: h.value.title
-              }, null, 8, j5)) : h.value.icon ? (n(), P(e1(h.value.icon), {
+              }, null, 8, S5)) : h.value.icon ? (n(), P(e1(h.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : F("", !0),
-              o("div", q5, q(h.value ? h.value.title : i.placeholder || "Select ..."), 1)
+              o("div", j5, q(h.value ? h.value.title : i.placeholder || "Select ..."), 1)
             ])) : F("", !0),
             l1(a.$slots, "default"),
             n1(Q, { class: "icon chevron-icon" })
-          ], 10, I5),
+          ], 10, B5),
           o("div", {
             ref_key: "menuWrapper",
             ref: v
@@ -1993,13 +1991,13 @@ const Q5 = { class: "q-dropdown-menu" }, B5 = { class: "q-dropdown-menu-inner na
     };
   }
 });
-const Z5 = { class: "q-pagination" }, O5 = ["disabled"], P5 = {
+const D5 = { class: "q-pagination" }, Z5 = ["disabled"], O5 = {
   key: 0,
   class: "q-page-indicators"
-}, T5 = { class: "q-page-indicator" }, Y5 = ["disabled", "onClick"], A5 = {
+}, P5 = { class: "q-page-indicator" }, T5 = ["disabled", "onClick"], Y5 = {
   key: 1,
   class: "q-page-indicator-simple"
-}, F5 = { class: "" }, U5 = ["disabled"], E5 = /* @__PURE__ */ D({
+}, A5 = { class: "" }, F5 = ["disabled"], U5 = /* @__PURE__ */ D({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -2050,24 +2048,24 @@ const Z5 = { class: "q-pagination" }, O5 = ["disabled"], P5 = {
     function p($, M) {
       M.disabled || (C.value = $, e("change:goto", C.value), e("update:modelValue", C.value));
     }
-    return ($, M) => (n(), s("div", Z5, [
+    return ($, M) => (n(), s("div", D5, [
       o("button", {
         class: "prev q-button button sm outlined icon",
         onClick: h,
         disabled: !i.hasPrev
       }, [
         n1(v1, { class: "icon" })
-      ], 8, O5),
-      t.totalPage !== 0 ? (n(), s("div", P5, [
-        (n(!0), s(g1, null, p1(u.value, (x) => (n(), s("div", T5, [
+      ], 8, Z5),
+      t.totalPage !== 0 ? (n(), s("div", O5, [
+        (n(!0), s(g1, null, p1(u.value, (x) => (n(), s("div", P5, [
           o("button", {
             class: j(["q-page-indicator q-button button sm plain", x.label === C.value ? "active" : ""]),
             disabled: x.disabled,
             onClick: (a) => p(x.label, x)
-          }, q(x.label), 11, Y5)
+          }, q(x.label), 11, T5)
         ]))), 256))
-      ])) : (n(), s("div", A5, [
-        o("div", F5, q(t.modelValue), 1)
+      ])) : (n(), s("div", Y5, [
+        o("div", A5, q(t.modelValue), 1)
       ])),
       o("button", {
         class: "next q-button button sm outlined icon",
@@ -2075,13 +2073,13 @@ const Z5 = { class: "q-pagination" }, O5 = ["disabled"], P5 = {
         disabled: !i.hasNext
       }, [
         n1($1, { class: "icon" })
-      ], 8, U5)
+      ], 8, F5)
     ]));
   }
 });
-const W5 = { class: "q-progress-slot" }, N5 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), G5 = [
-  N5
-], R5 = /* @__PURE__ */ D({
+const E5 = { class: "q-progress-slot" }, W5 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), N5 = [
+  W5
+], G5 = /* @__PURE__ */ D({
   __name: "QProgress",
   props: {
     infinite: {
@@ -2106,34 +2104,34 @@ const W5 = { class: "q-progress-slot" }, N5 = /* @__PURE__ */ o("div", { class:
     return (C, h) => (n(), s("div", {
       class: j(["q-progress", t.color])
     }, [
-      o("div", W5, [
+      o("div", E5, [
         o("div", {
           class: j(["q-progress-bar", u.value ? "" : "animated"]),
           style: f1({ width: i.value })
-        }, G5, 6)
+        }, N5, 6)
       ])
     ], 2));
   }
 });
-const J5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const R5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   QDatetimePicker: G9,
   QDialog: t5,
-  QDropdownMenu: D5,
+  QDropdownMenu: q5,
   QFence: r5,
   QLoading: _5,
   QMenu: $5,
-  QPagination: E5,
-  QProgress: R5,
+  QPagination: U5,
+  QProgress: G5,
   QSwitch: k5,
-  QTextFieldWithButton: z5
+  QTextFieldWithButton: b5
 }, Symbol.toStringTag, { value: "Module" }));
-const X5 = {
+const K5 = {
   install(t, e) {
     e != null && e.debug && console.log("options", e);
     for (const [i, u] of Object.entries(Y9))
       e != null && e.debug && console.log("[quail-ui] register icon component", i, u), t.component(i, u);
-    for (const [i, u] of Object.entries(J5))
+    for (const [i, u] of Object.entries(R5))
       e != null && e.debug && console.log("[quail-ui] register common component", i, u), t.component(i, u);
     document.body.addEventListener("click", (i) => {
       M1();
@@ -2141,9 +2139,9 @@ const X5 = {
   }
 };
 export {
-  J5 as Common,
+  R5 as Common,
   Y9 as Icons,
-  X5 as QuailUI,
-  X5 as default
+  K5 as QuailUI,
+  K5 as default
 };
 //# sourceMappingURL=index.js.map