quail-ui 0.2.47 → 0.2.48

package/dist/index.js

@@ -1,8 +1,8 @@
-import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as A, defineComponent as O, ref as B, watch as J, onMounted as _1, withDirectives as a1, vModelText as p1, computed as Q, nextTick as S1, Fragment as h1, renderSlot as s1, createBlock as j, Transition as w1, withCtx as g1, normalizeClass as D, normalizeStyle as v1, withModifiers as $1, createCommentVNode as P, toDisplayString as T, getCurrentInstance as z1, unref as l1, resolveDynamicComponent as d1, renderList as y1, resolveComponent as F, vModelCheckbox as I1, useSlots as B1, createVNode as E, pushScopeId as q1, popScopeId as Z1 } from "vue";
+import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as A, defineComponent as j, ref as I, watch as J, onMounted as h1, withDirectives as a1, vModelText as w1, computed as H, nextTick as S1, Fragment as u1, renderSlot as s1, createBlock as O, Transition as g1, withCtx as v1, normalizeClass as Z, normalizeStyle as d1, withModifiers as $1, createCommentVNode as P, toDisplayString as T, getCurrentInstance as z1, unref as l1, resolveDynamicComponent as _1, renderList as y1, resolveComponent as F, vModelCheckbox as I1, useSlots as B1, createVNode as E, pushScopeId as q1, popScopeId as Z1 } from "vue";
 const r = (t, e) => {
   const i = t.__vccOpts || t;
-  for (const [_, u] of e)
-    i[_] = u;
+  for (const [_, h] of e)
+    i[_] = h;
   return i;
 }, j1 = {}, D1 = {
   width: "24",
@@ -1368,196 +1368,196 @@ var H1 = { exports: {} };
   (function(i, _) {
     t.exports = _();
   })(W5, function() {
-    var i = 1e3, _ = 6e4, u = 36e5, h = "millisecond", a = "second", p = "minute", $ = "hour", k = "day", m = "week", C = "month", x = "quarter", S = "year", q = "date", Y = "Invalid Date", L = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, W = /\[([^\]]+)]|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, X = { 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(w) {
-      var d = ["th", "st", "nd", "rd"], c = w % 100;
-      return "[" + w + (d[(c - 20) % 10] || d[c] || d[0]) + "]";
-    } }, t1 = function(w, d, c) {
-      var f = String(w);
-      return !f || f.length >= d ? w : "" + Array(d + 1 - f.length).join(c) + w;
-    }, u1 = { s: t1, z: function(w) {
-      var d = -w.utcOffset(), c = Math.abs(d), f = Math.floor(c / 60), l = c % 60;
-      return (d <= 0 ? "+" : "-") + t1(f, 2, "0") + ":" + t1(l, 2, "0");
-    }, m: function w(d, c) {
-      if (d.date() < c.date())
-        return -w(c, d);
-      var f = 12 * (c.year() - d.year()) + (c.month() - d.month()), l = d.clone().add(f, C), g = c - l < 0, v = d.clone().add(f + (g ? -1 : 1), C);
-      return +(-(f + (c - l) / (g ? l - v : v - l)) || 0);
-    }, a: function(w) {
-      return w < 0 ? Math.ceil(w) || 0 : Math.floor(w);
-    }, p: function(w) {
-      return { M: C, y: S, w: m, d: k, D: q, h: $, m: p, s: a, ms: h, Q: x }[w] || String(w || "").toLowerCase().replace(/s$/, "");
-    }, u: function(w) {
-      return w === void 0;
+    var i = 1e3, _ = 6e4, h = 36e5, p = "millisecond", c = "second", w = "minute", f = "hour", k = "day", m = "week", u = "month", x = "quarter", S = "year", q = "date", Y = "Invalid Date", L = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, W = /\[([^\]]+)]|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, X = { 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(g) {
+      var d = ["th", "st", "nd", "rd"], l = g % 100;
+      return "[" + g + (d[(l - 20) % 10] || d[l] || d[0]) + "]";
+    } }, t1 = function(g, d, l) {
+      var C = String(g);
+      return !C || C.length >= d ? g : "" + Array(d + 1 - C.length).join(l) + g;
+    }, C1 = { s: t1, z: function(g) {
+      var d = -g.utcOffset(), l = Math.abs(d), C = Math.floor(l / 60), a = l % 60;
+      return (d <= 0 ? "+" : "-") + t1(C, 2, "0") + ":" + t1(a, 2, "0");
+    }, m: function g(d, l) {
+      if (d.date() < l.date())
+        return -g(l, d);
+      var C = 12 * (l.year() - d.year()) + (l.month() - d.month()), a = d.clone().add(C, u), v = l - a < 0, $ = d.clone().add(C + (v ? -1 : 1), u);
+      return +(-(C + (l - a) / (v ? a - $ : $ - a)) || 0);
+    }, a: function(g) {
+      return g < 0 ? Math.ceil(g) || 0 : Math.floor(g);
+    }, p: function(g) {
+      return { M: u, y: S, w: m, d: k, D: q, h: f, m: w, s: c, ms: p, Q: x }[g] || String(g || "").toLowerCase().replace(/s$/, "");
+    }, u: function(g) {
+      return g === void 0;
     } }, e1 = "en", N = {};
     N[e1] = X;
-    var C1 = function(w) {
-      return w instanceof r1;
-    }, i1 = function w(d, c, f) {
-      var l;
+    var f1 = function(g) {
+      return g instanceof r1;
+    }, i1 = function g(d, l, C) {
+      var a;
       if (!d)
         return e1;
       if (typeof d == "string") {
-        var g = d.toLowerCase();
-        N[g] && (l = g), c && (N[g] = c, l = g);
-        var v = d.split("-");
-        if (!l && v.length > 1)
-          return w(v[0]);
+        var v = d.toLowerCase();
+        N[v] && (a = v), l && (N[v] = l, a = v);
+        var $ = d.split("-");
+        if (!a && $.length > 1)
+          return g($[0]);
       } else {
         var y = d.name;
-        N[y] = d, l = y;
+        N[y] = d, a = y;
       }
-      return !f && l && (e1 = l), l || !f && e1;
-    }, H = function(w, d) {
-      if (C1(w))
-        return w.clone();
-      var c = typeof d == "object" ? d : {};
-      return c.date = w, c.args = arguments, new r1(c);
-    }, M = u1;
-    M.l = i1, M.i = C1, M.w = function(w, d) {
-      return H(w, { locale: d.$L, utc: d.$u, x: d.$x, $offset: d.$offset });
+      return !C && a && (e1 = a), a || !C && e1;
+    }, b = function(g, d) {
+      if (f1(g))
+        return g.clone();
+      var l = typeof d == "object" ? d : {};
+      return l.date = g, l.args = arguments, new r1(l);
+    }, M = C1;
+    M.l = i1, M.i = f1, M.w = function(g, d) {
+      return b(g, { locale: d.$L, utc: d.$u, x: d.$x, $offset: d.$offset });
     };
     var r1 = function() {
-      function w(c) {
-        this.$L = i1(c.locale, null, !0), this.parse(c);
+      function g(l) {
+        this.$L = i1(l.locale, null, !0), this.parse(l);
       }
-      var d = w.prototype;
-      return d.parse = function(c) {
-        this.$d = function(f) {
-          var l = f.date, g = f.utc;
-          if (l === null)
+      var d = g.prototype;
+      return d.parse = function(l) {
+        this.$d = function(C) {
+          var a = C.date, v = C.utc;
+          if (a === null)
             return /* @__PURE__ */ new Date(NaN);
-          if (M.u(l))
+          if (M.u(a))
             return /* @__PURE__ */ new Date();
-          if (l instanceof Date)
-            return new Date(l);
-          if (typeof l == "string" && !/Z$/i.test(l)) {
-            var v = l.match(L);
-            if (v) {
-              var y = v[2] - 1 || 0, V = (v[7] || "0").substring(0, 3);
-              return g ? new Date(Date.UTC(v[1], y, v[3] || 1, v[4] || 0, v[5] || 0, v[6] || 0, V)) : new Date(v[1], y, v[3] || 1, v[4] || 0, v[5] || 0, v[6] || 0, V);
+          if (a instanceof Date)
+            return new Date(a);
+          if (typeof a == "string" && !/Z$/i.test(a)) {
+            var $ = a.match(L);
+            if ($) {
+              var y = $[2] - 1 || 0, V = ($[7] || "0").substring(0, 3);
+              return v ? new Date(Date.UTC($[1], y, $[3] || 1, $[4] || 0, $[5] || 0, $[6] || 0, V)) : new Date($[1], y, $[3] || 1, $[4] || 0, $[5] || 0, $[6] || 0, V);
             }
           }
-          return new Date(l);
-        }(c), this.$x = c.x || {}, this.init();
+          return new Date(a);
+        }(l), this.$x = l.x || {}, this.init();
       }, d.init = function() {
-        var c = this.$d;
-        this.$y = c.getFullYear(), this.$M = c.getMonth(), this.$D = c.getDate(), this.$W = c.getDay(), this.$H = c.getHours(), this.$m = c.getMinutes(), this.$s = c.getSeconds(), this.$ms = c.getMilliseconds();
+        var l = this.$d;
+        this.$y = l.getFullYear(), this.$M = l.getMonth(), this.$D = l.getDate(), this.$W = l.getDay(), this.$H = l.getHours(), this.$m = l.getMinutes(), this.$s = l.getSeconds(), this.$ms = l.getMilliseconds();
       }, d.$utils = function() {
         return M;
       }, d.isValid = function() {
         return this.$d.toString() !== Y;
-      }, d.isSame = function(c, f) {
-        var l = H(c);
-        return this.startOf(f) <= l && l <= this.endOf(f);
-      }, d.isAfter = function(c, f) {
-        return H(c) < this.startOf(f);
-      }, d.isBefore = function(c, f) {
-        return this.endOf(f) < H(c);
-      }, d.$g = function(c, f, l) {
-        return M.u(c) ? this[f] : this.set(l, c);
+      }, d.isSame = function(l, C) {
+        var a = b(l);
+        return this.startOf(C) <= a && a <= this.endOf(C);
+      }, d.isAfter = function(l, C) {
+        return b(l) < this.startOf(C);
+      }, d.isBefore = function(l, C) {
+        return this.endOf(C) < b(l);
+      }, d.$g = function(l, C, a) {
+        return M.u(l) ? this[C] : this.set(a, l);
       }, d.unix = function() {
         return Math.floor(this.valueOf() / 1e3);
       }, d.valueOf = function() {
         return this.$d.getTime();
-      }, d.startOf = function(c, f) {
-        var l = this, g = !!M.u(f) || f, v = M.p(c), y = function(R, I) {
-          var U = M.w(l.$u ? Date.UTC(l.$y, I, R) : new Date(l.$y, I, R), l);
-          return g ? U : U.endOf(k);
-        }, V = function(R, I) {
-          return M.w(l.toDate()[R].apply(l.toDate("s"), (g ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(I)), l);
-        }, b = this.$W, z = this.$M, Z = this.$D, K = "set" + (this.$u ? "UTC" : "");
-        switch (v) {
+      }, d.startOf = function(l, C) {
+        var a = this, v = !!M.u(C) || C, $ = M.p(l), y = function(R, B) {
+          var U = M.w(a.$u ? Date.UTC(a.$y, B, R) : new Date(a.$y, B, R), a);
+          return v ? U : U.endOf(k);
+        }, V = function(R, B) {
+          return M.w(a.toDate()[R].apply(a.toDate("s"), (v ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(B)), a);
+        }, Q = this.$W, z = this.$M, D = this.$D, K = "set" + (this.$u ? "UTC" : "");
+        switch ($) {
           case S:
-            return g ? y(1, 0) : y(31, 11);
-          case C:
-            return g ? y(1, z) : y(0, z + 1);
+            return v ? y(1, 0) : y(31, 11);
+          case u:
+            return v ? y(1, z) : y(0, z + 1);
           case m:
-            var G = this.$locale().weekStart || 0, n1 = (b < G ? b + 7 : b) - G;
-            return y(g ? Z - n1 : Z + (6 - n1), z);
+            var G = this.$locale().weekStart || 0, n1 = (Q < G ? Q + 7 : Q) - G;
+            return y(v ? D - n1 : D + (6 - n1), z);
           case k:
           case q:
             return V(K + "Hours", 0);
-          case $:
+          case f:
             return V(K + "Minutes", 1);
-          case p:
+          case w:
             return V(K + "Seconds", 2);
-          case a:
+          case c:
             return V(K + "Milliseconds", 3);
           default:
             return this.clone();
         }
-      }, d.endOf = function(c) {
-        return this.startOf(c, !1);
-      }, d.$set = function(c, f) {
-        var l, g = M.p(c), v = "set" + (this.$u ? "UTC" : ""), y = (l = {}, l[k] = v + "Date", l[q] = v + "Date", l[C] = v + "Month", l[S] = v + "FullYear", l[$] = v + "Hours", l[p] = v + "Minutes", l[a] = v + "Seconds", l[h] = v + "Milliseconds", l)[g], V = g === k ? this.$D + (f - this.$W) : f;
-        if (g === C || g === S) {
-          var b = this.clone().set(q, 1);
-          b.$d[y](V), b.init(), this.$d = b.set(q, Math.min(this.$D, b.daysInMonth())).$d;
+      }, d.endOf = function(l) {
+        return this.startOf(l, !1);
+      }, d.$set = function(l, C) {
+        var a, v = M.p(l), $ = "set" + (this.$u ? "UTC" : ""), y = (a = {}, a[k] = $ + "Date", a[q] = $ + "Date", a[u] = $ + "Month", a[S] = $ + "FullYear", a[f] = $ + "Hours", a[w] = $ + "Minutes", a[c] = $ + "Seconds", a[p] = $ + "Milliseconds", a)[v], V = v === k ? this.$D + (C - this.$W) : C;
+        if (v === u || v === S) {
+          var Q = this.clone().set(q, 1);
+          Q.$d[y](V), Q.init(), this.$d = Q.set(q, Math.min(this.$D, Q.daysInMonth())).$d;
         } else
           y && this.$d[y](V);
         return this.init(), this;
-      }, d.set = function(c, f) {
-        return this.clone().$set(c, f);
-      }, d.get = function(c) {
-        return this[M.p(c)]();
-      }, d.add = function(c, f) {
-        var l, g = this;
-        c = Number(c);
-        var v = M.p(f), y = function(z) {
-          var Z = H(g);
-          return M.w(Z.date(Z.date() + Math.round(z * c)), g);
+      }, d.set = function(l, C) {
+        return this.clone().$set(l, C);
+      }, d.get = function(l) {
+        return this[M.p(l)]();
+      }, d.add = function(l, C) {
+        var a, v = this;
+        l = Number(l);
+        var $ = M.p(C), y = function(z) {
+          var D = b(v);
+          return M.w(D.date(D.date() + Math.round(z * l)), v);
         };
-        if (v === C)
-          return this.set(C, this.$M + c);
-        if (v === S)
-          return this.set(S, this.$y + c);
-        if (v === k)
+        if ($ === u)
+          return this.set(u, this.$M + l);
+        if ($ === S)
+          return this.set(S, this.$y + l);
+        if ($ === k)
           return y(1);
-        if (v === m)
+        if ($ === m)
           return y(7);
-        var V = (l = {}, l[p] = _, l[$] = u, l[a] = i, l)[v] || 1, b = this.$d.getTime() + c * V;
-        return M.w(b, this);
-      }, d.subtract = function(c, f) {
-        return this.add(-1 * c, f);
-      }, d.format = function(c) {
-        var f = this, l = this.$locale();
+        var V = (a = {}, a[w] = _, a[f] = h, a[c] = i, a)[$] || 1, Q = this.$d.getTime() + l * V;
+        return M.w(Q, this);
+      }, d.subtract = function(l, C) {
+        return this.add(-1 * l, C);
+      }, d.format = function(l) {
+        var C = this, a = this.$locale();
         if (!this.isValid())
-          return l.invalidDate || Y;
-        var g = c || "YYYY-MM-DDTHH:mm:ssZ", v = M.z(this), y = this.$H, V = this.$m, b = this.$M, z = l.weekdays, Z = l.months, K = l.meridiem, G = function(I, U, o1, c1) {
-          return I && (I[U] || I(f, g)) || o1[U].slice(0, c1);
-        }, n1 = function(I) {
-          return M.s(y % 12 || 12, I, "0");
-        }, R = K || function(I, U, o1) {
-          var c1 = I < 12 ? "AM" : "PM";
+          return a.invalidDate || Y;
+        var v = l || "YYYY-MM-DDTHH:mm:ssZ", $ = M.z(this), y = this.$H, V = this.$m, Q = this.$M, z = a.weekdays, D = a.months, K = a.meridiem, G = function(B, U, o1, c1) {
+          return B && (B[U] || B(C, v)) || o1[U].slice(0, c1);
+        }, n1 = function(B) {
+          return M.s(y % 12 || 12, B, "0");
+        }, R = K || function(B, U, o1) {
+          var c1 = B < 12 ? "AM" : "PM";
           return o1 ? c1.toLowerCase() : c1;
         };
-        return g.replace(W, function(I, U) {
+        return v.replace(W, function(B, U) {
           return U || function(o1) {
             switch (o1) {
               case "YY":
-                return String(f.$y).slice(-2);
+                return String(C.$y).slice(-2);
               case "YYYY":
-                return M.s(f.$y, 4, "0");
+                return M.s(C.$y, 4, "0");
               case "M":
-                return b + 1;
+                return Q + 1;
               case "MM":
-                return M.s(b + 1, 2, "0");
+                return M.s(Q + 1, 2, "0");
               case "MMM":
-                return G(l.monthsShort, b, Z, 3);
+                return G(a.monthsShort, Q, D, 3);
               case "MMMM":
-                return G(Z, b);
+                return G(D, Q);
               case "D":
-                return f.$D;
+                return C.$D;
               case "DD":
-                return M.s(f.$D, 2, "0");
+                return M.s(C.$D, 2, "0");
               case "d":
-                return String(f.$W);
+                return String(C.$W);
               case "dd":
-                return G(l.weekdaysMin, f.$W, z, 2);
+                return G(a.weekdaysMin, C.$W, z, 2);
               case "ddd":
-                return G(l.weekdaysShort, f.$W, z, 3);
+                return G(a.weekdaysShort, C.$W, z, 3);
               case "dddd":
-                return z[f.$W];
+                return z[C.$W];
               case "H":
                 return String(y);
               case "HH":
@@ -1575,61 +1575,61 @@ var H1 = { exports: {} };
               case "mm":
                 return M.s(V, 2, "0");
               case "s":
-                return String(f.$s);
+                return String(C.$s);
               case "ss":
-                return M.s(f.$s, 2, "0");
+                return M.s(C.$s, 2, "0");
               case "SSS":
-                return M.s(f.$ms, 3, "0");
+                return M.s(C.$ms, 3, "0");
               case "Z":
-                return v;
+                return $;
             }
             return null;
-          }(I) || v.replace(":", "");
+          }(B) || $.replace(":", "");
         });
       }, d.utcOffset = function() {
         return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, d.diff = function(c, f, l) {
-        var g, v = this, y = M.p(f), V = H(c), b = (V.utcOffset() - this.utcOffset()) * _, z = this - V, Z = function() {
-          return M.m(v, V);
+      }, d.diff = function(l, C, a) {
+        var v, $ = this, y = M.p(C), V = b(l), Q = (V.utcOffset() - this.utcOffset()) * _, z = this - V, D = function() {
+          return M.m($, V);
         };
         switch (y) {
           case S:
-            g = Z() / 12;
+            v = D() / 12;
             break;
-          case C:
-            g = Z();
+          case u:
+            v = D();
             break;
           case x:
-            g = Z() / 3;
+            v = D() / 3;
             break;
           case m:
-            g = (z - b) / 6048e5;
+            v = (z - Q) / 6048e5;
             break;
           case k:
-            g = (z - b) / 864e5;
+            v = (z - Q) / 864e5;
             break;
-          case $:
-            g = z / u;
+          case f:
+            v = z / h;
             break;
-          case p:
-            g = z / _;
+          case w:
+            v = z / _;
             break;
-          case a:
-            g = z / i;
+          case c:
+            v = z / i;
             break;
           default:
-            g = z;
+            v = z;
         }
-        return l ? g : M.a(g);
+        return a ? v : M.a(v);
       }, d.daysInMonth = function() {
-        return this.endOf(C).$D;
+        return this.endOf(u).$D;
       }, d.$locale = function() {
         return N[this.$L];
-      }, d.locale = function(c, f) {
-        if (!c)
+      }, d.locale = function(l, C) {
+        if (!l)
           return this.$L;
-        var l = this.clone(), g = i1(c, f, !0);
-        return g && (l.$L = g), l;
+        var a = this.clone(), v = i1(l, C, !0);
+        return v && (a.$L = v), a;
       }, d.clone = function() {
         return M.w(this.$d, this);
       }, d.toDate = function() {
@@ -1640,21 +1640,21 @@ var H1 = { exports: {} };
         return this.$d.toISOString();
       }, d.toString = function() {
         return this.$d.toUTCString();
-      }, w;
+      }, g;
     }(), k1 = r1.prototype;
-    return H.prototype = k1, [["$ms", h], ["$s", a], ["$m", p], ["$H", $], ["$W", k], ["$M", C], ["$y", S], ["$D", q]].forEach(function(w) {
-      k1[w[1]] = function(d) {
-        return this.$g(d, w[0], w[1]);
+    return b.prototype = k1, [["$ms", p], ["$s", c], ["$m", w], ["$H", f], ["$W", k], ["$M", u], ["$y", S], ["$D", q]].forEach(function(g) {
+      k1[g[1]] = function(d) {
+        return this.$g(d, g[0], g[1]);
       };
-    }), H.extend = function(w, d) {
-      return w.$i || (w(d, r1, H), w.$i = !0), H;
-    }, H.locale = i1, H.isDayjs = C1, H.unix = function(w) {
-      return H(1e3 * w);
-    }, H.en = N[e1], H.Ls = N, H.p = {}, H;
+    }), b.extend = function(g, d) {
+      return g.$i || (g(d, r1, b), g.$i = !0), b;
+    }, b.locale = i1, b.isDayjs = f1, b.unix = function(g) {
+      return b(1e3 * g);
+    }, b.en = N[e1], b.Ls = N, b.p = {}, b;
   });
 })(H1);
 var G5 = H1.exports;
-const f1 = /* @__PURE__ */ N5(G5), R5 = { class: "q-datetime-picker" }, J5 = ["disabled"], X5 = ["disabled"], K5 = /* @__PURE__ */ O({
+const p1 = /* @__PURE__ */ N5(G5), R5 = { class: "q-datetime-picker" }, J5 = ["disabled"], X5 = ["disabled"], K5 = /* @__PURE__ */ j({
   __name: "QDatetimePicker",
   props: {
     modelValue: {
@@ -1668,55 +1668,55 @@ const f1 = /* @__PURE__ */ N5(G5), R5 = { class: "q-datetime-picker" }, J5 = ["d
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const i = t, _ = B(""), u = B("");
+    const i = t, _ = I(""), h = I("");
     J(
       () => i.modelValue,
-      (a) => {
-        const p = f1(a);
-        _.value = p.format("YYYY-MM-DD"), u.value = p.format("HH:mm");
+      (c) => {
+        const w = p1(c);
+        _.value = w.format("YYYY-MM-DD"), h.value = w.format("HH:mm");
       }
     );
-    function h() {
-      const a = f1(`${_.value} ${u.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
-      e("change", a), e("update:modelValue", a);
+    function p() {
+      const c = p1(`${_.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
+      e("change", c), e("update:modelValue", c);
     }
-    return _1(() => {
-      const a = f1();
-      _.value = a.format("YYYY-MM-DD"), u.value = a.format("HH:mm");
-    }), (a, p) => (n(), s("div", R5, [
+    return h1(() => {
+      const c = p1();
+      _.value = c.format("YYYY-MM-DD"), h.value = c.format("HH:mm");
+    }), (c, w) => (n(), s("div", R5, [
       a1(o("input", {
-        "onUpdate:modelValue": p[0] || (p[0] = ($) => _.value = $),
+        "onUpdate:modelValue": w[0] || (w[0] = (f) => _.value = f),
         type: "date",
         disabled: t.disabled,
-        onChange: h
+        onChange: p
       }, null, 40, J5), [
-        [p1, _.value]
+        [w1, _.value]
       ]),
       a1(o("input", {
-        "onUpdate:modelValue": p[1] || (p[1] = ($) => u.value = $),
+        "onUpdate:modelValue": w[1] || (w[1] = (f) => h.value = f),
         type: "time",
         disabled: t.disabled,
-        onChange: h
+        onChange: p
       }, null, 40, X5), [
-        [p1, u.value]
+        [w1, h.value]
       ])
     ]));
   }
 });
 function t9() {
   function t() {
-    const i = !!window.ActiveXObject || "ActiveXObject" in window, _ = navigator.userAgent.indexOf("Edge") > -1, u = navigator.userAgent.indexOf("Chrome") > -1, h = navigator.userAgent.indexOf("Firefox") > -1, a = navigator.userAgent.indexOf("Safari") > -1, p = navigator.userAgent.indexOf("Opera") > -1, $ = navigator.userAgent.indexOf("MicroMessenger") > -1, k = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), m = navigator.userAgent.indexOf("Android") > -1 || navigator.userAgent.indexOf("Adr") > -1, C = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), x = navigator.userAgent.indexOf("iPad") > -1, S = navigator.userAgent.indexOf("iPhone") > -1, q = navigator.userAgent.indexOf("Macintosh") > -1, Y = navigator.userAgent.indexOf("Windows") > -1, L = navigator.userAgent.indexOf("Linux") > -1;
+    const i = !!window.ActiveXObject || "ActiveXObject" in window, _ = navigator.userAgent.indexOf("Edge") > -1, h = navigator.userAgent.indexOf("Chrome") > -1, p = navigator.userAgent.indexOf("Firefox") > -1, c = navigator.userAgent.indexOf("Safari") > -1, w = navigator.userAgent.indexOf("Opera") > -1, f = navigator.userAgent.indexOf("MicroMessenger") > -1, k = !!navigator.userAgent.match(/AppleWebKit.*Mobile.*/), m = navigator.userAgent.indexOf("Android") > -1 || navigator.userAgent.indexOf("Adr") > -1, u = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), x = navigator.userAgent.indexOf("iPad") > -1, S = navigator.userAgent.indexOf("iPhone") > -1, q = navigator.userAgent.indexOf("Macintosh") > -1, Y = navigator.userAgent.indexOf("Windows") > -1, L = navigator.userAgent.indexOf("Linux") > -1;
     return {
       isIE: i,
       isEdge: _,
-      isChrome: u,
-      isFirefox: h,
-      isSafari: a,
-      isOpera: p,
-      isWeixin: $,
+      isChrome: h,
+      isFirefox: p,
+      isSafari: c,
+      isOpera: w,
+      isWeixin: f,
       isMobile: k,
       isAndroid: m,
-      isIOS: C,
+      isIOS: u,
       isIpad: x,
       isIphone: S,
       isMac: q,
@@ -1725,11 +1725,11 @@ function t9() {
     };
   }
   function e(i, _) {
-    let u;
-    return function(...h) {
-      const a = this;
-      clearTimeout(u), u = setTimeout(() => {
-        i.apply(a, h);
+    let h;
+    return function(...p) {
+      const c = this;
+      clearTimeout(h), h = setTimeout(() => {
+        i.apply(c, p);
       }, _);
     };
   }
@@ -1741,7 +1741,7 @@ function t9() {
 const e9 = ["onClick"], n9 = { class: "q-dialog-body" }, o9 = ["onClick"], s9 = { class: "q-dialog-header" }, i9 = {
   key: 0,
   class: "q-dialog-title"
-}, r9 = { class: "q-dialog-body" }, c9 = /* @__PURE__ */ O({
+}, r9 = { class: "q-dialog-body" }, c9 = /* @__PURE__ */ j({
   __name: "QDialog",
   props: {
     modelValue: Boolean,
@@ -1777,28 +1777,28 @@ const e9 = ["onClick"], n9 = { class: "q-dialog-body" }, o9 = ["onClick"], s9 =
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const i = t, { browserDetect: _ } = t9(), { isMobile: u } = _(), h = B(!1), a = B(i.modelValue), p = B({ top: "0", left: "0" }), $ = B(null), k = B(null), m = Q(() => !u && i.desktopMode === "popup"), C = Q(() => {
+    const i = t, { browserDetect: _ } = t9(), { isMobile: h } = _(), p = I(!1), c = I(i.modelValue), w = I({ top: "0", left: "0" }), f = I(null), k = I(null), m = H(() => !h && i.desktopMode === "popup"), u = H(() => {
       const L = document.body.clientWidth < 720 ? "100%" : i.width, W = i.height, X = {
         width: L,
         height: W
       };
-      return m.value && (X.top = p.value.top, X.left = p.value.left), X;
-    }), x = Q(() => {
+      return m.value && (X.top = w.value.top, X.left = w.value.left), X;
+    }), x = H(() => {
       let L = [];
-      return h.value && L.push("shaking"), u || L.push(`desktop-mode-${i.desktopMode}`), i.noFrame && L.push("no-frame"), L.join(" ");
-    }), S = Q(() => {
+      return p.value && L.push("shaking"), h || L.push(`desktop-mode-${i.desktopMode}`), i.noFrame && L.push("no-frame"), L.join(" ");
+    }), S = H(() => {
       let L = [];
       return m.value && L.push("desktop-mode-popup"), L.join(" ");
     });
     J(
       () => i.modelValue,
       (L) => {
-        a.value = L, S1(() => {
-          if (!u && i.desktopMode === "popup" && $.value.children) {
-            const W = $.value.children[0];
+        c.value = L, S1(() => {
+          if (!h && i.desktopMode === "popup" && f.value.children) {
+            const W = f.value.children[0];
             if (W) {
-              const t1 = W.getBoundingClientRect().height + 8, u1 = 0;
-              p.value = { top: `${t1}px`, left: `${u1}px` };
+              const t1 = W.getBoundingClientRect().height + 8, C1 = 0;
+              w.value = { top: `${t1}px`, left: `${C1}px` };
             }
           }
         });
@@ -1806,32 +1806,32 @@ const e9 = ["onClick"], n9 = { class: "q-dialog-body" }, o9 = ["onClick"], s9 =
     );
     function q() {
       if (i.persistent) {
-        h.value = !0, setTimeout(() => {
-          h.value = !1;
+        p.value = !0, setTimeout(() => {
+          p.value = !1;
         }, 300);
         return;
       }
-      a.value = !1, e("update:modelValue", !1), e("close");
+      c.value = !1, e("update:modelValue", !1), e("close");
     }
     function Y() {
     }
-    return _1(() => {
+    return h1(() => {
       i.desktopMode === "popup" && window.addEventListener("storage", (L) => {
         L.key === "quailui_global_popup_trigger" && L.newValue && q();
       });
-    }), (L, W) => (n(), s(h1, null, [
+    }), (L, W) => (n(), s(u1, null, [
       o("div", {
         class: "q-dialog-trigger-wrapper",
         ref_key: "triggerWrapper",
-        ref: $
+        ref: f
       }, [
         s1(L.$slots, "trigger"),
-        m.value ? (n(), j(w1, { key: 0 }, {
-          default: g1(() => [
-            a.value ? (n(), s("div", {
+        m.value ? (n(), O(g1, { key: 0 }, {
+          default: v1(() => [
+            c.value ? (n(), s("div", {
               key: 0,
-              class: D(["q-dialog", x.value]),
-              style: v1(C.value),
+              class: Z(["q-dialog", x.value]),
+              style: d1(u.value),
               onClick: $1(Y, ["stop"])
             }, [
               o("div", n9, [
@@ -1842,18 +1842,18 @@ const e9 = ["onClick"], n9 = { class: "q-dialog-body" }, o9 = ["onClick"], s9 =
           _: 3
         })) : P("", !0)
       ], 512),
-      m.value ? P("", !0) : (n(), j(w1, { key: 0 }, {
-        default: g1(() => [
-          a.value ? (n(), s("div", {
+      m.value ? P("", !0) : (n(), O(g1, { key: 0 }, {
+        default: v1(() => [
+          c.value ? (n(), s("div", {
             key: 0,
-            class: D(["q-dialog-mask", S.value]),
+            class: Z(["q-dialog-mask", S.value]),
             onClick: q,
             ref_key: "dialogMask",
             ref: k
           }, [
             o("div", {
-              class: D(["q-dialog", x.value]),
-              style: v1(C.value),
+              class: Z(["q-dialog", x.value]),
+              style: d1(u.value),
               onClick: $1(Y, ["stop"])
             }, [
               o("div", s9, [
@@ -1873,7 +1873,7 @@ const e9 = ["onClick"], n9 = { class: "q-dialog-body" }, o9 = ["onClick"], s9 =
 const l9 = ["href"], a9 = { class: "q-fence-text" }, d9 = {
   key: 1,
   class: "q-fence-inner"
-}, _9 = { class: "q-fence-text" }, h9 = /* @__PURE__ */ O({
+}, _9 = { class: "q-fence-text" }, h9 = /* @__PURE__ */ j({
   __name: "QFence",
   props: {
     link: {
@@ -1895,8 +1895,8 @@ const l9 = ["href"], a9 = { class: "q-fence-text" }, d9 = {
   setup(t) {
     var i;
     const e = (i = z1()) == null ? void 0 : i.appContext.components;
-    return (_, u) => (n(), s("div", {
-      class: D(["q-fence", t.type])
+    return (_, h) => (n(), s("div", {
+      class: Z(["q-fence", t.type])
     }, [
       t.link ? (n(), s("a", {
         key: 0,
@@ -1904,19 +1904,19 @@ const l9 = ["href"], a9 = { class: "q-fence-text" }, d9 = {
         href: t.link,
         target: "_blank"
       }, [
-        t.icon && l1(e) ? (n(), j(d1(l1(e)[t.icon]), {
+        t.icon && l1(e) ? (n(), O(_1(l1(e)[t.icon]), {
           key: 0,
           class: "icon"
-        })) : (n(), j(m1, {
+        })) : (n(), O(m1, {
           key: 1,
           class: "icon"
         })),
         o("div", a9, T(t.text), 1)
       ], 8, l9)) : (n(), s("div", d9, [
-        t.icon && l1(e) ? (n(), j(d1(l1(e)[t.icon]), {
+        t.icon && l1(e) ? (n(), O(_1(l1(e)[t.icon]), {
           key: 0,
           class: "icon"
-        })) : (n(), j(m1, {
+        })) : (n(), O(m1, {
           key: 1,
           class: "icon"
         })),
@@ -1934,59 +1934,72 @@ const u9 = {}, C9 = {
 function w9(t, e) {
   return n(), s("div", C9, p9);
 }
-const g9 = /* @__PURE__ */ r(u9, [["render", w9]]), v9 = { class: "q-menu" }, $9 = ["onClick"], m9 = {
+const g9 = /* @__PURE__ */ r(u9, [["render", w9]]), v9 = ["onClick"], $9 = {
   key: 0,
   class: "q-menu-item-divider"
-}, k9 = {
+}, m9 = {
   key: 1,
   class: "q-menu-item-inner"
-}, M9 = ["src", "alt"], x9 = { class: "q-menu-item-content" }, y9 = { class: "q-menu-title" }, L9 = {
+}, k9 = ["src", "alt"], M9 = { class: "q-menu-item-content" }, x9 = { class: "q-menu-title" }, y9 = {
   key: 0,
   class: "q-menu-subtitle"
-}, V9 = /* @__PURE__ */ O({
+}, L9 = /* @__PURE__ */ j({
   __name: "QMenu",
   props: {
     items: {
       type: Array,
       required: !0
+    },
+    persistent: {
+      type: Boolean,
+      default: !1
+    },
+    noFrame: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["action"],
   setup(t, { emit: e }) {
-    const i = t;
-    function _(h) {
-      let a = "";
-      return h.disabled && (a += " disabled"), h.danger && (a += " danger"), h.icon && (a += " with-icon"), h.image && (a += " with-image"), h.divider && (a += " with-divider"), a;
+    const i = t, _ = H(() => {
+      let c = [];
+      return i.persistent && c.push("persistent"), i.noFrame && c.push("no-frame"), c.join(" ");
+    });
+    function h(c) {
+      let w = "";
+      return c.disabled && (w += " disabled"), c.danger && (w += " danger"), c.icon && (w += " with-icon"), c.image && (w += " with-image"), c.divider && (w += " with-divider"), w;
     }
-    function u(h) {
-      h.action && h.action(h), h.disabled !== !0 && e("action", h);
+    function p(c) {
+      c.action && c.action(c), c.disabled !== !0 && e("action", c);
     }
-    return (h, a) => (n(), s("div", v9, [
-      (n(!0), s(h1, null, y1(i.items, (p) => (n(), s("div", {
-        class: D(["q-menu-item", _(p)]),
-        key: `q-menu-item-${p.id}`,
-        onClick: ($) => u(p)
+    return (c, w) => (n(), s("div", {
+      class: Z(["q-menu", _.value])
+    }, [
+      (n(!0), s(u1, null, y1(i.items, (f) => (n(), s("div", {
+        class: Z(["q-menu-item", h(f)]),
+        key: `q-menu-item-${f.id}`,
+        onClick: (k) => p(f)
       }, [
-        p.divider ? (n(), s("div", m9)) : (n(), s("div", k9, [
-          p.image ? (n(), s("img", {
+        f.divider ? (n(), s("div", $9)) : (n(), s("div", m9, [
+          f.image ? (n(), s("img", {
             key: 0,
             class: "q-menu-image",
-            src: p.image,
-            alt: p.title
-          }, null, 8, M9)) : p.icon ? (n(), j(d1(p.icon), {
+            src: f.image,
+            alt: f.title
+          }, null, 8, k9)) : f.icon ? (n(), O(_1(f.icon), {
             key: 1,
             class: "q-menu-icon"
           })) : P("", !0),
-          o("div", x9, [
-            o("div", y9, T(p.title), 1),
-            p.subtitle ? (n(), s("div", L9, T(p.subtitle), 1)) : P("", !0)
+          o("div", M9, [
+            o("div", x9, T(f.title), 1),
+            f.subtitle ? (n(), s("div", y9, T(f.subtitle), 1)) : P("", !0)
           ])
         ]))
-      ], 10, $9))), 128))
-    ]));
+      ], 10, v9))), 128))
+    ], 2));
   }
 });
-const H9 = ["disabled"], b9 = { class: "q-switch-inner" }, Q9 = { class: "q-switch-handle" }, S9 = /* @__PURE__ */ O({
+const V9 = ["disabled"], H9 = { class: "q-switch-inner" }, b9 = { class: "q-switch-handle" }, Q9 = /* @__PURE__ */ j({
   __name: "QSwitch",
   props: {
     modelValue: {
@@ -2005,38 +2018,38 @@ const H9 = ["disabled"], b9 = { class: "q-switch-inner" }, Q9 = { class: "q-swit
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const i = t, _ = B(i.modelValue);
-    J(() => i.modelValue, (a) => {
-      _.value = a;
+    const i = t, _ = I(i.modelValue);
+    J(() => i.modelValue, (c) => {
+      _.value = c;
     });
-    const u = Q(() => {
-      const a = [];
-      return i.theme && a.push(`theme-${i.theme}`), i.disabled && a.push("disabled"), a.join(" ");
+    const h = H(() => {
+      const c = [];
+      return i.theme && c.push(`theme-${i.theme}`), i.disabled && c.push("disabled"), c.join(" ");
     });
-    function h(a) {
+    function p(c) {
       e("update:modelValue", _.value), e("change", _.value);
     }
-    return (a, p) => {
-      const $ = F("q-icon-sun"), k = F("q-icon-moon-star");
+    return (c, w) => {
+      const f = F("q-icon-sun"), k = F("q-icon-moon-star");
       return n(), s("label", {
-        class: D(["q-switch", u.value])
+        class: Z(["q-switch", h.value])
       }, [
         a1(o("input", {
           class: "q-switch-checkbox",
           type: "checkbox",
-          "onUpdate:modelValue": p[0] || (p[0] = (m) => _.value = m),
-          onChange: h,
+          "onUpdate:modelValue": w[0] || (w[0] = (m) => _.value = m),
+          onChange: p,
           disabled: i.disabled
-        }, null, 40, H9), [
+        }, null, 40, V9), [
           [I1, _.value]
         ]),
-        o("div", b9, [
-          o("div", Q9, [
-            i.theme === "plastic" ? (n(), s(h1, { key: 0 }, [
-              _.value ? (n(), j($, {
+        o("div", H9, [
+          o("div", b9, [
+            i.theme === "plastic" ? (n(), s(u1, { key: 0 }, [
+              _.value ? (n(), O(f, {
                 key: 0,
                 class: "q-switch-icon"
-              })) : (n(), j(k, {
+              })) : (n(), O(k, {
                 key: 1,
                 class: "q-switch-icon"
               }))
@@ -2047,10 +2060,10 @@ const H9 = ["disabled"], b9 = { class: "q-switch-inner" }, Q9 = { class: "q-swit
     };
   }
 });
-const z9 = { class: "q-text-field-wrapper" }, I9 = ["placeholder"], B9 = { class: "q-text-button-wrapper" }, q9 = ["disabled"], Z9 = {
+const S9 = { class: "q-text-field-wrapper" }, z9 = ["placeholder"], I9 = { class: "q-text-button-wrapper" }, B9 = ["disabled"], q9 = {
   key: 0,
   class: "q-button-glow"
-}, j9 = /* @__PURE__ */ O({
+}, Z9 = /* @__PURE__ */ j({
   __name: "QTextFieldWithButton",
   props: {
     modelValue: {
@@ -2084,51 +2097,51 @@ const z9 = { class: "q-text-field-wrapper" }, I9 = ["placeholder"], B9 = { class
   },
   emits: ["submit", "update:modelValue"],
   setup(t, { emit: e }) {
-    const i = t, _ = B(i.defaultText), u = Q(() => {
-      const C = [];
-      return i.layout === "vertical" ? C.push("vertical") : C.push("horizontal"), i.type === "code" && C.push("code"), i.glow && C.push(`glow-${i.glow}`), C.join(" ");
-    }), h = Q(() => {
+    const i = t, _ = I(i.defaultText), h = H(() => {
+      const u = [];
+      return i.layout === "vertical" ? u.push("vertical") : u.push("horizontal"), i.type === "code" && u.push("code"), i.glow && u.push(`glow-${i.glow}`), u.join(" ");
+    }), p = H(() => {
       var x;
-      return i.loading || ((x = _.value) == null ? void 0 : x.trim()).length === 0 ? !1 : i.type === "email" ? a.value : i.type === "code" ? p.value : !0;
-    }), a = Q(() => {
+      return i.loading || ((x = _.value) == null ? void 0 : x.trim()).length === 0 ? !1 : i.type === "email" ? c.value : i.type === "code" ? w.value : !0;
+    }), c = H(() => {
       var x;
-      const C = (x = _.value) == null ? void 0 : x.trim();
-      return !i.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(C);
-    }), p = Q(() => {
+      const u = (x = _.value) == null ? void 0 : x.trim();
+      return !i.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(u);
+    }), w = H(() => {
       var x;
-      const C = (x = _.value) == null ? void 0 : x.trim();
-      return /^\d{6}$/.test(C);
-    }), $ = Q(() => i.loading ? "Loading..." : i.actionLabel);
-    J(() => i.modelValue, (C) => {
-      _.value = C;
+      const u = (x = _.value) == null ? void 0 : x.trim();
+      return /^\d{6}$/.test(u);
+    }), f = H(() => i.loading ? "Loading..." : i.actionLabel);
+    J(() => i.modelValue, (u) => {
+      _.value = u;
     });
     function k() {
-      h.value && e("submit", { text: _.value });
+      p.value && e("submit", { text: _.value });
     }
     function m() {
       e("update:modelValue", _.value);
     }
-    return (C, x) => (n(), s("div", {
-      class: D(["q-text-field-with-button", u.value])
+    return (u, x) => (n(), s("div", {
+      class: Z(["q-text-field-with-button", h.value])
     }, [
-      o("div", z9, [
+      o("div", S9, [
         a1(o("input", {
           class: "q-text-field text-field",
           placeholder: i.placeholder,
           "onUpdate:modelValue": x[0] || (x[0] = (S) => _.value = S),
           onChange: m
-        }, null, 40, I9), [
-          [p1, _.value]
+        }, null, 40, z9), [
+          [w1, _.value]
         ])
       ]),
-      o("div", B9, [
+      o("div", I9, [
         o("button", {
           class: "q-button button primary",
-          disabled: !h.value,
+          disabled: !p.value,
           onClick: k
-        }, T($.value), 9, q9)
+        }, T(f.value), 9, B9)
       ]),
-      t.glow !== "" ? (n(), s("div", Z9)) : P("", !0)
+      t.glow !== "" ? (n(), s("div", q9)) : P("", !0)
     ], 2));
   }
 });
@@ -2140,10 +2153,10 @@ function b1() {
     oldValue: t + ""
   }));
 }
-const D9 = { class: "q-dropdown-menu" }, O9 = { class: "q-dropdown-menu-inner narrow-view" }, P9 = ["onClick"], A9 = {
+const j9 = { class: "q-dropdown-menu" }, D9 = { class: "q-dropdown-menu-inner narrow-view" }, O9 = ["onClick"], P9 = {
   key: 0,
   class: "q-dropdown-selected"
-}, F9 = ["src", "alt"], T9 = { class: "menu-title" }, U9 = /* @__PURE__ */ O({
+}, A9 = ["src", "alt"], F9 = { class: "menu-title" }, T9 = /* @__PURE__ */ j({
   __name: "QDropdownMenu",
   props: {
     items: {
@@ -2169,58 +2182,58 @@ const D9 = { class: "q-dropdown-menu" }, O9 = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const i = t, _ = B1(), u = B(!1), h = B(null), a = B(null), p = Q(() => {
-      const C = [];
-      return u.value && C.push("expanded"), i.variant === "outlined" && C.push("frame"), i.hideSelected && C.push("hide-selected"), h.value && (h.value.icon || h.value.image) ? C.push("prepend") : C.push("no-prepend"), C.join(" ");
-    }), $ = Q(() => _.default !== void 0);
+    const i = t, _ = B1(), h = I(!1), p = I(null), c = I(null), w = H(() => {
+      const u = [];
+      return h.value && u.push("expanded"), i.variant === "outlined" && u.push("frame"), i.hideSelected && u.push("hide-selected"), p.value && (p.value.icon || p.value.image) ? u.push("prepend") : u.push("no-prepend"), u.join(" ");
+    }), f = H(() => _.default !== void 0);
     function k() {
-      u.value || b1(), u.value = !u.value, u.value && setTimeout(() => {
-        const x = a.value.querySelector(".q-menu");
+      h.value || b1(), h.value = !h.value, h.value && setTimeout(() => {
+        const x = c.value.querySelector(".q-menu");
         x.getBoundingClientRect().left < 0 && (x.style.left = "0");
       }, 10);
     }
-    function m(C) {
-      u.value = !1, h.value = C, e("change", C);
+    function m(u) {
+      h.value = !1, p.value = u, e("change", u);
     }
     return J(
       () => i.initialItem,
       () => {
-        i.initialItem && (h.value = i.initialItem);
+        i.initialItem && (p.value = i.initialItem);
       }
-    ), _1(() => {
-      i.initialItem && (h.value = i.initialItem), window.addEventListener("storage", (C) => {
-        C.key === "quailui_global_popup_trigger" && C.newValue && (u.value = !1);
+    ), h1(() => {
+      i.initialItem && (p.value = i.initialItem), window.addEventListener("storage", (u) => {
+        u.key === "quailui_global_popup_trigger" && u.newValue && (h.value = !1);
       });
-    }), (C, x) => {
+    }), (u, x) => {
       const S = F("q-icon-chevron-down"), q = F("q-menu");
-      return n(), s("div", D9, [
-        o("div", O9, [
+      return n(), s("div", j9, [
+        o("div", D9, [
           o("div", {
-            class: D(["q-dropdown-menu-action", p.value]),
+            class: Z(["q-dropdown-menu-action", w.value]),
             onClick: $1(k, ["stop"])
           }, [
-            !t.hideSelected && h.value && !$.value ? (n(), s("div", A9, [
-              h.value.image ? (n(), s("img", {
+            !t.hideSelected && p.value && !f.value ? (n(), s("div", P9, [
+              p.value.image ? (n(), s("img", {
                 key: 0,
                 class: "menu-image",
-                src: h.value.image,
-                alt: h.value.title
-              }, null, 8, F9)) : h.value.icon ? (n(), j(d1(h.value.icon), {
+                src: p.value.image,
+                alt: p.value.title
+              }, null, 8, A9)) : p.value.icon ? (n(), O(_1(p.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : P("", !0),
-              o("div", T9, T(h.value ? h.value.title : i.placeholder || "Select ..."), 1)
+              o("div", F9, T(p.value ? p.value.title : i.placeholder || "Select ..."), 1)
             ])) : P("", !0),
-            s1(C.$slots, "default"),
+            s1(u.$slots, "default"),
             E(S, { class: "icon chevron-icon" })
-          ], 10, P9),
+          ], 10, O9),
           o("div", {
             ref_key: "menuWrapper",
-            ref: a
+            ref: c
           }, [
-            E(w1, null, {
-              default: g1(() => [
-                u.value ? (n(), j(q, {
+            E(g1, null, {
+              default: v1(() => [
+                h.value ? (n(), O(q, {
                   key: 0,
                   items: t.items,
                   onAction: m
@@ -2234,13 +2247,13 @@ const D9 = { class: "q-dropdown-menu" }, O9 = { class: "q-dropdown-menu-inner na
     };
   }
 });
-const E9 = { class: "q-pagination" }, Y9 = ["disabled"], W9 = {
+const U9 = { class: "q-pagination" }, E9 = ["disabled"], Y9 = {
   key: 0,
   class: "q-page-indicators"
-}, N9 = { class: "q-page-indicator" }, G9 = ["disabled", "onClick"], R9 = {
+}, W9 = { class: "q-page-indicator" }, N9 = ["disabled", "onClick"], G9 = {
   key: 1,
   class: "q-page-indicator-simple"
-}, J9 = { class: "" }, X9 = ["disabled"], K9 = /* @__PURE__ */ O({
+}, R9 = { class: "" }, J9 = ["disabled"], X9 = /* @__PURE__ */ j({
   __name: "QPagination",
   props: {
     modelValue: {
@@ -2262,67 +2275,67 @@ const E9 = { class: "q-pagination" }, Y9 = ["disabled"], W9 = {
   },
   emits: ["change:next", "change:prev", "change:goto", "update:modelValue"],
   setup(t, { emit: e }) {
-    const i = t, _ = Q(() => {
-      let $ = 6;
+    const i = t, _ = H(() => {
+      let f = 6;
       const k = [];
       if (i.totalPage !== 0)
-        if (i.totalPage <= $)
+        if (i.totalPage <= f)
           for (let m = 1; m <= i.totalPage; m++)
             k.push({ label: m });
         else {
           k.push({ label: 1 });
-          let m = u.value - 2, C = u.value + 2;
-          m < 2 && (m = 2, C = m + $ - 2), C > i.totalPage - 1 && (C = i.totalPage - 1, m = C - $ + 2), m > 2 && k.push({ label: "…", disabled: !0 });
-          for (let x = m; x <= C; x++)
+          let m = h.value - 2, u = h.value + 2;
+          m < 2 && (m = 2, u = m + f - 2), u > i.totalPage - 1 && (u = i.totalPage - 1, m = u - f + 2), m > 2 && k.push({ label: "…", disabled: !0 });
+          for (let x = m; x <= u; x++)
             k.push({ label: x });
-          C < i.totalPage - 1 && k.push({ label: "…", disabled: !0 }), k.push({ label: i.totalPage });
+          u < i.totalPage - 1 && k.push({ label: "…", disabled: !0 }), k.push({ label: i.totalPage });
         }
       return k;
-    }), u = B(i.modelValue);
-    J(() => i.modelValue, ($) => {
-      u.value = $;
+    }), h = I(i.modelValue);
+    J(() => i.modelValue, (f) => {
+      h.value = f;
     });
-    function h() {
-      u.value--, e("change:prev", u.value), e("update:modelValue", u.value);
+    function p() {
+      h.value--, e("change:prev", h.value), e("update:modelValue", h.value);
     }
-    function a() {
-      u.value++, e("change:next", u.value), e("update:modelValue", u.value);
+    function c() {
+      h.value++, e("change:next", h.value), e("update:modelValue", h.value);
     }
-    function p($, k) {
-      k.disabled || (u.value = $, e("change:goto", u.value), e("update:modelValue", u.value));
+    function w(f, k) {
+      k.disabled || (h.value = f, e("change:goto", h.value), e("update:modelValue", h.value));
     }
-    return ($, k) => (n(), s("div", E9, [
+    return (f, k) => (n(), s("div", U9, [
       o("button", {
         class: "prev q-button button sm outlined icon",
-        onClick: h,
+        onClick: p,
         disabled: !i.hasPrev
       }, [
         E(L1, { class: "icon" })
-      ], 8, Y9),
-      t.totalPage !== 0 ? (n(), s("div", W9, [
-        (n(!0), s(h1, null, y1(_.value, (m) => (n(), s("div", N9, [
+      ], 8, E9),
+      t.totalPage !== 0 ? (n(), s("div", Y9, [
+        (n(!0), s(u1, null, y1(_.value, (m) => (n(), s("div", W9, [
           o("button", {
-            class: D(["q-page-indicator q-button button sm plain", m.label === u.value ? "active" : ""]),
+            class: Z(["q-page-indicator q-button button sm plain", m.label === h.value ? "active" : ""]),
             disabled: m.disabled,
-            onClick: (C) => p(m.label, m)
-          }, T(m.label), 11, G9)
+            onClick: (u) => w(m.label, m)
+          }, T(m.label), 11, N9)
         ]))), 256))
-      ])) : (n(), s("div", R9, [
-        o("div", J9, T(t.modelValue), 1)
+      ])) : (n(), s("div", G9, [
+        o("div", R9, T(t.modelValue), 1)
       ])),
       o("button", {
         class: "next q-button button sm outlined icon",
-        onClick: a,
+        onClick: c,
         disabled: !i.hasNext
       }, [
         E(V1, { class: "icon" })
-      ], 8, X9)
+      ], 8, J9)
     ]));
   }
 });
-const t3 = { class: "q-progress-slot" }, e3 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), n3 = [
-  e3
-], o3 = /* @__PURE__ */ O({
+const K9 = { class: "q-progress-slot" }, t3 = /* @__PURE__ */ o("div", { class: "q-progress-bar-inner" }, null, -1), e3 = [
+  t3
+], n3 = /* @__PURE__ */ j({
   __name: "QProgress",
   props: {
     infinite: {
@@ -2343,20 +2356,20 @@ const t3 = { class: "q-progress-slot" }, e3 = /* @__PURE__ */ o("div", { class:
     }
   },
   setup(t) {
-    const e = t, i = Q(() => e.infinite ? "100%" : `${e.value / e.max * 100}%`), _ = Q(() => e.value >= e.max);
-    return (u, h) => (n(), s("div", {
-      class: D(["q-progress", t.color])
+    const e = t, i = H(() => e.infinite ? "100%" : `${e.value / e.max * 100}%`), _ = H(() => e.value >= e.max);
+    return (h, p) => (n(), s("div", {
+      class: Z(["q-progress", t.color])
     }, [
-      o("div", t3, [
+      o("div", K9, [
         o("div", {
-          class: D(["q-progress-bar", _.value ? "" : "animated"]),
-          style: v1({ width: i.value })
-        }, n3, 6)
+          class: Z(["q-progress-bar", _.value ? "" : "animated"]),
+          style: d1({ width: i.value })
+        }, e3, 6)
       ])
     ], 2));
   }
 });
-const s3 = /* @__PURE__ */ O({
+const o3 = /* @__PURE__ */ j({
   __name: "QLanguageSelector",
   props: {
     lang: {
@@ -2378,62 +2391,62 @@ const s3 = /* @__PURE__ */ O({
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const i = t, _ = B(null), u = Q(() => {
-      let a = [
+    const i = t, _ = I(null), h = H(() => {
+      let c = [
         {
           title_flag: "🇺🇸 English",
           title_no_flag: "English",
           value: "en",
-          action: h
+          action: p
         },
         {
           title_flag: "🇨🇳 简体中文",
           title_no_flag: "简体中文",
           value: "zh",
-          action: h
+          action: p
         },
         {
           title_flag: "🇹🇼 正體中文",
           title_no_flag: "正體中文",
           value: "zh-tw",
-          action: h
+          action: p
         },
         {
           title_flag: "🇯🇵 日本語",
           title_no_flag: "日本語",
           value: "ja",
-          action: h
+          action: p
         }
       ];
-      return i.auto && a.unshift({
+      return i.auto && c.unshift({
         title_flag: "🌐 Auto",
         title_no_flag: "Auto",
         value: "",
-        action: h
-      }), a = a.map((p) => ({
-        ...p,
-        title: i.noFlag ? p.title_no_flag : p.title_flag
-      })), a;
+        action: p
+      }), c = c.map((w) => ({
+        ...w,
+        title: i.noFlag ? w.title_no_flag : w.title_flag
+      })), c;
     });
-    function h(a) {
-      i.presist && localStorage.setItem("quail-language", a.value), e("change", {
-        title: i.noFlag ? a.title_no_flag : a.title,
-        value: a.value
+    function p(c) {
+      i.presist && localStorage.setItem("quail-language", c.value), e("change", {
+        title: i.noFlag ? c.title_no_flag : c.title,
+        value: c.value
       });
     }
-    return J(() => i.lang, (a) => {
-      _.value = u.value.find((p) => a === p.value);
-    }), _1(() => {
-      _.value = u.value.find((a) => i.lang === a.value || localStorage.getItem("quail-language") === a.value) || u.value[0];
-    }), (a, p) => {
-      const $ = F("QDropdownMenu");
-      return n(), j($, {
-        items: u.value,
+    return J(() => i.lang, (c) => {
+      _.value = h.value.find((w) => c === w.value);
+    }), h1(() => {
+      _.value = h.value.find((c) => i.lang === c.value || localStorage.getItem("quail-language") === c.value) || h.value[0];
+    }), (c, w) => {
+      const f = F("QDropdownMenu");
+      return n(), O(f, {
+        items: h.value,
         "initial-item": _.value
       }, null, 8, ["items", "initial-item"]);
     };
   }
-}), Q1 = (t) => (q1("data-v-c163c615"), t = t(), Z1(), t), i3 = { class: "q-pack-cover block-drop-shadow" }, r3 = /* @__PURE__ */ Q1(() => /* @__PURE__ */ o("div", { class: "q-pack-cover-layer one" }, null, -1)), c3 = /* @__PURE__ */ Q1(() => /* @__PURE__ */ o("div", { class: "q-pack-cover-layer two" }, null, -1)), l3 = { class: "q-pack-cover-inner" }, a3 = ["src", "alt"], d3 = /* @__PURE__ */ O({
+}), Q1 = (t) => (q1("data-v-c163c615"), t = t(), Z1(), t), s3 = { class: "q-pack-cover block-drop-shadow" }, i3 = /* @__PURE__ */ Q1(() => /* @__PURE__ */ o("div", { class: "q-pack-cover-layer one" }, null, -1)), r3 = /* @__PURE__ */ Q1(() => /* @__PURE__ */ o("div", { class: "q-pack-cover-layer two" }, null, -1)), c3 = { class: "q-pack-cover-inner" }, l3 = ["src", "alt"], a3 = /* @__PURE__ */ j({
   __name: "QPackCover",
   props: {
     src: {
@@ -2446,19 +2459,19 @@ const s3 = /* @__PURE__ */ O({
   },
   setup(t) {
     const e = t;
-    return (i, _) => (n(), s("div", i3, [
+    return (i, _) => (n(), s("div", s3, [
+      i3,
       r3,
-      c3,
-      o("div", l3, [
+      o("div", c3, [
         o("img", {
           src: e.src,
           alt: t.alt
-        }, null, 8, a3)
+        }, null, 8, l3)
       ])
     ]));
   }
 });
-const _3 = /* @__PURE__ */ r(d3, [["__scopeId", "data-v-c163c615"]]), h3 = ["href"], u3 = ["href"], C3 = ["href"], f3 = ["href"], p3 = /* @__PURE__ */ O({
+const d3 = /* @__PURE__ */ r(a3, [["__scopeId", "data-v-c163c615"]]), _3 = ["href"], h3 = ["href"], u3 = ["href"], C3 = ["href"], f3 = /* @__PURE__ */ j({
   __name: "QShare",
   props: {
     url: {
@@ -2475,11 +2488,11 @@ const _3 = /* @__PURE__ */ r(d3, [["__scopeId", "data-v-c163c615"]]), h3 = ["hre
     }
   },
   setup(t) {
-    const e = t, i = Q(() => e.layout === "row" ? "q-share-layout-row" : e.layout === "column" ? "q-share-layout-column" : "q-share-layout-row"), _ = Q(() => e.url ? encodeURIComponent(e.url) : encodeURIComponent(window.location.href));
-    return (u, h) => {
-      const a = F("q-icon-color-twitter"), p = F("q-icon-color-facebook"), $ = F("q-icon-color-hackernews"), k = F("q-icon-color-linkedin");
+    const e = t, i = H(() => e.layout === "row" ? "q-share-layout-row" : e.layout === "column" ? "q-share-layout-column" : "q-share-layout-row"), _ = H(() => e.url ? encodeURIComponent(e.url) : encodeURIComponent(window.location.href));
+    return (h, p) => {
+      const c = F("q-icon-color-twitter"), w = F("q-icon-color-facebook"), f = F("q-icon-color-hackernews"), k = F("q-icon-color-linkedin");
       return n(), s("div", {
-        class: D(["q-share", i.value])
+        class: Z(["q-share", i.value])
       }, [
         o("a", {
           href: `https://twitter.com/intent/tweet?url=${_.value}&text=${e.text}`,
@@ -2487,24 +2500,24 @@ const _3 = /* @__PURE__ */ r(d3, [["__scopeId", "data-v-c163c615"]]), h3 = ["hre
           title: "Share on Twitter",
           class: "q-share-link twitter"
         }, [
-          E(a, { class: "icon share-icon" })
-        ], 8, h3),
+          E(c, { class: "icon share-icon" })
+        ], 8, _3),
         o("a", {
           href: `https://www.facebook.com/sharer.php?u=${_.value}`,
           target: "_blank",
           title: "Share on facebook",
           class: "q-share-link facebook"
         }, [
-          E(p, { class: "icon share-icon" })
-        ], 8, u3),
+          E(w, { class: "icon share-icon" })
+        ], 8, h3),
         o("a", {
           href: `https://news.ycombinator.com/submitlink?u=${_.value}&t=${e.text}`,
           target: "_blank",
           title: "Share on hackernews",
           class: "q-share-link hackernews"
         }, [
-          E($, { class: "icon share-icon" })
-        ], 8, C3),
+          E(f, { class: "icon share-icon" })
+        ], 8, u3),
         o("a", {
           href: `https://www.linkedin.com/shareArticle?mini=true&url=${_.value}`,
           target: "_blank",
@@ -2512,33 +2525,66 @@ const _3 = /* @__PURE__ */ r(d3, [["__scopeId", "data-v-c163c615"]]), h3 = ["hre
           class: "q-share-link linkedin"
         }, [
           E(k, { class: "icon share-icon" })
-        ], 8, f3)
+        ], 8, C3)
       ], 2);
     };
   }
 });
-const w3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const p3 = ["src", "alt"], w3 = /* @__PURE__ */ j({
+  __name: "QAvatar",
+  props: {
+    src: {
+      type: String,
+      default: ""
+    },
+    alt: {
+      type: String,
+      default: "An Avatar"
+    },
+    size: {
+      type: String,
+      default: "32px"
+    }
+  },
+  setup(t) {
+    const e = t, i = I({
+      width: `${e.size}px`,
+      height: `${e.size}px`
+    });
+    return (_, h) => (n(), s("div", {
+      class: "q-avatar",
+      style: d1(i.value)
+    }, [
+      o("img", {
+        src: e.src,
+        alt: t.alt
+      }, null, 8, p3)
+    ], 4));
+  }
+});
+const g3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  QAvatar: w3,
   QDatetimePicker: K5,
   QDialog: c9,
-  QDropdownMenu: U9,
+  QDropdownMenu: T9,
   QFence: h9,
-  QLanguageSelector: s3,
+  QLanguageSelector: o3,
   QLoading: g9,
-  QMenu: V9,
-  QPackCover: _3,
-  QPagination: K9,
-  QProgress: o3,
-  QShare: p3,
-  QSwitch: S9,
-  QTextFieldWithButton: j9
+  QMenu: L9,
+  QPackCover: d3,
+  QPagination: X9,
+  QProgress: n3,
+  QShare: f3,
+  QSwitch: Q9,
+  QTextFieldWithButton: Z9
 }, Symbol.toStringTag, { value: "Module" }));
-const v3 = {
+const $3 = {
   install(t, e) {
     e != null && e.debug && console.log("options", e);
     for (const [i, _] of Object.entries(Y5))
       e != null && e.debug && console.log("[quail-ui] register icon component", i, _), t.component(i, _);
-    for (const [i, _] of Object.entries(w3))
+    for (const [i, _] of Object.entries(g3))
       e != null && e.debug && console.log("[quail-ui] register common component", i, _), t.component(i, _);
     document.body.addEventListener("click", (i) => {
       b1();
@@ -2546,9 +2592,9 @@ const v3 = {
   }
 };
 export {
-  w3 as Common,
+  g3 as Common,
   Y5 as Icons,
-  v3 as QuailUI,
-  v3 as default
+  $3 as QuailUI,
+  $3 as default
 };
 //# sourceMappingURL=index.js.map