@quoreadmin/ui 1.9.3 → 1.10.1

package/dist/index157.js

@@ -0,0 +1,565 @@
+import { defineComponent as Be, ref as h, computed as y, watch as ce, nextTick as me, onUnmounted as Ee, openBlock as u, createElementBlock as c, normalizeClass as I, createElementVNode as m, createVNode as P, Fragment as z, createCommentVNode as _, toDisplayString as g, createTextVNode as fe, createBlock as de, Teleport as Pe, Transition as ze, withCtx as O, renderList as ae } from "vue";
+import Ke from "./index46.js";
+import $e from "./index7.js";
+import oe from "./index28.js";
+import { useI18n as Le } from "vue-i18n";
+const Ne = {
+  key: 0,
+  class: "q-time-picker__desktop"
+}, Re = ["value", "tabindex"], Fe = ["value", "tabindex"], Oe = ["value", "tabindex"], Ue = {
+  key: 1,
+  class: "q-time-picker__timezone"
+}, We = {
+  key: 1,
+  class: "q-time-picker__placeholder"
+}, Qe = {
+  key: 0,
+  class: "q-time-picker__trigger-value"
+}, Ge = {
+  key: 0,
+  class: "q-time-picker__timezone"
+}, je = {
+  key: 1,
+  class: "q-time-picker__trigger-placeholder"
+}, Je = { class: "q-time-picker__wheels" }, lt = /* @__PURE__ */ Be({
+  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: ve }) {
+    const a = r, C = ve, { t: K } = Le(), 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 V = 44, 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, H = B(f, ue, a.format);
+        e.unshift({ label: `${K("HC_NOW")} (${H})`, value: H });
+      }
+      return e;
+    }), pe = 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 };
+    }), he = y(() => a.modelValue || ""), Y = y(
+      () => !d.value && !p.value && !x.value
+    ), ke = y(() => v.value ? K(`HC_${v.value}`) : ""), ge = 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 H = !1;
+        for (let F = 0; F <= 9; F++) {
+          const se = e * 10 + F;
+          if (se >= l && se <= o) {
+            H = !0;
+            break;
+          }
+        }
+        return H ? {
+          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 = "";
+    }, s = () => {
+      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));
+    }, be = () => {
+      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 = "", s();
+    }, 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 = "", s();
+    }, ye = () => {
+      v.value ? v.value = v.value === "AM" ? "PM" : "AM" : v.value = "AM", s();
+    }, Me = (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 && (s(), Z());
+        return;
+      }
+      switch (e.key) {
+        case "ArrowUp":
+          e.preventDefault(), re(1);
+          break;
+        case "ArrowDown":
+          e.preventDefault(), re(-1);
+          break;
+        case "ArrowRight":
+          e.preventDefault(), R(), s(), Z();
+          break;
+        case "Tab":
+          e.shiftKey ? (R(), s()) : (e.preventDefault(), R(), s(), Z());
+          break;
+        case "Backspace":
+        case "Delete":
+          e.preventDefault(), d.value = "", S = "", s();
+          break;
+        case "ArrowLeft":
+          e.preventDefault();
+          break;
+        default:
+          !e.ctrlKey && !e.metaKey && !e.altKey && e.key.length === 1 && e.preventDefault();
+      }
+    }, Se = (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 && (s(), ee());
+        return;
+      }
+      switch (e.key) {
+        case "ArrowUp":
+          e.preventDefault(), ie(1);
+          break;
+        case "ArrowDown":
+          e.preventDefault(), ie(-1);
+          break;
+        case "ArrowRight":
+          e.preventDefault(), E(), s(), a.format === "12h" && ee();
+          break;
+        case "Tab":
+          e.shiftKey ? (e.preventDefault(), E(), s(), M.value?.focus()) : (E(), s(), a.format === "12h" && (e.preventDefault(), ee()));
+          break;
+        case "ArrowLeft":
+          e.preventDefault(), E(), 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();
+      }
+    }, we = (e) => {
+      const t = e.key.toLowerCase();
+      if (t === "a") {
+        e.preventDefault(), v.value = "AM", s();
+        return;
+      }
+      if (t === "p") {
+        e.preventDefault(), v.value = "PM", s();
+        return;
+      }
+      switch (e.key) {
+        case "ArrowUp":
+        case "ArrowDown":
+          e.preventDefault(), ye();
+          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 = "", s();
+          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(), s());
+      });
+    }, _e = (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();
+      }
+    }, Te = (e) => {
+      if (!e) {
+        C("update:modelValue", "");
+        return;
+      }
+      C("update:modelValue", e.value);
+    }, qe = (e) => a.format === "24h" ? e.toString().padStart(2, "0") : e.toString(), De = () => {
+      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;
+    }, Ae = (e = !0) => {
+      const t = e ? "smooth" : "instant";
+      if (U.value) {
+        const l = L.value.indexOf(b.value);
+        l >= 0 && U.value.scrollTo({
+          top: l * V,
+          behavior: t
+        });
+      }
+      if (W.value) {
+        const l = N.value.indexOf(D.value);
+        l >= 0 && W.value.scrollTo({
+          top: l * V,
+          behavior: t
+        });
+      }
+      if (Q.value && a.format === "12h") {
+        const l = A.value === "AM" ? 0 : 1;
+        Q.value.scrollTo({
+          top: l * V,
+          behavior: t
+        });
+      }
+    }, Ve = () => {
+      a.disabled || (De(), q.value = !0);
+    }, He = (e) => {
+      clearTimeout(G), G = setTimeout(() => {
+        const t = e.target, l = Math.round(t.scrollTop / V), o = Math.max(0, Math.min(l, L.value.length - 1));
+        b.value = L.value[o];
+      }, 60);
+    }, Ie = (e) => {
+      clearTimeout(j), j = setTimeout(() => {
+        const t = e.target, l = Math.round(t.scrollTop / V), o = Math.max(
+          0,
+          Math.min(l, N.value.length - 1)
+        );
+        D.value = N.value[o];
+      }, 60);
+    }, Ce = (e) => {
+      clearTimeout(J), J = setTimeout(() => {
+        const t = e.target, l = Math.round(t.scrollTop / V);
+        A.value = l <= 0 ? "AM" : "PM";
+      }, 60);
+    }, xe = () => {
+      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],
+      () => be(),
+      { immediate: !0 }
+    ), ce(q, async (e) => {
+      e && (await me(), requestAnimationFrame(() => {
+        Ae(!1);
+      }));
+    }), Ee(() => {
+      clearTimeout(G), clearTimeout(j), clearTimeout(J);
+    }), (e, t) => (u(), c("div", {
+      class: I(["q-time-picker", { "q-time-picker--disabled": r.disabled }])
+    }, [
+      r.mobile ? (u(), c(z, { key: 1 }, [
+        m("div", {
+          class: I(["q-time-picker__trigger", {
+            "q-time-picker__trigger--disabled": r.disabled,
+            [`q-time-picker__trigger--${r.size}`]: !0
+          }]),
+          onClick: Ve
+        }, [
+          P(oe, {
+            icon: "clock",
+            type: "outline",
+            width: 20,
+            height: 20,
+            "custom-size": "",
+            color: "inkwell-10",
+            class: "q-time-picker__trigger-icon"
+          }),
+          r.modelValue ? (u(), c("span", Qe, [
+            fe(g(he.value) + " ", 1),
+            r.timezone ? (u(), c("span", Ge, g(r.timezone), 1)) : _("", !0)
+          ])) : (u(), c("span", je, 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),
+        (u(), de(Pe, { to: "#body" }, [
+          P(ze, { name: "slide-up-fade" }, {
+            default: O(() => [
+              q.value ? (u(), de($e, {
+                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,
+                class: "q-time-picker-sheet"
+              }, {
+                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: xe
+                  }, 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: He
+                    }, [
+                      t[2] || (t[2] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
+                      (u(!0), c(z, null, ae(L.value, (l) => (u(), c("div", {
+                        key: l,
+                        class: I(["q-time-picker__wheel-item", {
+                          "q-time-picker__wheel-item--selected": l === b.value
+                        }])
+                      }, g(qe(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: Ie
+                    }, [
+                      t[4] || (t[4] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
+                      (u(!0), c(z, null, ae(N.value, (l) => (u(), c("div", {
+                        key: l,
+                        class: I(["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" ? (u(), c("div", {
+                      key: 0,
+                      ref_key: "periodColumnRef",
+                      ref: Q,
+                      class: "q-time-picker__wheel-column q-time-picker__wheel-column--period",
+                      onScroll: Ce
+                    }, [
+                      t[6] || (t[6] = m("div", { class: "q-time-picker__wheel-pad" }, null, -1)),
+                      (u(!0), c(z, null, ae(ge.value, (l) => (u(), c("div", {
+                        key: l.value,
+                        class: I(["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)) : (u(), c("div", Ne, [
+        m("div", {
+          class: I(["q-time-picker__segments", {
+            "q-time-picker__segments--focused": x.value,
+            "q-time-picker__segments--empty": !d.value && !p.value
+          }]),
+          onClick: _e
+        }, [
+          P(oe, {
+            icon: "clock",
+            type: "outline",
+            width: 20,
+            height: 20,
+            "custom-size": "",
+            color: "inkwell-10",
+            class: "q-time-picker__clock-icon"
+          }),
+          Y.value ? _("", !0) : (u(), 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: Me,
+              onFocus: te,
+              onBlur: le
+            }, null, 40, Re),
+            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: Se,
+              onFocus: te,
+              onBlur: le
+            }, null, 40, Fe),
+            r.format === "12h" ? (u(), c("input", {
+              key: 0,
+              ref_key: "periodInputRef",
+              ref: $,
+              value: ke.value,
+              class: "q-time-picker__segment q-time-picker__segment--period",
+              tabindex: r.disabled ? -1 : 0,
+              placeholder: "--",
+              onKeydown: we,
+              onFocus: te,
+              onBlur: le
+            }, null, 40, Oe)) : _("", !0),
+            r.timezone ? (u(), c("span", Ue, g(r.timezone), 1)) : _("", !0)
+          ], 64)),
+          Y.value ? (u(), c("span", We, g(r.placeholder || e.$t("HC_SELECT_TIME")), 1)) : _("", !0)
+        ], 2),
+        P(Ke, {
+          id: r.id,
+          "model-value": pe.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": Te
+        }, null, 8, ["id", "model-value", "options", "disabled", "required", "floating-label", "size", "allow-empty"])
+      ]))
+    ], 2));
+  }
+});
+export {
+  lt as default
+};

package/dist/index16.js

@@ -1,7 +1,7 @@
-import k from "./index89.js";
+import k from "./index90.js";
 import { openBlock as i, createElementBlock as s, normalizeClass as u, renderSlot as t, createElementVNode as d, normalizeStyle as y, createCommentVNode as m, Fragment as a, renderList as n, mergeProps as p, createTextVNode as $, toDisplayString as g } from "vue";
 /* empty css        */
-import P from "./index64.js";
+import P from "./index65.js";
 const v = ["id"], b = ["id"], S = ["id"], w = ["id"], V = ["id"], C = ["id"], F = ["id"], R = ["id", "onClick"], L = {
   key: 1,
   class: "list ordered-list"

package/dist/{index158.js → index162.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, ref as u, computed as v, onMounted as g, onUnmounted as h, watch as y, nextTick as m } from "vue";
-import { useThrottleFn as b } from "./index180.js";
+import { useThrottleFn as b } from "./index184.js";
 const T = c({
   name: "QTooltip",
   props: {