hys-ui 0.2.0 → 0.4.0

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

@@ -1,44 +1,47 @@
-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 { 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 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 = {
+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"
-}, Va = {
+}, Aa = {
   class: "hys-ui-calendar-title",
   "aria-live": "polite"
-}, za = {
+}, Na = {
   key: 0,
   class: "hys-ui-calendar-controls"
-}, Aa = { class: "hys-ui-calendar-navigation" }, Na = {
+}, Ba = { class: "hys-ui-calendar-navigation" }, Fa = {
   key: 0,
   class: "hys-ui-calendar-loading",
   role: "status"
-}, Ba = ["data-calendar-panel"], Fa = ["aria-label", "aria-readonly"], Wa = {
+}, Wa = ["data-calendar-panel"], Ra = ["aria-label", "aria-readonly"], La = {
   key: 0,
   role: "columnheader"
-}, Ra = {
+}, Pa = {
   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 = {
+}, _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"
-}, 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 = {
+}, 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"
-}, qa = {
+}, Za = {
   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({
+}, 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: {},
@@ -70,8 +73,8 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
     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) => {
+  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(
@@ -127,7 +130,7 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
       );
     });
     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);
+      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];
@@ -140,19 +143,19 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
       const l = k(e), t = k(a);
       if (!((t.year - l.year) * 12 + t.month - l.month > 1))
         return [e, a];
-    }), $ = u(() => {
+    }), 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] = Da(a, l, ne.value);
+      ], [t, n] = Ma(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(
+      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
@@ -179,9 +182,9 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
       e.setAttribute("aria-hidden", "true"), e.inert = !0;
     }
     const Ve = u(
-      () => xa(o.events ?? [], ...$.value)
+      () => $a(o.events ?? [], ...T.value)
     );
-    function L(e) {
+    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]);
@@ -194,24 +197,24 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
         type: l < t ? "prev-month" : l > t ? "next-month" : "current-month",
         isSelected: z.value === e,
         isToday: O === e,
-        disabled: !!v.value || L(e),
+        disabled: !!v.value || P(e),
         events: Ve.value.dates.get(e) ?? []
       };
     }
     const me = u(
       () => Array.from(
-        { length: $.value[1] - $.value[0] + 1 },
-        (e, a) => ze($.value[0] + a)
+        { 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: Ma($.value[0] + a * 7),
+        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 (!L(t)) return !1;
+      for (let t = a; t <= l; t++) if (!P(t)) return !1;
       return !0;
     }
     const G = u(
@@ -227,16 +230,16 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
           events: Ve.value.months.get(d.value.year * 12 + a) ?? []
         };
       })
-    ), se = u(
+    ), 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 s;
+        var i;
         return {
-          label: ((s = o.formatter) == null ? void 0 : s.call(o, a + n, "year")) ?? `${a + n}${I.value ? "年" : ""}`,
+          label: ((i = o.formatter) == null ? void 0 : i.call(o, a + n, "year")) ?? `${a + n}${I.value ? "年" : ""}`,
           value: a + n
         };
       });
