hys-ui 0.6.0 → 0.8.0

package/dist/composables/datePickerRules.js

@@ -0,0 +1,166 @@
+import { calendarISO as L } from "./calendar.js";
+import { datePeriod as _, dateShift as P, dateWeek as B, dateNative as G, DATE_MIN as J, DATE_MAX as K } from "./datePicker.js";
+function p({
+  props: l,
+  range: D,
+  multiple: Q,
+  time: U,
+  unit: i,
+  first: k,
+  weekContains: N,
+  selected: Y,
+  draft: c,
+  stage: Z,
+  minPoint: h,
+  maxPoint: x
+}) {
+  function E(e, d, s = c.value[0]) {
+    return {
+      range: d ? "end" : "start",
+      from: D.value && s ? G(s) : null,
+      iso: L(e)
+    };
+  }
+  function V(e) {
+    return Array.isArray(l.disabled) && !!l.disabled[e];
+  }
+  function M(e, d = 0, s = !0, u = c.value[0]) {
+    var a;
+    if (!Number.isFinite(e) || e < J || e > K || h.value && e < h.value.day || x.value && e > x.value.day || (a = l.disabledDate) != null && a.call(
+      l,
+      new Date(e * 864e5),
+      E(e, d, u)
+    ))
+      return !1;
+    if (D.value && s && d === 1 && c.value[0]) {
+      const t = i.value === "week" ? Math.abs(
+        _(e, "week", k.value)[0] - _(c.value[0].day, "week", k.value)[0]
+      ) + 7 : Math.abs(e - c.value[0].day) + 1;
+      if (l.minRangeDays && t < l.minRangeDays || l.maxRangeDays && t > l.maxRangeDays)
+        return !1;
+    }
+    return !0;
+  }
+  function W(e, d, s = Z.value === "end" ? 1 : 0, u = !0, a = c.value[0]) {
+    var n, b, r;
+    if (i.value === "week" && d - e <= 6) {
+      if ((n = l.disabledWeek) != null && n.call(l, B(e, k.value, N.value)))
+        return !1;
+      if (l.weekValidation === "full") {
+        if (d - e !== 6) return !1;
+        for (let m = e; m <= d; m++)
+          if (!M(m, s, u, a)) return !1;
+        return !0;
+      }
+    }
+    const t = Math.max(e, ((b = h.value) == null ? void 0 : b.day) ?? J), y = Math.min(d, ((r = x.value) == null ? void 0 : r.day) ?? K);
+    for (let m = t; m <= y; m++)
+      if (M(m, s, u, a)) return !0;
+    return !1;
+  }
+  function I(e, d, s = c.value[0]) {
+    var R, A, j, q, z;
+    const u = E(e.day, d, s), a = (R = l.disabledTime) == null ? void 0 : R.call(l, G(e), u), t = (A = l.disabledHours) == null ? void 0 : A.call(l, u.range, u.from), y = (j = a == null ? void 0 : a.disabledHours) == null ? void 0 : j.call(a), n = ((q = h.value) == null ? void 0 : q.day) === e.day ? h.value.second : 0, b = ((z = x.value) == null ? void 0 : z.day) === e.day ? F() : 86399;
+    function r(v, f) {
+      return v + f - 1 < n || v > b;
+    }
+    const m = Array.from({ length: 24 }, (v, f) => f).filter(
+      (v) => r(v * 3600, 3600)
+    ), w = Array.from({ length: 60 }, (v, f) => f);
+    return {
+      hours: [
+        ...m,
+        ...(a == null ? void 0 : a.hours) ?? [],
+        ...y ?? [],
+        ...t ?? []
+      ],
+      minutes: (v) => {
+        var f, S, T;
+        return [
+          ...w.filter(
+            (H) => r(v * 3600 + H * 60, 60)
+          ),
+          ...((f = a == null ? void 0 : a.minutes) == null ? void 0 : f.call(a, v)) ?? [],
+          ...((S = a == null ? void 0 : a.disabledMinutes) == null ? void 0 : S.call(a, v)) ?? [],
+          ...((T = l.disabledMinutes) == null ? void 0 : T.call(l, v, u.range, u.from)) ?? []
+        ];
+      },
+      seconds: (v, f) => {
+        var S, T, H;
+        return [
+          ...w.filter(
+            (C) => r(v * 3600 + f * 60 + C, 1)
+          ),
+          ...((S = a == null ? void 0 : a.seconds) == null ? void 0 : S.call(a, v, f)) ?? [],
+          ...((T = a == null ? void 0 : a.disabledSeconds) == null ? void 0 : T.call(a, v, f)) ?? [],
+          ...((H = l.disabledSeconds) == null ? void 0 : H.call(l, v, f, u.range, u.from)) ?? []
+        ];
+      }
+    };
+  }
+  function F() {
+    var e;
+    return typeof l.max == "string" && !/[T :]/.test(l.max) ? 86399 : ((e = x.value) == null ? void 0 : e.second) ?? 0;
+  }
+  function O(e, d, s = c.value[0]) {
+    var w, R, A;
+    const u = I(e, d, s), a = Math.floor(e.second / 3600), t = Math.floor(e.second / 60) % 60, y = e.second % 60;
+    if ((w = u.hours) != null && w.includes(a) || (R = u.minutes) != null && R.call(u, a).includes(t) || (A = u.seconds) != null && A.call(u, a, t).includes(y))
+      return !1;
+    const n = e.day * 86400 + e.second, b = h.value, r = x.value, m = F();
+    return !(b && n < b.day * 86400 + b.second || r && n > r.day * 86400 + m);
+  }
+  function $(e, d = !0) {
+    var s;
+    if (D.value) {
+      if (e.length !== 2 || e.some((t, y) => {
+        var n;
+        return !t && !((n = l.allowEmpty) != null && n[y]);
+      })) return !1;
+      const [u, a] = e;
+      if (u && a && u.day * 86400 + u.second > a.day * 86400 + a.second)
+        return !1;
+      if (u && a) {
+        const t = i.value === "week" ? _(a.day, "week", k.value)[1] : a.day, y = t - u.day + 1;
+        if (l.minRangeDays && y < l.minRangeDays || l.maxRangeDays && y > l.maxRangeDays)
+          return !1;
+        if (l.rangeValidation === "continuous") {
+          if (a.day > P(u.day, 1200)) return !1;
+          for (let n = u.day; n <= t; n++)
+            if (!M(n, n === u.day ? 0 : 1, !1, u) || i.value === "week" && (n - u.day) % 7 === 0 && ((s = l.disabledWeek) != null && s.call(
+              l,
+              B(n, k.value, N.value)
+            )))
+              return !1;
+        }
+      }
+      if (d && e.some((t, y) => V(y) && !X(t, Y.value[y])))
+        return !1;
+    } else if (!e.length || !Q.value && e.length !== 1 || l.maxDates && e.length > l.maxDates)
+      return !1;
+    return e.every(
+      (u, a) => !u || (i.value === "date" ? M(u.day, D.value ? a : 0, !1, e[0] ?? null) : W(
+        ..._(u.day, i.value, k.value),
+        D.value ? a : 0,
+        !1,
+        e[0] ?? null
+      )) && (!U.value || O(u, D.value ? a : 0, e[0] ?? null))
+    );
+  }
+  function X(e, d) {
+    return !e && !d || !!e && !!d && e.day === d.day && e.second === d.second;
+  }
+  return {
+    context: E,
+    locked: V,
+    available: M,
+    periodAvailable: W,
+    timeDisabled: I,
+    validTime: O,
+    valid: $,
+    samePoint: X
+  };
+}
+export {
+  p as useDatePickerRules
+};

