quail-ui 0.2.21 → 0.2.22

package/dist/index.js

@@ -1,4 +1,4 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as o1, defineComponent as S, ref as B, watch as G, onMounted as u1, withDirectives as t1, vModelText as c1, computed as Q, createBlock as q, Transition as h1, withCtx as C1, normalizeStyle as f1, withModifiers as w1, toDisplayString as I, renderSlot as l1, createCommentVNode as U, getCurrentInstance as H1, resolveComponent as d1, normalizeClass as O, unref as X, resolveDynamicComponent as e1, Fragment as p1, renderList as g1, vModelCheckbox as V1, createVNode as n1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as o1, defineComponent as j, ref as Q, watch as G, onMounted as u1, withDirectives as t1, vModelText as c1, computed as B, createBlock as O, Transition as h1, withCtx as C1, normalizeClass as I, normalizeStyle as f1, withModifiers as w1, toDisplayString as S, renderSlot as l1, createCommentVNode as U, getCurrentInstance as H1, resolveComponent as d1, unref as X, resolveDynamicComponent as e1, Fragment as p1, renderList as g1, vModelCheckbox as V1, createVNode as n1 } from "vue";
 const c = (t, e) => {
   const d = t.__vccOpts || t;
   for (const [_, u] of e)
@@ -1231,7 +1231,7 @@ var m1 = { exports: {} };
   (function(d, _) {
     t.exports = _();
   })(Y9, function() {
-    var d = 1e3, _ = 6e4, u = 36e5, $ = "millisecond", v = "second", h = "minute", M = "hour", f = "day", g = "week", x = "month", j = "quarter", D = "year", A = "date", a1 = "Invalid Date", k1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, x1 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, L1 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(C) {
+    var d = 1e3, _ = 6e4, u = 36e5, $ = "millisecond", v = "second", p = "minute", m = "hour", h = "day", g = "week", x = "month", D = "quarter", Z = "year", A = "date", a1 = "Invalid Date", k1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, x1 = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, L1 = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(C) {
       var l = ["th", "st", "nd", "rd"], r = C % 100;
       return "[" + C + (l[(r - 20) % 10] || l[r] || l[0]) + "]";
     } }, s1 = function(C, l, r) {
@@ -1243,12 +1243,12 @@ var m1 = { exports: {} };
     }, m: function C(l, r) {
       if (l.date() < r.date())
         return -C(r, l);
-      var a = 12 * (r.year() - l.year()) + (r.month() - l.month()), i = l.clone().add(a, x), w = r - i < 0, p = l.clone().add(a + (w ? -1 : 1), x);
-      return +(-(a + (r - i) / (w ? i - p : p - i)) || 0);
+      var a = 12 * (r.year() - l.year()) + (r.month() - l.month()), i = l.clone().add(a, x), f = r - i < 0, w = l.clone().add(a + (f ? -1 : 1), x);
+      return +(-(a + (r - i) / (f ? i - w : w - i)) || 0);
     }, a: function(C) {
       return C < 0 ? Math.ceil(C) || 0 : Math.floor(C);
     }, p: function(C) {
-      return { M: x, y: D, w: g, d: f, D: A, h: M, m: h, s: v, ms: $, Q: j }[C] || String(C || "").toLowerCase().replace(/s$/, "");
+      return { M: x, y: Z, w: g, d: h, D: A, h: m, m: p, s: v, ms: $, Q: D }[C] || String(C || "").toLowerCase().replace(/s$/, "");
     }, u: function(C) {
       return C === void 0;
     } }, E = "en", P = {};
@@ -1260,11 +1260,11 @@ var m1 = { exports: {} };
       if (!l)
         return E;
       if (typeof l == "string") {
-        var w = l.toLowerCase();
-        P[w] && (i = w), r && (P[w] = r, i = w);
-        var p = l.split("-");
-        if (!i && p.length > 1)
-          return C(p[0]);
+        var f = l.toLowerCase();
+        P[f] && (i = f), r && (P[f] = r, i = f);
+        var w = l.split("-");
+        if (!i && w.length > 1)
+          return C(w[0]);
       } else {
         var k = l.name;
         P[k] = l, i = k;
@@ -1275,8 +1275,8 @@ var m1 = { exports: {} };
         return C.clone();
       var r = typeof l == "object" ? l : {};
       return r.date = C, r.args = arguments, new J(r);
-    }, m = y1;
-    m.l = R, m.i = r1, m.w = function(C, l) {
+    }, M = y1;
+    M.l = R, M.i = r1, M.w = function(C, l) {
       return y(C, { locale: l.$L, utc: l.$u, x: l.$x, $offset: l.$offset });
     };
     var J = function() {
@@ -1286,18 +1286,18 @@ var m1 = { exports: {} };
       var l = C.prototype;
       return l.parse = function(r) {
         this.$d = function(a) {
-          var i = a.date, w = a.utc;
+          var i = a.date, f = a.utc;
           if (i === null)
             return /* @__PURE__ */ new Date(NaN);
-          if (m.u(i))
+          if (M.u(i))
             return /* @__PURE__ */ new Date();
           if (i instanceof Date)
             return new Date(i);
           if (typeof i == "string" && !/Z$/i.test(i)) {
-            var p = i.match(k1);
-            if (p) {
-              var k = p[2] - 1 || 0, L = (p[7] || "0").substring(0, 3);
-              return w ? new Date(Date.UTC(p[1], k, p[3] || 1, p[4] || 0, p[5] || 0, p[6] || 0, L)) : new Date(p[1], k, p[3] || 1, p[4] || 0, p[5] || 0, p[6] || 0, L);
+            var w = i.match(k1);
+            if (w) {
+              var k = w[2] - 1 || 0, L = (w[7] || "0").substring(0, 3);
+              return f ? new Date(Date.UTC(w[1], k, w[3] || 1, w[4] || 0, w[5] || 0, w[6] || 0, L)) : new Date(w[1], k, w[3] || 1, w[4] || 0, w[5] || 0, w[6] || 0, L);
             }
           }
           return new Date(i);
@@ -1306,7 +1306,7 @@ var m1 = { exports: {} };
         var r = this.$d;
         this.$y = r.getFullYear(), this.$M = r.getMonth(), this.$D = r.getDate(), this.$W = r.getDay(), this.$H = r.getHours(), this.$m = r.getMinutes(), this.$s = r.getSeconds(), this.$ms = r.getMilliseconds();
       }, l.$utils = function() {
-        return m;
+        return M;
       }, l.isValid = function() {
         return this.$d.toString() !== a1;
       }, l.isSame = function(r, a) {
@@ -1317,32 +1317,32 @@ var m1 = { exports: {} };
       }, l.isBefore = function(r, a) {
         return this.endOf(a) < y(r);
       }, l.$g = function(r, a, i) {
-        return m.u(r) ? this[a] : this.set(i, r);
+        return M.u(r) ? this[a] : this.set(i, r);
       }, l.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, l.valueOf = function() {
         return this.$d.getTime();
       }, l.startOf = function(r, a) {
-        var i = this, w = !!m.u(a) || a, p = m.p(r), k = function(Y, b) {
-          var Z = m.w(i.$u ? Date.UTC(i.$y, b, Y) : new Date(i.$y, b, Y), i);
-          return w ? Z : Z.endOf(f);
+        var i = this, f = !!M.u(a) || a, w = M.p(r), k = function(Y, b) {
+          var q = M.w(i.$u ? Date.UTC(i.$y, b, Y) : new Date(i.$y, b, Y), i);
+          return f ? q : q.endOf(h);
         }, L = function(Y, b) {
-          return m.w(i.toDate()[Y].apply(i.toDate("s"), (w ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(b)), i);
+          return M.w(i.toDate()[Y].apply(i.toDate("s"), (f ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(b)), i);
         }, H = this.$W, V = this.$M, z = this.$D, F = "set" + (this.$u ? "UTC" : "");
-        switch (p) {
-          case D:
-            return w ? k(1, 0) : k(31, 11);
+        switch (w) {
+          case Z:
+            return f ? k(1, 0) : k(31, 11);
           case x:
-            return w ? k(1, V) : k(0, V + 1);
+            return f ? k(1, V) : k(0, V + 1);
           case g:
             var T = this.$locale().weekStart || 0, W = (H < T ? H + 7 : H) - T;
-            return k(w ? z - W : z + (6 - W), V);
-          case f:
+            return k(f ? z - W : z + (6 - W), V);
+          case h:
           case A:
             return L(F + "Hours", 0);
-          case M:
+          case m:
             return L(F + "Minutes", 1);
-          case h:
+          case p:
             return L(F + "Seconds", 2);
           case v:
             return L(F + "Milliseconds", 3);
@@ -1352,8 +1352,8 @@ var m1 = { exports: {} };
       }, l.endOf = function(r) {
         return this.startOf(r, !1);
       }, l.$set = function(r, a) {
-        var i, w = m.p(r), p = "set" + (this.$u ? "UTC" : ""), k = (i = {}, i[f] = p + "Date", i[A] = p + "Date", i[x] = p + "Month", i[D] = p + "FullYear", i[M] = p + "Hours", i[h] = p + "Minutes", i[v] = p + "Seconds", i[$] = p + "Milliseconds", i)[w], L = w === f ? this.$D + (a - this.$W) : a;
-        if (w === x || w === D) {
+        var i, f = M.p(r), w = "set" + (this.$u ? "UTC" : ""), k = (i = {}, i[h] = w + "Date", i[A] = w + "Date", i[x] = w + "Month", i[Z] = w + "FullYear", i[m] = w + "Hours", i[p] = w + "Minutes", i[v] = w + "Seconds", i[$] = w + "Milliseconds", i)[f], L = f === h ? this.$D + (a - this.$W) : a;
+        if (f === x || f === Z) {
           var H = this.clone().set(A, 1);
           H.$d[k](L), H.init(), this.$d = H.set(A, Math.min(this.$D, H.daysInMonth())).$d;
         } else
@@ -1362,49 +1362,49 @@ var m1 = { exports: {} };
       }, l.set = function(r, a) {
         return this.clone().$set(r, a);
       }, l.get = function(r) {
-        return this[m.p(r)]();
+        return this[M.p(r)]();
       }, l.add = function(r, a) {
-        var i, w = this;
+        var i, f = this;
         r = Number(r);
-        var p = m.p(a), k = function(V) {
-          var z = y(w);
-          return m.w(z.date(z.date() + Math.round(V * r)), w);
+        var w = M.p(a), k = function(V) {
+          var z = y(f);
+          return M.w(z.date(z.date() + Math.round(V * r)), f);
         };
-        if (p === x)
+        if (w === x)
           return this.set(x, this.$M + r);
-        if (p === D)
-          return this.set(D, this.$y + r);
-        if (p === f)
+        if (w === Z)
+          return this.set(Z, this.$y + r);
+        if (w === h)
           return k(1);
-        if (p === g)
+        if (w === g)
           return k(7);
-        var L = (i = {}, i[h] = _, i[M] = u, i[v] = d, i)[p] || 1, H = this.$d.getTime() + r * L;
-        return m.w(H, this);
+        var L = (i = {}, i[p] = _, i[m] = u, i[v] = d, i)[w] || 1, H = this.$d.getTime() + r * L;
+        return M.w(H, this);
       }, l.subtract = function(r, a) {
         return this.add(-1 * r, a);
       }, l.format = function(r) {
         var a = this, i = this.$locale();
         if (!this.isValid())
           return i.invalidDate || a1;
-        var w = r || "YYYY-MM-DDTHH:mm:ssZ", p = m.z(this), k = this.$H, L = this.$m, H = this.$M, V = i.weekdays, z = i.months, F = i.meridiem, T = function(b, Z, N, K) {
-          return b && (b[Z] || b(a, w)) || N[Z].slice(0, K);
+        var f = r || "YYYY-MM-DDTHH:mm:ssZ", w = M.z(this), k = this.$H, L = this.$m, H = this.$M, V = i.weekdays, z = i.months, F = i.meridiem, T = function(b, q, N, K) {
+          return b && (b[q] || b(a, f)) || N[q].slice(0, K);
         }, W = function(b) {
-          return m.s(k % 12 || 12, b, "0");
-        }, Y = F || function(b, Z, N) {
+          return M.s(k % 12 || 12, b, "0");
+        }, Y = F || function(b, q, N) {
           var K = b < 12 ? "AM" : "PM";
           return N ? K.toLowerCase() : K;
         };
-        return w.replace(x1, function(b, Z) {
-          return Z || function(N) {
+        return f.replace(x1, function(b, q) {
+          return q || function(N) {
             switch (N) {
               case "YY":
                 return String(a.$y).slice(-2);
               case "YYYY":
-                return m.s(a.$y, 4, "0");
+                return M.s(a.$y, 4, "0");
               case "M":
                 return H + 1;
               case "MM":
-                return m.s(H + 1, 2, "0");
+                return M.s(H + 1, 2, "0");
               case "MMM":
                 return T(i.monthsShort, H, z, 3);
               case "MMMM":
@@ -1412,7 +1412,7 @@ var m1 = { exports: {} };
               case "D":
                 return a.$D;
               case "DD":
-                return m.s(a.$D, 2, "0");
+                return M.s(a.$D, 2, "0");
               case "d":
                 return String(a.$W);
               case "dd":
@@ -1424,7 +1424,7 @@ var m1 = { exports: {} };
               case "H":
                 return String(k);
               case "HH":
-                return m.s(k, 2, "0");
+                return M.s(k, 2, "0");
               case "h":
                 return W(1);
               case "hh":
@@ -1436,54 +1436,54 @@ var m1 = { exports: {} };
               case "m":
                 return String(L);
               case "mm":
-                return m.s(L, 2, "0");
+                return M.s(L, 2, "0");
               case "s":
                 return String(a.$s);
               case "ss":
-                return m.s(a.$s, 2, "0");
+                return M.s(a.$s, 2, "0");
               case "SSS":
-                return m.s(a.$ms, 3, "0");
+                return M.s(a.$ms, 3, "0");
               case "Z":
-                return p;
+                return w;
             }
             return null;
-          }(b) || p.replace(":", "");
+          }(b) || w.replace(":", "");
         });
       }, l.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
       }, l.diff = function(r, a, i) {
-        var w, p = this, k = m.p(a), L = y(r), H = (L.utcOffset() - this.utcOffset()) * _, V = this - L, z = function() {
-          return m.m(p, L);
+        var f, w = this, k = M.p(a), L = y(r), H = (L.utcOffset() - this.utcOffset()) * _, V = this - L, z = function() {
+          return M.m(w, L);
         };
         switch (k) {
-          case D:
-            w = z() / 12;
+          case Z:
+            f = z() / 12;
             break;
           case x:
-            w = z();
+            f = z();
             break;
-          case j:
-            w = z() / 3;
+          case D:
+            f = z() / 3;
             break;
           case g:
-            w = (V - H) / 6048e5;
+            f = (V - H) / 6048e5;
             break;
-          case f:
-            w = (V - H) / 864e5;
+          case h:
+            f = (V - H) / 864e5;
             break;
-          case M:
-            w = V / u;
+          case m:
+            f = V / u;
             break;
-          case h:
-            w = V / _;
+          case p:
+            f = V / _;
             break;
           case v:
-            w = V / d;
+            f = V / d;
             break;
           default:
-            w = V;
+            f = V;
         }
-        return i ? w : m.a(w);
+        return i ? f : M.a(f);
       }, l.daysInMonth = function() {
         return this.endOf(x).$D;
       }, l.$locale = function() {
@@ -1491,10 +1491,10 @@ var m1 = { exports: {} };
       }, l.locale = function(r, a) {
         if (!r)
           return this.$L;
-        var i = this.clone(), w = R(r, a, !0);
-        return w && (i.$L = w), i;
+        var i = this.clone(), f = R(r, a, !0);
+        return f && (i.$L = f), i;
       }, l.clone = function() {
-        return m.w(this.$d, this);
+        return M.w(this.$d, this);
       }, l.toDate = function() {
         return new Date(this.valueOf());
       }, l.toJSON = function() {
@@ -1505,7 +1505,7 @@ var m1 = { exports: {} };
         return this.$d.toUTCString();
       }, C;
     }(), _1 = J.prototype;
-    return y.prototype = _1, [["$ms", $], ["$s", v], ["$m", h], ["$H", M], ["$W", f], ["$M", x], ["$y", D], ["$D", A]].forEach(function(C) {
+    return y.prototype = _1, [["$ms", $], ["$s", v], ["$m", p], ["$H", m], ["$W", h], ["$M", x], ["$y", Z], ["$D", A]].forEach(function(C) {
       _1[C[1]] = function(l) {
         return this.$g(l, C[0], C[1]);
       };
@@ -1517,7 +1517,7 @@ var m1 = { exports: {} };
   });
 })(m1);
 var F9 = m1.exports;
-const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["disabled"], W9 = ["disabled"], N9 = /* @__PURE__ */ S({
+const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["disabled"], W9 = ["disabled"], N9 = /* @__PURE__ */ j({
   __name: "QDatetimePicker",
   props: {
     modelValue: {
@@ -1531,12 +1531,12 @@ const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["d
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(""), u = B("");
+    const d = t, _ = Q(""), u = Q("");
     G(
       () => d.modelValue,
       (v) => {
-        const h = i1(v);
-        _.value = h.format("YYYY-MM-DD"), u.value = h.format("HH:mm");
+        const p = i1(v);
+        _.value = p.format("YYYY-MM-DD"), u.value = p.format("HH:mm");
       }
     );
     function $() {
@@ -1546,9 +1546,9 @@ const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["d
     return u1(() => {
       const v = i1();
       _.value = v.format("YYYY-MM-DD"), u.value = v.format("HH:mm");
-    }), (v, h) => (n(), s("div", U9, [
+    }), (v, p) => (n(), s("div", U9, [
       t1(o("input", {
-        "onUpdate:modelValue": h[0] || (h[0] = (M) => _.value = M),
+        "onUpdate:modelValue": p[0] || (p[0] = (m) => _.value = m),
         type: "date",
         disabled: t.disabled,
         onChange: $
@@ -1556,7 +1556,7 @@ const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["d
         [c1, _.value]
       ]),
       t1(o("input", {
-        "onUpdate:modelValue": h[1] || (h[1] = (M) => u.value = M),
+        "onUpdate:modelValue": p[1] || (p[1] = (m) => u.value = m),
         type: "time",
         disabled: t.disabled,
         onChange: $
@@ -1569,7 +1569,7 @@ const i1 = /* @__PURE__ */ A9(F9), U9 = { class: "q-datetime-picker" }, E9 = ["d
 const G9 = ["onClick"], R9 = { class: "q-dialog-header" }, J9 = {
   key: 0,
   class: "q-dialog-title"
-}, K9 = { class: "q-dialog-body" }, X9 = /* @__PURE__ */ S({
+}, K9 = { class: "q-dialog-body" }, X9 = /* @__PURE__ */ j({
   __name: "QDialog",
   props: {
     modelValue: Boolean,
@@ -1588,47 +1588,57 @@ const G9 = ["onClick"], R9 = { class: "q-dialog-header" }, J9 = {
     position: {
       type: String,
       default: "center"
+    },
+    persistent: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(d.modelValue), u = Q(() => {
-      const h = document.body.clientWidth < 720 ? "100%" : d.width, M = d.height;
+    const d = t, _ = Q(!1), u = Q(d.modelValue), $ = B(() => {
+      const m = document.body.clientWidth < 720 ? "100%" : d.width, h = d.height;
       return {
-        width: h,
-        height: M
+        width: m,
+        height: h
       };
     });
     G(
       () => d.modelValue,
-      (h) => {
-        _.value = h;
+      (m) => {
+        u.value = m;
       }
     );
-    function $() {
-      _.value = !1, e("update:modelValue", !1), e("close");
-    }
     function v() {
+      if (d.persistent) {
+        _.value = !0, setTimeout(() => {
+          _.value = !1;
+        }, 300);
+        return;
+      }
+      u.value = !1, e("update:modelValue", !1), e("close");
+    }
+    function p() {
     }
-    return (h, M) => (n(), q(h1, null, {
+    return (m, h) => (n(), O(h1, null, {
       default: C1(() => [
-        _.value ? (n(), s("div", {
+        u.value ? (n(), s("div", {
           key: 0,
           class: "q-dialog-mask",
-          onClick: $
+          onClick: v
         }, [
           o("div", {
-            class: "q-dialog",
-            style: f1(u.value),
-            onClick: w1(v, ["stop"])
+            class: I(["q-dialog", _.value ? "shaking" : ""]),
+            style: f1($.value),
+            onClick: w1(p, ["stop"])
           }, [
             o("div", R9, [
-              t.title ? (n(), s("div", J9, I(t.title), 1)) : l1(h.$slots, "header", { key: 1 })
+              t.title ? (n(), s("div", J9, S(t.title), 1)) : l1(m.$slots, "header", { key: 1 })
             ]),
             o("div", K9, [
-              l1(h.$slots, "default")
+              l1(m.$slots, "default")
             ])
-          ], 12, G9)
+          ], 14, G9)
         ])) : U("", !0)
       ]),
       _: 3
@@ -1638,7 +1648,7 @@ const G9 = ["onClick"], R9 = { class: "q-dialog-header" }, J9 = {
 const t5 = ["href"], e5 = { class: "q-fence-text" }, n5 = {
   key: 1,
   class: "q-fence-inner"
-}, o5 = { class: "q-fence-text" }, s5 = /* @__PURE__ */ S({
+}, o5 = { class: "q-fence-text" }, s5 = /* @__PURE__ */ j({
   __name: "QFence",
   props: {
     link: {
@@ -1663,7 +1673,7 @@ const t5 = ["href"], e5 = { class: "q-fence-text" }, n5 = {
     return (_, u) => {
       const $ = d1("q-icon-help");
       return n(), s("div", {
-        class: O(["q-fence", t.type])
+        class: I(["q-fence", t.type])
       }, [
         t.link ? (n(), s("a", {
           key: 0,
@@ -1671,23 +1681,23 @@ const t5 = ["href"], e5 = { class: "q-fence-text" }, n5 = {
           href: t.link,
           target: "_blank"
         }, [
-          t.icon && X(e) ? (n(), q(e1(X(e)[t.icon]), {
+          t.icon && X(e) ? (n(), O(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), q($, {
+          })) : (n(), O($, {
             key: 1,
             class: "icon"
           })),
-          o("div", e5, I(t.text), 1)
+          o("div", e5, S(t.text), 1)
         ], 8, t5)) : (n(), s("div", n5, [
-          t.icon && X(e) ? (n(), q(e1(X(e)[t.icon]), {
+          t.icon && X(e) ? (n(), O(e1(X(e)[t.icon]), {
             key: 0,
             class: "icon"
-          })) : (n(), q($, {
+          })) : (n(), O($, {
             key: 1,
             class: "icon"
           })),
-          o("div", o5, I(t.text), 1)
+          o("div", o5, S(t.text), 1)
         ]))
       ], 2);
     };
@@ -1711,7 +1721,7 @@ const a5 = /* @__PURE__ */ c(r5, [["render", d5]]), _5 = { class: "q-menu frame"
 }, f5 = ["src", "alt"], w5 = { class: "q-menu-item-content" }, p5 = { class: "q-menu-title" }, g5 = {
   key: 0,
   class: "q-menu-subtitle"
-}, $5 = /* @__PURE__ */ S({
+}, $5 = /* @__PURE__ */ j({
   __name: "QMenu",
   props: {
     items: {
@@ -1730,31 +1740,31 @@ const a5 = /* @__PURE__ */ c(r5, [["render", d5]]), _5 = { class: "q-menu frame"
       $.action && $.action($), $.disabled !== !0 && e("action", $);
     }
     return ($, v) => (n(), s("div", _5, [
-      (n(!0), s(p1, null, g1(d.items, (h) => (n(), s("div", {
-        class: O(["q-menu-item", _(h)]),
-        key: `q-menu-item-${h.id}`,
-        onClick: (M) => u(h)
+      (n(!0), s(p1, null, g1(d.items, (p) => (n(), s("div", {
+        class: I(["q-menu-item", _(p)]),
+        key: `q-menu-item-${p.id}`,
+        onClick: (m) => u(p)
       }, [
-        h.divider ? (n(), s("div", h5)) : (n(), s("div", C5, [
-          h.image ? (n(), s("img", {
+        p.divider ? (n(), s("div", h5)) : (n(), s("div", C5, [
+          p.image ? (n(), s("img", {
             key: 0,
             class: "q-menu-image",
-            src: h.image,
-            alt: h.title
-          }, null, 8, f5)) : h.icon ? (n(), q(e1(h.icon), {
+            src: p.image,
+            alt: p.title
+          }, null, 8, f5)) : p.icon ? (n(), O(e1(p.icon), {
             key: 1,
             class: "q-menu-icon mr-1"
           })) : U("", !0),
           o("div", w5, [
-            o("div", p5, I(h.title), 1),
-            h.subtitle ? (n(), s("div", g5, I(h.subtitle), 1)) : U("", !0)
+            o("div", p5, S(p.title), 1),
+            p.subtitle ? (n(), s("div", g5, S(p.subtitle), 1)) : U("", !0)
           ])
         ]))
       ], 10, u5))), 128))
     ]));
   }
 });
-const v5 = ["disabled"], m5 = /* @__PURE__ */ o("div", { class: "q-switch-inner" }, null, -1), M5 = /* @__PURE__ */ S({
+const v5 = ["disabled"], m5 = /* @__PURE__ */ o("div", { class: "q-switch-inner" }, null, -1), M5 = /* @__PURE__ */ j({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -1768,7 +1778,7 @@ const v5 = ["disabled"], m5 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(d.modelValue);
+    const d = t, _ = Q(d.modelValue);
     G(() => d.modelValue, ($) => {
       _.value = $;
     });
@@ -1776,12 +1786,12 @@ const v5 = ["disabled"], m5 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
       e("update:modelValue", _.value), e("change", _.value);
     }
     return ($, v) => (n(), s("label", {
-      class: O(["q-switch", t.disabled ? "disabled" : ""])
+      class: I(["q-switch", t.disabled ? "disabled" : ""])
     }, [
       t1(o("input", {
         class: "q-switch-checkbox",
         type: "checkbox",
-        "onUpdate:modelValue": v[0] || (v[0] = (h) => _.value = h),
+        "onUpdate:modelValue": v[0] || (v[0] = (p) => _.value = p),
         onChange: u,
         disabled: d.disabled
       }, null, 40, v5), [
@@ -1791,7 +1801,7 @@ const v5 = ["disabled"], m5 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
     ], 2));
   }
 });
-const k5 = ["placeholder"], x5 = ["disabled"], L5 = { clas: "" }, y5 = /* @__PURE__ */ S({
+const k5 = ["placeholder"], x5 = ["disabled"], L5 = { clas: "" }, y5 = /* @__PURE__ */ j({
   __name: "QTextFieldWithButton",
   props: {
     type: {
@@ -1815,22 +1825,22 @@ const k5 = ["placeholder"], x5 = ["disabled"], L5 = { clas: "" }, y5 = /* @__PUR
   },
   emits: ["submit"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(d.defaultText), u = Q(() => {
+    const d = t, _ = Q(d.defaultText), u = B(() => {
       var g;
       return d.loading || ((g = _.value) == null ? void 0 : g.trim()).length === 0 ? !1 : d.type === "email" ? $.value : d.type === "code" ? v.value : !0;
-    }), $ = Q(() => {
+    }), $ = B(() => {
       var g;
-      const f = (g = _.value) == null ? void 0 : g.trim();
-      return !d.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(f);
-    }), v = Q(() => {
+      const h = (g = _.value) == null ? void 0 : g.trim();
+      return !d.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h);
+    }), v = B(() => {
       var g;
-      const f = (g = _.value) == null ? void 0 : g.trim();
-      return /^\d{6}$/.test(f);
-    }), h = Q(() => d.loading ? "Loading..." : d.actionLabel), M = () => {
+      const h = (g = _.value) == null ? void 0 : g.trim();
+      return /^\d{6}$/.test(h);
+    }), p = B(() => d.loading ? "Loading..." : d.actionLabel), m = () => {
       u.value && e("submit", { text: _.value });
     };
-    return (f, g) => (n(), s("div", {
-      class: O(["q-text-field-with-button", d.type])
+    return (h, g) => (n(), s("div", {
+      class: I(["q-text-field-with-button", d.type])
     }, [
       o("div", null, [
         t1(o("input", {
@@ -1845,9 +1855,9 @@ const k5 = ["placeholder"], x5 = ["disabled"], L5 = { clas: "" }, y5 = /* @__PUR
         o("button", {
           class: "q-button button primary",
           disabled: !u.value,
-          onClick: M
+          onClick: m
         }, [
-          o("div", L5, I(h.value), 1)
+          o("div", L5, S(p.value), 1)
         ], 8, x5)
       ])
     ], 2));
@@ -1864,7 +1874,7 @@ function M1() {
 const H5 = { class: "q-dropdown-menu" }, V5 = { class: "q-dropdown-menu-inner narrow-view" }, b5 = ["onClick"], z5 = {
   key: 0,
   class: "q-dropdown-selected"
-}, Q5 = ["src", "alt"], B5 = { class: "menu-title" }, I5 = /* @__PURE__ */ S({
+}, Q5 = ["src", "alt"], B5 = { class: "menu-title" }, I5 = /* @__PURE__ */ j({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -1890,18 +1900,18 @@ const H5 = { class: "q-dropdown-menu" }, V5 = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const d = t, _ = B(!1), u = B(null), $ = B(null), v = Q(() => {
-      const f = [];
-      return _.value && f.push("expanded"), d.variant === "outlined" && f.push("frame"), f.join(" ");
+    const d = t, _ = Q(!1), u = Q(null), $ = Q(null), v = B(() => {
+      const h = [];
+      return _.value && h.push("expanded"), d.variant === "outlined" && h.push("frame"), h.join(" ");
     });
-    function h() {
+    function p() {
       _.value || M1(), _.value = !_.value, _.value && setTimeout(() => {
         const g = $.value.querySelector(".menu");
         g.getBoundingClientRect().left < 0 && (g.style.left = "0");
       }, 10);
     }
-    function M(f) {
-      _.value = !1, u.value = f, f.action && f.action(f), e("change", f);
+    function m(h) {
+      _.value = !1, u.value = h, h.action && h.action(h), e("change", h);
     }
     return G(
       () => d.initialItem,
@@ -1909,16 +1919,16 @@ const H5 = { class: "q-dropdown-menu" }, V5 = { class: "q-dropdown-menu-inner na
         d.initialItem && (u.value = d.initialItem);
       }
     ), u1(() => {
-      d.initialItem && (u.value = d.initialItem), window.addEventListener("storage", (f) => {
-        f.key === "quailui_global_popup_trigger" && f.newValue && (_.value = !1);
+      d.initialItem && (u.value = d.initialItem), window.addEventListener("storage", (h) => {
+        h.key === "quailui_global_popup_trigger" && h.newValue && (_.value = !1);
       });
-    }), (f, g) => {
-      const x = d1("q-icon-chevron-down"), j = d1("q-menu");
+    }), (h, g) => {
+      const x = d1("q-icon-chevron-down"), D = d1("q-menu");
       return n(), s("div", H5, [
         o("div", V5, [
           o("div", {
-            class: O(["q-dropdown-menu-action", v.value]),
-            onClick: w1(h, ["stop"])
+            class: I(["q-dropdown-menu-action", v.value]),
+            onClick: w1(p, ["stop"])
           }, [
             !t.hideSelected && u.value ? (n(), s("div", z5, [
               u.value.image ? (n(), s("img", {
@@ -1926,13 +1936,13 @@ const H5 = { class: "q-dropdown-menu" }, V5 = { class: "q-dropdown-menu-inner na
                 class: "menu-image",
                 src: u.value.image,
                 alt: u.value.title
-              }, null, 8, Q5)) : u.value.icon ? (n(), q(e1(u.value.icon), {
+              }, null, 8, Q5)) : u.value.icon ? (n(), O(e1(u.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : U("", !0),
-              o("div", B5, I(u.value ? u.value.title : d.placeholder || "Select ..."), 1)
+              o("div", B5, S(u.value ? u.value.title : d.placeholder || "Select ..."), 1)
             ])) : U("", !0),
-            l1(f.$slots, "default"),
+            l1(h.$slots, "default"),
             n1(x, { class: "icon chevron-icon" })
           ], 10, b5),
           o("div", {
@@ -1941,10 +1951,10 @@ const H5 = { class: "q-dropdown-menu" }, V5 = { class: "q-dropdown-menu-inner na
           }, [
             n1(h1, null, {
               default: C1(() => [
-                _.value ? (n(), q(j, {
+                _.value ? (n(), O(D, {
                   key: 0,
                   items: t.items,
-                  onAction: M
+                  onAction: m
                 }, null, 8, ["items"])) : U("", !0)
               ]),
               _: 1
@@ -1961,7 +1971,7 @@ const S5 = { class: "q-pagination" }, j5 = ["disabled"], D5 = {
 }, Z5 = { class: "q-page-indicator" }, q5 = ["disabled", "onClick"], O5 = {
   key: 1,
   class: "q-page-indicator-simple"
-}, P5 = { class: "" }, T5 = ["disabled"], Y5 = /* @__PURE__ */ S({
+}, P5 = { class: "" }, T5 = ["disabled"], Y5 = /* @__PURE__ */ j({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -1983,25 +1993,25 @@ const S5 = { class: "q-pagination" }, j5 = ["disabled"], D5 = {
   },
   emits: ["change:next", "change:prev", "change:goto", "update:modelValue"],
   setup(t, { emit: e }) {
-    const d = t, _ = Q(() => {
-      let M = 6;
-      const f = [];
+    const d = t, _ = B(() => {
+      let m = 6;
+      const h = [];
       if (d.totalPage !== 0)
-        if (d.totalPage <= M)
+        if (d.totalPage <= m)
           for (let g = 1; g <= d.totalPage; g++)
-            f.push({ label: g });
+            h.push({ label: g });
         else {
-          f.push({ label: 1 });
+          h.push({ label: 1 });
           let g = u.value - 2, x = u.value + 2;
-          g < 2 && (g = 2, x = g + M - 2), x > d.totalPage - 1 && (x = d.totalPage - 1, g = x - M + 2), g > 2 && f.push({ label: "…", disabled: !0 });
-          for (let j = g; j <= x; j++)
-            f.push({ label: j });
-          x < d.totalPage - 1 && f.push({ label: "…", disabled: !0 }), f.push({ label: d.totalPage });
+          g < 2 && (g = 2, x = g + m - 2), x > d.totalPage - 1 && (x = d.totalPage - 1, g = x - m + 2), g > 2 && h.push({ label: "…", disabled: !0 });
+          for (let D = g; D <= x; D++)
+            h.push({ label: D });
+          x < d.totalPage - 1 && h.push({ label: "…", disabled: !0 }), h.push({ label: d.totalPage });
         }
-      return f;
-    }), u = B(d.modelValue);
-    G(() => d.modelValue, (M) => {
-      u.value = M;
+      return h;
+    }), u = Q(d.modelValue);
+    G(() => d.modelValue, (m) => {
+      u.value = m;
     });
     function $() {
       u.value--, e("change:prev", u.value), e("update:modelValue", u.value);
@@ -2009,10 +2019,10 @@ const S5 = { class: "q-pagination" }, j5 = ["disabled"], D5 = {
     function v() {
       u.value++, e("change:next", u.value), e("update:modelValue", u.value);
     }
-    function h(M, f) {
-      f.disabled || (u.value = M, e("change:goto", u.value), e("update:modelValue", u.value));
+    function p(m, h) {
+      h.disabled || (u.value = m, e("change:goto", u.value), e("update:modelValue", u.value));
     }
-    return (M, f) => (n(), s("div", S5, [
+    return (m, h) => (n(), s("div", S5, [
       o("button", {
         class: "prev q-button button sm outlined icon",
         onClick: $,
@@ -2023,13 +2033,13 @@ const S5 = { class: "q-pagination" }, j5 = ["disabled"], D5 = {
       t.totalPage !== 0 ? (n(), s("div", D5, [
         (n(!0), s(p1, null, g1(_.value, (g) => (n(), s("div", Z5, [
           o("button", {
-            class: O(["q-page-indicator q-button button sm plain", g.label === u.value ? "active" : ""]),
+            class: I(["q-page-indicator q-button button sm plain", g.label === u.value ? "active" : ""]),
             disabled: g.disabled,
-            onClick: (x) => h(g.label, g)
-          }, I(g.label), 11, q5)
+            onClick: (x) => p(g.label, g)
+          }, S(g.label), 11, q5)
         ]))), 256))
       ])) : (n(), s("div", O5, [
-        o("div", P5, I(t.modelValue), 1)
+        o("div", P5, S(t.modelValue), 1)
       ])),
       o("button", {
         class: "next q-button button sm outlined icon",
@@ -2043,7 +2053,7 @@ const S5 = { class: "q-pagination" }, j5 = ["disabled"], D5 = {
 });
 const A5 = { class: "q-progress-slot" }, F5 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), U5 = [
   F5
-], E5 = /* @__PURE__ */ S({
+], E5 = /* @__PURE__ */ j({
   __name: "QProgress",
   props: {
     infinite: {
@@ -2064,13 +2074,13 @@ const A5 = { class: "q-progress-slot" }, F5 = /* @__PURE__ */ o("div", { class:
     }
   },
   setup(t) {
-    const e = t, d = Q(() => e.infinite ? "100%" : `${e.value / e.max * 100}%`), _ = Q(() => e.value >= e.max);
+    const e = t, d = B(() => e.infinite ? "100%" : `${e.value / e.max * 100}%`), _ = B(() => e.value >= e.max);
     return (u, $) => (n(), s("div", {
-      class: O(["q-progress", t.color])
+      class: I(["q-progress", t.color])
     }, [
       o("div", A5, [
         o("div", {
-          class: O(["q-progress-bar", _.value ? "" : "animated"]),
+          class: I(["q-progress-bar", _.value ? "" : "animated"]),
           style: f1({ width: d.value })
         }, U5, 6)
       ])