vft 0.0.249 → 0.0.252

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

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