vft 0.0.70 → 0.0.72

package/es/components/date-picker/date-picker-com/panel-date-range.vue2.js

@@ -0,0 +1,383 @@
+import { defineComponent as qe, inject as Ge, toRef as de, ref as T, computed as v, resolveComponent as ce, openBlock as h, createElementBlock as b, normalizeClass as u, unref as e, createElementVNode as m, renderSlot as He, Fragment as Je, renderList as Qe, toDisplayString as K, createCommentVNode as C, createVNode as c, withDirectives as ve, withCtx as q, createBlock as We, createTextVNode as me } from "vue";
+import M from "dayjs";
+import { ClickOutside as fe } from "@vft/directives";
+import { isArray as pe } from "@vft/utils";
+import { VftButton as he } from "../../button/index.js";
+import { VftIcon as w } from "../../icon/index.js";
+import { VftInput as F } from "../../input/index.js";
+import "../../time-picker/index.js";
+import { panelDateRangeProps as Xe } from "../props/panel-date-range.js";
+import { useRangePicker as Ze } from "../composables/use-range-picker.js";
+import { isValidRange as be, getDefaultValue as je } from "../utils.js";
+import ge from "./basic-date-table.vue2.js";
+import ke from "../../time-picker/time-picker-com/panel-time-pick.vue2.js";
+import { extractTimeFormat as ea, extractDateFormat as aa } from "../../time-picker/utils.js";
+const la = ["onClick"], ta = ["disabled"], na = ["disabled"], oa = ["disabled"], ra = ["disabled"], E = "month", wa = /* @__PURE__ */ qe({
+  __name: "panel-date-range",
+  props: Xe,
+  emits: ["pick", "set-picker-option", "calendar-change", "panel-change"],
+  setup(ye, { emit: P }) {
+    const p = ye, A = Ge("EP_PICKER_BASE"), { disabledDate: Y, cellClassName: G, format: D, defaultTime: U, arrowControl: H, clearable: Ce } = A.props, J = de(A.props, "shortcuts"), Q = de(A.props, "defaultValue"), g = T("zh-cn"), t = T(M().locale(g.value)), n = T(M().locale(g.value).add(1, E)), {
+      minDate: o,
+      maxDate: r,
+      rangeState: x,
+      ppNs: d,
+      drpNs: f,
+      handleChangeRange: W,
+      handleRangeConfirm: X,
+      handleShortcutClick: we,
+      onSelect: Z
+    } = Ze(p, {
+      defaultValue: Q,
+      leftDate: t,
+      rightDate: n,
+      unit: E,
+      onParsedValueChanged: Ke
+    }), I = T({
+      min: null,
+      max: null
+    }), k = T({
+      min: null,
+      max: null
+    }), Pe = v(() => `${t.value.year()} 年 月${t.value.month() + 1})}`), xe = v(() => `${n.value.year()} 年 月${n.value.month() + 1})}`), j = v(() => t.value.year()), L = v(() => t.value.month()), ee = v(() => n.value.year()), ae = v(() => n.value.month()), le = v(() => !!J.value.length), Ve = v(() => I.value.min !== null ? I.value.min : o.value ? o.value.format(O.value) : ""), Te = v(() => I.value.max !== null ? I.value.max : r.value || o.value ? (r.value || o.value).format(O.value) : ""), Me = v(() => k.value.min !== null ? k.value.min : o.value ? o.value.format(B.value) : ""), De = v(() => k.value.max !== null ? k.value.max : r.value || o.value ? (r.value || o.value).format(B.value) : ""), B = v(() => ea(D)), O = v(() => aa(D)), Ie = () => {
+      t.value = t.value.subtract(1, "year"), p.unlinkPanels || (n.value = t.value.add(1, "month")), y("year");
+    }, Se = () => {
+      t.value = t.value.subtract(1, "month"), p.unlinkPanels || (n.value = t.value.add(1, "month")), y("month");
+    }, $e = () => {
+      p.unlinkPanels ? n.value = n.value.add(1, "year") : (t.value = t.value.add(1, "year"), n.value = t.value.add(1, "month")), y("year");
+    }, Ne = () => {
+      p.unlinkPanels ? n.value = n.value.add(1, "month") : (t.value = t.value.add(1, "month"), n.value = t.value.add(1, "month")), y("month");
+    }, Be = () => {
+      t.value = t.value.add(1, "year"), y("year");
+    }, Ye = () => {
+      t.value = t.value.add(1, "month"), y("month");
+    }, ze = () => {
+      n.value = n.value.subtract(1, "year"), y("year");
+    }, Re = () => {
+      n.value = n.value.subtract(1, "month"), y("month");
+    }, y = (l) => {
+      P("panel-change", [t.value.toDate(), n.value.toDate()], l);
+    }, z = v(() => {
+      const l = (L.value + 1) % 12, a = L.value + 1 >= 12 ? 1 : 0;
+      return p.unlinkPanels && new Date(j.value + a, l) < new Date(ee.value, ae.value);
+    }), R = v(() => p.unlinkPanels && ee.value * 12 + ae.value - (j.value * 12 + L.value + 1) >= 12), _e = v(() => !(o.value && r.value && !x.value.selecting && be([o.value, r.value]))), _ = v(() => p.type === "datetime" || p.type === "datetimerange"), te = (l, a) => {
+      if (l)
+        return U ? M(U[a] || U).locale(g.value).year(l.year()).month(l.month()).date(l.date()) : l;
+    }, ne = (l, a = !0) => {
+      const s = l.minDate, V = l.maxDate, i = te(s, 0), N = te(V, 1);
+      r.value === N && o.value === i || (P("calendar-change", [s.toDate(), V && V.toDate()]), r.value = N, o.value = i, !(!a || _.value) && X());
+    }, S = T(!1), $ = T(!1), Fe = () => {
+      S.value = !1;
+    }, Ee = () => {
+      $.value = !1;
+    }, oe = (l, a) => {
+      I.value[a] = l;
+      const s = M(l, O.value).locale(g.value);
+      if (s.isValid()) {
+        if (Y && Y(s.toDate()))
+          return;
+        a === "min" ? (t.value = s, o.value = (o.value || t.value).year(s.year()).month(s.month()).date(s.date()), p.unlinkPanels || (n.value = s.add(1, "month"), r.value = o.value.add(1, "month"))) : (n.value = s, r.value = (r.value || n.value).year(s.year()).month(s.month()).date(s.date()), p.unlinkPanels || (t.value = s.subtract(1, "month"), o.value = r.value.subtract(1, "month")));
+      }
+    }, re = (l, a) => {
+      I.value[a] = null;
+    }, se = (l, a) => {
+      k.value[a] = l;
+      const s = M(l, B.value).locale(g.value);
+      s.isValid() && (a === "min" ? (S.value = !0, o.value = (o.value || t.value).hour(s.hour()).minute(s.minute()).second(s.second()), (!r.value || r.value.isBefore(o.value)) && (r.value = o.value)) : ($.value = !0, r.value = (r.value || n.value).hour(s.hour()).minute(s.minute()).second(s.second()), n.value = r.value, r.value && r.value.isBefore(o.value) && (o.value = r.value)));
+    }, ue = (l, a) => {
+      k.value[a] = null, a === "min" ? (t.value = o.value, S.value = !1) : (n.value = r.value, $.value = !1);
+    }, Ae = (l, a, s) => {
+      k.value.min || (l && (t.value = l, o.value = (o.value || t.value).hour(l.hour()).minute(l.minute()).second(l.second())), s || (S.value = a), (!r.value || r.value.isBefore(o.value)) && (r.value = o.value, n.value = l));
+    }, Ue = (l, a, s) => {
+      k.value.max || (l && (n.value = l, r.value = (r.value || n.value).hour(l.hour()).minute(l.minute()).second(l.second())), s || ($.value = a), r.value && r.value.isBefore(o.value) && (o.value = r.value));
+    }, ie = () => {
+      t.value = je(e(Q), {
+        lang: e(g),
+        unit: "month",
+        unlinkPanels: p.unlinkPanels
+      })[0], n.value = t.value.add(1, "month"), P("pick", null);
+    }, Le = (l) => pe(l) ? l.map((a) => a.format(D)) : l.format(D), Oe = (l) => pe(l) ? l.map((a) => M(a, D).locale(g.value)) : M(l, D).locale(g.value);
+    function Ke(l, a) {
+      if (p.unlinkPanels && a) {
+        const s = (l == null ? void 0 : l.year()) || 0, V = (l == null ? void 0 : l.month()) || 0, i = a.year(), N = a.month();
+        n.value = s === i && V === N ? a.add(1, E) : a;
+      } else
+        n.value = t.value.add(1, E), a && (n.value = n.value.hour(a.hour()).minute(a.minute()).second(a.second()));
+    }
+    return P("set-picker-option", ["isValidValue", be]), P("set-picker-option", ["parseUserInput", Oe]), P("set-picker-option", ["formatToString", Le]), P("set-picker-option", ["handleClear", ie]), (l, a) => {
+      const s = ce("arrow-right"), V = ce("el-icon");
+      return h(), b("div", {
+        class: u([
+          e(d).b(),
+          e(f).b(),
+          {
+            "has-sidebar": l.$slots.sidebar || e(le),
+            "has-time": e(_)
+          }
+        ])
+      }, [
+        m("div", {
+          class: u(e(d).e("body-wrapper"))
+        }, [
+          He(l.$slots, "sidebar", {
+            class: u(e(d).e("sidebar"))
+          }),
+          e(le) ? (h(), b("div", {
+            key: 0,
+            class: u(e(d).e("sidebar"))
+          }, [
+            (h(!0), b(Je, null, Qe(e(J), (i, N) => (h(), b("button", {
+              key: N,
+              type: "button",
+              class: u(e(d).e("shortcut")),
+              onClick: (sa) => e(we)(i)
+            }, K(i.text), 11, la))), 128))
+          ], 2)) : C("", !0),
+          m("div", {
+            class: u(e(d).e("body"))
+          }, [
+            e(_) ? (h(), b("div", {
+              key: 0,
+              class: u(e(f).e("time-header"))
+            }, [
+              m("span", {
+                class: u(e(f).e("editors-wrap"))
+              }, [
+                m("span", {
+                  class: u(e(f).e("time-picker-wrap"))
+                }, [
+                  c(e(F), {
+                    size: "small",
+                    disabled: e(x).selecting,
+                    placeholder: "开始日期",
+                    class: u(e(f).e("editor")),
+                    "model-value": e(Ve),
+                    "validate-event": !1,
+                    onInput: a[0] || (a[0] = (i) => oe(i, "min")),
+                    onChange: a[1] || (a[1] = (i) => re(i, "min"))
+                  }, null, 8, ["disabled", "class", "model-value"])
+                ], 2),
+                ve((h(), b("span", {
+                  class: u(e(f).e("time-picker-wrap"))
+                }, [
+                  c(e(F), {
+                    size: "small",
+                    class: u(e(f).e("editor")),
+                    disabled: e(x).selecting,
+                    placeholder: "开始时间",
+                    "model-value": e(Me),
+                    "validate-event": !1,
+                    onFocus: a[2] || (a[2] = (i) => S.value = !0),
+                    onInput: a[3] || (a[3] = (i) => se(i, "min")),
+                    onChange: a[4] || (a[4] = (i) => ue(i, "min"))
+                  }, null, 8, ["class", "disabled", "model-value"]),
+                  c(e(ke), {
+                    visible: S.value,
+                    format: e(B),
+                    "datetime-role": "start",
+                    "time-arrow-control": e(H),
+                    "parsed-value": t.value,
+                    onPick: Ae
+                  }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                ], 2)), [
+                  [e(fe), Fe]
+                ])
+              ], 2),
+              m("span", null, [
+                c(V, null, {
+                  default: q(() => [
+                    c(s)
+                  ]),
+                  _: 1
+                })
+              ]),
+              m("span", {
+                class: u([e(f).e("editors-wrap"), "is-right"])
+              }, [
+                m("span", {
+                  class: u(e(f).e("time-picker-wrap"))
+                }, [
+                  c(e(F), {
+                    size: "small",
+                    class: u(e(f).e("editor")),
+                    disabled: e(x).selecting,
+                    placeholder: "结束日期",
+                    "model-value": e(Te),
+                    readonly: !e(o),
+                    "validate-event": !1,
+                    onInput: a[5] || (a[5] = (i) => oe(i, "max")),
+                    onChange: a[6] || (a[6] = (i) => re(i, "max"))
+                  }, null, 8, ["class", "disabled", "model-value", "readonly"])
+                ], 2),
+                ve((h(), b("span", {
+                  class: u(e(f).e("time-picker-wrap"))
+                }, [
+                  c(e(F), {
+                    size: "small",
+                    class: u(e(f).e("editor")),
+                    disabled: e(x).selecting,
+                    placeholder: "结束时间",
+                    "model-value": e(De),
+                    readonly: !e(o),
+                    "validate-event": !1,
+                    onFocus: a[7] || (a[7] = (i) => e(o) && ($.value = !0)),
+                    onInput: a[8] || (a[8] = (i) => se(i, "max")),
+                    onChange: a[9] || (a[9] = (i) => ue(i, "max"))
+                  }, null, 8, ["class", "disabled", "model-value", "readonly"]),
+                  c(e(ke), {
+                    "datetime-role": "end",
+                    visible: $.value,
+                    format: e(B),
+                    "time-arrow-control": e(H),
+                    "parsed-value": n.value,
+                    onPick: Ue
+                  }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                ], 2)), [
+                  [e(fe), Ee]
+                ])
+              ], 2)
+            ], 2)) : C("", !0),
+            m("div", {
+              class: u([[e(d).e("content"), e(f).e("content")], "is-left"])
+            }, [
+              m("div", {
+                class: u(e(f).e("header"))
+              }, [
+                m("button", {
+                  type: "button",
+                  class: u([e(d).e("icon-btn"), "d-arrow-left"]),
+                  onClick: Ie
+                }, [
+                  c(e(w), { icon: "ico-ep:d-arrow-left" })
+                ], 2),
+                m("button", {
+                  type: "button",
+                  class: u([e(d).e("icon-btn"), "arrow-left"]),
+                  onClick: Se
+                }, [
+                  c(e(w), { icon: "ico-ep:arrow-left" })
+                ], 2),
+                l.unlinkPanels ? (h(), b("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !e(R),
+                  class: u([[e(d).e("icon-btn"), { "is-disabled": !e(R) }], "d-arrow-right"]),
+                  onClick: Be
+                }, [
+                  c(e(w), { icon: "ico-ep:d-arrow-right" })
+                ], 10, ta)) : C("", !0),
+                l.unlinkPanels ? (h(), b("button", {
+                  key: 1,
+                  type: "button",
+                  disabled: !e(z),
+                  class: u([[e(d).e("icon-btn"), { "is-disabled": !e(z) }], "arrow-right"]),
+                  onClick: Ye
+                }, [
+                  c(e(w), { icon: "ico-ep:arrow-right" })
+                ], 10, na)) : C("", !0),
+                m("div", null, K(e(Pe)), 1)
+              ], 2),
+              c(ge, {
+                "selection-mode": "range",
+                date: t.value,
+                "min-date": e(o),
+                "max-date": e(r),
+                "range-state": e(x),
+                "disabled-date": e(Y),
+                "cell-class-name": e(G),
+                onChangerange: e(W),
+                onPick: ne,
+                onSelect: e(Z)
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])
+            ], 2),
+            m("div", {
+              class: u([[e(d).e("content"), e(f).e("content")], "is-right"])
+            }, [
+              m("div", {
+                class: u(e(f).e("header"))
+              }, [
+                l.unlinkPanels ? (h(), b("button", {
+                  key: 0,
+                  type: "button",
+                  disabled: !e(R),
+                  class: u([[e(d).e("icon-btn"), { "is-disabled": !e(R) }], "d-arrow-left"]),
+                  onClick: ze
+                }, [
+                  c(e(w), { icon: "ico-ep:d-arrow-left" })
+                ], 10, oa)) : C("", !0),
+                l.unlinkPanels ? (h(), b("button", {
+                  key: 1,
+                  type: "button",
+                  disabled: !e(z),
+                  class: u([[e(d).e("icon-btn"), { "is-disabled": !e(z) }], "arrow-left"]),
+                  onClick: Re
+                }, [
+                  c(e(w), { icon: "ico-ep:arrow-left" })
+                ], 10, ra)) : C("", !0),
+                m("button", {
+                  type: "button",
+                  class: u([e(d).e("icon-btn"), "d-arrow-right"]),
+                  onClick: $e
+                }, [
+                  c(e(w), { icon: "ico-ep:arrow-right" })
+                ], 2),
+                m("button", {
+                  type: "button",
+                  class: u([e(d).e("icon-btn"), "arrow-right"]),
+                  onClick: Ne
+                }, [
+                  c(e(w), { icon: "ico-ep:arrow-right" })
+                ], 2),
+                m("div", null, K(e(xe)), 1)
+              ], 2),
+              c(ge, {
+                "selection-mode": "range",
+                date: n.value,
+                "min-date": e(o),
+                "max-date": e(r),
+                "range-state": e(x),
+                "disabled-date": e(Y),
+                "cell-class-name": e(G),
+                onChangerange: e(W),
+                onPick: ne,
+                onSelect: e(Z)
+              }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "onChangerange", "onSelect"])
+            ], 2)
+          ], 2)
+        ], 2),
+        e(_) ? (h(), b("div", {
+          key: 0,
+          class: u(e(d).e("footer"))
+        }, [
+          e(Ce) ? (h(), We(e(he), {
+            key: 0,
+            text: "",
+            size: "small",
+            class: u(e(d).e("link-btn")),
+            onClick: ie
+          }, {
+            default: q(() => [
+              me("清除")
+            ]),
+            _: 1
+          }, 8, ["class"])) : C("", !0),
+          c(e(he), {
+            plain: "",
+            size: "small",
+            class: u(e(d).e("link-btn")),
+            disabled: e(_e),
+            onClick: a[10] || (a[10] = (i) => e(X)(!1))
+          }, {
+            default: q(() => [
+              me("确认")
+            ]),
+            _: 1
+          }, 8, ["class", "disabled"])
+        ], 2)) : C("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  wa as default
+};

package/es/components/date-picker/date-picker-com/panel-month-range.vue.js

@@ -0,0 +1,4 @@
+import f from "./panel-month-range.vue2.js";
+export {
+  f as default
+};

package/es/components/date-picker/date-picker-com/panel-month-range.vue2.js

@@ -0,0 +1,170 @@
+import { defineComponent as I, ref as C, inject as Z, toRef as L, computed as j, openBlock as i, createElementBlock as d, normalizeClass as a, unref as e, createElementVNode as s, renderSlot as ee, Fragment as te, renderList as ne, toDisplayString as P, createCommentVNode as y, createVNode as c } from "vue";
+import z from "dayjs";
+import { VftIcon as k } from "../../icon/index.js";
+import { panelMonthRangeProps as ae, panelMonthRangeEmits as oe } from "../props/panel-month-range.js";
+import { useMonthRangeHeader as re } from "../composables/use-month-range-header.js";
+import { useRangePicker as se } from "../composables/use-range-picker.js";
+import A from "./basic-month-table.vue2.js";
+const le = ["onClick"], ie = ["disabled"], de = ["disabled"], v = "year", ce = I({
+  name: "DatePickerMonthRange"
+}), ve = /* @__PURE__ */ I({
+  ...ce,
+  props: ae,
+  emits: oe,
+  setup(T, { emit: F }) {
+    const p = T, S = C("zh-cn"), w = Z("EP_PICKER_BASE"), { shortcuts: R, disabledDate: Y, format: H } = w.props, K = L(w.props, "defaultValue"), g = C(z().locale(S.value)), u = C(z().locale(S.value).add(1, v)), {
+      minDate: b,
+      maxDate: f,
+      rangeState: _,
+      ppNs: o,
+      drpNs: m,
+      handleChangeRange: N,
+      handleRangeConfirm: q,
+      handleShortcutClick: G,
+      onSelect: V
+    } = se(p, {
+      defaultValue: K,
+      leftDate: g,
+      rightDate: u,
+      unit: v,
+      onParsedValueChanged: X
+    }), x = j(() => !!R.length), {
+      leftPrevYear: D,
+      rightNextYear: E,
+      leftNextYear: B,
+      rightPrevYear: M,
+      leftLabel: J,
+      rightLabel: O,
+      leftYear: Q,
+      rightYear: U
+    } = re({
+      unlinkPanels: L(p, "unlinkPanels"),
+      leftDate: g,
+      rightDate: u
+    }), h = j(() => p.unlinkPanels && U.value > Q.value + 1), $ = (r, t = !0) => {
+      const n = r.minDate, l = r.maxDate;
+      f.value === l && b.value === n || (f.value = l, b.value = n, t && q());
+    }, W = (r) => r.map((t) => t.format(H));
+    function X(r, t) {
+      if (p.unlinkPanels && t) {
+        const n = (r == null ? void 0 : r.year()) || 0, l = t.year();
+        u.value = n === l ? t.add(1, v) : t;
+      } else
+        u.value = g.value.add(1, v);
+    }
+    return F("set-picker-option", ["formatToString", W]), (r, t) => (i(), d("div", {
+      class: a([
+        e(o).b(),
+        e(m).b(),
+        {
+          "has-sidebar": !!r.$slots.sidebar || e(x)
+        }
+      ])
+    }, [
+      s("div", {
+        class: a(e(o).e("body-wrapper"))
+      }, [
+        ee(r.$slots, "sidebar", {
+          class: a(e(o).e("sidebar"))
+        }),
+        e(x) ? (i(), d("div", {
+          key: 0,
+          class: a(e(o).e("sidebar"))
+        }, [
+          (i(!0), d(te, null, ne(e(R), (n, l) => (i(), d("button", {
+            key: l,
+            type: "button",
+            class: a(e(o).e("shortcut")),
+            onClick: (ue) => e(G)(n)
+          }, P(n.text), 11, le))), 128))
+        ], 2)) : y("", !0),
+        s("div", {
+          class: a(e(o).e("body"))
+        }, [
+          s("div", {
+            class: a([[e(o).e("content"), e(m).e("content")], "is-left"])
+          }, [
+            s("div", {
+              class: a(e(m).e("header"))
+            }, [
+              s("button", {
+                type: "button",
+                class: a([e(o).e("icon-btn"), "d-arrow-left"]),
+                onClick: t[0] || (t[0] = //@ts-ignore
+                (...n) => e(D) && e(D)(...n))
+              }, [
+                c(e(k), { icon: "ico-ep:d-arrow-left" })
+              ], 2),
+              r.unlinkPanels ? (i(), d("button", {
+                key: 0,
+                type: "button",
+                disabled: !e(h),
+                class: a([[
+                  e(o).e("icon-btn"),
+                  { [e(o).is("disabled")]: !e(h) }
+                ], "d-arrow-right"]),
+                onClick: t[1] || (t[1] = //@ts-ignore
+                (...n) => e(B) && e(B)(...n))
+              }, [
+                c(e(k), { icon: "ico-ep:d-arrow-right" })
+              ], 10, ie)) : y("", !0),
+              s("div", null, P(e(J)), 1)
+            ], 2),
+            c(A, {
+              "selection-mode": "range",
+              date: g.value,
+              "min-date": e(b),
+              "max-date": e(f),
+              "range-state": e(_),
+              "disabled-date": e(Y),
+              onChangerange: e(N),
+              onPick: $,
+              onSelect: e(V)
+            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
+          ], 2),
+          s("div", {
+            class: a([[e(o).e("content"), e(m).e("content")], "is-right"])
+          }, [
+            s("div", {
+              class: a(e(m).e("header"))
+            }, [
+              r.unlinkPanels ? (i(), d("button", {
+                key: 0,
+                type: "button",
+                disabled: !e(h),
+                class: a([[e(o).e("icon-btn"), { "is-disabled": !e(h) }], "d-arrow-left"]),
+                onClick: t[2] || (t[2] = //@ts-ignore
+                (...n) => e(M) && e(M)(...n))
+              }, [
+                c(e(k), { icon: "ico-ep:d-arrow-left" })
+              ], 10, de)) : y("", !0),
+              s("button", {
+                type: "button",
+                class: a([e(o).e("icon-btn"), "d-arrow-right"]),
+                onClick: t[3] || (t[3] = //@ts-ignore
+                (...n) => e(E) && e(E)(...n))
+              }, [
+                c(e(k), { icon: "ico-ep:d-arrow-right" })
+              ], 2),
+              s("div", null, P(e(O)), 1)
+            ], 2),
+            c(A, {
+              "selection-mode": "range",
+              date: u.value,
+              "min-date": e(b),
+              "max-date": e(f),
+              "range-state": e(_),
+              "disabled-date": e(Y),
+              onChangerange: e(N),
+              onPick: $,
+              onSelect: e(V)
+            }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "onChangerange", "onSelect"])
+          ], 2)
+        ], 2)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  ve as default
+};

package/es/components/date-picker/date-picker.js

@@ -0,0 +1,81 @@
+import { defineComponent as c, provide as p, reactive as u, toRef as O, ref as P, createVNode as n, mergeProps as E } from "vue";
+import r from "dayjs";
+import x from "dayjs/plugin/customParseFormat.js";
+import _ from "dayjs/plugin/advancedFormat.js";
+import k from "dayjs/plugin/localeData.js";
+import T from "dayjs/plugin/weekOfYear.js";
+import A from "dayjs/plugin/weekYear.js";
+import C from "dayjs/plugin/dayOfYear.js";
+import D from "dayjs/plugin/isSameOrAfter.js";
+import v from "dayjs/plugin/isSameOrBefore.js";
+import { useNamespace as y } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "../time-picker/index.js";
+import { ROOT_PICKER_INJECTION_KEY as F } from "./constants.js";
+import { datePickerProps as R } from "./props/date-picker.js";
+import { getPanel as N } from "./panel-utils.js";
+import { DEFAULT_FORMATS_DATEPICKER as V, DEFAULT_FORMATS_DATE as g } from "../time-picker/constants.js";
+import h from "../time-picker/common/picker.vue2.js";
+r.extend(k);
+r.extend(_);
+r.extend(x);
+r.extend(T);
+r.extend(A);
+r.extend(C);
+r.extend(D);
+r.extend(v);
+const te = /* @__PURE__ */ c({
+  name: "ElDatePicker",
+  install: null,
+  props: R,
+  emits: ["update:modelValue"],
+  setup(o, {
+    expose: i,
+    emit: f,
+    slots: a
+  }) {
+    const d = y("picker-panel");
+    p("ElPopperOptions", u(O(o, "popperOptions"))), p(F, {
+      slots: a,
+      pickerNs: d
+    });
+    const t = P();
+    i({
+      focus: (e = !0) => {
+        var m;
+        (m = t.value) == null || m.focus(e);
+      },
+      handleOpen: () => {
+        var e;
+        (e = t.value) == null || e.handleOpen();
+      },
+      handleClose: () => {
+        var e;
+        (e = t.value) == null || e.handleClose();
+      }
+    });
+    const l = (e) => {
+      f("update:modelValue", e);
+    };
+    return () => {
+      const e = o.format ?? (V[o.type] || g), m = N(o.type);
+      return n(h, E(o, {
+        format: e,
+        type: o.type,
+        ref: t,
+        "onUpdate:modelValue": l
+      }), {
+        default: (s) => n(m, s, null),
+        "range-separator": a["range-separator"]
+      });
+    };
+  }
+});
+export {
+  te as default
+};

package/es/components/date-picker/date-picker.type.js

@@ -0,0 +1 @@
+

package/es/components/date-picker/index.js

@@ -0,0 +1,14 @@
+import o from "./date-picker.js";
+import { ROOT_PICKER_INJECTION_KEY as m } from "./constants.js";
+import { datePickerProps as p } from "./props/date-picker.js";
+const e = o;
+e.install = (t) => {
+  t.component(e.name, e);
+};
+const a = e;
+export {
+  m as ROOT_PICKER_INJECTION_KEY,
+  a as VftDatePicker,
+  p as datePickerProps,
+  e as default
+};

package/es/components/date-picker/panel-utils.js

@@ -0,0 +1,17 @@
+import r from "./date-picker-com/panel-date-pick.vue2.js";
+import t from "./date-picker-com/panel-date-range.vue2.js";
+import n from "./date-picker-com/panel-month-range.vue2.js";
+const c = function(e) {
+  switch (e) {
+    case "daterange":
+    case "datetimerange":
+      return t;
+    case "monthrange":
+      return n;
+    default:
+      return r;
+  }
+};
+export {
+  c as getPanel
+};