@quoreadmin/ui 1.10.33 → 1.11.0

package/dist/index157.js

@@ -1,588 +0,0 @@
-import { defineComponent as Pe, ref as h, computed as g, watch as ce, nextTick as me, onUnmounted as Ee, openBlock as c, createElementBlock as v, normalizeClass as A, createElementVNode as m, createVNode as B, Fragment as P, createCommentVNode as E, toDisplayString as y, createBlock as fe, Teleport as Ke, Transition as Le, withCtx as R, renderList as ae, createTextVNode as Ne } from "vue";
-import $e from "./index46.js";
-import ze from "./index7.js";
-import ne from "./index28.js";
-import { useI18n as Fe } from "vue-i18n";
-const Re = {
-  key: 0,
-  class: "q-time-picker__desktop"
-}, Oe = ["value", "tabindex"], Ue = ["value", "tabindex"], We = ["value", "tabindex"], Qe = {
-  key: 1,
-  class: "q-time-picker__placeholder"
-}, Ze = {
-  key: 0,
-  class: "q-time-picker__trigger-value"
-}, Ge = {
-  key: 1,
-  class: "q-time-picker__trigger-placeholder"
-}, je = { class: "q-time-picker__wheels" }, at = /* @__PURE__ */ Pe({
-  name: "QTimePicker",
-  __name: "time-picker",
-  props: {
-    modelValue: { default: "" },
-    format: { default: "12h" },
-    step: { default: 15 },
-    minTime: { default: "" },
-    maxTime: { default: "" },
-    mobile: { type: Boolean, default: !1 },
-    placeholder: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    required: { type: Boolean, default: !1 },
-    floatingLabel: { type: Boolean, default: !1 },
-    size: { default: "lg" },
-    id: { default: "" },
-    clearable: { type: Boolean, default: !1 },
-    customTimes: { default: () => [] },
-    showNow: { type: Boolean, default: !1 },
-    timezone: { default: "" },
-    mobileButtonLabel: { default: "HC_DONE" }
-  },
-  emits: ["update:modelValue"],
-  setup(i, { emit: de }) {
-    const a = i, V = de, { t: K } = Fe(), f = h(""), p = h(""), d = h(""), M = h(null), T = h(null), L = h(null), x = h(!1);
-    let S = "", w = "";
-    const _ = h(!1), b = h(12), q = h(0), D = h("AM"), O = h(null), U = h(null), W = h(null);
-    let Q, Z, G;
-    const I = 44, N = g(() => a.format === "24h" ? Array.from({ length: 24 }, (e, t) => t) : Array.from({ length: 12 }, (e, t) => t + 1)), $ = g(() => {
-      const e = [];
-      for (let t = 0; t < 60; t += a.step)
-        e.push(t);
-      return e;
-    }), j = g(() => {
-      const e = [], t = a.minTime ? k(a.minTime) : null, l = a.maxTime ? k(a.maxTime) : null;
-      for (let n = 0; n < 1440; n += a.step) {
-        if (t !== null && n < t) continue;
-        if (l !== null && n > l) break;
-        const o = Math.floor(n / 60), r = n % 60, u = C(o, r, a.format);
-        e.push({ label: u, value: u });
-      }
-      if (a.customTimes.length) {
-        for (const n of a.customTimes) {
-          if (e.some((r) => r.value === n.value)) continue;
-          const o = k(n.value);
-          o !== null && (t !== null && o < t || l !== null && o > l) || e.push(n);
-        }
-        e.sort((n, o) => {
-          const r = k(n.value) ?? 0, u = k(o.value) ?? 0;
-          return r - u;
-        });
-      }
-      if (a.showNow) {
-        const { h: n, m: o } = oe(), r = n * 60 + o;
-        if ((t === null || r >= t) && (l === null || r <= l)) {
-          const u = C(n, o, a.format);
-          e.unshift({ label: `${K("HC_NOW")} (${u})`, value: u });
-        }
-      }
-      return e;
-    }), ve = g(() => {
-      if (!a.modelValue) return null;
-      const e = j.value.find(
-        (l) => l.value === a.modelValue
-      );
-      if (e) return e;
-      const t = k(a.modelValue);
-      if (t !== null) {
-        const l = j.value.find(
-          (u) => k(u.value) === t
-        );
-        if (l) return l;
-        const n = Math.floor(t / 60), o = t % 60, r = C(n, o, a.format);
-        return { label: r, value: r };
-      }
-      return { label: a.modelValue, value: a.modelValue };
-    }), pe = g(() => a.modelValue || ""), J = g(
-      () => !f.value && !p.value && !x.value
-    ), he = g(() => d.value ? K(`HC_${d.value}`) : ""), ke = g(() => [
-      { value: "AM", label: K("HC_AM") },
-      { value: "PM", label: K("HC_PM") }
-    ]), k = (e) => {
-      if (!e) return null;
-      const t = e.trim(), l = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
-      if (l) {
-        let o = parseInt(l[1], 10);
-        const r = parseInt(l[2], 10), u = l[3].toLowerCase();
-        return u === "pm" && o !== 12 && (o += 12), u === "am" && o === 12 && (o = 0), o * 60 + r;
-      }
-      const n = t.match(/^(\d{1,2}):(\d{2})$/);
-      if (n) {
-        const o = parseInt(n[1], 10), r = parseInt(n[2], 10);
-        if (o >= 0 && o <= 23 && r >= 0 && r <= 59)
-          return o * 60 + r;
-      }
-      return null;
-    }, C = (e, t, l) => {
-      const n = t.toString().padStart(2, "0");
-      if (l === "24h")
-        return `${e.toString().padStart(2, "0")}:${n}`;
-      const o = e >= 12 ? "PM" : "AM";
-      return `${e % 12 || 12}:${n} ${o}`;
-    }, ge = (e) => {
-      if (e == null || typeof e != "string") return;
-      const t = e.trim();
-      if (t)
-        try {
-          return new Intl.DateTimeFormat("en-US", { timeZone: t }).format(/* @__PURE__ */ new Date()), t;
-        } catch {
-          return;
-        }
-    }, be = g(() => ge(a.timezone)), oe = () => {
-      const e = /* @__PURE__ */ new Date(), t = be.value;
-      if (!t)
-        return { h: e.getHours(), m: e.getMinutes() };
-      const l = new Intl.DateTimeFormat("en-GB", {
-        timeZone: t,
-        hour: "2-digit",
-        minute: "2-digit",
-        hour12: !1
-      }).formatToParts(e), n = (o) => l.find((r) => r.type === o)?.value ?? "";
-      return {
-        h: parseInt(n("hour"), 10),
-        m: parseInt(n("minute"), 10)
-      };
-    }, re = (e, t, l, n, o) => {
-      if (!t) {
-        let le = !1;
-        for (let F = 0; F <= 9; F++) {
-          const se = e * 10 + F;
-          if (se >= l && se <= n) {
-            le = !0;
-            break;
-          }
-        }
-        return le ? {
-          value: e.toString(),
-          buffer: e.toString(),
-          complete: !1
-        } : e >= l && e <= n ? { value: o ? e.toString().padStart(2, "0") : e.toString(), buffer: "", complete: !0 } : { value: "", buffer: "", complete: !1 };
-      }
-      const r = parseInt(t) * 10 + e;
-      if (r >= l && r <= n)
-        return { value: o ? r.toString().padStart(2, "0") : r.toString(), buffer: "", complete: !0 };
-      const u = parseInt(t);
-      return { value: u >= l && u <= n ? o ? u.toString().padStart(2, "0") : u.toString() : "", buffer: "", complete: !0 };
-    }, z = () => {
-      if (!S) return;
-      const e = a.format === "12h" ? 1 : 0, t = a.format === "12h" ? 12 : 23, l = a.format === "24h", n = parseInt(S);
-      n >= e && n <= t && (f.value = l ? n.toString().padStart(2, "0") : n.toString()), S = "";
-    }, H = () => {
-      if (!w) return;
-      const e = parseInt(w);
-      e >= 0 && e <= 59 && (p.value = e.toString().padStart(2, "0")), w = "";
-    }, s = () => {
-      const e = parseInt(f.value, 10), t = parseInt(p.value, 10);
-      if (isNaN(e) || isNaN(t)) {
-        !f.value && !p.value && !d.value && V("update:modelValue", "");
-        return;
-      }
-      if (a.format === "12h" && !d.value) return;
-      let l;
-      a.format === "12h" ? (l = e % 12, d.value === "PM" && (l += 12)) : l = e;
-      const n = l * 60 + t, o = a.minTime ? k(a.minTime) : null, r = a.maxTime ? k(a.maxTime) : null;
-      o !== null && n < o || r !== null && n > r || V("update:modelValue", C(l, t, a.format));
-    }, ye = () => {
-      if (!a.modelValue) {
-        f.value = "", p.value = "", d.value = "";
-        return;
-      }
-      const e = k(a.modelValue);
-      if (e === null) return;
-      const t = Math.floor(e / 60), l = e % 60;
-      a.format === "12h" ? (f.value = (t % 12 || 12).toString(), p.value = l.toString().padStart(2, "0"), d.value = t >= 12 ? "PM" : "AM") : (f.value = t.toString().padStart(2, "0"), p.value = l.toString().padStart(2, "0"));
-    }, X = () => {
-      T.value?.focus();
-    }, Y = () => {
-      a.format === "12h" && L.value?.focus();
-    }, ie = (e) => {
-      let t = parseInt(f.value) || (a.format === "12h" ? 12 : 0);
-      t += e, a.format === "12h" ? (t > 12 && (t = 1), t < 1 && (t = 12), f.value = t.toString()) : (t > 23 && (t = 0), t < 0 && (t = 23), f.value = t.toString().padStart(2, "0")), S = "", s();
-    }, ue = (e) => {
-      let t = parseInt(p.value);
-      isNaN(t) && (t = 0), t += e, t >= 60 && (t = 0), t < 0 && (t = 59), p.value = t.toString().padStart(2, "0"), w = "", s();
-    }, Me = () => {
-      d.value ? d.value = d.value === "AM" ? "PM" : "AM" : d.value = "AM", s();
-    }, Se = (e) => {
-      if (e.key >= "0" && e.key <= "9") {
-        e.preventDefault();
-        const t = a.format === "12h" ? 1 : 0, l = a.format === "12h" ? 12 : 23, n = a.format === "24h", o = re(
-          parseInt(e.key),
-          S,
-          t,
-          l,
-          n
-        );
-        f.value = o.value, S = o.buffer, o.complete && (s(), X());
-        return;
-      }
-      switch (e.key) {
-        case "ArrowUp":
-          e.preventDefault(), ie(1);
-          break;
-        case "ArrowDown":
-          e.preventDefault(), ie(-1);
-          break;
-        case "ArrowRight":
-          e.preventDefault(), z(), s(), X();
-          break;
-        case "Tab":
-          e.shiftKey ? (z(), s()) : (e.preventDefault(), z(), s(), X());
-          break;
-        case "Backspace":
-        case "Delete":
-          e.preventDefault(), f.value = "", S = "", s();
-          break;
-        case "ArrowLeft":
-          e.preventDefault();
-          break;
-        default:
-          !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
-      }
-    }, we = (e) => {
-      if (e.key >= "0" && e.key <= "9") {
-        e.preventDefault();
-        const t = re(
-          parseInt(e.key),
-          w,
-          0,
-          59,
-          !0
-        );
-        p.value = t.value, w = t.buffer, t.complete && (s(), Y());
-        return;
-      }
-      switch (e.key) {
-        case "ArrowUp":
-          e.preventDefault(), ue(1);
-          break;
-        case "ArrowDown":
-          e.preventDefault(), ue(-1);
-          break;
-        case "ArrowRight":
-          e.preventDefault(), H(), s(), a.format === "12h" && Y();
-          break;
-        case "Tab":
-          e.shiftKey ? (e.preventDefault(), H(), s(), M.value?.focus()) : (H(), s(), a.format === "12h" && (e.preventDefault(), Y()));
-          break;
-        case "ArrowLeft":
-          e.preventDefault(), H(), s(), M.value?.focus();
-          break;
-        case "Backspace":
-        case "Delete":
-          e.preventDefault(), p.value = "", w = "", s();
-          break;
-        default:
-          !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
-      }
-    }, Te = (e) => {
-      const t = e.key.toLowerCase();
-      if (t === "a") {
-        e.preventDefault(), d.value = "AM", s();
-        return;
-      }
-      if (t === "p") {
-        e.preventDefault(), d.value = "PM", s();
-        return;
-      }
-      switch (e.key) {
-        case "ArrowUp":
-        case "ArrowDown":
-          e.preventDefault(), Me();
-          break;
-        case "ArrowLeft":
-          e.preventDefault(), T.value?.focus();
-          break;
-        case "Tab":
-          e.shiftKey && (e.preventDefault(), T.value?.focus());
-          break;
-        case "Backspace":
-        case "Delete":
-          e.preventDefault(), d.value = "", s();
-          break;
-        default:
-          !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
-      }
-    }, ee = () => {
-      x.value = !0;
-    }, te = () => {
-      requestAnimationFrame(() => {
-        const e = document.activeElement;
-        e !== M.value && e !== T.value && e !== L.value && (x.value = !1, z(), H(), s());
-      });
-    }, _e = (e) => {
-      if (!a.disabled && !(e.target instanceof HTMLInputElement)) {
-        if (J.value) {
-          x.value = !0, me(() => M.value?.focus());
-          return;
-        }
-        f.value ? p.value ? a.format === "12h" && !d.value ? L.value?.focus() : M.value?.focus() : T.value?.focus() : M.value?.focus();
-      }
-    }, qe = (e) => {
-      if (!e) {
-        V("update:modelValue", "");
-        return;
-      }
-      V("update:modelValue", e.value);
-    }, De = (e) => a.format === "24h" ? e.toString().padStart(2, "0") : e.toString(), Ie = () => {
-      if (!a.modelValue) {
-        const { h: o, m: r } = oe();
-        b.value = a.format === "12h" ? o % 12 || 12 : o, q.value = Math.floor(r / a.step) * a.step, D.value = o >= 12 ? "PM" : "AM";
-        return;
-      }
-      const e = k(a.modelValue);
-      if (e === null) return;
-      const t = Math.floor(e / 60), l = e % 60;
-      a.format === "12h" ? (b.value = t % 12 || 12, D.value = t >= 12 ? "PM" : "AM") : b.value = t;
-      const n = Math.round(l / a.step) * a.step;
-      q.value = n >= 60 ? 60 - a.step : n;
-    }, Ae = (e = !0) => {
-      const t = e ? "smooth" : "instant";
-      if (O.value) {
-        const l = N.value.indexOf(b.value);
-        l >= 0 && O.value.scrollTo({
-          top: l * I,
-          behavior: t
-        });
-      }
-      if (U.value) {
-        const l = $.value.indexOf(q.value);
-        l >= 0 && U.value.scrollTo({
-          top: l * I,
-          behavior: t
-        });
-      }
-      if (W.value && a.format === "12h") {
-        const l = D.value === "AM" ? 0 : 1;
-        W.value.scrollTo({
-          top: l * I,
-          behavior: t
-        });
-      }
-    }, Ve = () => {
-      a.disabled || (Ie(), _.value = !0);
-    }, xe = (e) => {
-      clearTimeout(Q), Q = setTimeout(() => {
-        const t = e.target, l = Math.round(t.scrollTop / I), n = Math.max(0, Math.min(l, N.value.length - 1));
-        b.value = N.value[n];
-      }, 60);
-    }, Ce = (e) => {
-      clearTimeout(Z), Z = setTimeout(() => {
-        const t = e.target, l = Math.round(t.scrollTop / I), n = Math.max(
-          0,
-          Math.min(l, $.value.length - 1)
-        );
-        q.value = $.value[n];
-      }, 60);
-    }, He = (e) => {
-      clearTimeout(G), G = setTimeout(() => {
-        const t = e.target, l = Math.round(t.scrollTop / I);
-        D.value = l <= 0 ? "AM" : "PM";
-      }, 60);
-    }, Be = () => {
-      let e;
-      a.format === "12h" ? (e = b.value % 12, D.value === "PM" && (e += 12)) : e = b.value;
-      let t = e * 60 + q.value;
-      const l = a.minTime ? k(a.minTime) : null, n = a.maxTime ? k(a.maxTime) : null;
-      l !== null && t < l && (t = l), n !== null && t > n && (t = n);
-      const o = Math.floor(t / 60) % 24, r = t % 60, u = C(o, r, a.format);
-      V("update:modelValue", u), _.value = !1;
-    };
-    return ce(
-      [() => a.modelValue, () => a.format],
-      () => ye(),
-      { immediate: !0 }
-    ), ce(_, async (e) => {
-      e && (await me(), requestAnimationFrame(() => {
-        Ae(!1);
-      }));
-    }), Ee(() => {
-      clearTimeout(Q), clearTimeout(Z), clearTimeout(G);
-    }), (e, t) => (c(), v("div", {
-      class: A(["q-time-picker", { "q-time-picker--disabled": i.disabled }])
-    }, [
-      i.mobile ? (c(), v(P, { key: 1 }, [
-        m("div", {
-          class: A(["q-time-picker__trigger", {
-            "q-time-picker__trigger--disabled": i.disabled,
-            [`q-time-picker__trigger--${i.size}`]: !0
-          }]),
-          onClick: Ve
-        }, [
-          B(ne, {
-            icon: "clock",
-            type: "outline",
-            width: 20,
-            height: 20,
-            "custom-size": "",
-            color: "inkwell-10",
-            class: "q-time-picker__trigger-icon"
-          }),
-          i.modelValue ? (c(), v("span", Ze, y(pe.value), 1)) : (c(), v("span", Ge, y(i.placeholder || e.$t("HC_SELECT_TIME")), 1)),
-          B(ne, {
-            icon: "chevron-down",
-            type: "line",
-            size: "sm",
-            color: "gray-30",
-            class: "q-time-picker__trigger-chevron"
-          })
-        ], 2),
-        (c(), fe(Ke, { to: "#body" }, [
-          B(Le, { name: "slide-up-fade" }, {
-            default: R(() => [
-              _.value ? (c(), fe(ze, {
-                key: 0,
-                modelValue: _.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (l) => _.value = l),
-                "content-class": "px-4 pb-6 bg-gray-0",
-                "header-class": "border-b border-solid bg-gray-0 border-gray-10 !pb-4 rounded-t-lg",
-                "show-close-button": !1,
-                class: "q-time-picker-sheet"
-              }, {
-                header: R(() => [
-                  Ne(y(i.placeholder || e.$t("HC_SELECT_TIME")), 1)
-                ]),
-                headerAction: R(() => [
-                  m("button", {
-                    class: "q-time-picker__done-btn",
-                    type: "button",
-                    onClick: Be
-                  }, y(e.$t(i.mobileButtonLabel)), 1)
-                ]),
-                default: R(() => [
-                  m("div", je, [
-                    t[8] || (t[8] = m("div", { class: "q-time-picker__wheel-highlight" }, null, -1)),
-                    m("div", {
-                      ref_key: "hourColumnRef",
-                      ref: O,
-                      class: "q-time-picker__wheel-column",
-                      onScroll: xe
-                    }, [
-                      t[2] || (t[2] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
-                      (c(!0), v(P, null, ae(N.value, (l) => (c(), v("div", {
-                        key: l,
-                        class: A(["q-time-picker__wheel-item", {
-                          "q-time-picker__wheel-item--selected": l === b.value
-                        }])
-                      }, y(De(l)), 3))), 128)),
-                      t[3] || (t[3] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1))
-                    ], 544),
-                    t[9] || (t[9] = m("div", { class: "q-time-picker__wheel-separator" }, ":", -1)),
-                    m("div", {
-                      ref_key: "minuteColumnRef",
-                      ref: U,
-                      class: "q-time-picker__wheel-column",
-                      onScroll: Ce
-                    }, [
-                      t[4] || (t[4] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
-                      (c(!0), v(P, null, ae($.value, (l) => (c(), v("div", {
-                        key: l,
-                        class: A(["q-time-picker__wheel-item", {
-                          "q-time-picker__wheel-item--selected": l === q.value
-                        }])
-                      }, y(l.toString().padStart(2, "0")), 3))), 128)),
-                      t[5] || (t[5] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1))
-                    ], 544),
-                    i.format === "12h" ? (c(), v("div", {
-                      key: 0,
-                      ref_key: "periodColumnRef",
-                      ref: W,
-                      class: "q-time-picker__wheel-column q-time-picker__wheel-column--period",
-                      onScroll: He
-                    }, [
-                      t[6] || (t[6] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
-                      (c(!0), v(P, null, ae(ke.value, (l) => (c(), v("div", {
-                        key: l.value,
-                        class: A(["q-time-picker__wheel-item", {
-                          "q-time-picker__wheel-item--selected": l.value === D.value
-                        }])
-                      }, y(l.label), 3))), 128)),
-                      t[7] || (t[7] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1))
-                    ], 544)) : E("", !0)
-                  ])
-                ]),
-                _: 1
-              }, 8, ["modelValue"])) : E("", !0)
-            ]),
-            _: 1
-          })
-        ]))
-      ], 64)) : (c(), v("div", Re, [
-        m("div", {
-          class: A(["q-time-picker__segments", {
-            "q-time-picker__segments--focused": x.value,
-            "q-time-picker__segments--empty": !f.value && !p.value
-          }]),
-          onClick: _e
-        }, [
-          B(ne, {
-            icon: "clock",
-            type: "outline",
-            width: 20,
-            height: 20,
-            "custom-size": "",
-            color: "inkwell-10",
-            class: "q-time-picker__clock-icon"
-          }),
-          J.value ? E("", !0) : (c(), v(P, { key: 0 }, [
-            m("input", {
-              ref_key: "hourInputRef",
-              ref: M,
-              value: f.value,
-              class: "q-time-picker__segment",
-              tabindex: i.disabled ? -1 : 0,
-              inputmode: "numeric",
-              placeholder: "--",
-              onKeydown: Se,
-              onFocus: ee,
-              onBlur: te
-            }, null, 40, Oe),
-            t[1] || (t[1] = m("span", { class: "q-time-picker__segment-colon" }, ":", -1)),
-            m("input", {
-              ref_key: "minuteInputRef",
-              ref: T,
-              value: p.value,
-              class: "q-time-picker__segment q-time-picker__segment--minute",
-              tabindex: i.disabled ? -1 : 0,
-              inputmode: "numeric",
-              placeholder: "--",
-              onKeydown: we,
-              onFocus: ee,
-              onBlur: te
-            }, null, 40, Ue),
-            i.format === "12h" ? (c(), v("input", {
-              key: 0,
-              ref_key: "periodInputRef",
-              ref: L,
-              value: he.value,
-              class: "q-time-picker__segment q-time-picker__segment--period",
-              tabindex: i.disabled ? -1 : 0,
-              placeholder: "--",
-              onKeydown: Te,
-              onFocus: ee,
-              onBlur: te
-            }, null, 40, We)) : E("", !0)
-          ], 64)),
-          J.value ? (c(), v("span", Qe, y(i.placeholder || e.$t("HC_SELECT_TIME")), 1)) : E("", !0)
-        ], 2),
-        B($e, {
-          id: i.id,
-          "model-value": ve.value,
-          options: j.value,
-          placeholder: "",
-          disabled: i.disabled,
-          required: i.required,
-          "floating-label": i.floatingLabel,
-          size: i.size,
-          searchable: !0,
-          "allow-empty": i.clearable,
-          "close-on-select": !0,
-          "track-by": "value",
-          label: "label",
-          "onUpdate:modelValue": qe
-        }, null, 8, ["id", "model-value", "options", "disabled", "required", "floating-label", "size", "allow-empty"])
-      ]))
-    ], 2));
-  }
-});
-export {
-  at as default
-};