evui 3.5.0 → 3.5.2

package/dist/components/datePicker/uses.js

@@ -1,190 +0,0 @@
-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
-};