@@ -251,9 +254,9 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
     ), he = u(() => {
       var a, l, t, n;
       const e = me.value.filter(
-        (s) => !s.disabled && (o.showAdjacentDays || s.type === "current-month" || w.value)
+        (i) => !i.disabled && (o.showAdjacentDays || i.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);
+      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;
@@ -266,17 +269,17 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
           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, {
+    ), 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 E() {
-      la(), M.value = void 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), E();
+      e !== void 0 && (D.value = e, N.value = e), _();
     }), ae(
       [
         () => o.mode,
@@ -285,37 +288,37 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
         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;
+    ), 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 && !_(D.value) && (D.value = Math.max(e, Math.min(a, D.value)), N.value = D.value, E());
+        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)) return !1;
+      if (v.value || w.value || !E(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;
+      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 : R(
+      return e === "today" ? O : L(
         D.value,
         e === "prev-month" ? -1 : e === "next-month" ? 1 : e === "prev-year" ? -12 : 12
       );
@@ -324,42 +327,42 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
       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);
+      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 || L(e)) return !1;
+      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 ta(e) {
+    function na(e) {
       const a = V(e);
       return a === void 0 ? Promise.resolve(!1) : Q(a, "customize");
     }
-    function ke(e) {
+    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 s = Math.max(
+      let i = Math.max(
         a,
         Math.min(
           l,
-          R(
+          L(
             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");
+      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 na(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), aa(), await ge(), (t = (l = fe.value) == null ? void 0 : l.querySelector("button")) == null || t.focus());
+      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 oa(e, a) {
+    function ra(e, a) {
       a.target.closest(
         'button,a,input,select,textarea,[contenteditable="true"],[role="button"]'
       ) || Q(e);
@@ -376,27 +379,27 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
       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");
+        e.preventDefault(), l ? pe(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(
+      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 < $.value[0] || t > $.value[1])))
+      )), t === void 0 || (e.preventDefault(), t < X || t > Z || o.range && (t < T.value[0] || t > T.value[1])))
         return;
-      const s = e.key === "Home" ? 1 : e.key === "End" ? -1 : t >= a ? 1 : -1;
+      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 },
-          (ra, sa) => t - ee.day + 1 + sa
-        ).every(L) : !L(t))
+          (ia, ua) => t - ee.day + 1 + ua
+        ).every(P) : !P(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;
+        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 He({
+    return Ee({
       element: te,
       selectedDay: u(
         () => z.value === void 0 ? void 0 : A(z.value)
@@ -404,15 +407,15 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
       panelValue: u(() => A(D.value)),
       currentMode: c,
       visibleRange: ve,
-      pickDay: ta,
+      pickDay: na,
       selectDate: H,
       showMonth: Be,
       setMode: be,
       focus: We
-    }), (e, a) => (r(), i("section", Le({
+    }), (e, a) => (r(), s("section", Le({
       ref_key: "element",
       ref: te
-    }, g(Ce), {
+    }, b(Ce), {
       class: ["hys-ui-calendar", {
         "hys-ui-calendar--card": !m.fullscreen,
         "hys-ui-calendar--disabled": m.disabled
@@ -420,19 +423,19 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
       "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,
+      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", Va, p(se.value), 1),
-          w.value ? b("", !0) : (r(), i("div", za, [
-            m.controllerType === "select" ? (r(), i(W, { key: 0 }, [
-              S(Ee, {
+          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: "",
@@ -440,9 +443,9 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                 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)))
+                "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(Ee, {
+              c.value === "month" ? (r(), Y(Pe, {
                 key: 0,
                 "model-value": d.value.month,
                 options: Je.value,
@@ -450,27 +453,27 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                 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, [
+                "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 || !_(J("prev-year")),
+                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: K(() => [
-                  S(g(ya), { size: 16 })
+                default: R(() => [
+                  $(b(ha), { size: 16 })
                 ]),
                 _: 1
-              }, 8, ["disabled", "aria-label"])) : b("", !0),
-              S(q, {
+              }, 8, ["disabled", "aria-label"])) : p("", !0),
+              $(q, {
                 size: "sm",
                 variant: "ghost",
-                disabled: v.value || !_(
+                disabled: v.value || !E(
                   J(
                     c.value === "year" ? "prev-year" : "prev-month"
                   )
@@ -478,8 +481,8 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                 "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 })
+                default: R(() => [
+                  $(b(fa), { size: 16 })
                 ]),
                 _: 1
               }, 8, ["disabled", "aria-label"]),
@@ -487,18 +490,18 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                 key: 1,
                 size: "sm",
                 variant: "secondary",
-                disabled: v.value || !_(g(O)),
+                disabled: v.value || !E(b(O)),
                 onClick: a[4] || (a[4] = (l) => H("today"))
               }, {
-                default: K(() => [
-                  le(p(y.value.today), 1)
+                default: R(() => [
+                  le(g(y.value.today), 1)
                 ]),
                 _: 1
-              }, 8, ["disabled"])) : b("", !0),
-              S(q, {
+              }, 8, ["disabled"])) : p("", !0),
+              $(q, {
                 size: "sm",
                 variant: "ghost",
-                disabled: v.value || !_(
+                disabled: v.value || !E(
                   J(
                     c.value === "year" ? "next-year" : "next-month"
                   )
@@ -506,8 +509,8 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                 "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 })
+                default: R(() => [
+                  $(b(ba), { size: 16 })
                 ]),
                 _: 1
               }, 8, ["disabled", "aria-label"]),
@@ -515,17 +518,17 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                 key: 2,
                 size: "sm",
                 variant: "ghost",
-                disabled: v.value || !_(J("next-year")),
+                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: K(() => [
-                  S(g(fa), { size: 16 })
+                default: R(() => [
+                  $(b(pa), { size: 16 })
                 ]),
                 _: 1
-              }, 8, ["disabled", "aria-label"])) : b("", !0)
+              }, 8, ["disabled", "aria-label"])) : p("", !0)
             ]),
-            m.showModeSwitch ? (r(), Y(pa, {
+            m.showModeSwitch ? (r(), Y(wa, {
               key: 1,
               "model-value": c.value,
               options: [
@@ -536,58 +539,58 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
               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)
+            }, null, 8, ["model-value", "options", "disabled", "aria-label"])) : p("", !0)
           ]))
         ], !0)
-      ])) : b("", !0),
+      ])) : p("", !0),
       C("div", {
         class: "hys-ui-calendar-body",
-        style: pe({ "--hys-ui-calendar-duration": Se.value + "ms" })
+        style: ke({ "--hys-ui-calendar-duration": Se.value + "ms" })
       }, [
-        m.loading ? (r(), i("div", Na, [
-          T(e.$slots, "loading", {}, () => [
-            S(g(ba), {
+        m.loading ? (r(), s("div", Fa, [
+          S(e.$slots, "loading", {}, () => [
+            $(b(ka), {
               size: 22,
               class: "hys-ui-calendar-spinner"
             }),
-            le(p(y.value.loading), 1)
+            le(g(y.value.loading), 1)
           ], !0)
-        ])) : b("", !0),
-        S(ca, {
+        ])) : p("", !0),
+        $(va, {
           name: Ye.value,
           css: je.value,
           onBeforeLeave: qe
         }, {
-          default: K(() => [
-            (r(), i("div", {
+          default: R(() => [
+            (r(), s("div", {
               key: ye.value,
               class: "hys-ui-calendar-page",
               "data-calendar-panel": ye.value
             }, [
-              c.value === "month" ? (r(), i("div", {
+              c.value === "month" ? (r(), s("div", {
                 key: 0,
                 role: "grid",
-                "aria-label": se.value,
+                "aria-label": ie.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 }])
+                  class: se(["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", {
+                  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"
-                  }, p(l), 1))), 128))
+                  }, g(l), 1))), 128))
                 ], 2),
-                (r(!0), i(W, null, P(Xe.value, (l, t) => (r(), i("div", {
+                (r(!0), s(W, null, K(Xe.value, (l, t) => (r(), s("div", {
                   key: t,
                   role: "row",
-                  class: ie(["hys-ui-calendar-week", { "hys-ui-calendar--weeks": m.showWeekNumbers }])
+                  class: se(["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", {
+                  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,
@@ -596,22 +599,22 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                     "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", {
+                    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: (s) => N.value = x(n.day),
-                    onKeydown: (s) => Re(s, x(n.day)),
-                    onClick: (s) => oa(x(n.day), s)
+                    onFocus: (i) => N.value = x(n.day),
+                    onKeydown: (i) => Re(i, x(n.day)),
+                    onClick: (i) => ra(x(n.day), i)
                   }, [
-                    T(e.$slots, "date-full-cell", {
+                    S(e.$slots, "date-full-cell", {
                       date: n.date,
                       data: n
                     }, () => {
-                      var s;
+                      var i;
                       return [
                         C("div", Ea, [
                           C("button", {
@@ -623,81 +626,81 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                             class: "hys-ui-calendar-day",
                             onClick: de((h) => Q(x(n.day)), ["stop"])
                           }, [
-                            T(e.$slots, "date", {
+                            S(e.$slots, "date", {
                               date: n.day,
-                              day: g(k)(x(n.day)).day
+                              day: b(k)(x(n.day)).day
                             }, () => [
-                              le(p(w.value ? n.day.slice(5).replace("-", "/") : g(k)(x(n.day)).day), 1)
+                              le(g(w.value ? n.day.slice(5).replace("-", "/") : b(k)(x(n.day)).day), 1)
                             ], !0)
-                          ], 8, _a)
+                          ], 8, Ha)
                         ]),
-                        T(e.$slots, "date-cell", {
+                        S(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", {
+                        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((ra) => Fe(h, n.day), ["stop"])
+                            onClick: de((ia) => Fe(h, n.day), ["stop"])
                           }, [
-                            T(e.$slots, "event", {
+                            S(e.$slots, "event", {
                               event: h,
                               date: n.day
                             }, () => [
                               C("span", {
                                 class: "hys-ui-calendar-dot",
-                                style: pe({ background: h.color })
+                                style: ke({ background: h.color })
                               }, null, 4),
-                              h.time ? (r(), i("time", Pa, p(h.time), 1)) : b("", !0),
-                              C("span", null, p(h.title), 1)
+                              h.time ? (r(), s("time", Oa, g(h.time), 1)) : p("", !0),
+                              C("span", null, g(h.title), 1)
                             ], !0)
-                          ], 8, Ka))), 128)),
-                          n.events.length > ue.value ? (r(), i("button", {
+                          ], 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": g(Ne) && ((s = M.value) == null ? void 0 : s.day) === n.day,
-                            onClick: de((h) => na(n, h), ["stop"])
+                            "aria-expanded": b(Ne) && ((i = M.value) == null ? void 0 : i.day) === n.day,
+                            onClick: de((h) => oa(n, h), ["stop"])
                           }, [
-                            T(e.$slots, "more", {
+                            S(e.$slots, "more", {
                               date: n.day,
                               count: n.events.length - ue.value
                             }, () => [
-                              le("+" + p(n.events.length - ue.value) + " " + p(y.value.more), 1)
+                              le("+" + g(n.events.length - ue.value) + " " + g(y.value.more), 1)
                             ], !0)
-                          ], 8, Ua)) : b("", !0)
-                        ])) : b("", !0)
+                          ], 8, Ia)) : p("", !0)
+                        ])) : p("", !0)
                       ];
                     }, !0)
-                  ], 42, La))), 128))
+                  ], 42, _a))), 128))
                 ], 2))), 128))
-              ], 8, Fa)) : (r(), i("div", {
+              ], 8, Ra)) : (r(), s("div", {
                 key: 1,
                 role: "grid",
-                "aria-label": se.value,
+                "aria-label": ie.value,
                 "aria-readonly": m.readonly || void 0,
                 class: "hys-ui-calendar-year-grid"
               }, [
-                (r(), i(W, null, P(4, (l) => C("div", {
+                (r(), s(W, null, K(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", {
+                  (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: ie(["hys-ui-calendar-cell hys-ui-calendar-month", {
+                    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
@@ -706,9 +709,9 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                     onKeydown: (n) => Re(n, x(t.day), !0),
                     onClick: (n) => !n.target.closest(
                       "button,a,input,[contenteditable]"
-                    ) && ke(t)
+                    ) && pe(t)
                   }, [
-                    T(e.$slots, "month-full-cell", {
+                    S(e.$slots, "month-full-cell", {
                       date: t.date,
                       data: t
                     }, () => [
@@ -718,88 +721,97 @@ const Ta = ["aria-busy", "aria-label"], Sa = {
                         disabled: t.disabled,
                         class: "hys-ui-calendar-day",
                         "aria-pressed": t.isSelected,
-                        onClick: de((n) => ke(t), ["stop"])
-                      }, p(Me.value.format(
+                        onClick: de((n) => pe(t), ["stop"])
+                      }, g(Me.value.format(
                         new Date(x(t.day) * 864e5)
-                      )), 9, ja),
-                      T(e.$slots, "month-cell", {
+                      )), 9, qa),
+                      S(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)
+                        t.events.length ? (r(), s("span", Xa, g(t.events.length) + " " + g(I.value ? "项日程" : "events"), 1)) : p("", !0)
                       ], !0)
                     ], !0)
-                  ], 42, Ia))), 128))
+                  ], 42, Ya))), 128))
                 ])), 64))
-              ], 8, Oa))
-            ], 8, Ba))
+              ], 8, ja))
+            ], 8, Wa))
           ]),
           _: 3
         }, 8, ["name", "css"])
       ], 4),
-      e.$slots.footer ? (r(), i("footer", qa, [
-        T(e.$slots, "footer", {
+      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)
-      ])) : 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 })
+      ])) : 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"])
               ]),
-              _: 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)
           ]),
-          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)
+          _: 3
+        }, 8, ["popup-transition", "popup-transition-duration", "placement"])
       ]))
-    ], 16, Ta));
+    ], 16, Va));
   }
 });
 export {
-  il as default
+  vl as default
 };