@quoreadmin/ui 1.8.11 → 1.9.1

package/dist/index153.js

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