quail-ui 0.2.42 → 0.2.43

package/dist/index.js

@@ -1,8 +1,8 @@
 import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as a1, defineComponent as A, ref as S, watch as N, onMounted as d1, withDirectives as i1, vModelText as C1, computed as I, nextTick as V1, Fragment as m1, renderSlot as t1, createBlock as Z, Transition as f1, withCtx as g1, normalizeClass as D, normalizeStyle as w1, withModifiers as p1, createCommentVNode as O, toDisplayString as P, getCurrentInstance as b1, unref as r1, resolveDynamicComponent as c1, renderList as k1, vModelCheckbox as z1, useSlots as Q1, resolveComponent as v1, createVNode as l1 } from "vue";
 const c = (e, t) => {
   const r = e.__vccOpts || e;
-  for (const [C, h] of t)
-    r[C] = h;
+  for (const [C, _] of t)
+    r[C] = _;
   return r;
 }, I1 = {}, B1 = {
   width: "24",
@@ -1288,7 +1288,7 @@ var L1 = { exports: {} };
   (function(r, C) {
     e.exports = C();
   })(a9, function() {
-    var r = 1e3, C = 6e4, h = 36e5, d = "millisecond", u = "second", g = "minute", $ = "hour", k = "day", m = "week", _ = "month", x = "quarter", z = "year", j = "date", F = "Invalid Date", L = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, Y = /\[([^\]]+)]|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, R = { 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 r = 1e3, C = 6e4, _ = 36e5, d = "millisecond", u = "second", g = "minute", $ = "hour", k = "day", m = "week", h = "month", x = "quarter", z = "year", j = "date", F = "Invalid Date", L = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, Y = /\[([^\]]+)]|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, R = { 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 a = ["th", "st", "nd", "rd"], i = w % 100;
       return "[" + w + (a[(i - 20) % 10] || a[i] || a[0]) + "]";
     } }, J = function(w, a, i) {
@@ -1300,12 +1300,12 @@ var L1 = { exports: {} };
     }, m: function w(a, i) {
       if (a.date() < i.date())
         return -w(i, a);
-      var f = 12 * (i.year() - a.year()) + (i.month() - a.month()), l = a.clone().add(f, _), p = i - l < 0, v = a.clone().add(f + (p ? -1 : 1), _);
+      var f = 12 * (i.year() - a.year()) + (i.month() - a.month()), l = a.clone().add(f, h), p = i - l < 0, v = a.clone().add(f + (p ? -1 : 1), h);
       return +(-(f + (i - l) / (p ? l - v : v - l)) || 0);
     }, a: function(w) {
       return w < 0 ? Math.ceil(w) || 0 : Math.floor(w);
     }, p: function(w) {
-      return { M: _, y: z, w: m, d: k, D: j, h: $, m: g, s: u, ms: d, Q: x }[w] || String(w || "").toLowerCase().replace(/s$/, "");
+      return { M: h, y: z, w: m, d: k, D: j, h: $, m: g, s: u, ms: d, Q: x }[w] || String(w || "").toLowerCase().replace(/s$/, "");
     }, u: function(w) {
       return w === void 0;
     } }, X = "en", U = {};
