hys-ui 0.1.0 → 0.2.0

package/dist/components/HysCalendar/HysCalendar2.vue.js

@@ -1,4 +1,805 @@
-import f from "./HysCalendar.vue.js";
+import { defineComponent as ua, ref as B, useId as ia, computed as u, watch as ae, onDeactivated as da, openBlock as r, createElementBlock as i, mergeProps as Le, unref as g, renderSlot as T, createElementVNode as C, toDisplayString as p, Fragment as W, createVNode as S, createBlock as Y, createCommentVNode as b, withCtx as K, createTextVNode as le, normalizeStyle as pe, Transition as ca, normalizeClass as ie, renderList as P, withModifiers as de, Teleport as va, nextTick as ge } from "vue";
+import { ChevronsLeft as ya, ChevronLeft as ma, ChevronRight as ha, ChevronsRight as fa, LoaderCircle as ba, X as ka } from "lucide-vue-next";
+import q from "../HysButton/HysButton.vue.js";
+import Ee from "../HysSelect/HysSelect.vue.js";
+import pa from "../HysSegmented/HysSegmented.vue.js";
+import { useHysRootAttrs as ga } from "../../config.js";
+import { useMotion as wa } from "../../motion/useMotion.js";
+import { useFloating as Ca } from "../../composables/useFloating.js";
+import { calendarDay as _e, civilDay as f, calendarParts as k, calendarWeeks as Da, calendarISO as U, calendarEvents as xa, calendarWeek as Ma, calendarDate as we, calendarFormat as $a, calendarShift as R } from "../../composables/calendar.js";
+const Ta = ["aria-busy", "aria-label"], Sa = {
+  key: 0,
+  class: "hys-ui-calendar-header"
+}, Va = {
+  class: "hys-ui-calendar-title",
+  "aria-live": "polite"
+}, za = {
+  key: 0,
+  class: "hys-ui-calendar-controls"
+}, Aa = { class: "hys-ui-calendar-navigation" }, Na = {
+  key: 0,
+  class: "hys-ui-calendar-loading",
+  role: "status"
+}, Ba = ["data-calendar-panel"], Fa = ["aria-label", "aria-readonly"], Wa = {
+  key: 0,
+  role: "columnheader"
+}, Ra = {
+  key: 0,
+  role: "rowheader",
+  class: "hys-ui-calendar-week-number"
+}, La = ["data-date", "aria-selected", "aria-current", "aria-disabled", "aria-label", "tabindex", "onFocus", "onKeydown", "onClick"], Ea = { class: "hys-ui-calendar-day-heading" }, _a = ["disabled", "aria-pressed", "aria-readonly", "onClick"], Ha = {
+  key: 0,
+  class: "hys-ui-calendar-events"
+}, Ka = ["tabindex", "disabled", "title", "onClick"], Pa = { key: 0 }, Ua = ["tabindex", "disabled", "aria-expanded", "onClick"], Oa = ["aria-label", "aria-readonly"], Ia = ["data-month", "aria-selected", "aria-disabled", "tabindex", "onFocus", "onKeydown", "onClick"], ja = ["disabled", "aria-pressed", "onClick"], Ya = {
+  key: 0,
+  class: "hys-ui-calendar-month-count"
+}, qa = {
+  key: 1,
+  class: "hys-ui-calendar-footer"
+}, Xa = ["id", "aria-label"], Za = { class: "hys-ui-calendar-popup-events" }, Ga = ["disabled", "onClick"], Ja = { key: 0 }, Qa = { key: 0 }, il = /* @__PURE__ */ ua({
+  __name: "HysCalendar",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    valueType: {},
+    valueFormat: { default: "YYYY-MM-DD" },
+    mode: {},
+    defaultMode: { default: "month" },
+    fullscreen: { type: Boolean, default: !0 },
+    transition: { default: "slide" },
+    transitionDuration: { default: 180 },
+    controllerType: { default: "button" },
+    formatter: {},
+    showModeSwitch: { type: Boolean, default: !0 },
+    showHeader: { type: Boolean, default: !0 },
+    showToday: { type: Boolean, default: !0 },
+    firstDayOfWeek: { default: 1 },
+    locale: { default: "zh-CN" },
+    range: {},
+    validRange: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    disabledDate: {},
+    showAdjacentDays: { type: Boolean, default: !0 },
+    fixedWeeks: { type: Boolean, default: !1 },
+    showWeekNumbers: { type: Boolean, default: !1 },
+    keyboard: { type: Boolean, default: !0 },
+    loading: { type: Boolean },
+    events: {},
+    maxEvents: { default: 3 },
+    ariaLabel: {}
+  },
+  emits: ["update:modelValue", "update:mode", "change", "select", "panelChange", "event", "more"],
+  setup(m, { expose: He, emit: Ke }) {
+    const o = m, F = Ke, Ce = ga(), te = B(), Pe = ia(), O = _e(/* @__PURE__ */ new Date()), X = f(1, 0, 1), Z = f(9999, 11, 31), V = (e) => _e(e, o.valueFormat), x = (e) => {
+      const [a, l, t] = e.split("-").map(Number);
+      return f(a, l - 1, t);
+    }, ce = V(o.modelValue ?? o.defaultValue) ?? O, De = B(ce), D = B(ce), N = B(ce), xe = B(o.defaultMode), z = u(
+      () => o.modelValue === void 0 ? De.value : V(o.modelValue)
+    ), c = u(
+      () => o.range ? "month" : o.mode ?? xe.value
+    ), d = u(() => k(D.value)), ne = u(
+      () => Number.isInteger(o.firstDayOfWeek) ? (o.firstDayOfWeek % 7 + 7) % 7 : 1
+    ), v = u(() => o.disabled || o.loading), I = u(() => o.locale.toLowerCase().startsWith("zh")), y = u(
+      () => I.value ? {
+        today: "今天",
+        month: "月",
+        year: "年",
+        previous: "上一",
+        next: "下一",
+        more: "更多日程",
+        close: "关闭",
+        loading: "加载中",
+        week: "周",
+        label: "日历"
+      } : {
+        today: "Today",
+        month: "Month",
+        year: "Year",
+        previous: "Previous ",
+        next: "Next ",
+        more: "More events",
+        close: "Close",
+        loading: "Loading",
+        week: "Wk",
+        label: "Calendar"
+      }
+    );
+    function oe(e) {
+      try {
+        return new Intl.DateTimeFormat(o.locale, {
+          ...e,
+          timeZone: "UTC"
+        });
+      } catch {
+        return new Intl.DateTimeFormat("zh-CN", { ...e, timeZone: "UTC" });
+      }
+    }
+    const Me = u(() => oe({ month: "long" })), Ue = u(
+      () => oe({ year: "numeric", month: "long", day: "numeric", weekday: "long" })
+    ), Oe = u(() => {
+      const e = oe({ weekday: "short" });
+      return Array.from(
+        { length: 7 },
+        (a, l) => e.format(
+          new Date((f(2024, 0, 7) + (ne.value + l) % 7) * 864e5)
+        )
+      );
+    });
+    function A(e) {
+      return o.valueType === "date" || o.valueType === void 0 && (o.modelValue instanceof Date || o.defaultValue instanceof Date) ? we(e) : $a(e, o.valueFormat);
+    }
+    const re = u(() => {
+      if (!o.validRange) return [X, Z];
+      const e = V(o.validRange[0]), a = V(o.validRange[1]);
+      return e !== void 0 && a !== void 0 && e <= a ? [e, a] : [1, 0];
+    }), w = u(() => {
+      if (!o.range) return;
+      const e = V(o.range[0]), a = V(o.range[1]);
+      if (e === void 0 || a === void 0 || e > a) return;
+      const l = k(e), t = k(a);
+      if (!((t.year - l.year) * 12 + t.month - l.month > 1))
+        return [e, a];
+    }), $ = u(() => {
+      const e = d.value;
+      if (c.value === "year")
+        return [f(e.year, 0, 1), f(e.year, 11, 31)];
+      const [a, l] = w.value ?? [
+        f(e.year, e.month, 1),
+        f(e.year, e.month + 1, 0)
+      ], [t, n] = Da(a, l, ne.value);
+      return [t, o.fixedWeeks && !w.value ? t + 41 : n];
+    }), ve = u(() => [
+      U($.value[0]),
+      U($.value[1])
+    ]), { effectiveMotion: Ie } = wa(), $e = B("next"), Te = u(
+      () => d.value.year * 12 + (c.value === "year" ? 0 : d.value.month)
+    ), ye = u(
+      () => w.value ? "range:" + ve.value.join(":") : c.value + ":" + Te.value
+    );
+    ae(
+      Te,
+      (e, a) => $e.value = e >= a ? "next" : "prev",
+      { flush: "sync" }
+    );
+    const Se = u(
+      () => Math.max(
+        0,
+        Math.min(
+          800,
+          Number.isFinite(o.transitionDuration) ? o.transitionDuration : 180
+        )
+      )
+    ), je = u(
+      () => o.transition !== "none" && Se.value > 0 && Ie.value !== "off"
+    ), Ye = u(
+      () => "hys-ui-calendar-" + o.transition + (["slide", "slide-up"].includes(o.transition) ? "-" + $e.value : "")
+    );
+    function qe(e) {
+      e.setAttribute("aria-hidden", "true"), e.inert = !0;
+    }
+    const Ve = u(
+      () => xa(o.events ?? [], ...$.value)
+    );
+    function L(e) {
+      var t;
+      const [a, l] = re.value;
+      return e < X || e > Z || e < a || e > l || !!((t = o.disabledDate) != null && t.call(o, U(e))) || !!w.value && (e < w.value[0] || e > w.value[1]);
+    }
+    function ze(e) {
+      const a = k(e), l = a.year * 12 + a.month, t = d.value.year * 12 + d.value.month;
+      return {
+        day: U(e),
+        date: we(e),
+        type: l < t ? "prev-month" : l > t ? "next-month" : "current-month",
+        isSelected: z.value === e,
+        isToday: O === e,
+        disabled: !!v.value || L(e),
+        events: Ve.value.dates.get(e) ?? []
+      };
+    }
+    const me = u(
+      () => Array.from(
+        { length: $.value[1] - $.value[0] + 1 },
+        (e, a) => ze($.value[0] + a)
+      )
+    ), Xe = u(
+      () => Array.from({ length: me.value.length / 7 }, (e, a) => ({
+        number: Ma($.value[0] + a * 7),
+        days: me.value.slice(a * 7, a * 7 + 7)
+      }))
+    );
+    function Ze(e) {
+      const a = f(d.value.year, e, 1), l = f(d.value.year, e + 1, 0);
+      for (let t = a; t <= l; t++) if (!L(t)) return !1;
+      return !0;
+    }
+    const G = u(
+      () => Array.from({ length: 12 }, (e, a) => {
+        const l = f(d.value.year, a, 1), t = z.value === void 0 ? void 0 : k(z.value);
+        return {
+          month: a + 1,
+          date: we(l),
+          day: U(l),
+          isSelected: (t == null ? void 0 : t.year) === d.value.year && t.month === a,
+          isToday: k(O).year === d.value.year && k(O).month === a,
+          disabled: !!v.value || Ze(a),
+          events: Ve.value.months.get(d.value.year * 12 + a) ?? []
+        };
+      })
+    ), se = u(
+      () => w.value ? `${U(w.value[0])} — ${U(w.value[1])}` : c.value === "year" ? `${d.value.year}${I.value ? "年" : ""}` : I.value ? `${d.value.year}年${d.value.month + 1}月` : oe({ year: "numeric", month: "long" }).format(
+        new Date(D.value * 864e5)
+      )
+    ), Ge = u(() => {
+      const e = d.value.year, a = Math.max(1, e - 100), l = Math.min(9999, e + 100);
+      return Array.from({ length: l - a + 1 }, (t, n) => {
+        var s;
+        return {
+          label: ((s = o.formatter) == null ? void 0 : s.call(o, a + n, "year")) ?? `${a + n}${I.value ? "年" : ""}`,
+          value: a + n
+        };
+      });
+    }), Je = u(
+      () => Array.from({ length: 12 }, (e, a) => {
+        var l;
+        return {
+          label: ((l = o.formatter) == null ? void 0 : l.call(o, a + 1, "month")) ?? Me.value.format(new Date(f(2024, a, 1) * 864e5)),
+          value: a
+        };
+      })
+    ), he = u(() => {
+      var a, l, t, n;
+      const e = me.value.filter(
+        (s) => !s.disabled && (o.showAdjacentDays || s.type === "current-month" || w.value)
+      );
+      return ((a = e.find((s) => V(s.day) === N.value)) == null ? void 0 : a.day) ?? ((l = e.find((s) => s.isSelected)) == null ? void 0 : l.day) ?? ((t = e.find((s) => s.type === "current-month")) == null ? void 0 : t.day) ?? ((n = e[0]) == null ? void 0 : n.day);
+    }), Qe = u(() => {
+      var a, l, t;
+      const e = k(N.value).month + 1;
+      return ((a = G.value.find((n) => n.month === e && !n.disabled)) == null ? void 0 : a.month) ?? ((l = G.value.find((n) => n.isSelected && !n.disabled)) == null ? void 0 : l.month) ?? ((t = G.value.find((n) => !n.disabled)) == null ? void 0 : t.month);
+    }), ue = u(
+      () => Math.min(
+        100,
+        Math.max(
+          0,
+          Math.floor(Number.isFinite(o.maxEvents) ? o.maxEvents : 3)
+        )
+      )
+    ), Ae = B(), fe = B(), M = B(), { open: Ne, style: ea, show: aa, close: la } = Ca(Ae, fe, {
+      placement: "bottom-start",
+      width: () => 320,
+      closeOnTab: !0
+    });
+    function E() {
+      la(), M.value = void 0;
+    }
+    ae([() => o.modelValue, () => o.valueFormat], () => {
+      const e = V(o.modelValue);
+      e !== void 0 && (D.value = e, N.value = e), E();
+    }), ae(
+      [
+        () => o.mode,
+        () => o.range,
+        () => o.validRange,
+        v,
+        () => o.readonly
+      ],
+      E
+    ), ae(
+      () => o.events,
+      () => {
+        M.value && (M.value = ze(x(M.value.day)));
+      },
+      { deep: !0 }
+    ), da(E);
+    function _(e, a = c.value) {
+      const l = k(e), t = f(l.year, a === "year" ? 0 : l.month, 1), n = f(l.year, a === "year" ? 12 : l.month + 1, 0), [s, h] = re.value;
+      return e >= X && e <= Z && n >= s && t <= h;
+    }
+    ae(
+      [re, () => o.modelValue],
+      () => {
+        const [e, a] = re.value;
+        e <= a && !_(D.value) && (D.value = Math.max(e, Math.min(a, D.value)), N.value = D.value, E());
+      },
+      { immediate: !0 }
+    );
+    function j(e) {
+      if (v.value || w.value || !_(e)) return !1;
+      const a = k(D.value), l = k(e);
+      return D.value = e, N.value = e, E(), (a.year !== l.year || a.month !== l.month) && F("panelChange", A(e), c.value), !0;
+    }
+    function Be(e) {
+      const a = V(e);
+      return a === void 0 ? !1 : j(a);
+    }
+    function J(e) {
+      return e === "today" ? O : R(
+        D.value,
+        e === "prev-month" ? -1 : e === "next-month" ? 1 : e === "prev-year" ? -12 : 12
+      );
+    }
+    function H(e) {
+      return j(J(e));
+    }
+    function be(e) {
+      return v.value || w.value || !["month", "year"].includes(e) ? !1 : (e === c.value || (o.mode === void 0 && (xe.value = e), F("update:mode", e), F("panelChange", A(D.value), e), E()), !0);
+    }
+    async function Q(e, a = "date") {
+      if (v.value || o.readonly || L(e)) return !1;
+      const l = A(e), t = z.value;
+      return o.modelValue === void 0 && (De.value = e), F("update:modelValue", l), F("select", A(e), { source: a }), t !== e && F("change", A(e)), o.range || j(e), N.value = e, await ge(), z.value === e;
+    }
+    function ta(e) {
+      const a = V(e);
+      return a === void 0 ? Promise.resolve(!1) : Q(a, "customize");
+    }
+    function ke(e) {
+      if (v.value || e.disabled) return;
+      const a = x(e.day), l = f(d.value.year, e.month, 0), t = z.value ?? a, n = k(t);
+      let s = Math.max(
+        a,
+        Math.min(
+          l,
+          R(
+            t,
+            (d.value.year - n.year) * 12 + e.month - 1 - n.month
+          )
+        )
+      );
+      if (L(s))
+        for (s = a; s <= l && L(s); ) s++;
+      Q(s, "month");
+    }
+    function Fe(e, a) {
+      !v.value && !e.disabled && F("event", e.id, e, a);
+    }
+    async function na(e, a) {
+      var l, t;
+      v.value || (Ae.value = a.currentTarget, M.value = e, F("more", e.day, e.events), aa(), await ge(), (t = (l = fe.value) == null ? void 0 : l.querySelector("button")) == null || t.focus());
+    }
+    function oa(e, a) {
+      a.target.closest(
+        'button,a,input,select,textarea,[contenteditable="true"],[role="button"]'
+      ) || Q(e);
+    }
+    async function We() {
+      var e, a, l;
+      await ge(), (l = (a = Array.from(
+        ((e = te.value) == null ? void 0 : e.querySelectorAll(".hys-ui-calendar-page")) ?? []
+      ).find((t) => t.dataset.calendarPanel === ye.value)) == null ? void 0 : a.querySelector('[role="gridcell"][tabindex="0"]')) == null || l.focus();
+    }
+    async function Re(e, a, l = !1) {
+      if (!o.keyboard || v.value || e.altKey || e.ctrlKey || e.metaKey || e.target !== e.currentTarget && !e.target.classList.contains("hys-ui-calendar-day"))
+        return;
+      let t;
+      const n = getComputedStyle(te.value).direction === "rtl" ? -1 : 1;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault(), l ? ke(G.value[k(a).month]) : await Q(a, "keyboard");
+        return;
+      }
+      if (e.key === "ArrowLeft" && (t = l ? R(a, -n) : a - n), e.key === "ArrowRight" && (t = l ? R(a, n) : a + n), e.key === "ArrowUp" && (t = l ? R(a, -3) : a - 7), e.key === "ArrowDown" && (t = l ? R(a, 3) : a + 7), e.key === "Home" && (t = l ? f(d.value.year, 0, 1) : a - (k(a).weekday - ne.value + 7) % 7), e.key === "End" && (t = l ? f(d.value.year, 11, 1) : a + (ne.value + 6 - k(a).weekday + 7) % 7), (e.key === "PageUp" || e.key === "PageDown") && (t = R(
+        a,
+        (e.key === "PageUp" ? -1 : 1) * (e.shiftKey || l ? 12 : 1)
+      )), t === void 0 || (e.preventDefault(), t < X || t > Z || o.range && (t < $.value[0] || t > $.value[1])))
+        return;
+      const s = e.key === "Home" ? 1 : e.key === "End" ? -1 : t >= a ? 1 : -1;
+      for (let h = 0; h < (l ? 12 : 366); h++) {
+        const ee = k(t);
+        if (l ? !Array.from(
+          { length: k(f(ee.year, ee.month + 1, 0)).day },
+          (ra, sa) => t - ee.day + 1 + sa
+        ).every(L) : !L(t))
+          break;
+        if (t = l ? R(t, s) : t + s, t < X || t > Z || o.range && (t < $.value[0] || t > $.value[1]) || h === (l ? 11 : 365)) return;
+      }
+      !o.range && !j(t) || (N.value = t, await We());
+    }
+    return He({
+      element: te,
+      selectedDay: u(
+        () => z.value === void 0 ? void 0 : A(z.value)
+      ),
+      panelValue: u(() => A(D.value)),
+      currentMode: c,
+      visibleRange: ve,
+      pickDay: ta,
+      selectDate: H,
+      showMonth: Be,
+      setMode: be,
+      focus: We
+    }), (e, a) => (r(), i("section", Le({
+      ref_key: "element",
+      ref: te
+    }, g(Ce), {
+      class: ["hys-ui-calendar", {
+        "hys-ui-calendar--card": !m.fullscreen,
+        "hys-ui-calendar--disabled": m.disabled
+      }],
+      "aria-busy": m.loading || void 0,
+      "aria-label": m.ariaLabel || y.value.label
+    }), [
+      m.showHeader ? (r(), i("header", Sa, [
+        T(e.$slots, "header", {
+          date: se.value,
+          value: A(D.value),
+          mode: c.value,
+          selectDate: H,
+          showMonth: Be,
+          setMode: be
+        }, () => [
+          C("strong", Va, p(se.value), 1),
+          w.value ? b("", !0) : (r(), i("div", za, [
+            m.controllerType === "select" ? (r(), i(W, { key: 0 }, [
+              S(Ee, {
+                "model-value": d.value.year,
+                options: Ge.value,
+                filterable: "",
+                size: "sm",
+                disabled: v.value,
+                "aria-label": y.value.year,
+                class: "hys-ui-calendar-year-select",
+                "onUpdate:modelValue": a[0] || (a[0] = (l) => j(g(f)(Number(l), d.value.month, 1)))
+              }, null, 8, ["model-value", "options", "disabled", "aria-label"]),
+              c.value === "month" ? (r(), Y(Ee, {
+                key: 0,
+                "model-value": d.value.month,
+                options: Je.value,
+                size: "sm",
+                disabled: v.value,
+                "aria-label": y.value.month,
+                class: "hys-ui-calendar-month-select",
+                "onUpdate:modelValue": a[1] || (a[1] = (l) => j(g(f)(d.value.year, Number(l), 1)))
+              }, null, 8, ["model-value", "options", "disabled", "aria-label"])) : b("", !0)
+            ], 64)) : b("", !0),
+            C("div", Aa, [
+              m.controllerType === "button" && c.value === "month" ? (r(), Y(q, {
+                key: 0,
+                size: "sm",
+                variant: "ghost",
+                disabled: v.value || !_(J("prev-year")),
+                "aria-label": y.value.previous + y.value.year,
+                onClick: a[2] || (a[2] = (l) => H("prev-year"))
+              }, {
+                default: K(() => [
+                  S(g(ya), { size: 16 })
+                ]),
+                _: 1
+              }, 8, ["disabled", "aria-label"])) : b("", !0),
+              S(q, {
+                size: "sm",
+                variant: "ghost",
+                disabled: v.value || !_(
+                  J(
+                    c.value === "year" ? "prev-year" : "prev-month"
+                  )
+                ),
+                "aria-label": y.value.previous + (c.value === "year" ? y.value.year : y.value.month),
+                onClick: a[3] || (a[3] = (l) => H(c.value === "year" ? "prev-year" : "prev-month"))
+              }, {
+                default: K(() => [
+                  S(g(ma), { size: 16 })
+                ]),
+                _: 1
+              }, 8, ["disabled", "aria-label"]),
+              m.showToday ? (r(), Y(q, {
+                key: 1,
+                size: "sm",
+                variant: "secondary",
+                disabled: v.value || !_(g(O)),
+                onClick: a[4] || (a[4] = (l) => H("today"))
+              }, {
+                default: K(() => [
+                  le(p(y.value.today), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : b("", !0),
+              S(q, {
+                size: "sm",
+                variant: "ghost",
+                disabled: v.value || !_(
+                  J(
+                    c.value === "year" ? "next-year" : "next-month"
+                  )
+                ),
+                "aria-label": y.value.next + (c.value === "year" ? y.value.year : y.value.month),
+                onClick: a[5] || (a[5] = (l) => H(c.value === "year" ? "next-year" : "next-month"))
+              }, {
+                default: K(() => [
+                  S(g(ha), { size: 16 })
+                ]),
+                _: 1
+              }, 8, ["disabled", "aria-label"]),
+              m.controllerType === "button" && c.value === "month" ? (r(), Y(q, {
+                key: 2,
+                size: "sm",
+                variant: "ghost",
+                disabled: v.value || !_(J("next-year")),
+                "aria-label": y.value.next + y.value.year,
+                onClick: a[6] || (a[6] = (l) => H("next-year"))
+              }, {
+                default: K(() => [
+                  S(g(fa), { size: 16 })
+                ]),
+                _: 1
+              }, 8, ["disabled", "aria-label"])) : b("", !0)
+            ]),
+            m.showModeSwitch ? (r(), Y(pa, {
+              key: 1,
+              "model-value": c.value,
+              options: [
+                { label: y.value.month, value: "month" },
+                { label: y.value.year, value: "year" }
+              ],
+              size: "sm",
+              disabled: v.value,
+              "aria-label": I.value ? "日历视图" : "Calendar view",
+              "onUpdate:modelValue": a[7] || (a[7] = (l) => be(l))
+            }, null, 8, ["model-value", "options", "disabled", "aria-label"])) : b("", !0)
+          ]))
+        ], !0)
+      ])) : b("", !0),
+      C("div", {
+        class: "hys-ui-calendar-body",
+        style: pe({ "--hys-ui-calendar-duration": Se.value + "ms" })
+      }, [
+        m.loading ? (r(), i("div", Na, [
+          T(e.$slots, "loading", {}, () => [
+            S(g(ba), {
+              size: 22,
+              class: "hys-ui-calendar-spinner"
+            }),
+            le(p(y.value.loading), 1)
+          ], !0)
+        ])) : b("", !0),
+        S(ca, {
+          name: Ye.value,
+          css: je.value,
+          onBeforeLeave: qe
+        }, {
+          default: K(() => [
+            (r(), i("div", {
+              key: ye.value,
+              class: "hys-ui-calendar-page",
+              "data-calendar-panel": ye.value
+            }, [
+              c.value === "month" ? (r(), i("div", {
+                key: 0,
+                role: "grid",
+                "aria-label": se.value,
+                "aria-readonly": m.readonly || void 0,
+                class: "hys-ui-calendar-grid"
+              }, [
+                C("div", {
+                  role: "row",
+                  class: ie(["hys-ui-calendar-weekdays", { "hys-ui-calendar--weeks": m.showWeekNumbers }])
+                }, [
+                  m.showWeekNumbers ? (r(), i("span", Wa, p(y.value.week), 1)) : b("", !0),
+                  (r(!0), i(W, null, P(Oe.value, (l) => (r(), i("span", {
+                    key: l,
+                    role: "columnheader"
+                  }, p(l), 1))), 128))
+                ], 2),
+                (r(!0), i(W, null, P(Xe.value, (l, t) => (r(), i("div", {
+                  key: t,
+                  role: "row",
+                  class: ie(["hys-ui-calendar-week", { "hys-ui-calendar--weeks": m.showWeekNumbers }])
+                }, [
+                  m.showWeekNumbers ? (r(), i("span", Ra, p(l.number), 1)) : b("", !0),
+                  (r(!0), i(W, null, P(l.days, (n) => (r(), i("div", {
+                    key: n.day,
+                    role: "gridcell",
+                    "data-date": n.day,
+                    "aria-selected": n.isSelected,
+                    "aria-current": n.isToday ? "date" : void 0,
+                    "aria-disabled": n.disabled || void 0,
+                    "aria-label": Ue.value.format(new Date(x(n.day) * 864e5)),
+                    tabindex: n.day === he.value ? 0 : -1,
+                    class: ie(["hys-ui-calendar-cell", {
+                      "hys-ui-calendar-cell--outside": n.type !== "current-month" && !w.value,
+                      "hys-ui-calendar-cell--selected": n.isSelected,
+                      "hys-ui-calendar-cell--today": n.isToday,
+                      "hys-ui-calendar-cell--disabled": n.disabled,
+                      "hys-ui-calendar-cell--hidden": !m.showAdjacentDays && n.type !== "current-month" && !w.value
+                    }]),
+                    onFocus: (s) => N.value = x(n.day),
+                    onKeydown: (s) => Re(s, x(n.day)),
+                    onClick: (s) => oa(x(n.day), s)
+                  }, [
+                    T(e.$slots, "date-full-cell", {
+                      date: n.date,
+                      data: n
+                    }, () => {
+                      var s;
+                      return [
+                        C("div", Ea, [
+                          C("button", {
+                            type: "button",
+                            tabindex: "-1",
+                            disabled: n.disabled,
+                            "aria-pressed": n.isSelected,
+                            "aria-readonly": m.readonly || void 0,
+                            class: "hys-ui-calendar-day",
+                            onClick: de((h) => Q(x(n.day)), ["stop"])
+                          }, [
+                            T(e.$slots, "date", {
+                              date: n.day,
+                              day: g(k)(x(n.day)).day
+                            }, () => [
+                              le(p(w.value ? n.day.slice(5).replace("-", "/") : g(k)(x(n.day)).day), 1)
+                            ], !0)
+                          ], 8, _a)
+                        ]),
+                        T(e.$slots, "date-cell", {
+                          date: n.date,
+                          data: n
+                        }, void 0, !0),
+                        n.events.length ? (r(), i("div", Ha, [
+                          (r(!0), i(W, null, P(n.events.slice(0, ue.value), (h, ee) => (r(), i("button", {
+                            key: h.id + ":" + ee,
+                            type: "button",
+                            tabindex: n.day === he.value ? 0 : -1,
+                            class: "hys-ui-calendar-event",
+                            disabled: v.value || h.disabled,
+                            title: [h.time, h.title, h.description].filter(Boolean).join(" · "),
+                            onClick: de((ra) => Fe(h, n.day), ["stop"])
+                          }, [
+                            T(e.$slots, "event", {
+                              event: h,
+                              date: n.day
+                            }, () => [
+                              C("span", {
+                                class: "hys-ui-calendar-dot",
+                                style: pe({ background: h.color })
+                              }, null, 4),
+                              h.time ? (r(), i("time", Pa, p(h.time), 1)) : b("", !0),
+                              C("span", null, p(h.title), 1)
+                            ], !0)
+                          ], 8, Ka))), 128)),
+                          n.events.length > ue.value ? (r(), i("button", {
+                            key: 0,
+                            type: "button",
+                            tabindex: n.day === he.value ? 0 : -1,
+                            disabled: v.value,
+                            class: "hys-ui-calendar-more",
+                            "aria-expanded": g(Ne) && ((s = M.value) == null ? void 0 : s.day) === n.day,
+                            onClick: de((h) => na(n, h), ["stop"])
+                          }, [
+                            T(e.$slots, "more", {
+                              date: n.day,
+                              count: n.events.length - ue.value
+                            }, () => [
+                              le("+" + p(n.events.length - ue.value) + " " + p(y.value.more), 1)
+                            ], !0)
+                          ], 8, Ua)) : b("", !0)
+                        ])) : b("", !0)
+                      ];
+                    }, !0)
+                  ], 42, La))), 128))
+                ], 2))), 128))
+              ], 8, Fa)) : (r(), i("div", {
+                key: 1,
+                role: "grid",
+                "aria-label": se.value,
+                "aria-readonly": m.readonly || void 0,
+                class: "hys-ui-calendar-year-grid"
+              }, [
+                (r(), i(W, null, P(4, (l) => C("div", {
+                  key: l,
+                  role: "row",
+                  class: "hys-ui-calendar-month-row"
+                }, [
+                  (r(!0), i(W, null, P(G.value.slice((l - 1) * 3, l * 3), (t) => (r(), i("div", {
+                    key: t.month,
+                    role: "gridcell",
+                    "data-month": t.month,
+                    "aria-selected": t.isSelected,
+                    "aria-disabled": t.disabled || void 0,
+                    tabindex: t.month === Qe.value ? 0 : -1,
+                    class: ie(["hys-ui-calendar-cell hys-ui-calendar-month", {
+                      "hys-ui-calendar-cell--selected": t.isSelected,
+                      "hys-ui-calendar-cell--today": t.isToday,
+                      "hys-ui-calendar-cell--disabled": t.disabled
+                    }]),
+                    onFocus: (n) => N.value = x(t.day),
+                    onKeydown: (n) => Re(n, x(t.day), !0),
+                    onClick: (n) => !n.target.closest(
+                      "button,a,input,[contenteditable]"
+                    ) && ke(t)
+                  }, [
+                    T(e.$slots, "month-full-cell", {
+                      date: t.date,
+                      data: t
+                    }, () => [
+                      C("button", {
+                        type: "button",
+                        tabindex: "-1",
+                        disabled: t.disabled,
+                        class: "hys-ui-calendar-day",
+                        "aria-pressed": t.isSelected,
+                        onClick: de((n) => ke(t), ["stop"])
+                      }, p(Me.value.format(
+                        new Date(x(t.day) * 864e5)
+                      )), 9, ja),
+                      T(e.$slots, "month-cell", {
+                        date: t.date,
+                        data: t
+                      }, () => [
+                        t.events.length ? (r(), i("span", Ya, p(t.events.length) + " " + p(I.value ? "项日程" : "events"), 1)) : b("", !0)
+                      ], !0)
+                    ], !0)
+                  ], 42, Ia))), 128))
+                ])), 64))
+              ], 8, Oa))
+            ], 8, Ba))
+          ]),
+          _: 3
+        }, 8, ["name", "css"])
+      ], 4),
+      e.$slots.footer ? (r(), i("footer", qa, [
+        T(e.$slots, "footer", {
+          selected: z.value === void 0 ? void 0 : A(z.value),
+          value: A(D.value),
+          mode: c.value,
+          visibleRange: ve.value
+        }, void 0, !0)
+      ])) : b("", !0),
+      (r(), Y(va, { to: "body" }, [
+        g(Ne) && M.value ? (r(), i("div", Le({
+          key: 0,
+          id: g(Pe) + "-events",
+          ref_key: "popup",
+          ref: fe
+        }, g(Ce), {
+          role: "dialog",
+          "aria-label": M.value.day + " " + y.value.more,
+          class: "hys-ui-calendar-popup hys-ui-floating-surface",
+          style: g(ea)
+        }), [
+          C("header", null, [
+            C("strong", null, p(M.value.day), 1),
+            S(q, {
+              variant: "ghost",
+              size: "sm",
+              "aria-label": y.value.close,
+              onClick: E
+            }, {
+              default: K(() => [
+                S(g(ka), { size: 15 })
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          C("div", Za, [
+            (r(!0), i(W, null, P(M.value.events, (l, t) => (r(), i("button", {
+              key: l.id + ":" + t,
+              type: "button",
+              class: "hys-ui-calendar-event",
+              disabled: v.value || l.disabled,
+              onClick: (n) => Fe(l, M.value.day)
+            }, [
+              T(e.$slots, "event", {
+                event: l,
+                date: M.value.day
+              }, () => [
+                C("span", {
+                  class: "hys-ui-calendar-dot",
+                  style: pe({ background: l.color })
+                }, null, 4),
+                l.time ? (r(), i("time", Ja, p(l.time), 1)) : b("", !0),
+                C("span", null, [
+                  le(p(l.title), 1),
+                  l.description ? (r(), i("small", Qa, p(l.description), 1)) : b("", !0)
+                ])
+              ], !0)
+            ], 8, Ga))), 128))
+          ])
+        ], 16, Xa)) : b("", !0)
+      ]))
+    ], 16, Ta));
+  }
+});
 export {
-  f as default
+  il as default
 };