fec-dev-designer 1.0.0

package/es/node_modules/element-plus/es/components/date-picker-panel/src/date-picker-com/panel-date-range.js

@@ -0,0 +1,729 @@
+import { defineComponent as pa, inject as Me, toRef as se, ref as O, watch as ha, computed as y, openBlock as f, createElementBlock as k, normalizeClass as r, unref as e, createElementVNode as m, renderSlot as V, Fragment as ka, renderList as ga, toDisplayString as A, createCommentVNode as h, createVNode as u, withDirectives as K, withCtx as w, vShow as Q, withKeys as X, createBlock as $, createTextVNode as $e, nextTick as ya } from "vue";
+import J from "../../../../../../dayjs/dayjs.min.js";
+import { ElButton as Ie } from "../../../button/index.js";
+import { ElInput as Z } from "../../../input/index.js";
+import { ElIcon as D } from "../../../icon/index.js";
+import { ArrowRight as ue, DArrowLeft as Ye, ArrowLeft as Ee, DArrowRight as Fe } from "../../../../../../@element-plus/icons-vue/dist/index.js";
+import { panelDateRangeProps as wa } from "../props/panel-date-range.js";
+import { useRangePicker as Ca } from "../composables/use-range-picker.js";
+import { isValidRange as Ne, getDefaultValue as Pa, correctlyParseUserInput as Va } from "../utils.js";
+import { usePanelDateRange as Da } from "../composables/use-panel-date-range.js";
+import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY as Ta } from "../constants.js";
+import Ae from "./basic-year-table.js";
+import Se from "./basic-month-table.js";
+import xe from "./basic-date-table.js";
+import Ra from "../../../../_virtual/plugin-vue_export-helper.js";
+import Be from "../../../time-picker/src/time-picker-com/panel-time-pick.js";
+import Le from "../../../../directives/click-outside/index.js";
+import { PICKER_BASE_INJECTION_KEY as Ma, DEFAULT_FORMATS_TIME as $a, DEFAULT_FORMATS_DATE as Ia } from "../../../time-picker/src/constants.js";
+import { useLocale as Ya } from "../../../../hooks/use-locale/index.js";
+import { extractTimeFormat as Ea, extractDateFormat as Fa } from "../../../time-picker/src/utils.js";
+import { useFormDisabled as Na } from "../../../form/src/hooks/use-form-common-props.js";
+const Aa = ["disabled", "onClick"], Sa = ["aria-label", "disabled"], xa = ["aria-label", "disabled"], Ba = ["disabled", "aria-label"], La = ["disabled", "aria-label"], Oa = ["tabindex", "aria-disabled"], Ka = ["tabindex", "aria-disabled"], Ua = ["disabled", "aria-label"], _a = ["disabled", "aria-label"], za = ["aria-label", "disabled"], Ja = ["disabled", "aria-label"], Wa = ["tabindex", "aria-disabled"], qa = ["tabindex", "aria-disabled"], j = "month", Ga = pa({
+  __name: "panel-date-range",
+  props: wa,
+  emits: [
+    "pick",
+    "set-picker-option",
+    "calendar-change",
+    "panel-change",
+    "clear"
+  ],
+  setup(Oe, { emit: Ke }) {
+    const b = Oe, I = Ke, Y = Me(Ma), Ue = Me(
+      Ta,
+      void 0
+    ), { disabledDate: g, cellClassName: de, defaultTime: W, clearable: ve } = Y.props, ee = se(Y.props, "format"), me = se(Y.props, "shortcuts"), ce = se(Y.props, "defaultValue"), { lang: E } = Ya(), o = O(J().locale(E.value)), s = O(J().locale(E.value).add(1, j)), {
+      minDate: n,
+      maxDate: i,
+      rangeState: T,
+      ppNs: d,
+      drpNs: c,
+      handleChangeRange: fe,
+      handleRangeConfirm: F,
+      handleShortcutClick: _e,
+      onSelect: ae,
+      parseValue: be,
+      t: p
+    } = Ca(b, {
+      defaultValue: ce,
+      defaultTime: W,
+      leftDate: o,
+      rightDate: s,
+      unit: j,
+      sortDates: Re
+    });
+    ha(
+      () => b.visible,
+      (a) => {
+        !a && T.value.selecting && (be(b.parsedValue), ae(!1));
+      }
+    );
+    const S = O({
+      min: null,
+      max: null
+    }), R = O({
+      min: null,
+      max: null
+    }), {
+      leftCurrentView: P,
+      rightCurrentView: C,
+      leftCurrentViewRef: le,
+      rightCurrentViewRef: te,
+      leftYear: pe,
+      rightYear: he,
+      leftMonth: ne,
+      rightMonth: ke,
+      leftYearLabel: ze,
+      rightYearLabel: Je,
+      showLeftPicker: q,
+      showRightPicker: G,
+      handleLeftYearPick: We,
+      handleRightYearPick: qe,
+      handleLeftMonthPick: Ge,
+      handleRightMonthPick: He,
+      handlePanelChange: M,
+      adjustDateByView: U
+    } = Da(b, I, o, s), ge = y(() => !!me.value.length), Qe = y(() => S.value.min !== null ? S.value.min : n.value ? n.value.format(ie.value) : ""), Xe = y(() => S.value.max !== null ? S.value.max : i.value || n.value ? (i.value || n.value).format(ie.value) : ""), Ze = y(() => R.value.min !== null ? R.value.min : n.value ? n.value.format(_.value) : ""), je = y(() => R.value.max !== null ? R.value.max : i.value || n.value ? (i.value || n.value).format(_.value) : ""), _ = y(() => b.timeFormat || Ea(ee.value || "") || $a), ie = y(() => b.dateFormat || Fa(ee.value || "") || Ia), ea = (a) => Ne(a) && (g ? !g(a[0].toDate()) && !g(a[1].toDate()) : !0), aa = () => {
+      o.value = U(
+        P.value,
+        o.value,
+        !1
+      ), b.unlinkPanels || (s.value = o.value.add(1, "month")), M("year");
+    }, la = () => {
+      o.value = o.value.subtract(1, "month"), b.unlinkPanels || (s.value = o.value.add(1, "month")), M("month");
+    }, ta = () => {
+      b.unlinkPanels ? s.value = U(
+        C.value,
+        s.value,
+        !0
+      ) : (o.value = U(
+        C.value,
+        o.value,
+        !0
+      ), s.value = o.value.add(1, "month")), M("year");
+    }, na = () => {
+      b.unlinkPanels ? s.value = s.value.add(1, "month") : (o.value = o.value.add(1, "month"), s.value = o.value.add(1, "month")), M("month");
+    }, ia = () => {
+      o.value = U(P.value, o.value, !0), M("year");
+    }, ra = () => {
+      o.value = o.value.add(1, "month"), M("month");
+    }, oa = () => {
+      s.value = U(
+        C.value,
+        s.value,
+        !1
+      ), M("year");
+    }, sa = () => {
+      s.value = s.value.subtract(1, "month"), M("month");
+    }, re = y(() => {
+      const a = (ne.value + 1) % 12, l = ne.value + 1 >= 12 ? 1 : 0;
+      return b.unlinkPanels && new Date(pe.value + l, a) < new Date(he.value, ke.value);
+    }), oe = y(() => b.unlinkPanels && he.value * 12 + ke.value - (pe.value * 12 + ne.value + 1) >= 12), v = Na(), ua = y(() => !(n.value && i.value && !T.value.selecting && Ne([n.value, i.value]) && !v.value)), H = y(
+      () => b.type === "datetime" || b.type === "datetimerange"
+    ), ye = (a, l) => {
+      if (a)
+        return W ? J(
+          W[l] || W
+        ).locale(E.value).year(a.year()).month(a.month()).date(a.date()) : a;
+    }, we = (a, l = !0) => {
+      const t = a.minDate, N = a.maxDate, L = ye(t, 0), z = ye(N, 1);
+      i.value === z && n.value === L || (I("calendar-change", [t.toDate(), N && N.toDate()]), i.value = z, n.value = L, !H.value && l && (l = !L || !z), F(l));
+    }, x = O(!1), B = O(!1), da = () => {
+      x.value = !1;
+    }, va = () => {
+      B.value = !1;
+    }, Ce = (a, l) => {
+      S.value[l] = a;
+      const t = J(a, ie.value).locale(E.value);
+      if (t.isValid()) {
+        if (g && g(t.toDate()))
+          return;
+        l === "min" ? (o.value = t, n.value = (n.value || o.value).year(t.year()).month(t.month()).date(t.date()), !b.unlinkPanels && (!i.value || i.value.isBefore(n.value)) && (s.value = t.add(1, "month"), i.value = n.value.add(1, "month"))) : (s.value = t, i.value = (i.value || s.value).year(t.year()).month(t.month()).date(t.date()), !b.unlinkPanels && (!n.value || n.value.isAfter(i.value)) && (o.value = t.subtract(1, "month"), n.value = i.value.subtract(1, "month"))), Re(n.value, i.value), F(!0);
+      }
+    }, Pe = (a, l) => {
+      S.value[l] = null;
+    }, Ve = (a, l) => {
+      R.value[l] = a;
+      const t = J(a, _.value).locale(E.value);
+      t.isValid() && (l === "min" ? (x.value = !0, n.value = (n.value || o.value).hour(t.hour()).minute(t.minute()).second(t.second()), o.value = n.value) : (B.value = !0, i.value = (i.value || s.value).hour(t.hour()).minute(t.minute()).second(t.second()), s.value = i.value));
+    }, De = (a, l) => {
+      R.value[l] = null, l === "min" ? (o.value = n.value, x.value = !1, (!i.value || i.value.isBefore(n.value)) && (i.value = n.value)) : (s.value = i.value, B.value = !1, i.value && i.value.isBefore(n.value) && (n.value = i.value)), F(!0);
+    }, ma = (a, l, t) => {
+      R.value.min || (a && (n.value = (n.value || o.value).hour(a.hour()).minute(a.minute()).second(a.second())), t || (x.value = l), (!i.value || i.value.isBefore(n.value)) && (i.value = n.value, s.value = a, ya(() => {
+        be(b.parsedValue);
+      })), F(!0));
+    }, ca = (a, l, t) => {
+      R.value.max || (a && (i.value = (i.value || s.value).hour(a.hour()).minute(a.minute()).second(a.second())), t || (B.value = l), i.value && i.value.isBefore(n.value) && (n.value = i.value), F(!0));
+    }, fa = () => {
+      Te(), I("clear");
+    }, Te = () => {
+      let a = null;
+      Y != null && Y.emptyValues && (a = Y.emptyValues.valueOnClear.value), o.value = Pa(e(ce), {
+        lang: e(E),
+        unit: "month",
+        unlinkPanels: b.unlinkPanels
+      })[0], s.value = o.value.add(1, "month"), i.value = void 0, n.value = void 0, F(!0), I("pick", a);
+    }, ba = (a) => Va(
+      a,
+      ee.value || "",
+      E.value,
+      Ue
+    );
+    function Re(a, l) {
+      if (b.unlinkPanels && l) {
+        const t = (a == null ? void 0 : a.year()) || 0, N = (a == null ? void 0 : a.month()) || 0, L = l.year(), z = l.month();
+        s.value = t === L && N === z ? l.add(1, j) : l;
+      } else
+        s.value = o.value.add(1, j), l && (s.value = s.value.hour(l.hour()).minute(l.minute()).second(l.second()));
+    }
+    return I("set-picker-option", ["isValidValue", ea]), I("set-picker-option", ["parseUserInput", ba]), I("set-picker-option", ["handleClear", Te]), (a, l) => (f(), k(
+      "div",
+      {
+        class: r([
+          e(d).b(),
+          e(c).b(),
+          e(d).is("border", a.border),
+          e(d).is("disabled", e(v)),
+          {
+            "has-sidebar": a.$slots.sidebar || ge.value,
+            "has-time": H.value
+          }
+        ])
+      },
+      [
+        m(
+          "div",
+          {
+            class: r(e(d).e("body-wrapper"))
+          },
+          [
+            V(a.$slots, "sidebar", {
+              class: r(e(d).e("sidebar"))
+            }),
+            ge.value ? (f(), k(
+              "div",
+              {
+                key: 0,
+                class: r(e(d).e("sidebar"))
+              },
+              [
+                (f(!0), k(
+                  ka,
+                  null,
+                  ga(me.value, (t, N) => (f(), k("button", {
+                    key: N,
+                    type: "button",
+                    disabled: e(v),
+                    class: r(e(d).e("shortcut")),
+                    onClick: (L) => e(_e)(t)
+                  }, A(t.text), 11, Aa))),
+                  128
+                ))
+              ],
+              2
+            )) : h("v-if", !0),
+            m(
+              "div",
+              {
+                class: r(e(d).e("body"))
+              },
+              [
+                H.value ? (f(), k(
+                  "div",
+                  {
+                    key: 0,
+                    class: r(e(c).e("time-header"))
+                  },
+                  [
+                    m(
+                      "span",
+                      {
+                        class: r(e(c).e("editors-wrap"))
+                      },
+                      [
+                        m(
+                          "span",
+                          {
+                            class: r(e(c).e("time-picker-wrap"))
+                          },
+                          [
+                            u(e(Z), {
+                              size: "small",
+                              disabled: e(T).selecting || e(v),
+                              placeholder: e(p)("el.datepicker.startDate"),
+                              class: r(e(c).e("editor")),
+                              "model-value": Qe.value,
+                              "validate-event": !1,
+                              readonly: !a.editable,
+                              onInput: l[0] || (l[0] = (t) => Ce(t, "min")),
+                              onChange: l[1] || (l[1] = (t) => Pe(t, "min"))
+                            }, null, 8, ["disabled", "placeholder", "class", "model-value", "readonly"])
+                          ],
+                          2
+                        ),
+                        K((f(), k(
+                          "span",
+                          {
+                            class: r(e(c).e("time-picker-wrap"))
+                          },
+                          [
+                            u(e(Z), {
+                              size: "small",
+                              class: r(e(c).e("editor")),
+                              disabled: e(T).selecting || e(v),
+                              placeholder: e(p)("el.datepicker.startTime"),
+                              "model-value": Ze.value,
+                              "validate-event": !1,
+                              readonly: !a.editable,
+                              onFocus: l[2] || (l[2] = (t) => x.value = !0),
+                              onInput: l[3] || (l[3] = (t) => Ve(t, "min")),
+                              onChange: l[4] || (l[4] = (t) => De(t, "min"))
+                            }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"]),
+                            u(e(Be), {
+                              visible: x.value,
+                              format: _.value,
+                              "datetime-role": "start",
+                              "parsed-value": e(n) || o.value,
+                              onPick: ma
+                            }, null, 8, ["visible", "format", "parsed-value"])
+                          ],
+                          2
+                        )), [
+                          [e(Le), da]
+                        ])
+                      ],
+                      2
+                    ),
+                    m("span", null, [
+                      u(e(D), null, {
+                        default: w(() => [
+                          u(e(ue))
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    m(
+                      "span",
+                      {
+                        class: r([e(c).e("editors-wrap"), "is-right"])
+                      },
+                      [
+                        m(
+                          "span",
+                          {
+                            class: r(e(c).e("time-picker-wrap"))
+                          },
+                          [
+                            u(e(Z), {
+                              size: "small",
+                              class: r(e(c).e("editor")),
+                              disabled: e(T).selecting || e(v),
+                              placeholder: e(p)("el.datepicker.endDate"),
+                              "model-value": Xe.value,
+                              readonly: !e(n) || !a.editable,
+                              "validate-event": !1,
+                              onInput: l[5] || (l[5] = (t) => Ce(t, "max")),
+                              onChange: l[6] || (l[6] = (t) => Pe(t, "max"))
+                            }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"])
+                          ],
+                          2
+                        ),
+                        K((f(), k(
+                          "span",
+                          {
+                            class: r(e(c).e("time-picker-wrap"))
+                          },
+                          [
+                            u(e(Z), {
+                              size: "small",
+                              class: r(e(c).e("editor")),
+                              disabled: e(T).selecting || e(v),
+                              placeholder: e(p)("el.datepicker.endTime"),
+                              "model-value": je.value,
+                              readonly: !e(n) || !a.editable,
+                              "validate-event": !1,
+                              onFocus: l[7] || (l[7] = (t) => e(n) && (B.value = !0)),
+                              onInput: l[8] || (l[8] = (t) => Ve(t, "max")),
+                              onChange: l[9] || (l[9] = (t) => De(t, "max"))
+                            }, null, 8, ["class", "disabled", "placeholder", "model-value", "readonly"]),
+                            u(e(Be), {
+                              "datetime-role": "end",
+                              visible: B.value,
+                              format: _.value,
+                              "parsed-value": e(i) || s.value,
+                              onPick: ca
+                            }, null, 8, ["visible", "format", "parsed-value"])
+                          ],
+                          2
+                        )), [
+                          [e(Le), va]
+                        ])
+                      ],
+                      2
+                    )
+                  ],
+                  2
+                )) : h("v-if", !0),
+                m(
+                  "div",
+                  {
+                    class: r([[e(d).e("content"), e(c).e("content")], "is-left"])
+                  },
+                  [
+                    m(
+                      "div",
+                      {
+                        class: r(e(c).e("header"))
+                      },
+                      [
+                        m("button", {
+                          type: "button",
+                          class: r([e(d).e("icon-btn"), "d-arrow-left"]),
+                          "aria-label": e(p)("el.datepicker.prevYear"),
+                          disabled: e(v),
+                          onClick: aa
+                        }, [
+                          V(a.$slots, "prev-year", {}, () => [
+                            u(e(D), null, {
+                              default: w(() => [
+                                u(e(Ye))
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ], 10, Sa),
+                        K(m("button", {
+                          type: "button",
+                          class: r([e(d).e("icon-btn"), "arrow-left"]),
+                          "aria-label": e(p)("el.datepicker.prevMonth"),
+                          disabled: e(v),
+                          onClick: la
+                        }, [
+                          V(a.$slots, "prev-month", {}, () => [
+                            u(e(D), null, {
+                              default: w(() => [
+                                u(e(Ee))
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ], 10, xa), [
+                          [Q, e(P) === "date"]
+                        ]),
+                        a.unlinkPanels ? (f(), k("button", {
+                          key: 0,
+                          type: "button",
+                          disabled: !oe.value || e(v),
+                          class: r([[
+                            e(d).e("icon-btn"),
+                            e(d).is("disabled", !oe.value || e(v))
+                          ], "d-arrow-right"]),
+                          "aria-label": e(p)("el.datepicker.nextYear"),
+                          onClick: ia
+                        }, [
+                          V(a.$slots, "next-year", {}, () => [
+                            u(e(D), null, {
+                              default: w(() => [
+                                u(e(Fe))
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ], 10, Ba)) : h("v-if", !0),
+                        a.unlinkPanels && e(P) === "date" ? (f(), k("button", {
+                          key: 1,
+                          type: "button",
+                          disabled: !re.value || e(v),
+                          class: r([[
+                            e(d).e("icon-btn"),
+                            e(d).is("disabled", !re.value || e(v))
+                          ], "arrow-right"]),
+                          "aria-label": e(p)("el.datepicker.nextMonth"),
+                          onClick: ra
+                        }, [
+                          V(a.$slots, "next-month", {}, () => [
+                            u(e(D), null, {
+                              default: w(() => [
+                                u(e(ue))
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ], 10, La)) : h("v-if", !0),
+                        m("div", null, [
+                          m("span", {
+                            role: "button",
+                            class: r(e(c).e("header-label")),
+                            "aria-live": "polite",
+                            tabindex: a.disabled ? void 0 : 0,
+                            "aria-disabled": a.disabled,
+                            onKeydown: l[10] || (l[10] = X((t) => e(q)("year"), ["enter"])),
+                            onClick: l[11] || (l[11] = (t) => e(q)("year"))
+                          }, A(e(ze)), 43, Oa),
+                          K(m("span", {
+                            role: "button",
+                            "aria-live": "polite",
+                            tabindex: a.disabled ? void 0 : 0,
+                            "aria-disabled": a.disabled,
+                            class: r([
+                              e(c).e("header-label"),
+                              { active: e(P) === "month" }
+                            ]),
+                            onKeydown: l[12] || (l[12] = X((t) => e(q)("month"), ["enter"])),
+                            onClick: l[13] || (l[13] = (t) => e(q)("month"))
+                          }, A(e(p)(`el.datepicker.month${o.value.month() + 1}`)), 43, Ka), [
+                            [Q, e(P) === "date"]
+                          ])
+                        ])
+                      ],
+                      2
+                    ),
+                    e(P) === "date" ? (f(), $(xe, {
+                      key: 0,
+                      ref_key: "leftCurrentViewRef",
+                      ref: le,
+                      "selection-mode": "range",
+                      date: o.value,
+                      "min-date": e(n),
+                      "max-date": e(i),
+                      "range-state": e(T),
+                      "disabled-date": e(g),
+                      "cell-class-name": e(de),
+                      "show-week-number": a.showWeekNumber,
+                      disabled: e(v),
+                      onChangerange: e(fe),
+                      onPick: we,
+                      onSelect: e(ae)
+                    }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "show-week-number", "disabled", "onChangerange", "onSelect"])) : h("v-if", !0),
+                    e(P) === "year" ? (f(), $(Ae, {
+                      key: 1,
+                      ref_key: "leftCurrentViewRef",
+                      ref: le,
+                      "selection-mode": "year",
+                      date: o.value,
+                      "disabled-date": e(g),
+                      "parsed-value": a.parsedValue,
+                      disabled: e(v),
+                      onPick: e(We)
+                    }, null, 8, ["date", "disabled-date", "parsed-value", "disabled", "onPick"])) : h("v-if", !0),
+                    e(P) === "month" ? (f(), $(Se, {
+                      key: 2,
+                      ref_key: "leftCurrentViewRef",
+                      ref: le,
+                      "selection-mode": "month",
+                      date: o.value,
+                      "parsed-value": a.parsedValue,
+                      "disabled-date": e(g),
+                      disabled: e(v),
+                      onPick: e(Ge)
+                    }, null, 8, ["date", "parsed-value", "disabled-date", "disabled", "onPick"])) : h("v-if", !0)
+                  ],
+                  2
+                ),
+                m(
+                  "div",
+                  {
+                    class: r([[e(d).e("content"), e(c).e("content")], "is-right"])
+                  },
+                  [
+                    m(
+                      "div",
+                      {
+                        class: r(e(c).e("header"))
+                      },
+                      [
+                        a.unlinkPanels ? (f(), k("button", {
+                          key: 0,
+                          type: "button",
+                          disabled: !oe.value || e(v),
+                          class: r([e(d).e("icon-btn"), "d-arrow-left"]),
+                          "aria-label": e(p)("el.datepicker.prevYear"),
+                          onClick: oa
+                        }, [
+                          V(a.$slots, "prev-year", {}, () => [
+                            u(e(D), null, {
+                              default: w(() => [
+                                u(e(Ye))
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ], 10, Ua)) : h("v-if", !0),
+                        a.unlinkPanels && e(C) === "date" ? (f(), k("button", {
+                          key: 1,
+                          type: "button",
+                          disabled: !re.value || e(v),
+                          class: r([e(d).e("icon-btn"), "arrow-left"]),
+                          "aria-label": e(p)("el.datepicker.prevMonth"),
+                          onClick: sa
+                        }, [
+                          V(a.$slots, "prev-month", {}, () => [
+                            u(e(D), null, {
+                              default: w(() => [
+                                u(e(Ee))
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ], 10, _a)) : h("v-if", !0),
+                        m("button", {
+                          type: "button",
+                          "aria-label": e(p)("el.datepicker.nextYear"),
+                          class: r([e(d).e("icon-btn"), "d-arrow-right"]),
+                          disabled: e(v),
+                          onClick: ta
+                        }, [
+                          V(a.$slots, "next-year", {}, () => [
+                            u(e(D), null, {
+                              default: w(() => [
+                                u(e(Fe))
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ], 10, za),
+                        K(m("button", {
+                          type: "button",
+                          class: r([e(d).e("icon-btn"), "arrow-right"]),
+                          disabled: e(v),
+                          "aria-label": e(p)("el.datepicker.nextMonth"),
+                          onClick: na
+                        }, [
+                          V(a.$slots, "next-month", {}, () => [
+                            u(e(D), null, {
+                              default: w(() => [
+                                u(e(ue))
+                              ]),
+                              _: 1
+                            })
+                          ])
+                        ], 10, Ja), [
+                          [Q, e(C) === "date"]
+                        ]),
+                        m("div", null, [
+                          m("span", {
+                            role: "button",
+                            class: r(e(c).e("header-label")),
+                            "aria-live": "polite",
+                            tabindex: a.disabled ? void 0 : 0,
+                            "aria-disabled": a.disabled,
+                            onKeydown: l[14] || (l[14] = X((t) => e(G)("year"), ["enter"])),
+                            onClick: l[15] || (l[15] = (t) => e(G)("year"))
+                          }, A(e(Je)), 43, Wa),
+                          K(m("span", {
+                            role: "button",
+                            "aria-live": "polite",
+                            tabindex: a.disabled ? void 0 : 0,
+                            "aria-disabled": a.disabled,
+                            class: r([
+                              e(c).e("header-label"),
+                              { active: e(C) === "month" }
+                            ]),
+                            onKeydown: l[16] || (l[16] = X((t) => e(G)("month"), ["enter"])),
+                            onClick: l[17] || (l[17] = (t) => e(G)("month"))
+                          }, A(e(p)(`el.datepicker.month${s.value.month() + 1}`)), 43, qa), [
+                            [Q, e(C) === "date"]
+                          ])
+                        ])
+                      ],
+                      2
+                    ),
+                    e(C) === "date" ? (f(), $(xe, {
+                      key: 0,
+                      ref_key: "rightCurrentViewRef",
+                      ref: te,
+                      "selection-mode": "range",
+                      date: s.value,
+                      "min-date": e(n),
+                      "max-date": e(i),
+                      "range-state": e(T),
+                      "disabled-date": e(g),
+                      "cell-class-name": e(de),
+                      "show-week-number": a.showWeekNumber,
+                      disabled: e(v),
+                      onChangerange: e(fe),
+                      onPick: we,
+                      onSelect: e(ae)
+                    }, null, 8, ["date", "min-date", "max-date", "range-state", "disabled-date", "cell-class-name", "show-week-number", "disabled", "onChangerange", "onSelect"])) : h("v-if", !0),
+                    e(C) === "year" ? (f(), $(Ae, {
+                      key: 1,
+                      ref_key: "rightCurrentViewRef",
+                      ref: te,
+                      "selection-mode": "year",
+                      date: s.value,
+                      "disabled-date": e(g),
+                      "parsed-value": a.parsedValue,
+                      disabled: e(v),
+                      onPick: e(qe)
+                    }, null, 8, ["date", "disabled-date", "parsed-value", "disabled", "onPick"])) : h("v-if", !0),
+                    e(C) === "month" ? (f(), $(Se, {
+                      key: 2,
+                      ref_key: "rightCurrentViewRef",
+                      ref: te,
+                      "selection-mode": "month",
+                      date: s.value,
+                      "parsed-value": a.parsedValue,
+                      "disabled-date": e(g),
+                      disabled: e(v),
+                      onPick: e(He)
+                    }, null, 8, ["date", "parsed-value", "disabled-date", "disabled", "onPick"])) : h("v-if", !0)
+                  ],
+                  2
+                )
+              ],
+              2
+            )
+          ],
+          2
+        ),
+        a.showFooter && H.value && (a.showConfirm || e(ve)) ? (f(), k(
+          "div",
+          {
+            key: 0,
+            class: r(e(d).e("footer"))
+          },
+          [
+            e(ve) ? (f(), $(e(Ie), {
+              key: 0,
+              text: "",
+              size: "small",
+              class: r(e(d).e("link-btn")),
+              onClick: fa
+            }, {
+              default: w(() => [
+                $e(
+                  A(e(p)("el.datepicker.clear")),
+                  1
+                )
+              ]),
+              _: 1
+            }, 8, ["class"])) : h("v-if", !0),
+            a.showConfirm ? (f(), $(e(Ie), {
+              key: 1,
+              plain: "",
+              size: "small",
+              class: r(e(d).e("link-btn")),
+              disabled: ua.value,
+              onClick: l[18] || (l[18] = (t) => e(F)(!1))
+            }, {
+              default: w(() => [
+                $e(
+                  A(e(p)("el.datepicker.confirm")),
+                  1
+                )
+              ]),
+              _: 1
+            }, 8, ["class", "disabled"])) : h("v-if", !0)
+          ],
+          2
+        )) : h("v-if", !0)
+      ],
+      2
+    ));
+  }
+});
+var pl = /* @__PURE__ */ Ra(Ga, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue"]]);
+export {
+  pl as default
+};