@@ -1389,7 +1389,7 @@ var L1 = { exports: {} };
         switch (v) {
           case z:
             return p ? y(1, 0) : y(31, 11);
-          case _:
+          case h:
             return p ? y(1, Q) : y(0, Q + 1);
           case m:
             var E = this.$locale().weekStart || 0, K = (b < E ? b + 7 : b) - E;
@@ -1409,8 +1409,8 @@ var L1 = { exports: {} };
       }, a.endOf = function(i) {
         return this.startOf(i, !1);
       }, a.$set = function(i, f) {
-        var l, p = M.p(i), v = "set" + (this.$u ? "UTC" : ""), y = (l = {}, l[k] = v + "Date", l[j] = v + "Date", l[_] = v + "Month", l[z] = v + "FullYear", l[$] = v + "Hours", l[g] = v + "Minutes", l[u] = v + "Seconds", l[d] = v + "Milliseconds", l)[p], H = p === k ? this.$D + (f - this.$W) : f;
-        if (p === _ || p === z) {
+        var l, p = M.p(i), v = "set" + (this.$u ? "UTC" : ""), y = (l = {}, l[k] = v + "Date", l[j] = v + "Date", l[h] = v + "Month", l[z] = v + "FullYear", l[$] = v + "Hours", l[g] = v + "Minutes", l[u] = v + "Seconds", l[d] = v + "Milliseconds", l)[p], H = p === k ? this.$D + (f - this.$W) : f;
+        if (p === h || p === z) {
           var b = this.clone().set(j, 1);
           b.$d[y](H), b.init(), this.$d = b.set(j, Math.min(this.$D, b.daysInMonth())).$d;
         } else
@@ -1427,15 +1427,15 @@ var L1 = { exports: {} };
           var q = V(p);
           return M.w(q.date(q.date() + Math.round(Q * i)), p);
         };
-        if (v === _)
-          return this.set(_, this.$M + i);
+        if (v === h)
+          return this.set(h, this.$M + i);
         if (v === z)
           return this.set(z, this.$y + i);
         if (v === k)
           return y(1);
         if (v === m)
           return y(7);
-        var H = (l = {}, l[g] = C, l[$] = h, l[u] = r, l)[v] || 1, b = this.$d.getTime() + i * H;
+        var H = (l = {}, l[g] = C, l[$] = _, l[u] = r, l)[v] || 1, b = this.$d.getTime() + i * H;
         return M.w(b, this);
       }, a.subtract = function(i, f) {
         return this.add(-1 * i, f);
@@ -1516,7 +1516,7 @@ var L1 = { exports: {} };
           case z:
             p = q() / 12;
             break;
-          case _:
+          case h:
             p = q();
             break;
           case x:
@@ -1529,7 +1529,7 @@ var L1 = { exports: {} };
             p = (Q - b) / 864e5;
             break;
           case $:
-            p = Q / h;
+            p = Q / _;
             break;
           case g:
             p = Q / C;
@@ -1542,7 +1542,7 @@ var L1 = { exports: {} };
         }
         return l ? p : M.a(p);
       }, a.daysInMonth = function() {
-        return this.endOf(_).$D;
+        return this.endOf(h).$D;
       }, a.$locale = function() {
         return U[this.$L];
       }, a.locale = function(i, f) {
@@ -1562,7 +1562,7 @@ var L1 = { exports: {} };
         return this.$d.toUTCString();
       }, w;
     }(), M1 = o1.prototype;
