hys-ui 0.1.1 → 0.2.0

package/dist/components/HysDatePicker/HysDatePickerPanel.vue.js

@@ -0,0 +1,7 @@
+import o from "./HysDatePickerPanel2.vue.js";
+/* empty css                        */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2dcd05b6"]]);
+export {
+  c as default
+};

package/dist/components/HysDatePicker/HysDatePickerPanel2.vue.js

@@ -0,0 +1,357 @@
+import { defineComponent as ve, ref as I, computed as m, openBlock as l, createElementBlock as u, createElementVNode as b, renderSlot as c, createVNode as E, unref as w, createCommentVNode as g, toDisplayString as k, Fragment as F, createTextVNode as z, normalizeClass as B, renderList as U, mergeProps as j, nextTick as W } from "vue";
+import { ChevronsLeft as we, ChevronLeft as ye, ChevronRight as be, ChevronsRight as ke } from "lucide-vue-next";
+import { calendarParts as N, calendarDate as O, civilDay as C, calendarISO as Q } from "../../composables/calendar.js";
+import { datePeriod as X, dateLocale as te, dateWeek as S, DATE_MIN as G, DATE_MAX as J, dateShift as Z } from "../../composables/datePicker.js";
+const me = ["aria-label"], fe = { class: "hys-ui-date-panel-heading" }, he = { class: "hys-ui-date-navigation" }, ce = ["aria-label", "disabled"], ge = ["aria-label", "disabled"], Ce = {
+  class: "hys-ui-date-period-title",
+  "aria-live": "polite"
+}, $e = ["aria-label"], De = ["aria-label"], Ae = { key: 0 }, Ne = ["aria-label"], Fe = { class: "hys-ui-date-navigation" }, Se = ["aria-label", "disabled"], qe = ["aria-label", "disabled"], Me = { key: 0 }, Pe = ["aria-label"], xe = {
+  key: 0,
+  class: "hys-ui-date-week-number",
+  role: "rowheader"
+}, Ee = ["disabled", "aria-label", "onClick"], ze = ["data-picker-day", "data-date", "data-period", "aria-label", "aria-selected", "aria-current", "tabindex", "disabled", "onFocus", "onPointerenter", "onClick", "onKeydown"], Ye = /* @__PURE__ */ ve({
+  __name: "HysDatePickerPanel",
+  props: {
+    month: {},
+    view: {},
+    unit: {},
+    selected: {},
+    range: { type: Boolean },
+    preview: {},
+    first: {},
+    weekContains: {},
+    weekNumberFormatter: { type: Function },
+    locale: {},
+    words: {},
+    weekNumbers: { type: Boolean },
+    adjacent: { type: Boolean },
+    disabled: { type: Boolean },
+    available: { type: Function },
+    periodAvailable: { type: Function },
+    cellClassName: { type: Function }
+  },
+  emits: ["browse", "mode", "pick", "preview"],
+  setup(t, { expose: ae, emit: ie }) {
+    const e = t, $ = ie, L = I(), T = I(), q = I(), v = m(() => N(e.month).year), f = m(() => N(e.month).month), V = m(() => Math.floor((v.value - 1) / 12) * 12 + 1), Y = m(() => e.unit === "week" ? "date" : e.unit), ne = () => Q(
+      C(
+        (/* @__PURE__ */ new Date()).getFullYear(),
+        (/* @__PURE__ */ new Date()).getMonth(),
+        (/* @__PURE__ */ new Date()).getDate()
+      )
+    ), re = m(
+      () => Array.from({ length: 7 }, (a, r) => {
+        const i = O(
+          C(2026, 10, 2) + (e.first + 6) % 7 + r
+        );
+        try {
+          return new Intl.DateTimeFormat(e.locale, { weekday: "short" }).format(
+            i
+          );
+        } catch {
+          return new Intl.DateTimeFormat("zh-CN", { weekday: "short" }).format(
+            i
+          );
+        }
+      })
+    ), D = m(() => {
+      const a = e.selected.filter((o) => !!o), r = C(v.value, f.value, 1), i = r - (N(r).weekday - e.first + 7) % 7, n = e.view === "date" ? Array.from({ length: 42 }, (o, d) => i + d) : e.view === "month" ? Array.from({ length: 12 }, (o, d) => C(v.value, d, 1)) : e.view === "quarter" ? Array.from(
+        { length: 4 },
+        (o, d) => C(v.value, d * 3, 1)
+      ) : Array.from(
+        { length: 12 },
+        (o, d) => C(V.value + d, 0, 1)
+      ), y = e.preview !== void 0 && a[0] ? [a[0].day, e.preview] : a.map((o) => o.day), s = e.range && y.length === 2 ? y.sort((o, d) => o - d) : void 0;
+      return n.map((o) => {
+        const d = N(o), h = e.view === "date" ? e.unit : e.view, A = X(o, h, e.first), ee = d.month !== f.value, se = e.view === "date" ? String(d.day) : e.view === "month" ? te(e.locale).format(O(o)) : e.view === "quarter" ? "Q" + (Math.floor(d.month / 3) + 1) : String(d.year), x = S(o, e.first, e.weekContains), le = e.disabled || o < G || o > J || (e.view === "date" ? (e.unit === "week" ? !e.periodAvailable(A[0], A[1]) : !e.available(o)) || !e.adjacent && ee : !e.periodAvailable(A[0], A[1]));
+        return {
+          date: new Date(o * 864e5),
+          iso: Q(o),
+          value: o,
+          end: A[1],
+          text: se,
+          type: e.view,
+          outside: e.view === "date" && ee,
+          disabled: le,
+          selected: a.some(
+            (ue) => X(ue.day, h, e.first)[0] === A[0]
+          ),
+          inRange: !!s && o >= s[0] && o <= s[1],
+          today: Q(o) === ne(),
+          week: x.week,
+          weekYear: x.year,
+          weekStart: x.start,
+          weekEnd: x.end
+        };
+      });
+    }), p = m(() => {
+      var r, i, n, y;
+      const a = D.value.filter((s) => !s.disabled);
+      return ((r = a.find((s) => s.value === T.value)) == null ? void 0 : r.value) ?? ((i = a.find((s) => s.selected)) == null ? void 0 : i.value) ?? ((n = a.find((s) => !s.outside)) == null ? void 0 : n.value) ?? ((y = a[0]) == null ? void 0 : y.value);
+    }), oe = m(() => {
+      const a = e.view === "date" ? 7 : 3;
+      return Array.from(
+        { length: Math.ceil(D.value.length / a) },
+        (r, i) => D.value.slice(i * a, (i + 1) * a)
+      );
+    });
+    function _(a) {
+      var r;
+      return [
+        ...((r = L.value) == null ? void 0 : r.querySelectorAll("[data-picker-day]")) ?? []
+      ].find((i) => i.dataset.pickerDay === String(a));
+    }
+    async function K(a = p.value) {
+      if (a === void 0) return;
+      let r = _(a);
+      r || (await W(), r = _(a)), r && !r.disabled && r.focus();
+    }
+    async function M(a) {
+      e.disabled || ($("mode", a), await W(), await K());
+    }
+    async function R(a) {
+      $("browse", a), await W();
+    }
+    function P(a, r = !1) {
+      const i = e.view === "year" ? 144 : r || e.view === "month" || e.view === "quarter" ? 12 : 1;
+      R(Z(e.month, i * a));
+    }
+    async function H(a) {
+      if (a.disabled) return;
+      const r = { year: 0, quarter: 1, month: 2, date: 3 };
+      if (r[e.view] >= r[Y.value]) {
+        $("pick", a.value);
+        return;
+      }
+      await R(a.value), await M(
+        e.view === "year" ? e.unit === "quarter" ? "quarter" : "month" : e.view === "quarter" ? "month" : "date"
+      );
+    }
+    async function de(a, r) {
+      if (e.disabled || a.isComposing || a.keyCode === 229 || a.altKey || a.metaKey)
+        return;
+      if (a.key === "Enter" || a.key === " ") {
+        a.preventDefault(), await H(r);
+        return;
+      }
+      let i = r.value, n = 0;
+      const y = {
+        ArrowLeft: -1,
+        ArrowRight: 1,
+        ArrowUp: e.view === "date" ? -7 : -3,
+        ArrowDown: e.view === "date" ? 7 : 3
+      };
+      if (a.key in y) n = y[a.key];
+      else if (a.key === "Home" || a.key === "End")
+        if (e.view === "date") {
+          const d = (N(i).weekday - e.first + 7) % 7;
+          i += a.key === "Home" ? -d : 6 - d;
+        } else
+          i = D.value[a.key === "Home" ? 0 : D.value.length - 1].value;
+      else if (a.key === "PageUp" || a.key === "PageDown") {
+        const d = (a.key === "PageUp" ? -1 : 1) * (a.ctrlKey ? 12 : e.view === "year" ? 144 : e.view === "date" ? 1 : 12);
+        i = Z(i, d);
+      } else return;
+      a.preventDefault();
+      const s = (d, h) => e.view === "date" ? d + h : Z(
+        d,
+        h * (e.view === "year" ? 12 : e.view === "quarter" ? 3 : 1)
+      );
+      n && (i = s(i, n));
+      let o = !1;
+      for (let d = 0; d < 370 && i >= G && i <= J; d++) {
+        const h = X(
+          i,
+          e.view === "date" ? e.unit : e.view,
+          e.first
+        )[1];
+        if (e.view === "date" ? e.available(i) : e.periodAvailable(i, h)) {
+          o = !0;
+          break;
+        }
+        i = s(i, n || 1);
+      }
+      !o || i < G || i > J || (T.value = i, (!D.value.some((d) => d.value === i) || e.view === "date" && N(i).month !== f.value) && await R(i), await K(i));
+    }
+    return ae({ focus: K, element: L }), (a, r) => (l(), u("section", {
+      ref_key: "root",
+      ref: L,
+      class: "hys-ui-date-panel",
+      "aria-label": v.value + "-" + String(f.value + 1).padStart(2, "0")
+    }, [
+      b("div", fe, [
+        b("div", he, [
+          b("button", {
+            type: "button",
+            "aria-label": t.words.prevYear,
+            disabled: t.disabled || v.value <= 1,
+            onClick: r[0] || (r[0] = (i) => P(-1, !0))
+          }, [
+            c(a.$slots, "prev-year", {}, () => [
+              E(w(we), { size: 15 })
+            ], !0)
+          ], 8, ce),
+          t.view === "date" ? (l(), u("button", {
+            key: 0,
+            type: "button",
+            "aria-label": t.words.prevMonth,
+            disabled: t.disabled || f.value === 0 && v.value <= 1,
+            onClick: r[1] || (r[1] = (i) => P(-1))
+          }, [
+            c(a.$slots, "prev-month", {}, () => [
+              E(w(ye), { size: 15 })
+            ], !0)
+          ], 8, ge)) : g("", !0)
+        ]),
+        b("div", Ce, [
+          t.view === "year" ? (l(), u("button", {
+            key: 0,
+            type: "button",
+            "aria-label": t.words.back,
+            onClick: r[2] || (r[2] = (i) => M(Y.value))
+          }, k(V.value) + " — " + k(Math.min(9999, V.value + 11)), 9, $e)) : (l(), u(F, { key: 1 }, [
+            b("button", {
+              type: "button",
+              "aria-label": t.words.year,
+              onClick: r[3] || (r[3] = (i) => M("year"))
+            }, [
+              z(k(v.value), 1),
+              t.locale.startsWith("zh") ? (l(), u("span", Ae, "年")) : g("", !0)
+            ], 8, De),
+            t.view !== "quarter" ? (l(), u("button", {
+              key: 0,
+              type: "button",
+              "aria-label": t.view === "month" ? t.words.back : t.words.month,
+              onClick: r[4] || (r[4] = (i) => M(t.view === "month" ? Y.value : "month"))
+            }, k(w(te)(t.locale).format(w(O)(w(C)(v.value, f.value, 1)))), 9, Ne)) : g("", !0)
+          ], 64))
+        ]),
+        b("div", Fe, [
+          t.view === "date" ? (l(), u("button", {
+            key: 0,
+            type: "button",
+            "aria-label": t.words.nextMonth,
+            disabled: t.disabled || f.value === 11 && v.value >= 9999,
+            onClick: r[5] || (r[5] = (i) => P(1))
+          }, [
+            c(a.$slots, "next-month", {}, () => [
+              E(w(be), { size: 15 })
+            ], !0)
+          ], 8, Se)) : g("", !0),
+          b("button", {
+            type: "button",
+            "aria-label": t.words.nextYear,
+            disabled: t.disabled || v.value >= 9999,
+            onClick: r[6] || (r[6] = (i) => P(1, !0))
+          }, [
+            c(a.$slots, "next-year", {}, () => [
+              E(w(ke), { size: 15 })
+            ], !0)
+          ], 8, qe)
+        ])
+      ]),
+      t.view === "date" ? (l(), u("div", {
+        key: 0,
+        class: B(["hys-ui-date-weekdays", { "hys-ui-date-with-weeks": t.weekNumbers }]),
+        "aria-hidden": "true"
+      }, [
+        t.weekNumbers ? (l(), u("span", Me, k(t.words.week), 1)) : g("", !0),
+        (l(!0), u(F, null, U(re.value, (i, n) => (l(), u("span", { key: n }, k(i), 1))), 128))
+      ], 2)) : g("", !0),
+      b("div", {
+        class: B(["hys-ui-date-cells", [
+          "hys-ui-date-view-" + t.view,
+          { "hys-ui-date-with-weeks": t.weekNumbers && t.view === "date" }
+        ]]),
+        role: "grid",
+        "aria-label": t.view === "date" ? t.words.empty : t.view === "year" ? t.words.year : t.words.month,
+        onMouseleave: r[7] || (r[7] = (i) => {
+          q.value = void 0, $("preview", void 0);
+        })
+      }, [
+        (l(!0), u(F, null, U(oe.value, (i) => (l(), u("div", {
+          key: i[0].value,
+          role: "row",
+          class: B(["hys-ui-date-grid-row", {
+            "hys-ui-date-week-hover": t.unit === "week" && t.view === "date" && q.value !== void 0 && i.some((n) => n.value === q.value)
+          }])
+        }, [
+          (l(!0), u(F, null, U(i, (n, y) => {
+            var s;
+            return l(), u(F, {
+              key: n.value
+            }, [
+              t.view === "date" && t.weekNumbers && y % 7 === 0 ? (l(), u("span", xe, [
+                t.unit === "week" ? (l(), u("button", {
+                  key: 0,
+                  type: "button",
+                  tabindex: "-1",
+                  disabled: i.every((o) => o.disabled),
+                  "aria-label": `${n.weekYear} ${t.words.week} ${n.week}: ${n.weekStart} – ${n.weekEnd}`,
+                  onClick: (o) => H(i.find((d) => !d.disabled))
+                }, [
+                  c(a.$slots, "week-number", j({ ref_for: !0 }, w(S)(n.value, t.first, t.weekContains), {
+                    selected: n.selected,
+                    disabled: i.every((o) => o.disabled)
+                  }), () => {
+                    var o;
+                    return [
+                      z(k(((o = t.weekNumberFormatter) == null ? void 0 : o.call(
+                        t,
+                        w(S)(n.value, t.first, t.weekContains)
+                      )) ?? n.week), 1)
+                    ];
+                  }, !0)
+                ], 8, Ee)) : c(a.$slots, "week-number", j({ ref_for: !0 }, w(S)(n.value, t.first, t.weekContains), {
+                  selected: n.selected,
+                  disabled: n.disabled
+                }), () => {
+                  var o;
+                  return [
+                    z(k(((o = t.weekNumberFormatter) == null ? void 0 : o.call(
+                      t,
+                      w(S)(n.value, t.first, t.weekContains)
+                    )) ?? n.week), 1)
+                  ];
+                }, !0, 1)
+              ])) : g("", !0),
+              b("button", {
+                type: "button",
+                role: "gridcell",
+                "data-picker-day": n.value,
+                "data-date": t.view === "date" ? n.iso : void 0,
+                "data-period": t.view !== "date" ? n.iso : void 0,
+                "aria-label": t.view === "date" ? n.iso : n.text,
+                "aria-selected": n.selected,
+                "aria-current": n.today ? "date" : void 0,
+                tabindex: n.value === p.value ? 0 : -1,
+                disabled: n.disabled,
+                class: B([
+                  (s = t.cellClassName) == null ? void 0 : s.call(t, n),
+                  {
+                    "hys-ui-is-selected": n.selected,
+                    "hys-ui-is-today": n.today,
+                    "hys-ui-is-outside": n.outside,
+                    "hys-ui-is-in-range": n.inRange && !n.selected
+                  }
+                ]),
+                onFocus: (o) => {
+                  T.value = n.value, $("preview", n.value);
+                },
+                onPointerenter: (o) => !n.disabled && (q.value = n.value, $("preview", n.value)),
+                onClick: (o) => H(n),
+                onKeydown: (o) => de(o, n)
+              }, [
+                c(a.$slots, "cell", j({ ref_for: !0 }, n), () => [
+                  z(k(n.text), 1)
+                ], !0)
+              ], 42, ze)
+            ], 64);
+          }), 128))
+        ], 2))), 128))
+      ], 42, Pe)
+    ], 8, me));
+  }
+});
+export {
+  Ye as default
+};