quail-ui 0.2.30 → 0.2.31

package/dist/index.js

@@ -1,8 +1,8 @@
 import { openBlock as n, createElementBlock as s, createElementVNode as o, createStaticVNode as o1, defineComponent as Z, ref as S, watch as E, onMounted as h1, withDirectives as t1, vModelText as c1, computed as I, createBlock as P, Transition as C1, withCtx as f1, normalizeClass as j, normalizeStyle as w1, withModifiers as p1, toDisplayString as D, renderSlot as l1, createCommentVNode as F, getCurrentInstance as H1, unref as X, resolveDynamicComponent as e1, Fragment as g1, renderList as v1, vModelCheckbox as b1, useSlots as z1, resolveComponent as _1, createVNode as n1 } from "vue";
 const l = (t, e) => {
   const i = t.__vccOpts || t;
-  for (const [_, h] of e)
-    i[_] = h;
+  for (const [_, C] of e)
+    i[_] = C;
   return i;
 }, Q1 = {}, B1 = {
   width: "24",
@@ -1231,7 +1231,7 @@ var M1 = { exports: {} };
   (function(i, _) {
     t.exports = _();
   })(A9, function() {
-    var i = 1e3, _ = 6e4, h = 36e5, C = "millisecond", v = "second", g = "minute", $ = "hour", M = "day", x = "week", u = "month", L = "quarter", Q = "year", q = "date", a1 = "Invalid Date", x1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, L1 = /\[([^\]]+)]|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, y1 = { 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(f) {
+    var i = 1e3, _ = 6e4, C = 36e5, h = "millisecond", v = "second", g = "minute", $ = "hour", M = "day", x = "week", u = "month", L = "quarter", Q = "year", q = "date", a1 = "Invalid Date", x1 = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, L1 = /\[([^\]]+)]|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, y1 = { 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(f) {
       var d = ["th", "st", "nd", "rd"], r = f % 100;
       return "[" + f + (d[(r - 20) % 10] || d[r] || d[0]) + "]";
     } }, s1 = function(f, d, r) {
@@ -1248,7 +1248,7 @@ var M1 = { exports: {} };
     }, a: function(f) {
       return f < 0 ? Math.ceil(f) || 0 : Math.floor(f);
     }, p: function(f) {
-      return { M: u, y: Q, w: x, d: M, D: q, h: $, m: g, s: v, ms: C, Q: L }[f] || String(f || "").toLowerCase().replace(/s$/, "");
+      return { M: u, y: Q, w: x, d: M, D: q, h: $, m: g, s: v, ms: h, Q: L }[f] || String(f || "").toLowerCase().replace(/s$/, "");
     }, u: function(f) {
       return f === void 0;
     } }, W = "en", T = {};
@@ -1352,7 +1352,7 @@ var M1 = { exports: {} };
       }, d.endOf = function(r) {
         return this.startOf(r, !1);
       }, d.$set = function(r, a) {
-        var c, w = m.p(r), p = "set" + (this.$u ? "UTC" : ""), k = (c = {}, c[M] = p + "Date", c[q] = p + "Date", c[u] = p + "Month", c[Q] = p + "FullYear", c[$] = p + "Hours", c[g] = p + "Minutes", c[v] = p + "Seconds", c[C] = p + "Milliseconds", c)[w], y = w === M ? this.$D + (a - this.$W) : a;
+        var c, w = m.p(r), p = "set" + (this.$u ? "UTC" : ""), k = (c = {}, c[M] = p + "Date", c[q] = p + "Date", c[u] = p + "Month", c[Q] = p + "FullYear", c[$] = p + "Hours", c[g] = p + "Minutes", c[v] = p + "Seconds", c[h] = p + "Milliseconds", c)[w], y = w === M ? this.$D + (a - this.$W) : a;
         if (w === u || w === Q) {
           var H = this.clone().set(q, 1);
           H.$d[k](y), H.init(), this.$d = H.set(q, Math.min(this.$D, H.daysInMonth())).$d;
@@ -1378,7 +1378,7 @@ var M1 = { exports: {} };
           return k(1);
         if (p === x)
           return k(7);
-        var y = (c = {}, c[g] = _, c[$] = h, c[v] = i, c)[p] || 1, H = this.$d.getTime() + r * y;
+        var y = (c = {}, c[g] = _, c[$] = C, c[v] = i, c)[p] || 1, H = this.$d.getTime() + r * y;
         return m.w(H, this);
       }, d.subtract = function(r, a) {
         return this.add(-1 * r, a);
@@ -1472,7 +1472,7 @@ var M1 = { exports: {} };
             w = (b - H) / 864e5;
             break;
           case $:
-            w = b / h;
+            w = b / C;
             break;
           case g:
             w = b / _;
@@ -1505,7 +1505,7 @@ var M1 = { exports: {} };
         return this.$d.toUTCString();
       }, f;
     }(), u1 = J.prototype;
-    return V.prototype = u1, [["$ms", C], ["$s", v], ["$m", g], ["$H", $], ["$W", M], ["$M", u], ["$y", Q], ["$D", q]].forEach(function(f) {
+    return V.prototype = u1, [["$ms", h], ["$s", v], ["$m", g], ["$H", $], ["$W", M], ["$M", u], ["$y", Q], ["$D", q]].forEach(function(f) {
       u1[f[1]] = function(d) {
         return this.$g(d, f[0], f[1]);
       };
@@ -1531,37 +1531,37 @@ const i1 = /* @__PURE__ */ F9(U9), E9 = { class: "q-datetime-picker" }, W9 = ["d
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
-    const i = t, _ = S(""), h = S("");
+    const i = t, _ = S(""), C = S("");
     E(
       () => i.modelValue,
       (v) => {
         const g = i1(v);
-        _.value = g.format("YYYY-MM-DD"), h.value = g.format("HH:mm");
+        _.value = g.format("YYYY-MM-DD"), C.value = g.format("HH:mm");
       }
     );
-    function C() {
-      const v = i1(`${_.value} ${h.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
+    function h() {
+      const v = i1(`${_.value} ${C.value}`).format("YYYY-MM-DDTHH:mm:ssZ");
       e("change", v), e("update:modelValue", v);
     }
     return h1(() => {
       const v = i1();
-      _.value = v.format("YYYY-MM-DD"), h.value = v.format("HH:mm");
+      _.value = v.format("YYYY-MM-DD"), C.value = v.format("HH:mm");
     }), (v, g) => (n(), s("div", E9, [
       t1(o("input", {
         "onUpdate:modelValue": g[0] || (g[0] = ($) => _.value = $),
         type: "date",
         disabled: t.disabled,
-        onChange: C
+        onChange: h
       }, null, 40, W9), [
         [c1, _.value]
       ]),
       t1(o("input", {
-        "onUpdate:modelValue": g[1] || (g[1] = ($) => h.value = $),
+        "onUpdate:modelValue": g[1] || (g[1] = ($) => C.value = $),
         type: "time",
         disabled: t.disabled,
-        onChange: C
+        onChange: h
       }, null, 40, N9), [
-        [c1, h.value]
+        [c1, C.value]
       ])
     ]));
   }
@@ -1596,7 +1596,7 @@ const R9 = ["onClick"], J9 = { class: "q-dialog-header" }, K9 = {
   },
   emits: ["update:modelValue", "close"],
   setup(t, { emit: e }) {
-    const i = t, _ = S(!1), h = S(i.modelValue), C = I(() => {
+    const i = t, _ = S(!1), C = S(i.modelValue), h = I(() => {
       const $ = document.body.clientWidth < 720 ? "100%" : i.width, M = i.height;
       return {
         width: $,
@@ -1606,7 +1606,7 @@ const R9 = ["onClick"], J9 = { class: "q-dialog-header" }, K9 = {
     E(
       () => i.modelValue,
       ($) => {
-        h.value = $;
+        C.value = $;
       }
     );
     function v() {
@@ -1616,20 +1616,20 @@ const R9 = ["onClick"], J9 = { class: "q-dialog-header" }, K9 = {
         }, 300);
         return;
       }
-      h.value = !1, e("update:modelValue", !1), e("close");
+      C.value = !1, e("update:modelValue", !1), e("close");
     }
     function g() {
     }
     return ($, M) => (n(), P(C1, null, {
       default: f1(() => [
-        h.value ? (n(), s("div", {
+        C.value ? (n(), s("div", {
           key: 0,
           class: "q-dialog-mask",
           onClick: v
         }, [
           o("div", {
             class: j(["q-dialog", _.value ? "shaking" : ""]),
-            style: w1(C.value),
+            style: w1(h.value),
             onClick: p1(g, ["stop"])
           }, [
             o("div", J9, [
@@ -1670,7 +1670,7 @@ const e5 = ["href"], n5 = { class: "q-fence-text" }, o5 = {
   setup(t) {
     var i;
     const e = (i = H1()) == null ? void 0 : i.appContext.components;
-    return (_, h) => (n(), s("div", {
+    return (_, C) => (n(), s("div", {
       class: j(["q-fence", t.type])
     }, [
       t.link ? (n(), s("a", {
@@ -1729,18 +1729,18 @@ const u5 = /* @__PURE__ */ l(i5, [["render", a5]]), _5 = { class: "q-menu" }, h5
   emits: ["action"],
   setup(t, { emit: e }) {
     const i = t;
-    function _(C) {
+    function _(h) {
       let v = "";
-      return C.disabled && (v += " disabled"), C.danger && (v += " danger"), C.icon && (v += " with-icon"), C.image && (v += " with-image"), C.divider && (v += " with-divider"), v;
+      return h.disabled && (v += " disabled"), h.danger && (v += " danger"), h.icon && (v += " with-icon"), h.image && (v += " with-image"), h.divider && (v += " with-divider"), v;
     }
-    function h(C) {
-      C.action && C.action(C), C.disabled !== !0 && e("action", C);
+    function C(h) {
+      h.action && h.action(h), h.disabled !== !0 && e("action", h);
     }
-    return (C, v) => (n(), s("div", _5, [
+    return (h, v) => (n(), s("div", _5, [
       (n(!0), s(g1, null, v1(i.items, (g) => (n(), s("div", {
         class: j(["q-menu-item", _(g)]),
         key: `q-menu-item-${g.id}`,
-        onClick: ($) => h(g)
+        onClick: ($) => C(g)
       }, [
         g.divider ? (n(), s("div", C5)) : (n(), s("div", f5, [
           g.image ? (n(), s("img", {
@@ -1776,20 +1776,20 @@ const m5 = ["disabled"], M5 = /* @__PURE__ */ o("div", { class: "q-switch-inner"
   emits: ["update:modelValue", "change"],
   setup(t, { emit: e }) {
     const i = t, _ = S(i.modelValue);
-    E(() => i.modelValue, (C) => {
-      _.value = C;
+    E(() => i.modelValue, (h) => {
+      _.value = h;
     });
-    function h(C) {
+    function C(h) {
       e("update:modelValue", _.value), e("change", _.value);
     }
-    return (C, v) => (n(), s("label", {
+    return (h, v) => (n(), s("label", {
       class: j(["q-switch", t.disabled ? "disabled" : ""])
     }, [
       t1(o("input", {
         class: "q-switch-checkbox",
         type: "checkbox",
         "onUpdate:modelValue": v[0] || (v[0] = (g) => _.value = g),
-        onChange: h,
+        onChange: C,
         disabled: i.disabled
       }, null, 40, m5), [
         [b1, _.value]
@@ -1835,10 +1835,10 @@ const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class
   },
   emits: ["submit", "update:modelValue"],
   setup(t, { emit: e }) {
-    const i = t, _ = S(i.defaultText), h = I(() => {
+    const i = t, _ = S(i.defaultText), C = I(() => {
       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(" ");
-    }), C = I(() => {
+    }), h = I(() => {
       var L;
       return i.loading || ((L = _.value) == null ? void 0 : L.trim()).length === 0 ? !1 : i.type === "email" ? v.value : i.type === "code" ? g.value : !0;
     }), v = I(() => {
@@ -1854,13 +1854,13 @@ const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class
       _.value = u;
     });
     function M() {
-      C.value && e("submit", { text: _.value });
+      h.value && e("submit", { text: _.value });
     }
     function x() {
       e("update:modelValue", _.value);
     }
     return (u, L) => (n(), s("div", {
-      class: j(["q-text-field-with-button", h.value])
+      class: j(["q-text-field-with-button", C.value])
     }, [
       o("div", x5, [
         t1(o("input", {
@@ -1875,7 +1875,7 @@ const x5 = { class: "q-text-field-wrapper" }, L5 = ["placeholder"], y5 = { class
       o("div", y5, [
         o("button", {
           class: "q-button button primary",
-          disabled: !C.value,
+          disabled: !h.value,
           onClick: M
         }, D($.value), 9, V5)
       ]),
@@ -1920,27 +1920,27 @@ const z5 = { class: "q-dropdown-menu" }, Q5 = { class: "q-dropdown-menu-inner na
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const i = t, _ = z1(), h = S(!1), C = S(null), v = S(null), g = I(() => {
+    const i = t, _ = z1(), C = S(!1), h = S(null), v = S(null), g = I(() => {
       const u = [];
-      return h.value && u.push("expanded"), i.variant === "outlined" && u.push("frame"), i.hideSelected && u.push("hide-selected"), u.join(" ");
+      return C.value && u.push("expanded"), i.variant === "outlined" && u.push("frame"), i.hideSelected && u.push("hide-selected"), h.value && (h.value.icon || h.value.image) ? u.push("prepend") : u.push("no-prepend"), u.join(" ");
     }), $ = I(() => _.default !== void 0);
     function M() {
-      h.value || k1(), h.value = !h.value, h.value && setTimeout(() => {
+      C.value || k1(), C.value = !C.value, C.value && setTimeout(() => {
         const L = v.value.querySelector(".q-menu");
         L.getBoundingClientRect().left < 0 && (L.style.left = "0");
       }, 10);
     }
     function x(u) {
-      h.value = !1, C.value = u, u.action && u.action(u), e("change", u);
+      C.value = !1, h.value = u, u.action && u.action(u), e("change", u);
     }
     return E(
       () => i.initialItem,
       () => {
-        i.initialItem && (C.value = i.initialItem);
+        i.initialItem && (h.value = i.initialItem);
       }
     ), h1(() => {
-      i.initialItem && (C.value = i.initialItem), window.addEventListener("storage", (u) => {
-        u.key === "quailui_global_popup_trigger" && u.newValue && (h.value = !1);
+      i.initialItem && (h.value = i.initialItem), window.addEventListener("storage", (u) => {
+        u.key === "quailui_global_popup_trigger" && u.newValue && (C.value = !1);
       });
     }), (u, L) => {
       const Q = _1("q-icon-chevron-down"), q = _1("q-menu");
@@ -1950,17 +1950,17 @@ const z5 = { class: "q-dropdown-menu" }, Q5 = { class: "q-dropdown-menu-inner na
             class: j(["q-dropdown-menu-action", g.value]),
             onClick: p1(M, ["stop"])
           }, [
-            !t.hideSelected && C.value && !$.value ? (n(), s("div", I5, [
-              C.value.image ? (n(), s("img", {
+            !t.hideSelected && h.value && !$.value ? (n(), s("div", I5, [
+              h.value.image ? (n(), s("img", {
                 key: 0,
                 class: "menu-image",
-                src: C.value.image,
-                alt: C.value.title
-              }, null, 8, S5)) : C.value.icon ? (n(), P(e1(C.value.icon), {
+                src: h.value.image,
+                alt: h.value.title
+              }, null, 8, S5)) : h.value.icon ? (n(), P(e1(h.value.icon), {
                 key: 1,
                 class: "icon menu-icon"
               })) : F("", !0),
-              o("div", j5, D(C.value ? C.value.title : i.placeholder || "Select ..."), 1)
+              o("div", j5, D(h.value ? h.value.title : i.placeholder || "Select ..."), 1)
             ])) : F("", !0),
             l1(u.$slots, "default"),
             n1(Q, { class: "icon chevron-icon" })
@@ -1971,7 +1971,7 @@ const z5 = { class: "q-dropdown-menu" }, Q5 = { class: "q-dropdown-menu-inner na
           }, [
             n1(C1, null, {
               default: f1(() => [
-                h.value ? (n(), P(q, {
+                C.value ? (n(), P(q, {
                   key: 0,
                   items: t.items,
                   onAction: x
@@ -2022,30 +2022,30 @@ const Z5 = { class: "q-pagination" }, q5 = ["disabled"], O5 = {
             M.push({ label: x });
         else {
           M.push({ label: 1 });
-          let x = h.value - 2, u = h.value + 2;
+          let x = C.value - 2, u = C.value + 2;
           x < 2 && (x = 2, u = x + $ - 2), u > i.totalPage - 1 && (u = i.totalPage - 1, x = u - $ + 2), x > 2 && M.push({ label: "…", disabled: !0 });
           for (let L = x; L <= u; L++)
             M.push({ label: L });
           u < i.totalPage - 1 && M.push({ label: "…", disabled: !0 }), M.push({ label: i.totalPage });
         }
       return M;
-    }), h = S(i.modelValue);
+    }), C = S(i.modelValue);
     E(() => i.modelValue, ($) => {
-      h.value = $;
+      C.value = $;
     });
-    function C() {
-      h.value--, e("change:prev", h.value), e("update:modelValue", h.value);
+    function h() {
+      C.value--, e("change:prev", C.value), e("update:modelValue", C.value);
     }
     function v() {
-      h.value++, e("change:next", h.value), e("update:modelValue", h.value);
+      C.value++, e("change:next", C.value), e("update:modelValue", C.value);
     }
     function g($, M) {
-      M.disabled || (h.value = $, e("change:goto", h.value), e("update:modelValue", h.value));
+      M.disabled || (C.value = $, e("change:goto", C.value), e("update:modelValue", C.value));
     }
     return ($, M) => (n(), s("div", Z5, [
       o("button", {
         class: "prev q-button button sm outlined icon",
-        onClick: C,
+        onClick: h,
         disabled: !i.hasPrev
       }, [
         n1($1, { class: "icon" })
@@ -2053,7 +2053,7 @@ const Z5 = { class: "q-pagination" }, q5 = ["disabled"], O5 = {
       t.totalPage !== 0 ? (n(), s("div", O5, [
         (n(!0), s(g1, null, v1(_.value, (x) => (n(), s("div", P5, [
           o("button", {
-            class: j(["q-page-indicator q-button button sm plain", x.label === h.value ? "active" : ""]),
+            class: j(["q-page-indicator q-button button sm plain", x.label === C.value ? "active" : ""]),
             disabled: x.disabled,
             onClick: (u) => g(x.label, x)
           }, D(x.label), 11, T5)
@@ -2095,7 +2095,7 @@ const E5 = { class: "q-progress-slot" }, W5 = /* @__PURE__ */ o("div", { class:
   },
   setup(t) {
     const e = t, i = I(() => e.infinite ? "100%" : `${e.value / e.max * 100}%`), _ = I(() => e.value >= e.max);
-    return (h, C) => (n(), s("div", {
+    return (C, h) => (n(), s("div", {
       class: j(["q-progress", t.color])
     }, [
       o("div", E5, [