evui 3.5.0-rc.1 → 3.5.0

package/dist/components/datePicker/uses.js

@@ -0,0 +1,190 @@
+import { getCurrentInstance as $, computed as A, ref as p, reactive as C, watch as I, nextTick as P } from "vue";
+import { getChangedValueByTimeFormat as v, getLastDateOfMonth as W } from "../calendar/uses.js";
+const B = new RegExp(/[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])/), Y = new RegExp(
+  /[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1]) (2[0-3]|[01][0-9]):[0-5][0-9]:[0-5][0-9]/
+), j = () => {
+  var F;
+  const { props: t, emit: n } = $(), m = (F = t.options) == null ? void 0 : F.timeFormat, h = ["dateTimeRange", "dateRange", "dateMulti"].includes(t.mode), V = (s) => {
+    let e;
+    if (t.mode === "dateTime")
+      e = v(m, s);
+    else if (t.modelValue.length) {
+      const [o, i] = m;
+      e = [
+        v(o, s[0]),
+        v(i, s[1])
+      ];
+    }
+    return e;
+  }, l = A({
+    get: () => t.modelValue ? ["dateTime", "dateTimeRange"].includes(t.mode) && m ? V(t.modelValue) : h ? [...t.modelValue] : t.modelValue : t.mode === "date" || t.mode === "dateTime" ? "" : [],
+    set: (s) => {
+      if (["dateTime", "dateTimeRange"].includes(t.mode) && m) {
+        n("update:modelValue", V(s));
+        return;
+      }
+      n("update:modelValue", s);
+    }
+  });
+  let c;
+  if (["dateTimeRange", "dateTime"].includes(t.mode) && m)
+    if (t.mode === "dateTimeRange" && Array.isArray(t.modelValue) && t.modelValue.length === 2) {
+      const [s, e] = t.modelValue, [o, i] = m;
+      t.modelValue = [
+        v(o, s),
+        v(i, e)
+      ], c = p([...t.modelValue]);
+    } else t.mode === "dateTime" && t.modelValue ? c = p(v(m, t.modelValue)) : c = p(t.modelValue);
+  else
+    c = p(h ? [...t.modelValue] : t.modelValue);
+  const x = (s) => {
+    const e = (a) => !!(a.length === 10 && B.exec(a)), o = (a) => !!(a.length === 19 && Y.exec(a)), i = (a) => {
+      const f = a.split(" ")[0], d = +f.split("-")[0], g = +f.split("-")[1], R = +f.split("-")[2], y = W(d, g);
+      return +R <= y && d >= (/* @__PURE__ */ new Date(0)).getFullYear();
+    };
+    let u = !0;
+    t.mode === "date" ? u = e(s) && i(s) : t.mode === "dateTime" ? u = o(s) && i(s) : t.mode === "dateRange" ? u = s.every((a) => e(a) && i(a)) : t.mode === "dateTimeRange" && (u = s.every((a) => o(a) && i(a))), u && (l.value = h ? [...s] : s), c.value = h ? [...l.value] : l.value;
+  }, T = A(() => t.mode === "date" || t.mode === "dateTime" ? l.value : l.value.length);
+  return {
+    mv: l,
+    currentValue: c,
+    isClearableIcon: T,
+    validateValue: x,
+    removeAllMv: () => {
+      t.mode === "date" || t.mode === "dateTime" ? l.value = null : (l.value.splice(0), l.value = [...l.value]);
+    },
+    changeMv: async (s) => {
+      await P(), n("change", l.value, s);
+    },
+    removeMv: (s) => {
+      if (!t.disabled) {
+        const e = l.value.indexOf(s);
+        l.value.splice(e, 1), l.value = [...l.value];
+      }
+    }
+  };
+}, q = () => {
+  const { props: t } = $(), n = p(!1), m = p(null), h = p(null), V = p(null), l = p(null), c = C({
+    top: null,
+    right: null,
+    left: null
+  }), x = async () => {
+    var f, d;
+    await P();
+    const r = (f = h.value) == null ? void 0 : f.getBoundingClientRect(), k = (d = V.value) == null ? void 0 : d.getBoundingClientRect(), F = r.height, s = r.y, e = r.x, o = k.height, i = k.width, u = document.documentElement.clientHeight, a = document.documentElement.clientWidth;
+    u < s + F + o ? (c.top = `-${o}px`, a < e + i ? (c.left = "auto", c.right = "0px") : (c.left = "0px", c.right = "auto")) : (c.top = `${F}px`, a < e + i ? (c.left = "auto", c.right = "0px") : (c.left = "0px", c.right = "auto"));
+  };
+  return {
+    isDropbox: n,
+    datePicker: m,
+    datePickerWrapper: h,
+    dropbox: V,
+    itemWrapper: l,
+    dropboxPosition: c,
+    clickSelectInput: async () => {
+      t.disabled || (n.value = t.enableTextInput ? !0 : !n.value, n.value && await x());
+    },
+    clickOutsideDropbox: () => {
+      n.value = !1;
+    },
+    changeDropboxPosition: x
+  };
+}, z = (t) => {
+  var s;
+  const { props: n } = $(), { mv: m, currentValue: h, clickOutsideDropbox: V } = t, l = C([]);
+  (s = n.shortcuts) == null || s.forEach(({ value: e, label: o, shortcutDate: i }) => {
+    l.push({
+      key: e,
+      label: o,
+      shortcutDate: i,
+      isActive: !1
+    });
+  });
+  const c = () => {
+    const e = l.find((o) => o.isActive);
+    e && (e.isActive = !1);
+  }, x = (e) => {
+    const o = l.find((i) => i.key === e);
+    o && (o.isActive = !0);
+  }, T = (e) => e === null ? "00" : +e < 10 ? `0${e}` : e, D = (e) => {
+    const o = e ? new Date(e) : /* @__PURE__ */ new Date(), i = o.getFullYear(), u = o.getMonth() + 1, a = o.getDate();
+    return `${i}-${T(u)}-${T(a)}`;
+  }, r = (e) => {
+    const o = e ? new Date(e) : /* @__PURE__ */ new Date(), i = o.getHours(), u = o.getMinutes(), a = o.getSeconds();
+    return `${D(o)} ${T(i)}:${T(u)}:${T(a)}`;
+  }, k = () => {
+    var i, u;
+    c();
+    const e = ["dateRange", "dateTimeRange"].includes(n.mode);
+    if (!l.length || n.mode === "dateMulti" && ((i = n.options) == null ? void 0 : i.multiType) !== "date" || e && !m.value.length || !e && !m.value)
+      return;
+    let o;
+    if (e) {
+      const a = (u = n.options) == null ? void 0 : u.timeFormat, [f, d] = m.value;
+      let g;
+      n.mode === "dateTimeRange" && (a != null && a.length) ? g = l.find(({ shortcutDate: R }) => {
+        const [y, b] = R(), [M, w] = a, S = v(
+          M,
+          r(y)
+        ), O = v(w, r(b)), E = S === r(f), H = O === r(d);
+        return E && H;
+      }) : g = l.find(({ shortcutDate: R }) => {
+        const [y, b] = R(), M = n.mode === "dateTimeRange" ? r : D, w = M(y) === M(f), S = M(b) === M(d);
+        return w && S;
+      }), o = g == null ? void 0 : g.key;
+    } else {
+      const a = n.mode === "dateTime" ? r : D, f = a(m.value), d = l.find(({ shortcutDate: g }) => a(g()) === f);
+      o = d == null ? void 0 : d.key;
+    }
+    o && x(o);
+  }, F = (e) => {
+    var f;
+    const o = ["dateRange", "dateTimeRange"].includes(n.mode), i = l.find(({ key: d }) => d === e);
+    if (!i)
+      return;
+    const u = i.shortcutDate, a = (f = n.options) == null ? void 0 : f.timeFormat;
+    if (o) {
+      const [d, g] = u();
+      if (n.mode === "dateTimeRange")
+        if (a != null && a.length) {
+          const [R, y] = a;
+          m.value = [
+            v(R, r(d)),
+            v(y, r(g))
+          ];
+        } else
+          m.value = [r(d), r(g)];
+      else
+        m.value = [D(d), D(g)];
+    } else {
+      const d = u();
+      m.value = n.mode === "dateTime" ? v(a, r(d)) : D(d);
+    }
+    c(), x(e);
+  };
+  return I(
+    () => n.modelValue,
+    (e) => {
+      var o, i;
+      if (k(), !(n.mode === "dateMulti" && ((o = n == null ? void 0 : n.options) == null ? void 0 : o.multiType) === "date" && ((i = n == null ? void 0 : n.options) == null ? void 0 : i.multiDayLimit) > e.length)) {
+        if (n.mode === "dateRange" || n.mode === "dateTimeRange") {
+          h.value = [...e];
+          return;
+        } else if (n.mode === "dateTime") {
+          h.value = e;
+          return;
+        }
+        h.value = e, V();
+      }
+    }
+  ), {
+    usedShortcuts: l,
+    clickShortcut: F,
+    setActiveShortcut: k
+  };
+};
+export {
+  q as useDropdown,
+  j as useModel,
+  z as useShortcuts
+};