ep-craft 0.1.25 → 0.1.26

package/dist/components/date-picker-panel/src/date-picker-com/basic-date-table.vue.d.ts

@@ -0,0 +1,100 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly showWeekNumber: BooleanConstructor;
+    readonly selectionMode: import("../../../../utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly cellClassName: {
+        readonly type: import("vue").PropType<import("../props/shared").CellClassNameType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly disabledDate: {
+        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<import("dayjs").Dayjs>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly minDate: {
+        readonly type: import("vue").PropType<import("../../../../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("../../../../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("../../../../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;
+    };
+    readonly rangeState: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
+        endDate: null;
+        selecting: boolean;
+    }, boolean>;
+    readonly disabled: BooleanConstructor;
+}>, {
+    /**
+     * @description focus on current cell
+     */
+    focus: () => Promise<void | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly showWeekNumber: BooleanConstructor;
+    readonly selectionMode: import("../../../../utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly cellClassName: {
+        readonly type: import("vue").PropType<import("../props/shared").CellClassNameType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly disabledDate: {
+        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<import("dayjs").Dayjs>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly minDate: {
+        readonly type: import("vue").PropType<import("../../../../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("../../../../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("../../../../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;
+    };
+    readonly rangeState: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
+        endDate: null;
+        selecting: boolean;
+    }, boolean>;
+    readonly disabled: BooleanConstructor;
+}>> & Readonly<{}>, {
+    readonly disabled: boolean;
+    readonly showWeekNumber: boolean;
+    readonly rangeState: import("../props/shared").RangeState;
+    readonly selectionMode: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/date-picker-panel/src/date-picker-com/basic-date-table.vue.js

@@ -0,0 +1,92 @@
+import { defineComponent as x, onBeforeUnmount as z, openBlock as r, createElementBlock as a, unref as e, normalizeClass as i, createElementVNode as y, createCommentVNode as A, Fragment as d, renderList as b, toDisplayString as H, createVNode as O } from "vue";
+import { basicDateTableEmits as j, basicDateTableProps as q } from "../props/basic-date-table.js";
+import { useBasicDateTable as G, useBasicDateTableDOM as I } from "../composables/use-basic-date-table.js";
+import J from "./basic-cell-render.js";
+const Q = ["aria-label"], X = ["aria-label"], Y = ["aria-current", "aria-selected", "tabindex", "aria-disabled"], se = /* @__PURE__ */ x({
+  __name: "basic-date-table",
+  props: q,
+  emits: j,
+  setup(v, { expose: E, emit: w }) {
+    const m = v, B = w, {
+      WEEKS: N,
+      rows: F,
+      tbodyRef: R,
+      currentCellRef: T,
+      focus: W,
+      isCurrent: h,
+      isWeekActive: P,
+      isSelectedCell: p,
+      handlePickDate: c,
+      handleMouseUp: f,
+      handleMouseDown: k,
+      handleMouseMove: C,
+      handleFocus: D
+    } = G(m, B), { tableLabel: S, tableKls: U, getCellClasses: V, getRowKls: K, weekHeaderClass: L, t: g } = I(m, {
+      isCurrent: h,
+      isWeekActive: P
+    });
+    let M = !1;
+    return z(() => {
+      M = !0;
+    }), E({
+      /**
+       * @description focus on current cell
+       */
+      focus: W
+    }), (o, s) => (r(), a("table", {
+      "aria-label": e(S),
+      class: i(e(U)),
+      cellspacing: "0",
+      cellpadding: "0",
+      role: "grid",
+      onClick: s[1] || (s[1] = //@ts-ignore
+      (...t) => e(c) && e(c)(...t)),
+      onMousemove: s[2] || (s[2] = //@ts-ignore
+      (...t) => e(C) && e(C)(...t)),
+      onMousedown: s[3] || (s[3] = //@ts-ignore
+      (...t) => e(k) && e(k)(...t)),
+      onMouseup: s[4] || (s[4] = //@ts-ignore
+      (...t) => e(f) && e(f)(...t))
+    }, [
+      y("tbody", {
+        ref_key: "tbodyRef",
+        ref: R
+      }, [
+        y("tr", null, [
+          o.showWeekNumber ? (r(), a("th", {
+            key: 0,
+            scope: "col",
+            class: i(e(L))
+          }, null, 2)) : A("", !0),
+          (r(!0), a(d, null, b(e(N), (t, n) => (r(), a("th", {
+            key: n,
+            "aria-label": e(g)("el.datepicker.weeksFull." + t),
+            scope: "col"
+          }, H(e(g)("el.datepicker.weeks." + t)), 9, X))), 128))
+        ]),
+        (r(!0), a(d, null, b(e(F), (t, n) => (r(), a("tr", {
+          key: n,
+          class: i(e(K)(o.showWeekNumber ? t[2] : t[1]))
+        }, [
+          (r(!0), a(d, null, b(t, (l, $) => (r(), a("td", {
+            key: `${n}.${$}`,
+            ref_for: !0,
+            ref: (u) => !e(M) && e(p)(l) && (T.value = u),
+            class: i(e(V)(l)),
+            "aria-current": l.isCurrent ? "date" : void 0,
+            "aria-selected": l.isCurrent,
+            tabindex: o.disabled ? void 0 : e(p)(l) ? 0 : -1,
+            "aria-disabled": o.disabled,
+            onFocus: s[0] || (s[0] = //@ts-ignore
+            (...u) => e(D) && e(D)(...u))
+          }, [
+            O(e(J), { cell: l }, null, 8, ["cell"])
+          ], 42, Y))), 128))
+        ], 2))), 128))
+      ], 512)
+    ], 42, Q));
+  }
+});
+export {
+  se as default
+};

package/dist/components/date-picker-panel/src/date-picker-com/basic-date-table2.vue.js

@@ -0,0 +1,4 @@
+import f from "./basic-date-table.vue.js";
+export {
+  f as default
+};

package/dist/components/date-picker-panel/src/date-picker-com/basic-month-table.vue.d.ts

@@ -0,0 +1,106 @@
+import dayjs from 'dayjs';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    selectionMode: import("@element-plus/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    cellClassName: {
+        readonly type: import("vue").PropType<import("../props/shared").CellClassNameType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabledDate: {
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    date: {
+        readonly type: import("vue").PropType<dayjs.Dayjs>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    minDate: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    maxDate: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    parsedValue: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rangeState: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
+        endDate: null;
+        selecting: boolean;
+    }, boolean>;
+    disabled: BooleanConstructor;
+}>, {
+    /**
+     * @description focus current cell
+     */
+    focus: () => 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<{
+    selectionMode: import("@element-plus/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    cellClassName: {
+        readonly type: import("vue").PropType<import("../props/shared").CellClassNameType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabledDate: {
+        readonly type: import("vue").PropType<import("../props/shared").DisabledDateType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    date: {
+        readonly type: import("vue").PropType<dayjs.Dayjs>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    minDate: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    maxDate: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    parsedValue: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    rangeState: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
+        endDate: null;
+        selecting: boolean;
+    }, boolean>;
+    disabled: BooleanConstructor;
+}>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
+    onChangerange?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    rangeState: import("../props/shared").RangeState;
+    selectionMode: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/date-picker-panel/src/date-picker-com/basic-month-table.vue.js

@@ -0,0 +1,164 @@
+import { defineComponent as q, ref as p, computed as G, watch as H, nextTick as J, openBlock as h, createElementBlock as y, normalizeClass as O, unref as D, createElementVNode as Q, Fragment as T, renderList as V, withKeys as R, withModifiers as I, createVNode as U } from "vue";
+import k from "dayjs";
+import { useNamespace as W } from "../../../../hooks/use-namespace/index.js";
+import { castArray as b } from "../../../../utils/arrays.js";
+import "@vueuse/core";
+import "@vue/shared";
+import "lodash-unified";
+import { hasClass as A } from "../../../../utils/dom/style.js";
+import "@element-plus/icons-vue";
+import { useLocale as X } from "../../../../hooks/use-locale/index.js";
+import "../../../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../../../hooks/use-z-index/index.js";
+import "../../../../hooks/use-delayed-toggle/index.js";
+import "../../../../hooks/use-aria/index.js";
+import "../../../../hooks/use-model-toggle/index.js";
+import "../../../../hooks/use-empty-values/index.js";
+import { basicMonthTableProps as Z } from "../props/basic-month-table.js";
+import { datesInMonth as ee, getValidDateOfMonth as te } from "../utils.js";
+import ae from "./basic-cell-render.js";
+const ne = ["aria-label"], oe = ["aria-selected", "aria-label", "tabindex", "onKeydown"], Ne = /* @__PURE__ */ q({
+  __name: "basic-month-table",
+  props: Z,
+  emits: ["changerange", "pick", "select"],
+  setup(E, { expose: B, emit: P }) {
+    const e = E, c = P, j = W("month-table"), { t: g, lang: v } = X(), C = p(), x = p(), K = p(
+      e.date.locale("en").localeData().monthsShort().map((a) => a.toLowerCase())
+    ), L = p([[], [], []]), N = p(), M = p(), _ = G(() => {
+      var o, r, n;
+      const a = L.value, t = k().locale(v.value).startOf("month");
+      for (let i = 0; i < 3; i++) {
+        const f = a[i];
+        for (let m = 0; m < 4; m++) {
+          const s = f[m] || (f[m] = {
+            row: i,
+            column: m,
+            type: "normal",
+            inRange: !1,
+            start: !1,
+            end: !1,
+            text: -1,
+            disabled: !1,
+            isSelected: !1,
+            customClass: void 0,
+            date: void 0,
+            dayjs: void 0,
+            isCurrent: void 0,
+            selected: void 0,
+            renderText: void 0,
+            timestamp: void 0
+          });
+          s.type = "normal";
+          const d = i * 4 + m, l = e.date.startOf("year").month(d), u = e.rangeState.endDate || e.maxDate || e.rangeState.selecting && e.minDate || null;
+          s.inRange = !!(e.minDate && l.isSameOrAfter(e.minDate, "month") && u && l.isSameOrBefore(u, "month")) || !!(e.minDate && l.isSameOrBefore(e.minDate, "month") && u && l.isSameOrAfter(u, "month")), (o = e.minDate) != null && o.isSameOrAfter(u) ? (s.start = !!(u && l.isSame(u, "month")), s.end = e.minDate && l.isSame(e.minDate, "month")) : (s.start = !!(e.minDate && l.isSame(e.minDate, "month")), s.end = !!(u && l.isSame(u, "month"))), t.isSame(l) && (s.type = "today");
+          const w = l.toDate();
+          s.text = d, s.disabled = ((r = e.disabledDate) == null ? void 0 : r.call(e, w)) || !1, s.date = w, s.customClass = (n = e.cellClassName) == null ? void 0 : n.call(e, w), s.dayjs = l, s.timestamp = l.valueOf(), s.isSelected = Y(s);
+        }
+      }
+      return a;
+    }), F = () => {
+      var a;
+      (a = x.value) == null || a.focus();
+    }, z = (a) => {
+      const t = {}, o = e.date.year(), r = /* @__PURE__ */ new Date(), n = a.text;
+      return t.disabled = e.disabled || (e.disabledDate ? ee(e.date, o, n, v.value).every(
+        e.disabledDate
+      ) : !1), t.current = b(e.parsedValue).some(
+        (i) => k.isDayjs(i) && i.year() === o && i.month() === n
+      ), t.today = r.getFullYear() === o && r.getMonth() === n, a.customClass && (t[a.customClass] = !0), a.inRange && (t["in-range"] = !0, a.start && (t["start-date"] = !0), a.end && (t["end-date"] = !0)), t;
+    }, Y = (a) => {
+      const t = e.date.year(), o = a.text;
+      return b(e.date).some(
+        (r) => r.year() === t && r.month() === o
+      );
+    }, $ = (a) => {
+      var n;
+      if (!e.rangeState.selecting) return;
+      let t = a.target;
+      if (t.tagName === "SPAN" && (t = (n = t.parentNode) == null ? void 0 : n.parentNode), t.tagName === "DIV" && (t = t.parentNode), t.tagName !== "TD") return;
+      const o = t.parentNode.rowIndex, r = t.cellIndex;
+      _.value[o][r].disabled || (o !== N.value || r !== M.value) && (N.value = o, M.value = r, c("changerange", {
+        selecting: !0,
+        endDate: e.date.startOf("year").month(o * 4 + r)
+      }));
+    }, S = (a) => {
+      var f;
+      if (e.disabled) return;
+      const t = (f = a.target) == null ? void 0 : f.closest(
+        "td"
+      );
+      if ((t == null ? void 0 : t.tagName) !== "TD" || A(t, "disabled")) return;
+      const o = t.cellIndex, n = t.parentNode.rowIndex * 4 + o, i = e.date.startOf("year").month(n);
+      if (e.selectionMode === "months") {
+        if (a.type === "keydown") {
+          c("pick", b(e.parsedValue), !1);
+          return;
+        }
+        const m = te(
+          e.date,
+          e.date.year(),
+          n,
+          v.value,
+          e.disabledDate
+        ), s = A(t, "current") ? b(e.parsedValue).filter(
+          (d) => (
+            // Filter out the selected month only when both year and month match
+            // This allows remove same months from different years #20019
+            (d == null ? void 0 : d.year()) !== m.year() || (d == null ? void 0 : d.month()) !== m.month()
+          )
+        ) : b(e.parsedValue).concat([k(m)]);
+        c("pick", s);
+      } else e.selectionMode === "range" ? e.rangeState.selecting ? (e.minDate && i >= e.minDate ? c("pick", { minDate: e.minDate, maxDate: i }) : c("pick", { minDate: i, maxDate: e.minDate }), c("select", !1)) : (c("pick", { minDate: i, maxDate: null }), c("select", !0)) : c("pick", n);
+    };
+    return H(
+      () => e.date,
+      async () => {
+        var a, t;
+        (a = C.value) != null && a.contains(document.activeElement) && (await J(), (t = x.value) == null || t.focus());
+      }
+    ), B({
+      /**
+       * @description focus current cell
+       */
+      focus: F
+    }), (a, t) => (h(), y("table", {
+      role: "grid",
+      "aria-label": D(g)("el.datepicker.monthTablePrompt"),
+      class: O(D(j).b()),
+      onClick: S,
+      onMousemove: $
+    }, [
+      Q("tbody", {
+        ref_key: "tbodyRef",
+        ref: C
+      }, [
+        (h(!0), y(T, null, V(_.value, (o, r) => (h(), y("tr", { key: r }, [
+          (h(!0), y(T, null, V(o, (n, i) => (h(), y("td", {
+            key: i,
+            ref_for: !0,
+            ref: (f) => n.isSelected && (x.value = f),
+            class: O(z(n)),
+            "aria-selected": !!n.isSelected,
+            "aria-label": D(g)(`el.datepicker.month${+n.text + 1}`),
+            tabindex: n.isSelected ? 0 : -1,
+            onKeydown: [
+              R(I(S, ["prevent", "stop"]), ["space"]),
+              R(I(S, ["prevent", "stop"]), ["enter"])
+            ]
+          }, [
+            U(D(ae), {
+              cell: {
+                ...n,
+                renderText: D(g)("el.datepicker.months." + K.value[n.text])
+              }
+            }, null, 8, ["cell"])
+          ], 42, oe))), 128))
+        ]))), 128))
+      ], 512)
+    ], 42, ne));
+  }
+});
+export {
+  Ne as default
+};

package/dist/components/date-picker-panel/src/date-picker-com/basic-month-table2.vue.js

@@ -0,0 +1,4 @@
+import f from "./basic-month-table.vue.js";
+export {
+  f as default
+};

package/dist/components/date-picker-panel/src/date-picker-com/basic-year-table.vue.d.ts

@@ -0,0 +1,106 @@
+import dayjs from 'dayjs';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly selectionMode: import("@element-plus/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly cellClassName: {
+        readonly type: import("vue").PropType<import("../props/shared").CellClassNameType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly disabledDate: {
+        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.Dayjs>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly minDate: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => 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("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => 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("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly rangeState: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
+        endDate: null;
+        selecting: boolean;
+    }, boolean>;
+    readonly disabled: BooleanConstructor;
+}>, {
+    /**
+     * @description focus on the current cell
+     */
+    focus: () => 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<{
+    readonly selectionMode: import("@element-plus/utils").EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
+    readonly cellClassName: {
+        readonly type: import("vue").PropType<import("../props/shared").CellClassNameType>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly disabledDate: {
+        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.Dayjs>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly minDate: {
+        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => 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("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs) | (() => dayjs.Dayjs | null) | (((new (...args: any[]) => dayjs.Dayjs) | (() => 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("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[]) | (((new (...args: any[]) => dayjs.Dayjs | dayjs.Dayjs[]) | (() => dayjs.Dayjs | dayjs.Dayjs[])) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly rangeState: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState) | (((new (...args: any[]) => import("../props/shared").RangeState) | (() => import("../props/shared").RangeState)) | null)[], unknown, unknown, () => {
+        endDate: null;
+        selecting: boolean;
+    }, boolean>;
+    readonly disabled: BooleanConstructor;
+}>> & Readonly<{
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
+    onChangerange?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly rangeState: import("../props/shared").RangeState;
+    readonly selectionMode: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;