-    return V.prototype = M1, [["$ms", d], ["$s", u], ["$m", g], ["$H", $], ["$W", k], ["$M", _], ["$y", z], ["$D", j]].forEach(function(w) {
+    return V.prototype = M1, [["$ms", d], ["$s", u], ["$m", g], ["$H", $], ["$W", k], ["$M", h], ["$y", z], ["$D", j]].forEach(function(w) {
       M1[w[1]] = function(a) {
         return this.$g(a, w[0], w[1]);
       };
@@ -1588,21 +1588,21 @@ const h1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["d
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const r = e, C = S(""), h = S("");
+    const r = e, C = S(""), _ = S("");
     N(
       () => r.modelValue,
       (u) => {
         const g = h1(u);
-        C.value = g.format("YYYY-MM-DD"), h.value = g.format("HH:mm");
+        C.value = g.format("YYYY-MM-DD"), _.value = g.format("HH:mm");
       }
     );
     function d() {
-      const u = h1(`${C.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
+      const u = h1(`${C.value} ${_.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
       t("change", u), t("update:modelValue", u);
     }
     return d1(() => {
       const u = h1();
-      C.value = u.format("YYYY-MM-DD"), h.value = u.format("HH:mm");
+      C.value = u.format("YYYY-MM-DD"), _.value = u.format("HH:mm");
     }), (u, g) => (n(), s("div", _9, [
       i1(o("input", {
         "onUpdate:modelValue": g[0] || (g[0] = ($) => C.value = $),
@@ -1613,30 +1613,30 @@ const h1 = /* @__PURE__ */ d9(u9), _9 = { class: "q-datetime-picker" }, h9 = ["d
         [C1, C.value]
       ]),
       i1(o("input", {
-        "onUpdate:modelValue": g[1] || (g[1] = ($) => h.value = $),
+        "onUpdate:modelValue": g[1] || (g[1] = ($) => _.value = $),
         type: "time",
         disabled: e.disabled,
         onChange: d
       }, null, 40, C9), [
-        [C1, h.value]
+        [C1, _.value]
       ])
     ]));
   }
 });
 function g9() {
   function e() {
-    const r = !!window.ActiveXObject || "ActiveXObject" in window, C = navigator.userAgent.indexOf("Edge") > -1, h = navigator.userAgent.indexOf("Chrome") > -1, d = navigator.userAgent.indexOf("Firefox") > -1, u = navigator.userAgent.indexOf("Safari") > -1, g = 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, _ = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), x = navigator.userAgent.indexOf("iPad") > -1, z = navigator.userAgent.indexOf("iPhone") > -1, j = navigator.userAgent.indexOf("Macintosh") > -1, F = navigator.userAgent.indexOf("Windows") > -1, L = navigator.userAgent.indexOf("Linux") > -1;
+    const r = !!window.ActiveXObject || "ActiveXObject" in window, C = navigator.userAgent.indexOf("Edge") > -1, _ = navigator.userAgent.indexOf("Chrome") > -1, d = navigator.userAgent.indexOf("Firefox") > -1, u = navigator.userAgent.indexOf("Safari") > -1, g = 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, h = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), x = navigator.userAgent.indexOf("iPad") > -1, z = navigator.userAgent.indexOf("iPhone") > -1, j = navigator.userAgent.indexOf("Macintosh") > -1, F = navigator.userAgent.indexOf("Windows") > -1, L = navigator.userAgent.indexOf("Linux") > -1;
     return {
       isIE: r,
       isEdge: C,
-      isChrome: h,
+      isChrome: _,
       isFirefox: d,
       isSafari: u,
       isOpera: g,
       isWeixin: $,
       isMobile: k,
       isAndroid: m,
-      isIOS: _,
+      isIOS: h,
       isIpad: x,
       isIphone: z,
       isMac: j,
@@ -1645,10 +1645,10 @@ function g9() {
     };
   }
   function t(r, C) {
-    let h;
+    let _;
     return function(...d) {
       const u = this;
-      clearTimeout(h), h = setTimeout(() => {
+      clearTimeout(_), _ = setTimeout(() => {
         r.apply(u, d);
       }, C);
     };
@@ -1697,7 +1697,7 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
   },
   emits: ["update:modelValue", "close"],
   setup(e, { emit: t }) {
-    const r = e, { browserDetect: C } = g9(), { isMobile: h } = C(), d = S(!1), u = S(r.modelValue), g = S({ top: "0", left: "0" }), $ = S(null), k = S(null), m = I(() => !h && r.desktopMode === "popup"), _ = I(() => {
+    const r = e, { browserDetect: C } = g9(), { isMobile: _ } = C(), d = S(!1), u = S(r.modelValue), g = S({ top: "0", left: "0" }), $ = S(null), k = S(null), m = I(() => !_ && r.desktopMode === "popup"), h = I(() => {
       const L = document.body.clientWidth < 720 ? "100%" : r.width, Y = r.height, R = {
         width: L,
         height: Y
@@ -1705,7 +1705,7 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
       return m.value && (R.top = g.value.top, R.left = g.value.left), R;
     }), x = I(() => {
       let L = [];
-      return d.value && L.push("shaking"), h || L.push(`desktop-mode-${r.desktopMode}`), r.noFrame && L.push("no-frame"), L.join(" ");
+      return d.value && L.push("shaking"), _ || L.push(`desktop-mode-${r.desktopMode}`), r.noFrame && L.push("no-frame"), L.join(" ");
     }), z = I(() => {
       let L = [];
       return m.value && L.push("desktop-mode-popup"), L.join(" ");
@@ -1714,7 +1714,7 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
       () => r.modelValue,
       (L) => {
         u.value = L, V1(() => {
-          if (!h && r.desktopMode === "popup" && $.value.children) {
+          if (!_ && r.desktopMode === "popup" && $.value.children) {
             const Y = $.value.children[0];
             if (Y) {
               const J = Y.getBoundingClientRect().height + 8, u1 = 0;
@@ -1751,7 +1751,7 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
             u.value ? (n(), s("div", {
               key: 0,
               class: D(["q-dialog", x.value]),
-              style: w1(_.value),
+              style: w1(h.value),
               onClick: p1(F, ["stop"])
             }, [
               o("div", p9, [
@@ -1773,7 +1773,7 @@ const w9 = ["onClick"], p9 = { class: "q-dialog-body" }, v9 = ["onClick"], $9 =
           }, [
             o("div", {
               class: D(["q-dialog", x.value]),
-              style: w1(_.value),
+              style: w1(h.value),
               onClick: p1(F, ["stop"])
             }, [
               o("div", $9, [
@@ -1815,7 +1815,7 @@ const x9 = ["href"], y9 = { class: "q-fence-text" }, L9 = {
   setup(e) {
     var r;
     const t = (r = b1()) == null ? void 0 : r.appContext.components;
-    return (C, h) => (n(), s("div", {
+    return (C, _) => (n(), s("div", {
       class: D(["q-fence", e.type])
     }, [
       e.link ? (n(), s("a", {
@@ -1878,14 +1878,14 @@ const S9 = /* @__PURE__ */ c(b9, [["render", B9]]), j9 = { class: "q-menu" }, q9
       let u = "";
       return d.disabled && (u += " disabled"), d.danger && (u += " danger"), d.icon && (u += " with-icon"), d.image && (u += " with-image"), d.divider && (u += " with-divider"), u;
     }
-    function h(d) {
+    function _(d) {
       d.action && d.action(d), d.disabled !== !0 && t("action", d);
     }
     return (d, u) => (n(), s("div", j9, [
       (n(!0), s(m1, null, k1(r.items, (g) => (n(), s("div", {
         class: D(["q-menu-item", C(g)]),
         key: `q-menu-item-${g.id}`,
-        onClick: ($) => h(g)
+        onClick: ($) => _(g)
       }, [
         g.divider ? (n(), s("div", D9)) : (n(), s("div", Z9, [
           g.image ? (n(), s("img", {
@@ -1924,7 +1924,7 @@ const Y9 = ["disabled"], U9 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
     N(() => r.modelValue, (d) => {
       C.value = d;
     });
-    function h(d) {
+    function _(d) {
       t("update:modelValue", C.value), t("change", C.value);
     }
     return (d, u) => (n(), s("label", {
@@ -1934,7 +1934,7 @@ const Y9 = ["disabled"], U9 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
         class: "q-switch-checkbox",
         type: "checkbox",
         "onUpdate:modelValue": u[0] || (u[0] = (g) => C.value = g),
-        onChange: h,
+        onChange: _,
         disabled: r.disabled
       }, null, 40, Y9), [
         [z1, C.value]
@@ -1980,23 +1980,23 @@ const W9 = { class: "q-text-field-wrapper" }, N9 = ["placeholder"], R9 = { class
   },
   emits: ["submit", "update:modelValue"],
   setup(e, { emit: t }) {
-    const r = e, C = S(r.defaultText), h = I(() => {
-      const _ = [];
-      return r.layout === "vertical" ? _.push("vertical") : _.push("horizontal"), r.type === "code" && _.push("code"), r.glow && _.push(`glow-${r.glow}`), _.join(" ");
+    const r = e, C = S(r.defaultText), _ = I(() => {
+      const h = [];
+      return r.layout === "vertical" ? h.push("vertical") : h.push("horizontal"), r.type === "code" && h.push("code"), r.glow && h.push(`glow-${r.glow}`), h.join(" ");
     }), d = I(() => {
       var x;
       return r.loading || ((x = C.value) == null ? void 0 : x.trim()).length === 0 ? !1 : r.type === "email" ? u.value : r.type === "code" ? g.value : !0;
     }), u = I(() => {
       var x;
-      const _ = (x = C.value) == null ? void 0 : x.trim();
-      return !r.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(_);
+      const h = (x = C.value) == null ? void 0 : x.trim();
+      return !r.disabled && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(h);
     }), g = I(() => {
       var x;
-      const _ = (x = C.value) == null ? void 0 : x.trim();
-      return /^\d{6}$/.test(_);
+      const h = (x = C.value) == null ? void 0 : x.trim();
+      return /^\d{6}$/.test(h);
     }), $ = I(() => r.loading ? "Loading..." : r.actionLabel);
-    N(() => r.modelValue, (_) => {
-      C.value = _;
+    N(() => r.modelValue, (h) => {
+      C.value = h;
     });
     function k() {
       d.value && t("submit", { text: C.value });
@@ -2004,8 +2004,8 @@ const W9 = { class: "q-text-field-wrapper" }, N9 = ["placeholder"], R9 = { class
     function m() {
       t("update:modelValue", C.value);
     }
-    return (_, x) => (n(), s("div", {
-      class: D(["q-text-field-with-button", h.value])
+    return (h, x) => (n(), s("div", {
+      class: D(["q-text-field-with-button", _.value])
     }, [
       o("div", W9, [
         i1(o("input", {
@@ -2065,18 +2065,18 @@ const K9 = { class: "q-dropdown-menu" }, e5 = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const r = e, C = Q1(), h = S(!1), d = S(null), u = S(null), g = I(() => {
-      const _ = [];
-      return h.value && _.push("expanded"), r.variant === "outlined" && _.push("frame"), r.hideSelected && _.push("hide-selected"), d.value && (d.value.icon || d.value.image) ? _.push("prepend") : _.push("no-prepend"), _.join(" ");
+    const r = e, C = Q1(), _ = S(!1), d = S(null), u = S(null), g = I(() => {
+      const h = [];
+      return _.value && h.push("expanded"), r.variant === "outlined" && h.push("frame"), r.hideSelected && h.push("hide-selected"), d.value && (d.value.icon || d.value.image) ? h.push("prepend") : h.push("no-prepend"), h.join(" ");
     }), $ = I(() => C.default !== void 0);
     function k() {
-      h.value || H1(), h.value = !h.value, h.value && setTimeout(() => {
+      _.value || H1(), _.value = !_.value, _.value && setTimeout(() => {
         const x = u.value.querySelector(".q-menu");
         x.getBoundingClientRect().left < 0 && (x.style.left = "0");
       }, 10);
     }
-    function m(_) {
-      h.value = !1, d.value = _, _.action && _.action(_), t("change", _);
+    function m(h) {
+      _.value = !1, d.value = h, t("change", h);
     }
     return N(
       () => r.initialItem,
@@ -2084,10 +2084,10 @@ const K9 = { class: "q-dropdown-menu" }, e5 = { class: "q-dropdown-menu-inner na
         r.initialItem && (d.value = r.initialItem);
       }
     ), d1(() => {
-      r.initialItem && (d.value = r.initialItem), window.addEventListener("storage", (_) => {
-        _.key === "quailui_global_popup_trigger" && _.newValue && (h.value = !1);
+      r.initialItem && (d.value = r.initialItem), window.addEventListener("storage", (h) => {
+        h.key === "quailui_global_popup_trigger" && h.newValue && (_.value = !1);
       });
-    }), (_, x) => {
+    }), (h, x) => {
       const z = v1("q-icon-chevron-down"), j = v1("q-menu");
       return n(), s("div", K9, [
         o("div", e5, [
@@ -2107,7 +2107,7 @@ const K9 = { class: "q-dropdown-menu" }, e5 = { class: "q-dropdown-menu-inner na
               })) : O("", !0),
               o("div", s5, P(d.value ? d.value.title : r.placeholder || "Select ..."), 1)
             ])) : O("", !0),
-            t1(_.$slots, "default"),
+            t1(h.$slots, "default"),
             l1(z, { class: "icon chevron-icon" })
           ], 10, t5),
           o("div", {
@@ -2116,7 +2116,7 @@ const K9 = { class: "q-dropdown-menu" }, e5 = { class: "q-dropdown-menu-inner na
           }, [
             l1(f1, null, {
               default: g1(() => [
-                h.value ? (n(), Z(j, {
+                _.value ? (n(), Z(j, {
                   key: 0,
                   items: e.items,
                   onAction: m
@@ -2167,25 +2167,25 @@ const i5 = { class: "q-pagination" }, c5 = ["disabled"], l5 = {
             k.push({ label: m });
         else {
           k.push({ label: 1 });
-          let m = h.value - 2, _ = h.value + 2;
-          m < 2 && (m = 2, _ = m + $ - 2), _ > r.totalPage - 1 && (_ = r.totalPage - 1, m = _ - $ + 2), m > 2 && k.push({ label: "…", disabled: !0 });
-          for (let x = m; x <= _; x++)
+          let m = _.value - 2, h = _.value + 2;
+          m < 2 && (m = 2, h = m + $ - 2), h > r.totalPage - 1 && (h = r.totalPage - 1, m = h - $ + 2), m > 2 && k.push({ label: "…", disabled: !0 });
+          for (let x = m; x <= h; x++)
             k.push({ label: x });
-          _ < r.totalPage - 1 && k.push({ label: "…", disabled: !0 }), k.push({ label: r.totalPage });
+          h < r.totalPage - 1 && k.push({ label: "…", disabled: !0 }), k.push({ label: r.totalPage });
         }
       return k;
-    }), h = S(r.modelValue);
+    }), _ = S(r.modelValue);
     N(() => r.modelValue, ($) => {
-      h.value = $;
+      _.value = $;
     });
     function d() {
-      h.value--, t("change:prev", h.value), t("update:modelValue", h.value);
+      _.value--, t("change:prev", _.value), t("update:modelValue", _.value);
     }
     function u() {
-      h.value++, t("change:next", h.value), t("update:modelValue", h.value);
+      _.value++, t("change:next", _.value), t("update:modelValue", _.value);
     }
     function g($, k) {
-      k.disabled || (h.value = $, t("change:goto", h.value), t("update:modelValue", h.value));
+      k.disabled || (_.value = $, t("change:goto", _.value), t("update:modelValue", _.value));
     }
     return ($, k) => (n(), s("div", i5, [
       o("button", {
@@ -2198,9 +2198,9 @@ const i5 = { class: "q-pagination" }, c5 = ["disabled"], l5 = {
       e.totalPage !== 0 ? (n(), s("div", l5, [
         (n(!0), s(m1, null, k1(C.value, (m) => (n(), s("div", a5, [
           o("button", {
-            class: D(["q-page-indicator q-button button sm plain", m.label === h.value ? "active" : ""]),
+            class: D(["q-page-indicator q-button button sm plain", m.label === _.value ? "active" : ""]),
             disabled: m.disabled,
-            onClick: (_) => g(m.label, m)
+            onClick: (h) => g(m.label, m)
           }, P(m.label), 11, d5)
         ]))), 256))
       ])) : (n(), s("div", u5, [
@@ -2240,7 +2240,7 @@ const f5 = { class: "q-progress-slot" }, g5 = /* @__PURE__ */ o("div", { class:
   },
   setup(e) {
     const t = e, r = I(() => t.infinite ? "100%" : `${t.value / t.max * 100}%`), C = I(() => t.value >= t.max);
-    return (h, d) => (n(), s("div", {
+    return (_, d) => (n(), s("div", {
       class: D(["q-progress", e.color])
     }, [
       o("div", f5, [
@@ -2274,7 +2274,7 @@ const v5 = /* @__PURE__ */ A({
   },
   emits: ["change"],
   setup(e, { emit: t }) {
-    const r = e, C = S(null), h = I(() => {
+    const r = e, C = S(null), _ = I(() => {
       let u = [
         {
           title_flag: "🇺🇸 English",
@@ -2318,13 +2318,13 @@ const v5 = /* @__PURE__ */ A({
       });
     }
     return N(() => r.lang, (u) => {
-      C.value = h.value.find((g) => u === g.value);
+      C.value = _.value.find((g) => u === g.value);
     }), d1(() => {
-      C.value = h.value.find((u) => r.lang === u.value || localStorage.getItem("quail-language") === u.value) || h.value[0];
+      C.value = _.value.find((u) => r.lang === u.value || localStorage.getItem("quail-language") === u.value) || _.value[0];
     }), (u, g) => {
       const $ = v1("QDropdownMenu");
       return n(), Z($, {
-        items: h.value,
+        items: _.value,
         "initial-item": C.value
       }, null, 8, ["items", "initial-item"]);
     };