vft 0.0.249 → 0.0.252

package/es/components/date-picker/date-picker-com/basic-date-table.vue.d.ts

@@ -1,4 +1,3 @@
-import type { Dayjs } from 'dayjs';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly cellClassName: {
         readonly type: import("vue").PropType<(date: Date) => string>;
@@ -9,31 +8,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly showWeekNumber: BooleanConstructor;
     readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     readonly disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly date: {
-        readonly type: import("vue").PropType<Dayjs>;
+        readonly type: import("vue").PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly minDate: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null) | (((new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly maxDate: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null) | (((new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly parsedValue: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (() => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (((new (...args: any[]) => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (() => import("dayjs").Dayjs | import("dayjs").Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -46,12 +45,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /**
      * @description focus on current cell
      */
-    focus: () => Promise<void>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (...args: any[]) => void;
-    pick: (...args: any[]) => void;
-    changerange: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    focus: () => Promise<void | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly cellClassName: {
         readonly type: import("vue").PropType<(date: Date) => string>;
         readonly required: false;
@@ -61,31 +56,31 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly showWeekNumber: BooleanConstructor;
     readonly selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     readonly disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly date: {
-        readonly type: import("vue").PropType<Dayjs>;
+        readonly type: import("vue").PropType<import("dayjs").Dayjs>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly minDate: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null) | (((new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly maxDate: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs) | (() => Dayjs | null) | (((new (...args: any[]) => Dayjs) | (() => Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null) | (((new (...args: any[]) => import("dayjs").Dayjs) | (() => import("dayjs").Dayjs | null)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly parsedValue: {
-        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[]) | (((new (...args: any[]) => Dayjs | Dayjs[]) | (() => Dayjs | Dayjs[])) | null)[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (() => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (((new (...args: any[]) => import("dayjs").Dayjs | import("dayjs").Dayjs[]) | (() => import("dayjs").Dayjs | import("dayjs").Dayjs[])) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -94,13 +89,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         endDate: null;
         selecting: boolean;
     }, boolean>;
-}>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
-    onPick?: ((...args: any[]) => any) | undefined;
-    onChangerange?: ((...args: any[]) => any) | undefined;
-}>, {
-    readonly rangeState: import("../props/shared").RangeState;
+}>> & Readonly<{}>, {
     readonly showWeekNumber: boolean;
+    readonly rangeState: import("../props/shared").RangeState;
     readonly selectionMode: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/date-picker/date-picker-com/basic-date-table.vue2.js

@@ -1,197 +1,94 @@
-import { defineComponent as se, ref as p, computed as h, unref as l, watch as ne, nextTick as re, createElementBlock as f, openBlock as m, withModifiers as oe, normalizeClass as w, createElementVNode as T, createCommentVNode as ie, Fragment as C, renderList as x, toDisplayString as ue, createVNode as ce } from "vue";
-import { WEEK_DAYS as de } from "../../../constants/date.js";
-import "@vueuse/core";
-import "@vft/utils";
-import "../../../utils/ns-cover.js";
-import { flatten as le } from "lodash-es";
-import { useNamespace as fe } from "../../../hooks/use-namespace/index.js";
-import "../../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../../hooks/use-z-index/index.js";
-import $ from "dayjs";
-import { basicDateTableProps as me } from "../props/basic-date-table.js";
-import { castArray as N, buildPickerTable as pe } from "../utils.js";
-import he from "./basic-cell-render.js";
-const ye = {
-  key: 0,
-  scope: "col"
-}, De = ["aria-label"], ke = ["aria-current", "aria-selected", "tabindex"], We = /* @__PURE__ */ se({
+import { defineComponent as K, onBeforeUnmount as L, createElementBlock as s, openBlock as o, unref as e, withModifiers as $, normalizeClass as n, createElementVNode as M, createCommentVNode as z, Fragment as u, renderList as d, toDisplayString as A, createVNode as H } from "vue";
+import { basicDateTableEmits as O, basicDateTableProps as j } from "../props/basic-date-table.js";
+import { useBasicDateTable as q, useBasicDateTableDOM as G } from "../composables/use-basic-date-table.js";
+import I from "./basic-cell-render.js";
+const J = ["aria-label"], Q = ["aria-label"], X = ["aria-current", "aria-selected", "tabindex"], re = /* @__PURE__ */ K({
   __name: "basic-date-table",
-  props: me,
-  emits: ["changerange", "pick", "select"],
-  setup(j, { expose: z, emit: L }) {
-    const a = j, d = L, O = fe("date-table"), _ = p("zh-cn"), V = p(), k = p(), S = p(), R = p(), B = p([[], [], [], [], [], []]);
-    let b = !1;
-    const y = a.date.$locale("zh-cn").weekStart || 7, v = h(() => y > 3 ? 7 - y : -y), g = h(() => {
-      const e = a.date.startOf("month");
-      return e.subtract(e.day() || 7, "day");
-    }), E = h(() => le(D.value).some((e) => e.isCurrent)), U = h(() => {
-      const e = a.date.startOf("month"), t = e.day() || 7, s = e.daysInMonth(), n = e.subtract(1, "month").daysInMonth();
-      return {
-        startOfMonthDay: t,
-        dateCountOfMonth: s,
-        dateCountOfLastMonth: n
-      };
-    }), G = h(() => a.selectionMode === "dates" ? N(a.parsedValue) : []), Y = (e, {
-      count: t,
-      rowIndex: s,
-      columnIndex: n
-    }) => {
-      const { startOfMonthDay: i, dateCountOfMonth: u, dateCountOfLastMonth: r } = l(U), c = l(v);
-      if (s >= 0 && s <= 1) {
-        const o = i + c < 0 ? 7 + i + c : i + c;
-        if (n + s * 7 >= o)
-          return e.text = t, !0;
-        e.text = r - (o - n % 7) + 1 + s * 7, e.type = "prev-month";
-      } else
-        return t <= u ? e.text = t : (e.text = t - u, e.type = "next-month"), !0;
-      return !1;
-    }, q = (e, {
-      columnIndex: t,
-      rowIndex: s
-    }, n) => {
-      const { disabledDate: i, cellClassName: u } = a, r = l(G), c = Y(e, { count: n, rowIndex: s, columnIndex: t }), o = e.dayjs.toDate();
-      return e.selected = r.find(
-        (ae) => ae.valueOf() === e.dayjs.valueOf()
-      ), e.isSelected = !!e.selected, e.isCurrent = W(e), e.disabled = i?.(o), e.customClass = u?.(o), c;
-    }, H = (e) => {
-      if (a.selectionMode === "week") {
-        const [t, s] = a.showWeekNumber ? [1, 7] : [0, 6], n = F(e[t + 1]);
-        e[t].inRange = n, e[t].start = n, e[s].inRange = n, e[s].end = n;
-      }
-    }, D = h(() => {
-      const { minDate: e, maxDate: t, rangeState: s, showWeekNumber: n } = a, i = v.value, u = B.value, r = "day";
-      let c = 1;
-      if (n)
-        for (let o = 0; o < 6; o++)
-          u[o][0] || (u[o][0] = {
-            type: "week",
-            text: g.value.add(o * 7 + 1, r).week()
-          });
-      return pe({ row: 6, column: 7 }, u, {
-        startDate: e,
-        columnIndexOffset: n ? 1 : 0,
-        nextEndDate: s.endDate || t || s.selecting && e || null,
-        now: $().locale(l(_)).startOf(r),
-        unit: r,
-        relativeDateGetter: (o) => g.value.add(o - i, r),
-        setCellMetadata: (...o) => {
-          q(...o, c) && (c += 1);
-        },
-        setRowMetadata: H
-      }), u;
+  props: j,
+  emits: O,
+  setup(g, { expose: y, emit: v }) {
+    const m = g, E = v, {
+      WEEKS: B,
+      rows: w,
+      tbodyRef: x,
+      currentCellRef: N,
+      focus: R,
+      isCurrent: T,
+      isWeekActive: h,
+      isSelectedCell: b,
+      handlePickDate: c,
+      handleMouseUp: p,
+      handleMouseDown: f,
+      handleMouseMove: C,
+      handleFocus: k
+    } = q(m, E), { tableLabel: F, tableKls: P, getCellClasses: S, getRowKls: U, weekHeaderClass: V } = G(m, {
+      isCurrent: T,
+      isWeekActive: h
     });
-    ne(
-      () => a.date,
-      async () => {
-        V.value?.contains(document.activeElement) && (await re(), k.value?.focus());
-      }
-    );
-    const J = async () => {
-      k.value?.focus();
-    }, M = (e = "") => ["normal", "today"].includes(e), W = (e) => a.selectionMode === "date" && M(e.type) && K(e, a.parsedValue), K = (e, t) => t ? $(t).locale(_.value).isSame(a.date.date(Number(e.text)), "day") : !1, Q = (e) => {
-      const t = [];
-      return M(e.type) && !e.disabled ? (t.push("available"), e.type === "today" && t.push("today")) : t.push(e.type), W(e) && t.push("current"), e.inRange && (M(e.type) || a.selectionMode === "week") && (t.push("in-range"), e.start && t.push("start-date"), e.end && t.push("end-date")), e.disabled && t.push("disabled"), e.selected && t.push("selected"), e.customClass && t.push(e.customClass), t.join(" ");
-    }, A = (e, t) => {
-      const s = e * 7 + (t - (a.showWeekNumber ? 1 : 0)) - v.value;
-      return g.value.add(s, "day");
-    }, X = (e) => {
-      if (!a.rangeState.selecting) return;
-      let t = e.target;
-      if (t.tagName === "SPAN" && (t = t.parentNode?.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD") return;
-      const s = t.parentNode.rowIndex - 1, n = t.cellIndex;
-      D.value[s][n].disabled || (s !== S.value || n !== R.value) && (S.value = s, R.value = n, d("changerange", {
-        selecting: !0,
-        endDate: A(s, n)
-      }));
-    }, I = (e) => !E.value && e?.text === 1 && e.type === "normal" || e.isCurrent, Z = (e) => {
-      b || E.value || a.selectionMode !== "date" || P(e, !0);
-    }, ee = (e) => {
-      e.target.closest("td") && (b = !0);
-    }, te = (e) => {
-      e.target.closest("td") && (b = !1);
-    }, P = (e, t = !1) => {
-      const s = e.target.closest("td");
-      if (!s) return;
-      const n = s.parentNode.rowIndex - 1, i = s.cellIndex, u = D.value[n][i];
-      if (u.disabled || u.type === "week") return;
-      const r = A(n, i);
-      if (a.selectionMode === "range")
-        !a.rangeState.selecting || !a.minDate ? (d("pick", { minDate: r, maxDate: null }), d("select", !0)) : (r >= a.minDate ? d("pick", { minDate: a.minDate, maxDate: r }) : d("pick", { minDate: r, maxDate: a.minDate }), d("select", !1));
-      else if (a.selectionMode === "date")
-        d("pick", r, t);
-      else if (a.selectionMode === "week") {
-        const c = r.week(), o = `${r.year()}w${c}`;
-        d("pick", {
-          year: r.year(),
-          week: c,
-          value: o,
-          date: r.startOf("week")
-        });
-      } else if (a.selectionMode === "dates") {
-        const c = u.selected ? N(a.parsedValue).filter(
-          (o) => o?.valueOf() !== r.valueOf()
-        ) : N(a.parsedValue).concat([r]);
-        d("pick", c);
-      }
-    }, F = (e) => {
-      if (a.selectionMode !== "week") return !1;
-      let t = a.date.startOf("day");
-      if (e.type === "prev-month" && (t = t.subtract(1, "month")), e.type === "next-month" && (t = t.add(1, "month")), t = t.date(Number.parseInt(e.text, 10)), a.parsedValue && !Array.isArray(a.parsedValue)) {
-        const s = (a.parsedValue.day() - y + 7) % 7 - 1;
-        return a.parsedValue.subtract(s, "day").isSame(t, "day");
-      }
-      return !1;
-    };
-    return z({
+    let D = !1;
+    return L(() => {
+      D = !0;
+    }), y({
       /**
        * @description focus on current cell
        */
-      focus: J
-    }), (e, t) => (m(), f("table", {
-      role: "grid",
-      "aria-label": "使用方向键与 Enter 键以选择日期",
+      focus: R
+    }), (W, r) => (o(), s("table", {
+      "aria-label": e(F),
+      class: n(e(P)),
       cellspacing: "0",
       cellpadding: "0",
-      class: w([l(O).b(), { "is-week-mode": e.selectionMode === "week" }]),
-      onClick: P,
-      onMousemove: X,
-      onMousedown: oe(ee, ["prevent"]),
-      onMouseup: te
+      role: "grid",
+      onClick: r[1] || (r[1] = //@ts-ignore
+      (...t) => e(c) && e(c)(...t)),
+      onMousemove: r[2] || (r[2] = //@ts-ignore
+      (...t) => e(C) && e(C)(...t)),
+      onMousedown: r[3] || (r[3] = $(
+        //@ts-ignore
+        (...t) => e(f) && e(f)(...t),
+        ["prevent"]
+      )),
+      onMouseup: r[4] || (r[4] = //@ts-ignore
+      (...t) => e(p) && e(p)(...t))
     }, [
-      T("tbody", {
+      M("tbody", {
         ref_key: "tbodyRef",
-        ref: V
+        ref: x
       }, [
-        T("tr", null, [
-          e.showWeekNumber ? (m(), f("th", ye, "周")) : ie("", !0),
-          (m(!0), f(C, null, x(l(de), (s, n) => (m(), f("th", {
-            key: n,
+        M("tr", null, [
+          W.showWeekNumber ? (o(), s("th", {
+            key: 0,
             scope: "col",
-            "aria-label": "星期" + s
-          }, ue(s), 9, De))), 128))
+            class: n(e(V))
+          }, null, 2)) : z("", !0),
+          (o(!0), s(u, null, d(e(B), (t, a) => (o(), s("th", {
+            key: a,
+            "aria-label": t,
+            scope: "col"
+          }, A(t), 9, Q))), 128))
         ]),
-        (m(!0), f(C, null, x(D.value, (s, n) => (m(), f("tr", {
-          key: n,
-          class: w([l(O).e("row"), { current: F(s[1]) }])
+        (o(!0), s(u, null, d(e(w), (t, a) => (o(), s("tr", {
+          key: a,
+          class: n(e(U)(t[1]))
         }, [
-          (m(!0), f(C, null, x(s, (i, u) => (m(), f("td", {
-            key: `${n}.${u}`,
+          (o(!0), s(u, null, d(t, (l, _) => (o(), s("td", {
+            key: `${a}.${_}`,
             ref_for: !0,
-            ref: (r) => I(i) && (k.value = r),
-            class: w(Q(i)),
-            "aria-current": i.isCurrent ? "date" : void 0,
-            "aria-selected": i.isCurrent,
-            tabindex: I(i) ? 0 : -1,
-            onFocus: Z
+            ref: (i) => !e(D) && e(b)(l) && (N.value = i),
+            class: n(e(S)(l)),
+            "aria-current": l.isCurrent ? "date" : void 0,
+            "aria-selected": l.isCurrent,
+            tabindex: e(b)(l) ? 0 : -1,
+            onFocus: r[0] || (r[0] = //@ts-ignore
+            (...i) => e(k) && e(k)(...i))
           }, [
-            ce(l(he), { cell: i }, null, 8, ["cell"])
-          ], 42, ke))), 128))
+            H(e(I), { cell: l }, null, 8, ["cell"])
+          ], 42, X))), 128))
         ], 2))), 128))
       ], 512)
-    ], 34));
+    ], 42, J));
   }
 });
 export {
-  We as default
+  re as default
 };

package/es/components/date-picker/date-picker-com/basic-month-table.vue.d.ts

@@ -2,7 +2,7 @@ import dayjs from 'dayjs';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     selectionMode: import("vft/es/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     disabledDate: {
-        readonly type: import("vue").PropType<(date: Date) => boolean>;
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/components/date-picker/date-picker-com/basic-month-table.vue2.js

@@ -1,38 +1,36 @@
-import { defineComponent as F, ref as c, computed as P, watch as L, nextTick as Y, createElementBlock as d, openBlock as f, normalizeClass as k, unref as _, createElementVNode as D, Fragment as N, renderList as O, withKeys as C, withModifiers as M, toDisplayString as $ } from "vue";
-import { hasClass as q } from "@vft/utils";
-import "../../time-picker/index.js";
+import { defineComponent as P, ref as d, computed as F, watch as L, nextTick as Y, createElementBlock as f, openBlock as u, normalizeClass as k, unref as N, createElementVNode as $, Fragment as M, renderList as C, withKeys as O, withModifiers as _, createVNode as q } from "vue";
+import b from "dayjs";
 import "@vueuse/core";
+import { hasClass as T } from "@vft/utils";
+import { castArray as p } from "../../../utils/helper.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
 import { useNamespace as G } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import g from "dayjs";
-import { datePickerConfig as H } from "../constants.js";
-import { basicMonthTableProps as J } from "../props/basic-month-table.js";
-import { castArray as I } from "../utils.js";
-import { rangeArr as Q } from "../../time-picker/utils.js";
-const U = ["aria-selected", "tabindex", "onKeydown"], W = { class: "cell" }, pe = /* @__PURE__ */ F({
+import { basicMonthTableProps as H } from "../props/basic-month-table.js";
+import { datesInMonth as J, getValidDateOfMonth as Q } from "../utils.js";
+import U from "./basic-cell-render.js";
+const W = ["aria-selected", "tabindex", "onKeydown"], ue = /* @__PURE__ */ P({
   __name: "basic-month-table",
-  props: J,
+  props: H,
   emits: ["changerange", "pick", "select"],
-  setup(R, { expose: T, emit: A }) {
-    const E = (s, t, a) => {
-      const r = g().locale(a).startOf("month").month(t).year(s), o = r.daysInMonth();
-      return Q(o).map((n) => r.add(n, "day").toDate());
-    }, e = R, l = A, B = G("month-table"), b = c("zh-cn"), x = c(), p = c(), j = c([
+  setup(V, { expose: I, emit: R }) {
+    const e = V, c = R, E = G("month-table"), h = d("zh-cn"), w = d(), D = d(), A = d(
+      e.date.locale("zh-cn").localeData().monthsShort().map((r) => r.toLowerCase())
+    ), B = d([
       [],
       [],
       []
-    ]), v = c(), w = c(), S = P(() => {
-      const s = j.value, t = g().locale(b.value).startOf("month");
+    ]), x = d(), v = d(), S = F(() => {
+      const r = B.value, t = b().locale(h.value).startOf("month");
       for (let a = 0; a < 3; a++) {
-        const r = s[a];
-        for (let o = 0; o < 4; o++) {
-          const n = r[o] ||= {
+        const s = r[a];
+        for (let n = 0; n < 4; n++) {
+          const o = s[n] ||= {
             row: a,
-            column: o,
+            column: n,
             type: "normal",
             inRange: !1,
             start: !1,
@@ -40,84 +38,108 @@ const U = ["aria-selected", "tabindex", "onKeydown"], W = { class: "cell" }, pe
             text: -1,
             disabled: !1
           };
-          n.type = "normal";
-          const u = a * 4 + o, i = e.date.startOf("year").month(u), m = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
-          n.inRange = !!(e.minDate && i.isSameOrAfter(e.minDate, "month") && m && i.isSameOrBefore(m, "month")) || !!(e.minDate && i.isSameOrBefore(e.minDate, "month") && m && i.isSameOrAfter(m, "month")), e.minDate?.isSameOrAfter(m) ? (n.start = !!(m && i.isSame(m, "month")), n.end = e.minDate && i.isSame(e.minDate, "month")) : (n.start = !!(e.minDate && i.isSame(e.minDate, "month")), n.end = !!(m && i.isSame(m, "month"))), t.isSame(i) && (n.type = "today"), n.text = u, n.disabled = e.disabledDate?.(i.toDate()) || !1;
+          o.type = "normal";
+          const m = a * 4 + n, i = e.date.startOf("year").month(m), l = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
+          o.inRange = !!(e.minDate && i.isSameOrAfter(e.minDate, "month") && l && i.isSameOrBefore(l, "month")) || !!(e.minDate && i.isSameOrBefore(e.minDate, "month") && l && i.isSameOrAfter(l, "month")), e.minDate?.isSameOrAfter(l) ? (o.start = !!(l && i.isSame(l, "month")), o.end = e.minDate && i.isSame(e.minDate, "month")) : (o.start = !!(e.minDate && i.isSame(e.minDate, "month")), o.end = !!(l && i.isSame(l, "month"))), t.isSame(i) && (o.type = "today"), o.text = m, o.disabled = e.disabledDate?.(i.toDate()) || !1;
         }
       }
-      return s;
-    }), K = () => {
-      p.value?.focus();
-    }, V = (s) => {
-      const t = {}, a = e.date.year(), r = /* @__PURE__ */ new Date(), o = s.text;
-      return t.disabled = e.disabledDate ? E(a, o, b.value).every(e.disabledDate) : !1, t.current = I(e.parsedValue).findIndex(
-        (n) => g.isDayjs(n) && n.year() === a && n.month() === o
-      ) >= 0, t.today = r.getFullYear() === a && r.getMonth() === o, s.inRange && (t["in-range"] = !0, s.start && (t["start-date"] = !0), s.end && (t["end-date"] = !0)), t;
-    }, h = (s) => {
-      const t = e.date.year(), a = s.text;
-      return I(e.date).findIndex(
-        (r) => r.year() === t && r.month() === a
+      return r;
+    }), j = () => {
+      D.value?.focus();
+    }, z = (r) => {
+      const t = {}, a = e.date.year(), s = /* @__PURE__ */ new Date(), n = r.text;
+      return t.disabled = e.disabledDate ? J(e.date, a, n, h.value).every(
+        e.disabledDate
+      ) : !1, t.current = p(e.parsedValue).findIndex(
+        (o) => b.isDayjs(o) && o.year() === a && o.month() === n
+      ) >= 0, t.today = s.getFullYear() === a && s.getMonth() === n, r.inRange && (t["in-range"] = !0, r.start && (t["start-date"] = !0), r.end && (t["end-date"] = !0)), t;
+    }, y = (r) => {
+      const t = e.date.year(), a = r.text;
+      return p(e.date).findIndex(
+        (s) => s.year() === t && s.month() === a
       ) >= 0;
-    }, z = (s) => {
+    }, K = (r) => {
       if (!e.rangeState.selecting) return;
-      let t = s.target;
-      if (t.tagName === "A" && (t = t.parentNode?.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD") return;
-      const a = t.parentNode.rowIndex, r = t.cellIndex;
-      S.value[a][r].disabled || (a !== v.value || r !== w.value) && (v.value = a, w.value = r, l("changerange", {
+      let t = r.target;
+      if (t.tagName === "SPAN" && (t = t.parentNode?.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD") return;
+      const a = t.parentNode.rowIndex, s = t.cellIndex;
+      S.value[a][s].disabled || (a !== x.value || s !== v.value) && (x.value = a, v.value = s, c("changerange", {
         selecting: !0,
-        endDate: e.date.startOf("year").month(a * 4 + r)
+        endDate: e.date.startOf("year").month(a * 4 + s)
       }));
-    }, y = (s) => {
-      const t = s.target?.closest(
+    }, g = (r) => {
+      const t = r.target?.closest(
         "td"
       );
-      if (t?.tagName !== "TD" || q(t, "disabled")) return;
-      const a = t.cellIndex, o = t.parentNode.rowIndex * 4 + a, n = e.date.startOf("year").month(o);
-      e.selectionMode === "range" ? e.rangeState.selecting ? (e.minDate && n >= e.minDate ? l("pick", { minDate: e.minDate, maxDate: n }) : l("pick", { minDate: n, maxDate: e.minDate }), l("select", !1)) : (l("pick", { minDate: n, maxDate: null }), l("select", !0)) : l("pick", o);
+      if (t?.tagName !== "TD" || T(t, "disabled")) return;
+      const a = t.cellIndex, n = t.parentNode.rowIndex * 4 + a, o = e.date.startOf("year").month(n);
+      if (e.selectionMode === "months") {
+        if (r.type === "keydown") {
+          c("pick", p(e.parsedValue), !1);
+          return;
+        }
+        const m = Q(
+          e.date,
+          e.date.year(),
+          n,
+          h.value,
+          e.disabledDate
+        ), i = T(t, "current") ? p(e.parsedValue).filter(
+          (l) => (
+            // Filter out the selected month only when both year and month match
+            // This allows remove same months from different years #20019
+            l?.year() !== m.year() || l?.month() !== m.month()
+          )
+        ) : p(e.parsedValue).concat([b(m)]);
+        c("pick", i);
+      } else e.selectionMode === "range" ? e.rangeState.selecting ? (e.minDate && o >= e.minDate ? c("pick", { minDate: e.minDate, maxDate: o }) : c("pick", { minDate: o, maxDate: e.minDate }), c("select", !1)) : (c("pick", { minDate: o, maxDate: null }), c("select", !0)) : c("pick", n);
     };
     return L(
       () => e.date,
       async () => {
-        x.value?.contains(document.activeElement) && (await Y(), p.value?.focus());
+        w.value?.contains(document.activeElement) && (await Y(), D.value?.focus());
       }
-    ), T({
+    ), I({
       /**
        * @description focus current cell
        */
-      focus: K
-    }), (s, t) => (f(), d("table", {
+      focus: j
+    }), (r, t) => (u(), f("table", {
       role: "grid",
-      "aria-label": "使用方向键与 Enter 键以选择月份",
-      class: k(_(B).b()),
-      onClick: y,
-      onMousemove: z
+      "aria-label": "使用方向键与 Enter 键可选择月份",
+      class: k(N(E).b()),
+      onClick: g,
+      onMousemove: K
     }, [
-      D("tbody", {
+      $("tbody", {
         ref_key: "tbodyRef",
-        ref: x
+        ref: w
       }, [
-        (f(!0), d(N, null, O(S.value, (a, r) => (f(), d("tr", { key: r }, [
-          (f(!0), d(N, null, O(a, (o, n) => (f(), d("td", {
-            key: n,
+        (u(!0), f(M, null, C(S.value, (a, s) => (u(), f("tr", { key: s }, [
+          (u(!0), f(M, null, C(a, (n, o) => (u(), f("td", {
+            key: o,
             ref_for: !0,
-            ref: (u) => h(o) && (p.value = u),
-            class: k(V(o)),
-            "aria-selected": `${h(o)}`,
-            tabindex: h(o) ? 0 : -1,
+            ref: (m) => y(n) && (D.value = m),
+            class: k(z(n)),
+            "aria-selected": `${y(n)}`,
+            tabindex: y(n) ? 0 : -1,
             onKeydown: [
-              C(M(y, ["prevent", "stop"]), ["space"]),
-              C(M(y, ["prevent", "stop"]), ["enter"])
+              O(_(g, ["prevent", "stop"]), ["space"]),
+              O(_(g, ["prevent", "stop"]), ["enter"])
             ]
           }, [
-            D("div", null, [
-              D("span", W, $(_(H)["month" + (o.text + 1)]), 1)
-            ])
-          ], 42, U))), 128))
+            q(N(U), {
+              cell: {
+                ...n,
+                renderText: A.value[n.text]
+              }
+            }, null, 8, ["cell"])
+          ], 42, W))), 128))
         ]))), 128))
       ], 512)
     ], 34));
   }
 });
 export {
-  pe as default
+  ue as default
 };