package/dist/composables/floatingPosition.js

@@ -1,18 +1,37 @@
-function B(t, x, u, y, o, e, F) {
-  const { width: f, height: n } = u, m = Math.min(x.width, Math.max(0, f - 2 * e)), s = Math.min(x.height, Math.max(0, n - 2 * e)), [j, l] = y.split("-"), b = {
-    top: t.top - o,
-    bottom: n - t.bottom - o,
-    left: t.left - o,
-    right: f - t.right - o
-  }, k = { top: "bottom", bottom: "top", left: "right", right: "left" }, i = j, M = i === "top" || i === "bottom", c = k[i], h = F && b[i] < (M ? s : m) && b[c] > b[i] ? c : i, v = (p, r, w) => l === "start" ? p : l === "end" ? r - w : (p + r - w) / 2, q = M ? v(t.left, t.right, m) : h === "left" ? t.left - m - o : t.right + o, A = M ? h === "top" ? t.top - s - o : t.bottom + o : v(t.top, t.bottom, s);
+function N(t, w, G, u, e, o, c, x) {
+  const { width: f, height: h } = G, s = Math.min(w.width, Math.max(0, f - 2 * o)), m = Math.min(w.height, Math.max(0, h - 2 * o)), [H, y] = u.split("-"), v = {
+    top: t.top - e,
+    bottom: h - t.bottom - e,
+    left: t.left - e,
+    right: f - t.right - e
+  }, I = {
+    top: "bottom",
+    bottom: "top",
+    left: "right",
+    right: "left"
+  }, l = H, J = l === "top" || l === "bottom", F = I[l], j = c && v[l] < (J ? m : s) && v[F] > v[l] ? F : l;
+  function p(r) {
+    const [i, q] = r.split("-"), A = i === "top" || i === "bottom", B = (C, D, E) => q === "start" ? C : q === "end" ? D - E : (C + D - E) / 2, M = A ? B(t.left, t.right, s) : i === "left" ? t.left - s - e : t.right + e, b = A ? i === "top" ? t.top - m - e : t.bottom + e : B(t.top, t.bottom, m), L = Math.max(0, o - M, M + s + o - f) + Math.max(0, o - b, b + m + o - h);
+    return { x: M, y: b, overflow: L, placement: r };
+  }
+  const K = y ? j + "-" + y : j;
+  let n = p(
+    c && x ? u : K
+  );
+  if (c && x)
+    for (const r of x) {
+      if (!n.overflow) break;
+      const i = p(r);
+      i.overflow < n.overflow && (n = i);
+    }
   return {
-    width: m,
-    height: s,
-    x: Math.max(e, Math.min(q, f - m - e)),
-    y: Math.max(e, Math.min(A, n - s - e)),
-    placement: l ? h + "-" + l : h
+    width: s,
+    height: m,
+    x: Math.max(o, Math.min(n.x, f - s - o)),
+    y: Math.max(o, Math.min(n.y, h - m - o)),
+    placement: n.placement
   };
 }
 export {
-  B as positionFloating
+  N as positionFloating
 };

package/dist/composables/formLayout.js

@@ -1,5 +1,4 @@
-import { ref as d, watch as a, onMounted as u, onActivated as c, onDeactivated as m, onBeforeUnmount as p, computed as h } from "vue";
-const s = [
+const e = [
   ["xs", 0],
   ["sm", 576],
   ["md", 768],
@@ -7,51 +6,30 @@ const s = [
   ["xl", 1200],
   ["xxl", 1600]
 ];
-function v(t, r, e = 1) {
-  let o = typeof t == "number" ? t : e;
-  if (t && typeof t == "object")
-    for (const [n, i] of s)
-      r >= i && t[n] !== void 0 && (o = t[n]);
-  return Math.max(1, Math.min(24, Math.floor(Number(o) || e)));
+function m(o, s, t = 1) {
+  let n = typeof o == "number" ? o : t;
+  if (o && typeof o == "object")
+    for (const [r, f] of e)
+      s >= f && o[r] !== void 0 && (n = o[r]);
+  return Math.max(1, Math.min(24, Math.floor(Number(n) || t)));
 }
-function l(t, r) {
-  if (!t) return;
-  let e = { span: t.span, offset: t.offset };
-  for (const [o, n] of s)
-    if (r >= n && t[o] !== void 0) {
-      const i = t[o];
-      e = {
-        ...e,
-        ...typeof i == "number" ? { span: i } : i
+function i(o, s) {
+  if (!o) return;
+  let t = { span: o.span, offset: o.offset };
+  for (const [n, r] of e)
+    if (s >= r && o[n] !== void 0) {
+      const f = o[n];
+      t = {
+        ...t,
+        ...typeof f == "number" ? { span: f } : f
       };
     }
   return {
-    span: Math.max(0, Math.min(24, Math.floor(e.span ?? 24))),
-    offset: Math.max(0, Math.min(23, Math.floor(e.offset ?? 0)))
+    span: Math.max(0, Math.min(24, Math.floor(t.span ?? 24))),
+    offset: Math.max(0, Math.min(23, Math.floor(t.offset ?? 0)))
   };
 }
-function M(t) {
-  const r = d(0);
-  let e, o = !0;
-  const n = () => {
-    t.value && (r.value = t.value.clientWidth || t.value.getBoundingClientRect().width);
-  };
-  function i() {
-    f(), !(!o || !t.value) && (n(), typeof ResizeObserver < "u" ? (e = new ResizeObserver(n), e.observe(t.value)) : typeof window < "u" && window.addEventListener("resize", n));
-  }
-  function f() {
-    e == null || e.disconnect(), e = void 0, typeof window < "u" && window.removeEventListener("resize", n);
-  }
-  return a(t, i), u(i), c(() => {
-    o = !0, i();
-  }), m(() => {
-    o = !1, f();
-  }), p(() => {
-    o = !1, f();
-  }), h(() => r.value);
-}
 export {
-  l as resolveFormCol,
-  v as resolveFormGrid,
-  M as useFormWidth
+  i as resolveFormCol,
+  m as resolveFormGrid
 };

package/dist/composables/popupSurfaceStyle.js

@@ -0,0 +1,30 @@
+import { computed as o } from "vue";
+function r(t) {
+  return typeof t != "number" ? t : Number.isFinite(t) ? Math.max(0, t) + "px" : void 0;
+}
+function c(t, e) {
+  return r(t.maxWidth) ?? (e === "tooltip" ? "320px" : "360px");
+}
+function m(t, e, u) {
+  const h = o(() => {
+    const i = (t.effect ?? (e === "tooltip" ? "dark" : "light")) === "dark";
+    return {
+      ...t.overlayStyle,
+      ...u.value,
+      "--hys-ui-popup-surface": t.color || (i ? "#172744" : "var(--hys-ui-surface,var(--hys-ui-theme-surface))"),
+      "--hys-ui-popup-color": t.textColor || (i ? "#fff" : "var(--hys-ui-text,var(--hys-ui-theme-text))"),
+      "--hys-ui-popup-border": t.color || (i ? "#172744" : "var(--hys-ui-border,var(--hys-ui-theme-border))"),
+      overflow: "visible",
+      maxWidth: `min(${c(t, e)},calc(100vw - 20px))`,
+      minWidth: t.width !== void 0 ? "0" : void 0
+    };
+  }), a = o(() => ({
+    ...t.contentStyle,
+    maxHeight: t.maxHeight !== void 0 ? `min(${r(t.maxHeight)},calc(100vh - 20px))` : "calc(100vh - 20px)"
+  }));
+  return { style: h, contentStyle: a };
+}
+export {
+  c as popupMaximumWidth,
+  m as usePopupSurfaceStyle
+};

package/dist/composables/useContainerWidth.js

@@ -0,0 +1,24 @@
+import { ref as r, watch as f, onMounted as a, onActivated as s, onDeactivated as v, onBeforeUnmount as c, computed as w } from "vue";
+function p(e) {
+  const u = r(0);
+  let t, i = !0;
+  const n = () => {
+    e.value && (u.value = e.value.clientWidth || e.value.getBoundingClientRect().width);
+  };
+  function o() {
+    t == null || t.disconnect(), t = void 0, typeof window < "u" && window.removeEventListener("resize", n);
+  }
+  function d() {
+    o(), !(!i || !e.value) && (n(), typeof ResizeObserver < "u" ? (t = new ResizeObserver(n), t.observe(e.value)) : typeof window < "u" && window.addEventListener("resize", n));
+  }
+  return f(e, d), a(d), s(() => {
+    i = !0, d();
+  }), v(() => {
+    i = !1, o();
+  }), c(() => {
+    i = !1, o();
+  }), w(() => u.value);
+}
+export {
+  p as useContainerWidth
+};