hys-ui 0.1.1 → 0.3.0

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

@@ -1,4 +1,817 @@
-import f from "./HysCalendar.vue.js";
+import { defineComponent as sa, ref as B, useId as da, computed as u, watch as ae, onDeactivated as ca, openBlock as r, createElementBlock as s, mergeProps as Le, unref as b, renderSlot as S, createElementVNode as C, toDisplayString as g, Fragment as W, createVNode as $, createBlock as Y, createCommentVNode as p, withCtx as R, createTextVNode as le, normalizeStyle as ke, Transition as va, normalizeClass as se, renderList as K, withModifiers as de, Teleport as ya, nextTick as ge } from "vue";
+import ma from "../../motion/PopupMotion.js";
+import { ChevronsLeft as ha, ChevronLeft as fa, ChevronRight as ba, ChevronsRight as pa, LoaderCircle as ka, X as ga } from "lucide-vue-next";
+import q from "../HysButton/HysButton.vue.js";
+import Pe from "../HysSelect/HysSelect.vue.js";
+import wa from "../HysSegmented/HysSegmented.vue.js";
+import { useHysRootAttrs as Ca } from "../../config.js";
+import { useMotion as Da } from "../../motion/useMotion.js";
+import { useFloating as xa } from "../../composables/useFloating.js";
+import { calendarDay as _e, civilDay as f, calendarParts as k, calendarWeeks as Ma, calendarISO as U, calendarEvents as $a, calendarWeek as Ta, calendarDate as we, calendarFormat as Sa, calendarShift as L } from "../../composables/calendar.js";
+const Va = ["aria-busy", "aria-label"], za = {
+  key: 0,
+  class: "hys-ui-calendar-header"
+}, Aa = {
+  class: "hys-ui-calendar-title",
+  "aria-live": "polite"
+}, Na = {
+  key: 0,
+  class: "hys-ui-calendar-controls"
+}, Ba = { class: "hys-ui-calendar-navigation" }, Fa = {
+  key: 0,
+  class: "hys-ui-calendar-loading",
+  role: "status"
+}, Wa = ["data-calendar-panel"], Ra = ["aria-label", "aria-readonly"], La = {
+  key: 0,
+  role: "columnheader"
+}, Pa = {
+  key: 0,
+  role: "rowheader",
+  class: "hys-ui-calendar-week-number"
+}, _a = ["data-date", "aria-selected", "aria-current", "aria-disabled", "aria-label", "tabindex", "onFocus", "onKeydown", "onClick"], Ea = { class: "hys-ui-calendar-day-heading" }, Ha = ["disabled", "aria-pressed", "aria-readonly", "onClick"], Ka = {
+  key: 0,
+  class: "hys-ui-calendar-events"
+}, Ua = ["tabindex", "disabled", "title", "onClick"], Oa = { key: 0 }, Ia = ["tabindex", "disabled", "aria-expanded", "onClick"], ja = ["aria-label", "aria-readonly"], Ya = ["data-month", "aria-selected", "aria-disabled", "tabindex", "onFocus", "onKeydown", "onClick"], qa = ["disabled", "aria-pressed", "onClick"], Xa = {
+  key: 0,
+  class: "hys-ui-calendar-month-count"
+}, Za = {
+  key: 1,
+  class: "hys-ui-calendar-footer"
+}, Ga = ["id", "aria-label"], Ja = { class: "hys-ui-calendar-popup-events" }, Qa = ["disabled", "onClick"], el = { key: 0 }, al = { key: 0 }, vl = /* @__PURE__ */ sa({
+  __name: "HysCalendar",
+  props: {
+    popupTransition: {},
+    popupTransitionDuration: {},
+    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: Ee, emit: He }) {
+    const o = m, F = He, Ce = Ca(), te = B(), Ke = da(), 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) : Sa(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];
+    }), T = 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] = Ma(a, l, ne.value);
+      return [t, o.fixedWeeks && !w.value ? t + 41 : n];
+    }), ve = u(() => [
+      U(T.value[0]),
+      U(T.value[1])
+    ]), { effectiveMotion: Ie } = Da(), $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(
+      () => $a(o.events ?? [], ...T.value)
+    );
+    function P(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 || P(e),
+        events: Ve.value.dates.get(e) ?? []
+      };
+    }
+    const me = u(
+      () => Array.from(
+        { length: T.value[1] - T.value[0] + 1 },
+        (e, a) => ze(T.value[0] + a)
+      )
+    ), Xe = u(
+      () => Array.from({ length: me.value.length / 7 }, (e, a) => ({
+        number: Ta(T.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 (!P(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) ?? []
+        };
+      })
+    ), ie = 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 i;
+        return {
+          label: ((i = o.formatter) == null ? void 0 : i.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(
+        (i) => !i.disabled && (o.showAdjacentDays || i.type === "current-month" || w.value)
+      );
+      return ((a = e.find((i) => V(i.day) === N.value)) == null ? void 0 : a.day) ?? ((l = e.find((i) => i.isSelected)) == null ? void 0 : l.day) ?? ((t = e.find((i) => i.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(), { placement: ea, open: Ne, style: aa, show: la, close: ta } = xa(Ae, fe, {
+      placement: "bottom-start",
+      width: () => 320,
+      closeOnTab: !0
+    });
+    function _() {
+      ta(), M.value = void 0;
+    }
+    ae([() => o.modelValue, () => o.valueFormat], () => {
+      const e = V(o.modelValue);
+      e !== void 0 && (D.value = e, N.value = e), _();
+    }), ae(
+      [
+        () => o.mode,
+        () => o.range,
+        () => o.validRange,
+        v,
+        () => o.readonly
+      ],
+      _
+    ), ae(
+      () => o.events,
+      () => {
+        M.value && (M.value = ze(x(M.value.day)));
+      },
+      { deep: !0 }
+    ), ca(_);
+    function E(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), [i, h] = re.value;
+      return e >= X && e <= Z && n >= i && t <= h;
+    }
+    ae(
+      [re, () => o.modelValue],
+      () => {
+        const [e, a] = re.value;
+        e <= a && !E(D.value) && (D.value = Math.max(e, Math.min(a, D.value)), N.value = D.value, _());
+      },
+      { immediate: !0 }
+    );
+    function j(e) {
+      if (v.value || w.value || !E(e)) return !1;
+      const a = k(D.value), l = k(e);
+      return D.value = e, N.value = 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 : L(
+        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), _()), !0);
+    }
+    async function Q(e, a = "date") {
+      if (v.value || o.readonly || P(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 na(e) {
+      const a = V(e);
+      return a === void 0 ? Promise.resolve(!1) : Q(a, "customize");
+    }
+    function pe(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 i = Math.max(
+        a,
+        Math.min(
+          l,
+          L(
+            t,
+            (d.value.year - n.year) * 12 + e.month - 1 - n.month
+          )
+        )
+      );
+      if (P(i))
+        for (i = a; i <= l && P(i); ) i++;
+      Q(i, "month");
+    }
+    function Fe(e, a) {
+      !v.value && !e.disabled && F("event", e.id, e, a);
+    }
+    async function oa(e, a) {
+      var l, t;
+      v.value || (Ae.value = a.currentTarget, M.value = e, F("more", e.day, e.events), la(), await ge(), (t = (l = fe.value) == null ? void 0 : l.querySelector("button")) == null || t.focus());
+    }
+    function ra(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 ? pe(G.value[k(a).month]) : await Q(a, "keyboard");
+        return;
+      }
+      if (e.key === "ArrowLeft" && (t = l ? L(a, -n) : a - n), e.key === "ArrowRight" && (t = l ? L(a, n) : a + n), e.key === "ArrowUp" && (t = l ? L(a, -3) : a - 7), e.key === "ArrowDown" && (t = l ? L(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 = L(
+        a,
+        (e.key === "PageUp" ? -1 : 1) * (e.shiftKey || l ? 12 : 1)
+      )), t === void 0 || (e.preventDefault(), t < X || t > Z || o.range && (t < T.value[0] || t > T.value[1])))
+        return;
+      const i = 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 },
+          (ia, ua) => t - ee.day + 1 + ua
+        ).every(P) : !P(t))
+          break;
+        if (t = l ? L(t, i) : t + i, t < X || t > Z || o.range && (t < T.value[0] || t > T.value[1]) || h === (l ? 11 : 365)) return;
+      }
+      !o.range && !j(t) || (N.value = t, await We());
+    }
+    return Ee({
+      element: te,
+      selectedDay: u(
+        () => z.value === void 0 ? void 0 : A(z.value)
+      ),
+      panelValue: u(() => A(D.value)),
+      currentMode: c,
+      visibleRange: ve,
+      pickDay: na,
+      selectDate: H,
+      showMonth: Be,
+      setMode: be,
+      focus: We
+    }), (e, a) => (r(), s("section", Le({
+      ref_key: "element",
+      ref: te
+    }, b(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(), s("header", za, [
+        S(e.$slots, "header", {
+          date: ie.value,
+          value: A(D.value),
+          mode: c.value,
+          selectDate: H,
+          showMonth: Be,
+          setMode: be
+        }, () => [
+          C("strong", Aa, g(ie.value), 1),
+          w.value ? p("", !0) : (r(), s("div", Na, [
+            m.controllerType === "select" ? (r(), s(W, { key: 0 }, [
+              $(Pe, {
+                "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(b(f)(Number(l), d.value.month, 1)))
+              }, null, 8, ["model-value", "options", "disabled", "aria-label"]),
+              c.value === "month" ? (r(), Y(Pe, {
+                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(b(f)(d.value.year, Number(l), 1)))
+              }, null, 8, ["model-value", "options", "disabled", "aria-label"])) : p("", !0)
+            ], 64)) : p("", !0),
+            C("div", Ba, [
+              m.controllerType === "button" && c.value === "month" ? (r(), Y(q, {
+                key: 0,
+                size: "sm",
+                variant: "ghost",
+                disabled: v.value || !E(J("prev-year")),
+                "aria-label": y.value.previous + y.value.year,
+                onClick: a[2] || (a[2] = (l) => H("prev-year"))
+              }, {
+                default: R(() => [
+                  $(b(ha), { size: 16 })
+                ]),
+                _: 1
+              }, 8, ["disabled", "aria-label"])) : p("", !0),
+              $(q, {
+                size: "sm",
+                variant: "ghost",
+                disabled: v.value || !E(
+                  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: R(() => [
+                  $(b(fa), { size: 16 })
+                ]),
+                _: 1
+              }, 8, ["disabled", "aria-label"]),
+              m.showToday ? (r(), Y(q, {
+                key: 1,
+                size: "sm",
+                variant: "secondary",
+                disabled: v.value || !E(b(O)),
+                onClick: a[4] || (a[4] = (l) => H("today"))
+              }, {
+                default: R(() => [
+                  le(g(y.value.today), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])) : p("", !0),
+              $(q, {
+                size: "sm",
+                variant: "ghost",
+                disabled: v.value || !E(
+                  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: R(() => [
+                  $(b(ba), { 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 || !E(J("next-year")),
+                "aria-label": y.value.next + y.value.year,
+                onClick: a[6] || (a[6] = (l) => H("next-year"))
+              }, {
+                default: R(() => [
+                  $(b(pa), { size: 16 })
+                ]),
+                _: 1
+              }, 8, ["disabled", "aria-label"])) : p("", !0)
+            ]),
+            m.showModeSwitch ? (r(), Y(wa, {
+              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"])) : p("", !0)
+          ]))
+        ], !0)
+      ])) : p("", !0),
+      C("div", {
+        class: "hys-ui-calendar-body",
+        style: ke({ "--hys-ui-calendar-duration": Se.value + "ms" })
+      }, [
+        m.loading ? (r(), s("div", Fa, [
+          S(e.$slots, "loading", {}, () => [
+            $(b(ka), {
+              size: 22,
+              class: "hys-ui-calendar-spinner"
+            }),
+            le(g(y.value.loading), 1)
+          ], !0)
+        ])) : p("", !0),
+        $(va, {
+          name: Ye.value,
+          css: je.value,
+          onBeforeLeave: qe
+        }, {
+          default: R(() => [
+            (r(), s("div", {
+              key: ye.value,
+              class: "hys-ui-calendar-page",
+              "data-calendar-panel": ye.value
+            }, [
+              c.value === "month" ? (r(), s("div", {
+                key: 0,
+                role: "grid",
+                "aria-label": ie.value,
+                "aria-readonly": m.readonly || void 0,
+                class: "hys-ui-calendar-grid"
+              }, [
+                C("div", {
+                  role: "row",
+                  class: se(["hys-ui-calendar-weekdays", { "hys-ui-calendar--weeks": m.showWeekNumbers }])
+                }, [
+                  m.showWeekNumbers ? (r(), s("span", La, g(y.value.week), 1)) : p("", !0),
+                  (r(!0), s(W, null, K(Oe.value, (l) => (r(), s("span", {
+                    key: l,
+                    role: "columnheader"
+                  }, g(l), 1))), 128))
+                ], 2),
+                (r(!0), s(W, null, K(Xe.value, (l, t) => (r(), s("div", {
+                  key: t,
+                  role: "row",
+                  class: se(["hys-ui-calendar-week", { "hys-ui-calendar--weeks": m.showWeekNumbers }])
+                }, [
+                  m.showWeekNumbers ? (r(), s("span", Pa, g(l.number), 1)) : p("", !0),
+                  (r(!0), s(W, null, K(l.days, (n) => (r(), s("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: se(["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: (i) => N.value = x(n.day),
+                    onKeydown: (i) => Re(i, x(n.day)),
+                    onClick: (i) => ra(x(n.day), i)
+                  }, [
+                    S(e.$slots, "date-full-cell", {
+                      date: n.date,
+                      data: n
+                    }, () => {
+                      var i;
+                      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"])
+                          }, [
+                            S(e.$slots, "date", {
+                              date: n.day,
+                              day: b(k)(x(n.day)).day
+                            }, () => [
+                              le(g(w.value ? n.day.slice(5).replace("-", "/") : b(k)(x(n.day)).day), 1)
+                            ], !0)
+                          ], 8, Ha)
+                        ]),
+                        S(e.$slots, "date-cell", {
+                          date: n.date,
+                          data: n
+                        }, void 0, !0),
+                        n.events.length ? (r(), s("div", Ka, [
+                          (r(!0), s(W, null, K(n.events.slice(0, ue.value), (h, ee) => (r(), s("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((ia) => Fe(h, n.day), ["stop"])
+                          }, [
+                            S(e.$slots, "event", {
+                              event: h,
+                              date: n.day
+                            }, () => [
+                              C("span", {
+                                class: "hys-ui-calendar-dot",
+                                style: ke({ background: h.color })
+                              }, null, 4),
+                              h.time ? (r(), s("time", Oa, g(h.time), 1)) : p("", !0),
+                              C("span", null, g(h.title), 1)
+                            ], !0)
+                          ], 8, Ua))), 128)),
+                          n.events.length > ue.value ? (r(), s("button", {
+                            key: 0,
+                            type: "button",
+                            tabindex: n.day === he.value ? 0 : -1,
+                            disabled: v.value,
+                            class: "hys-ui-calendar-more",
+                            "aria-expanded": b(Ne) && ((i = M.value) == null ? void 0 : i.day) === n.day,
+                            onClick: de((h) => oa(n, h), ["stop"])
+                          }, [
+                            S(e.$slots, "more", {
+                              date: n.day,
+                              count: n.events.length - ue.value
+                            }, () => [
+                              le("+" + g(n.events.length - ue.value) + " " + g(y.value.more), 1)
+                            ], !0)
+                          ], 8, Ia)) : p("", !0)
+                        ])) : p("", !0)
+                      ];
+                    }, !0)
+                  ], 42, _a))), 128))
+                ], 2))), 128))
+              ], 8, Ra)) : (r(), s("div", {
+                key: 1,
+                role: "grid",
+                "aria-label": ie.value,
+                "aria-readonly": m.readonly || void 0,
+                class: "hys-ui-calendar-year-grid"
+              }, [
+                (r(), s(W, null, K(4, (l) => C("div", {
+                  key: l,
+                  role: "row",
+                  class: "hys-ui-calendar-month-row"
+                }, [
+                  (r(!0), s(W, null, K(G.value.slice((l - 1) * 3, l * 3), (t) => (r(), s("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: se(["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]"
+                    ) && pe(t)
+                  }, [
+                    S(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) => pe(t), ["stop"])
+                      }, g(Me.value.format(
+                        new Date(x(t.day) * 864e5)
+                      )), 9, qa),
+                      S(e.$slots, "month-cell", {
+                        date: t.date,
+                        data: t
+                      }, () => [
+                        t.events.length ? (r(), s("span", Xa, g(t.events.length) + " " + g(I.value ? "项日程" : "events"), 1)) : p("", !0)
+                      ], !0)
+                    ], !0)
+                  ], 42, Ya))), 128))
+                ])), 64))
+              ], 8, ja))
+            ], 8, Wa))
+          ]),
+          _: 3
+        }, 8, ["name", "css"])
+      ], 4),
+      e.$slots.footer ? (r(), s("footer", Za, [
+        S(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)
+      ])) : p("", !0),
+      (r(), Y(ya, { to: "body" }, [
+        $(b(ma), {
+          "popup-transition": o.popupTransition,
+          "popup-transition-duration": o.popupTransitionDuration,
+          placement: b(ea)
+        }, {
+          default: R(() => [
+            b(Ne) && M.value ? (r(), s("div", Le({
+              key: 0,
+              id: b(Ke) + "-events",
+              ref_key: "popup",
+              ref: fe
+            }, b(Ce), {
+              role: "dialog",
+              "aria-label": M.value.day + " " + y.value.more,
+              class: "hys-ui-calendar-popup hys-ui-floating-surface",
+              style: b(aa)
+            }), [
+              C("header", null, [
+                C("strong", null, g(M.value.day), 1),
+                $(q, {
+                  variant: "ghost",
+                  size: "sm",
+                  "aria-label": y.value.close,
+                  onClick: _
+                }, {
+                  default: R(() => [
+                    $(b(ga), { size: 15 })
+                  ]),
+                  _: 1
+                }, 8, ["aria-label"])
+              ]),
+              C("div", Ja, [
+                (r(!0), s(W, null, K(M.value.events, (l, t) => (r(), s("button", {
+                  key: l.id + ":" + t,
+                  type: "button",
+                  class: "hys-ui-calendar-event",
+                  disabled: v.value || l.disabled,
+                  onClick: (n) => Fe(l, M.value.day)
+                }, [
+                  S(e.$slots, "event", {
+                    event: l,
+                    date: M.value.day
+                  }, () => [
+                    C("span", {
+                      class: "hys-ui-calendar-dot",
+                      style: ke({ background: l.color })
+                    }, null, 4),
+                    l.time ? (r(), s("time", el, g(l.time), 1)) : p("", !0),
+                    C("span", null, [
+                      le(g(l.title), 1),
+                      l.description ? (r(), s("small", al, g(l.description), 1)) : p("", !0)
+                    ])
+                  ], !0)
+                ], 8, Qa))), 128))
+              ])
+            ], 16, Ga)) : p("", !0)
+          ]),
+          _: 3
+        }, 8, ["popup-transition", "popup-transition-duration", "placement"])
+      ]))
+    ], 16, Va));
+  }
+});
 export {
-  f as default
+  vl as default
 };