ep-craft 0.1.25 → 0.1.26

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

@@ -0,0 +1,550 @@
+import { defineComponent as ua, useAttrs as da, useSlots as ca, inject as Ve, toRef as va, ref as $, computed as p, watch as ne, openBlock as V, createElementBlock as E, normalizeClass as u, unref as t, createElementVNode as b, renderSlot as K, Fragment as ma, renderList as pa, toDisplayString as U, createCommentVNode as P, createVNode as D, withDirectives as I, withCtx as _, vShow as B, withKeys as ge, createBlock as G, createTextVNode as Ce, nextTick as se } from "vue";
+import y from "dayjs";
+import { EpButton as Te } from "../../../button/index.js";
+import fa from "../../../../directives/click-outside/index.js";
+import { extractFirst as L } from "../../../../utils/arrays.js";
+import "@vueuse/core";
+import { isArray as ie, isFunction as Fe } from "@vue/shared";
+import "lodash-unified";
+import { getEventCode as ha } from "../../../../utils/dom/event.js";
+import { DArrowLeft as ba, ArrowLeft as ya, ArrowRight as ka, DArrowRight as wa } from "@element-plus/icons-vue";
+import { EVENT_CODE as k } from "../../../../constants/aria.js";
+import "normalize-wheel-es";
+import { useNamespace as $e } from "../../../../hooks/use-namespace/index.js";
+import { useLocale as Da } 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 { EpInput as Ee } from "../../../input/index.js";
+import "../../../time-picker/index.js";
+import { ElIcon as H } from "../../../icon/index.js";
+import { panelDatePickProps as Va } from "../props/panel-date-pick.js";
+import { getValidDateOfMonth as Pe, getValidDateOfYear as Me, correctlyParseUserInput as Ne } from "../utils.js";
+import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY as ga } from "../constants.js";
+import Ca from "./basic-date-table.vue.js";
+import Ta from "./basic-month-table.vue.js";
+import Fa from "./basic-year-table.vue.js";
+import "../../../form/index.js";
+import { PICKER_BASE_INJECTION_KEY as $a, DEFAULT_FORMATS_TIME as Ie, DEFAULT_FORMATS_DATE as Ea } from "../../../time-picker/src/constants.js";
+import { useFormDisabled as Pa } from "../../../form/src/hooks/use-form-common-props.js";
+import { extractTimeFormat as Ma, extractDateFormat as Na } from "../../../time-picker/src/utils.js";
+import Ia from "../../../time-picker/src/time-picker-com/panel-time-pick.vue.js";
+const _a = ["disabled", "onClick"], Ra = ["aria-label", "disabled"], Aa = ["aria-label", "disabled"], Ya = ["tabindex", "aria-disabled"], Oa = ["tabindex", "aria-disabled"], Sa = ["aria-label", "disabled"], Ka = ["aria-label", "disabled"], Dt = /* @__PURE__ */ ua({
+  __name: "panel-date-pick",
+  props: Va,
+  emits: ["pick", "set-picker-option", "panel-change"],
+  setup(_e, { emit: Re }) {
+    const Ae = (e, a, o) => !0, n = _e, F = Re, f = $e("picker-panel"), g = $e("date-picker"), Ye = da(), Oe = ca(), { t: C, lang: v } = Da(), ue = Ve($a), de = Ve(
+      ga,
+      void 0
+    ), { shortcuts: ce, disabledDate: d, cellClassName: Q, defaultTime: X } = ue.props, R = va(ue.props, "defaultValue"), z = $(), l = $(y().locale(v.value)), Z = $(!1);
+    let ee = !1;
+    const ve = p(() => y(X).locale(v.value)), Se = p(() => l.value.month()), me = p(() => l.value.year()), pe = $([]), M = $(null), N = $(null), ae = (e) => pe.value.length > 0 ? Ae(
+      e,
+      pe.value,
+      n.format || Ie
+    ) : !0, fe = (e) => X && !we.value && !Z.value && !ee ? ve.value.year(e.year()).month(e.month()).date(e.date()) : A.value ? e.millisecond(0) : e.startOf("day"), m = (e, ...a) => {
+      if (!e)
+        F("pick", e, ...a);
+      else if (ie(e)) {
+        const o = e.map(fe);
+        F("pick", o, ...a);
+      } else
+        F("pick", fe(e), ...a);
+      M.value = null, N.value = null, Z.value = !1, ee = !1;
+    }, Ke = async (e, a) => {
+      if (i.value === "date" && y.isDayjs(e)) {
+        const o = L(n.parsedValue);
+        let c = o ? o.year(e.year()).month(e.month()).date(e.date()) : e;
+        ae(c), l.value = c, m(c, A.value || a);
+      } else i.value === "week" ? m(e.date) : i.value === "dates" && m(e, !0);
+    }, he = (e) => {
+      const a = e ? "add" : "subtract";
+      l.value = l.value[a](1, "month"), q("month");
+    }, be = (e) => {
+      const a = l.value, o = e ? "add" : "subtract";
+      l.value = s.value === "year" ? a[o](10, "year") : a[o](1, "year"), q("year");
+    }, s = $("date"), Ue = p(() => {
+      const e = C("el.datepicker.year");
+      if (s.value === "year") {
+        const a = Math.floor(me.value / 10) * 10;
+        return e ? `${a} ${e} - ${a + 9} ${e}` : `${a} - ${a + 9}`;
+      }
+      return `${me.value} ${e}`;
+    }), Be = (e) => {
+      const a = Fe(e.value) ? e.value() : e.value;
+      if (a) {
+        ee = !0, m(y(a).locale(v.value));
+        return;
+      }
+      e.onClick && e.onClick({
+        attrs: Ye,
+        slots: Oe,
+        emit: F
+      });
+    }, i = p(() => {
+      const { type: e } = n;
+      return ["week", "month", "months", "year", "years", "dates"].includes(e) ? e : "date";
+    }), W = p(() => i.value === "dates" || i.value === "months" || i.value === "years"), Le = p(() => i.value === "date" ? s.value : i.value), ye = p(() => !!ce.length), ze = async (e, a) => {
+      i.value === "month" ? (l.value = Pe(
+        l.value,
+        l.value.year(),
+        e,
+        v.value,
+        d
+      ), m(l.value, !1)) : i.value === "months" ? m(e, a ?? !0) : (l.value = Pe(
+        l.value,
+        l.value.year(),
+        e,
+        v.value,
+        d
+      ), s.value = "date", ["month", "year", "date", "week"].includes(i.value) && (m(l.value, !0), await se(), j())), q("month");
+    }, We = async (e, a) => {
+      if (i.value === "year") {
+        const o = l.value.startOf("year").year(e);
+        l.value = Me(o, v.value, d), m(l.value, !1);
+      } else if (i.value === "years")
+        m(e, a ?? !0);
+      else {
+        const o = l.value.year(e);
+        l.value = Me(o, v.value, d), s.value = "month", ["month", "year", "date", "week"].includes(i.value) && (m(l.value, !0), await se(), j());
+      }
+      q("year");
+    }, w = Pa(), J = async (e) => {
+      w.value || (s.value = e, await se(), j());
+    }, A = p(
+      () => n.type === "datetime" || n.type === "datetimerange"
+    ), Je = p(() => {
+      const e = A.value || i.value === "dates", a = i.value === "years", o = i.value === "months", c = s.value === "date", h = s.value === "year", O = s.value === "month";
+      return e && c || a && h || o && O;
+    }), je = p(
+      () => !W.value && n.showNow || n.showConfirm
+    ), qe = p(() => d ? n.parsedValue ? ie(n.parsedValue) ? d(n.parsedValue[0].toDate()) : d(n.parsedValue.toDate()) : !0 : !1), xe = () => {
+      if (W.value)
+        m(n.parsedValue);
+      else {
+        let e = L(n.parsedValue);
+        if (!e) {
+          const a = y(X).locale(v.value), o = oe();
+          e = a.year(o.year()).month(o.month()).date(o.date());
+        }
+        l.value = e, m(e);
+      }
+    }, Ge = p(() => d ? d(y().locale(v.value).toDate()) : !1), He = () => {
+      const a = y().locale(v.value).toDate();
+      Z.value = !0, (!d || !d(a)) && ae(a) && (l.value = y().locale(v.value), m(l.value));
+    }, te = p(() => n.timeFormat || Ma(n.format) || Ie), ke = p(() => n.dateFormat || Na(n.format) || Ea), we = p(() => N.value ? N.value : !n.parsedValue && !R.value ? void 0 : (L(n.parsedValue) || l.value).format(te.value)), Qe = p(() => M.value ? M.value : !n.parsedValue && !R.value ? void 0 : (L(n.parsedValue) || l.value).format(ke.value)), Y = $(!1), Xe = () => {
+      Y.value = !0;
+    }, Ze = () => {
+      Y.value = !1;
+    }, le = (e) => ({
+      hour: e.hour(),
+      minute: e.minute(),
+      second: e.second(),
+      year: e.year(),
+      month: e.month(),
+      date: e.date()
+    }), ea = (e, a, o) => {
+      const { hour: c, minute: h, second: O } = le(e), x = L(n.parsedValue), re = x ? x.hour(c).minute(h).second(O) : e;
+      l.value = re, m(l.value, !0), o || (Y.value = a);
+    }, aa = (e) => {
+      const a = y(e, te.value).locale(v.value);
+      if (a.isValid() && ae(a)) {
+        const { year: o, month: c, date: h } = le(l.value);
+        l.value = a.year(o).month(c).date(h), N.value = null, Y.value = !1, m(l.value, !0);
+      }
+    }, ta = (e) => {
+      const a = Ne(
+        e,
+        ke.value,
+        v.value,
+        de
+      );
+      if (a.isValid()) {
+        if (d && d(a.toDate()))
+          return;
+        const { hour: o, minute: c, second: h } = le(l.value);
+        l.value = a.hour(o).minute(c).second(h), M.value = null, m(l.value, !0);
+      }
+    }, la = (e) => y.isDayjs(e) && e.isValid() && (d ? !d(e.toDate()) : !0), oa = (e) => Ne(
+      e,
+      n.format,
+      v.value,
+      de
+    ), oe = () => {
+      const e = y(R.value).locale(v.value);
+      if (!R.value) {
+        const a = ve.value;
+        return y().hour(a.hour()).minute(a.minute()).second(a.second()).locale(v.value);
+      }
+      return e;
+    }, j = () => {
+      var e;
+      ["week", "month", "year", "date"].includes(i.value) && ((e = z.value) == null || e.focus());
+    }, ra = () => {
+      j(), i.value === "week" && De(k.down);
+    }, na = (e) => {
+      const a = ha(e);
+      [
+        k.up,
+        k.down,
+        k.left,
+        k.right,
+        k.home,
+        k.end,
+        k.pageUp,
+        k.pageDown
+      ].includes(a) && (De(a), e.stopPropagation(), e.preventDefault()), [k.enter, k.space, k.numpadEnter].includes(
+        a
+      ) && M.value === null && N.value === null && (e.preventDefault(), m(l.value, !1));
+    }, De = (e) => {
+      const { up: a, down: o, left: c, right: h, home: O, end: x, pageUp: re, pageDown: sa } = k, ia = {
+        year: {
+          [a]: -4,
+          [o]: 4,
+          [c]: -1,
+          [h]: 1,
+          offset: (r, T) => r.setFullYear(r.getFullYear() + T)
+        },
+        month: {
+          [a]: -4,
+          [o]: 4,
+          [c]: -1,
+          [h]: 1,
+          offset: (r, T) => r.setMonth(r.getMonth() + T)
+        },
+        week: {
+          [a]: -1,
+          [o]: 1,
+          [c]: -1,
+          [h]: 1,
+          offset: (r, T) => r.setDate(r.getDate() + T * 7)
+        },
+        date: {
+          [a]: -7,
+          [o]: 7,
+          [c]: -1,
+          [h]: 1,
+          [O]: (r) => -r.getDay(),
+          [x]: (r) => -r.getDay() + 6,
+          [re]: (r) => -new Date(r.getFullYear(), r.getMonth(), 0).getDate(),
+          [sa]: (r) => new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate(),
+          offset: (r, T) => r.setDate(r.getDate() + T)
+        }
+      }, S = l.value.toDate();
+      for (; Math.abs(l.value.diff(S, "year", !0)) < 1; ) {
+        const r = ia[Le.value];
+        if (!r) return;
+        if (r.offset(
+          S,
+          Fe(r[e]) ? r[e](S) : r[e] ?? 0
+        ), d && d(S))
+          break;
+        const T = y(S).locale(v.value);
+        l.value = T, F("pick", T, !0);
+        break;
+      }
+    }, q = (e) => {
+      F("panel-change", l.value.toDate(), e, s.value);
+    };
+    return ne(
+      () => i.value,
+      (e) => {
+        if (["month", "year"].includes(e)) {
+          s.value = e;
+          return;
+        } else if (e === "years") {
+          s.value = "year";
+          return;
+        } else if (e === "months") {
+          s.value = "month";
+          return;
+        }
+        s.value = "date";
+      },
+      { immediate: !0 }
+    ), ne(
+      () => R.value,
+      (e) => {
+        e && (l.value = oe());
+      },
+      { immediate: !0 }
+    ), ne(
+      () => n.parsedValue,
+      (e) => {
+        if (e) {
+          if (W.value || ie(e)) return;
+          l.value = e;
+        } else
+          l.value = oe();
+      },
+      { immediate: !0 }
+    ), F("set-picker-option", ["isValidValue", la]), F("set-picker-option", ["parseUserInput", oa]), F("set-picker-option", ["handleFocusPicker", ra]), (e, a) => (V(), E("div", {
+      class: u([
+        t(f).b(),
+        t(g).b(),
+        t(f).is("border", e.border),
+        t(f).is("disabled", t(w)),
+        {
+          "has-sidebar": e.$slots.sidebar || ye.value,
+          "has-time": A.value
+        }
+      ])
+    }, [
+      b("div", {
+        class: u(t(f).e("body-wrapper"))
+      }, [
+        K(e.$slots, "sidebar", {
+          class: u(t(f).e("sidebar"))
+        }),
+        ye.value ? (V(), E("div", {
+          key: 0,
+          class: u(t(f).e("sidebar"))
+        }, [
+          (V(!0), E(ma, null, pa(t(ce), (o, c) => (V(), E("button", {
+            key: c,
+            type: "button",
+            disabled: t(w),
+            class: u(t(f).e("shortcut")),
+            onClick: (h) => Be(o)
+          }, U(o.text), 11, _a))), 128))
+        ], 2)) : P("", !0),
+        b("div", {
+          class: u(t(f).e("body"))
+        }, [
+          A.value ? (V(), E("div", {
+            key: 0,
+            class: u(t(g).e("time-header"))
+          }, [
+            b("span", {
+              class: u(t(g).e("editor-wrap"))
+            }, [
+              D(t(Ee), {
+                placeholder: t(C)("el.datepicker.selectDate"),
+                "model-value": Qe.value,
+                size: "small",
+                "validate-event": !1,
+                disabled: t(w),
+                readonly: !e.editable,
+                onInput: a[0] || (a[0] = (o) => M.value = o),
+                onChange: ta
+              }, null, 8, ["placeholder", "model-value", "disabled", "readonly"])
+            ], 2),
+            I((V(), E("span", {
+              class: u(t(g).e("editor-wrap"))
+            }, [
+              D(t(Ee), {
+                placeholder: t(C)("el.datepicker.selectTime"),
+                "model-value": we.value,
+                size: "small",
+                "validate-event": !1,
+                disabled: t(w),
+                readonly: !e.editable,
+                onFocus: Xe,
+                onInput: a[1] || (a[1] = (o) => N.value = o),
+                onChange: aa
+              }, null, 8, ["placeholder", "model-value", "disabled", "readonly"]),
+              D(t(Ia), {
+                visible: Y.value,
+                format: te.value,
+                "parsed-value": l.value,
+                onPick: ea
+              }, null, 8, ["visible", "format", "parsed-value"])
+            ], 2)), [
+              [t(fa), Ze]
+            ])
+          ], 2)) : P("", !0),
+          I(b("div", {
+            class: u([
+              t(g).e("header"),
+              (s.value === "year" || s.value === "month") && t(g).em("header", "bordered")
+            ])
+          }, [
+            b("span", {
+              class: u(t(g).e("prev-btn"))
+            }, [
+              b("button", {
+                type: "button",
+                "aria-label": t(C)("el.datepicker.prevYear"),
+                class: u(["d-arrow-left", t(f).e("icon-btn")]),
+                disabled: t(w),
+                onClick: a[2] || (a[2] = (o) => be(!1))
+              }, [
+                K(e.$slots, "prev-year", {}, () => [
+                  D(t(H), null, {
+                    default: _(() => [
+                      D(t(ba))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, Ra),
+              I(b("button", {
+                type: "button",
+                "aria-label": t(C)("el.datepicker.prevMonth"),
+                class: u([t(f).e("icon-btn"), "arrow-left"]),
+                disabled: t(w),
+                onClick: a[3] || (a[3] = (o) => he(!1))
+              }, [
+                K(e.$slots, "prev-month", {}, () => [
+                  D(t(H), null, {
+                    default: _(() => [
+                      D(t(ya))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, Aa), [
+                [B, s.value === "date"]
+              ])
+            ], 2),
+            b("span", {
+              role: "button",
+              class: u(t(g).e("header-label")),
+              "aria-live": "polite",
+              tabindex: e.disabled ? void 0 : 0,
+              "aria-disabled": e.disabled,
+              onKeydown: a[4] || (a[4] = ge((o) => J("year"), ["enter"])),
+              onClick: a[5] || (a[5] = (o) => J("year"))
+            }, U(Ue.value), 43, Ya),
+            I(b("span", {
+              role: "button",
+              "aria-live": "polite",
+              tabindex: e.disabled ? void 0 : 0,
+              "aria-disabled": e.disabled,
+              class: u([
+                t(g).e("header-label"),
+                { active: s.value === "month" }
+              ]),
+              onKeydown: a[6] || (a[6] = ge((o) => J("month"), ["enter"])),
+              onClick: a[7] || (a[7] = (o) => J("month"))
+            }, U(t(C)(`el.datepicker.month${Se.value + 1}`)), 43, Oa), [
+              [B, s.value === "date"]
+            ]),
+            b("span", {
+              class: u(t(g).e("next-btn"))
+            }, [
+              I(b("button", {
+                type: "button",
+                "aria-label": t(C)("el.datepicker.nextMonth"),
+                class: u([t(f).e("icon-btn"), "arrow-right"]),
+                disabled: t(w),
+                onClick: a[8] || (a[8] = (o) => he(!0))
+              }, [
+                K(e.$slots, "next-month", {}, () => [
+                  D(t(H), null, {
+                    default: _(() => [
+                      D(t(ka))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, Sa), [
+                [B, s.value === "date"]
+              ]),
+              b("button", {
+                type: "button",
+                "aria-label": t(C)("el.datepicker.nextYear"),
+                class: u([t(f).e("icon-btn"), "d-arrow-right"]),
+                disabled: t(w),
+                onClick: a[9] || (a[9] = (o) => be(!0))
+              }, [
+                K(e.$slots, "next-year", {}, () => [
+                  D(t(H), null, {
+                    default: _(() => [
+                      D(t(wa))
+                    ]),
+                    _: 1
+                  })
+                ])
+              ], 10, Ka)
+            ], 2)
+          ], 2), [
+            [B, s.value !== "time"]
+          ]),
+          b("div", {
+            class: u(t(f).e("content")),
+            onKeydown: na
+          }, [
+            s.value === "date" ? (V(), G(Ca, {
+              key: 0,
+              ref_key: "currentViewRef",
+              ref: z,
+              "selection-mode": i.value,
+              date: l.value,
+              "parsed-value": e.parsedValue,
+              "disabled-date": t(d),
+              disabled: t(w),
+              "cell-class-name": t(Q),
+              "show-week-number": e.showWeekNumber,
+              onPick: Ke
+            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "disabled", "cell-class-name", "show-week-number"])) : P("", !0),
+            s.value === "year" ? (V(), G(Fa, {
+              key: 1,
+              ref_key: "currentViewRef",
+              ref: z,
+              "selection-mode": i.value,
+              date: l.value,
+              "disabled-date": t(d),
+              disabled: t(w),
+              "parsed-value": e.parsedValue,
+              "cell-class-name": t(Q),
+              onPick: We
+            }, null, 8, ["selection-mode", "date", "disabled-date", "disabled", "parsed-value", "cell-class-name"])) : P("", !0),
+            s.value === "month" ? (V(), G(Ta, {
+              key: 2,
+              ref_key: "currentViewRef",
+              ref: z,
+              "selection-mode": i.value,
+              date: l.value,
+              "parsed-value": e.parsedValue,
+              "disabled-date": t(d),
+              disabled: t(w),
+              "cell-class-name": t(Q),
+              onPick: ze
+            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "disabled", "cell-class-name"])) : P("", !0)
+          ], 34)
+        ], 2)
+      ], 2),
+      e.showFooter && Je.value && je.value ? (V(), E("div", {
+        key: 0,
+        class: u(t(f).e("footer"))
+      }, [
+        I(D(t(Te), {
+          text: "",
+          size: "small",
+          class: u(t(f).e("link-btn")),
+          disabled: Ge.value,
+          onClick: He
+        }, {
+          default: _(() => [
+            Ce(U(t(C)("el.datepicker.now")), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "disabled"]), [
+          [B, !W.value && e.showNow]
+        ]),
+        e.showConfirm ? (V(), G(t(Te), {
+          key: 0,
+          plain: "",
+          size: "small",
+          class: u(t(f).e("link-btn")),
+          disabled: qe.value,
+          onClick: xe
+        }, {
+          default: _(() => [
+            Ce(U(t(C)("el.datepicker.confirm")), 1)
+          ]),
+          _: 1
+        }, 8, ["class", "disabled"])) : P("", !0)
+      ], 2)) : P("", !0)
+    ], 2));
+  }
+});
+export {
+  Dt as default
+};

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

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

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

@@ -0,0 +1,104 @@
+import dayjs from 'dayjs';
+declare var __VLS_1: {
+    class: string;
+}, __VLS_65: {}, __VLS_75: {}, __VLS_85: {}, __VLS_95: {}, __VLS_134: {}, __VLS_144: {}, __VLS_154: {}, __VLS_164: {};
+type __VLS_Slots = {} & {
+    sidebar?: (props: typeof __VLS_1) => any;
+} & {
+    'prev-year'?: (props: typeof __VLS_65) => any;
+} & {
+    'prev-month'?: (props: typeof __VLS_75) => any;
+} & {
+    'next-year'?: (props: typeof __VLS_85) => any;
+} & {
+    'next-month'?: (props: typeof __VLS_95) => any;
+} & {
+    'prev-year'?: (props: typeof __VLS_134) => any;
+} & {
+    'prev-month'?: (props: typeof __VLS_144) => any;
+} & {
+    'next-year'?: (props: typeof __VLS_154) => any;
+} & {
+    'next-month'?: (props: typeof __VLS_164) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly unlinkPanels: BooleanConstructor;
+    readonly visible: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showConfirm: BooleanConstructor;
+    readonly showFooter: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly border: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly parsedValue: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | [dayjs.Dayjs, dayjs.Dayjs]) | (() => import("@element-plus/components/time-picker").DayOrDays) | (((new (...args: any[]) => dayjs.Dayjs | [dayjs.Dayjs, dayjs.Dayjs]) | (() => import("@element-plus/components/time-picker").DayOrDays)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly singlePanel: BooleanConstructor;
+    readonly type: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange", unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly dateFormat: StringConstructor;
+    readonly timeFormat: StringConstructor;
+    readonly showNow: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showWeekNumber: BooleanConstructor;
+    readonly editable: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: (...args: any[]) => void;
+    "calendar-change": (...args: any[]) => void;
+    "panel-change": (...args: any[]) => void;
+    pick: (...args: any[]) => void;
+    "set-picker-option": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly unlinkPanels: BooleanConstructor;
+    readonly visible: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showConfirm: BooleanConstructor;
+    readonly showFooter: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly border: BooleanConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly parsedValue: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => dayjs.Dayjs | [dayjs.Dayjs, dayjs.Dayjs]) | (() => import("@element-plus/components/time-picker").DayOrDays) | (((new (...args: any[]) => dayjs.Dayjs | [dayjs.Dayjs, dayjs.Dayjs]) | (() => import("@element-plus/components/time-picker").DayOrDays)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly singlePanel: BooleanConstructor;
+    readonly type: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange")) | null)[], "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange", unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly dateFormat: StringConstructor;
+    readonly timeFormat: StringConstructor;
+    readonly showNow: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly showWeekNumber: BooleanConstructor;
+    readonly editable: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+}>> & Readonly<{
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onCalendar-change"?: ((...args: any[]) => any) | undefined;
+    "onPanel-change"?: ((...args: any[]) => any) | undefined;
+    onPick?: ((...args: any[]) => any) | undefined;
+    "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly visible: import("../../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly border: boolean;
+    readonly disabled: boolean;
+    readonly editable: import("../../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showNow: import("../../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showConfirm: boolean;
+    readonly showFooter: import("../../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly showWeekNumber: boolean;
+    readonly unlinkPanels: boolean;
+    readonly singlePanel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};