vft 0.0.249 → 0.0.252

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

@@ -1,456 +1,508 @@
-import { defineComponent as Qe, useAttrs as Xe, useSlots as Ze, ref as D, inject as de, toRef as je, computed as m, watch as _, createElementBlock as E, openBlock as C, normalizeClass as r, unref as l, createElementVNode as v, withDirectives as P, renderSlot as et, createCommentVNode as x, Fragment as tt, renderList as at, toDisplayString as Q, createVNode as T, vShow as I, withKeys as ve, createBlock as X, withCtx as me, createTextVNode as pe, nextTick as Z } from "vue";
-import { ClickOutside as lt } from "@vft/directives";
-import { isFunction as fe, isArray as nt } from "@vft/utils";
-import { VftButton as he } from "../../button/index.js";
-import { VftIcon as z } from "../../icon/index.js";
-import { VftInput as ye } from "../../input/index.js";
-import "../../time-picker/index.js";
-import "../../tooltip/index.js";
-import { EVENT_CODE as p } from "../../../constants/aria.js";
+import { defineComponent as nt, useAttrs as rt, useSlots as st, ref as g, inject as ee, toRef as ut, computed as m, watch as x, createElementBlock as I, openBlock as C, normalizeClass as i, unref as o, createElementVNode as h, withDirectives as P, renderSlot as it, createCommentVNode as K, Fragment as ct, renderList as dt, toDisplayString as te, createVNode as T, vShow as N, withKeys as he, createBlock as ae, withCtx as ye, createTextVNode as ke, nextTick as z } from "vue";
+import w from "dayjs";
+import { VftButton as we } from "../../button/index.js";
+import { ClickOutside as vt } from "@vft/directives";
 import "@vueuse/core";
+import { isArray as A, isFunction as be } from "@vft/utils";
+import { EVENT_CODE as k } from "../../../constants/aria.js";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as ke } from "../../../hooks/use-namespace/index.js";
+import { useNamespace as Ve } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import f from "dayjs";
-import { datePickerConfig as ot } from "../constants.js";
-import { panelDatePickProps as rt } from "../props/panel-date-pick.js";
-import st from "./basic-date-table.vue2.js";
-import ut from "./basic-month-table.vue2.js";
-import it from "./basic-year-table.vue2.js";
-import { TOOLTIP_INJECTION_KEY as ct } from "../../tooltip/constants.js";
-import { extractTimeFormat as dt, extractDateFormat as vt } from "../../time-picker/utils.js";
-import mt from "../../time-picker/time-picker-com/panel-time-pick.vue2.js";
-const pt = ["onClick"], _t = /* @__PURE__ */ Qe({
+import { VftInput as De } from "../../input/index.js";
+import "../../time-picker/index.js";
+import { VftIcon as L } from "../../icon/index.js";
+import "../../tooltip/index.js";
+import { panelDatePickProps as mt } from "../props/panel-date-pick.js";
+import { getValidDateOfMonth as ge, getValidDateOfYear as Ce, correctlyParseUserInput as Te } from "../utils.js";
+import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY as ft } from "../constants.js";
+import pt from "./basic-date-table.vue2.js";
+import ht from "./basic-month-table.vue2.js";
+import yt from "./basic-year-table.vue2.js";
+import { PICKER_BASE_INJECTION_KEY as kt } from "../../time-picker/constants.js";
+import { TOOLTIP_INJECTION_KEY as wt } from "../../tooltip/constants.js";
+import { extractTimeFormat as bt, extractDateFormat as Vt } from "../../time-picker/utils.js";
+import Dt from "../../time-picker/time-picker-com/panel-time-pick.vue2.js";
+const gt = ["onClick"], Xt = /* @__PURE__ */ nt({
   __name: "panel-date-pick",
-  props: rt,
+  props: mt,
   emits: ["pick", "set-picker-option", "panel-change"],
-  setup(be, { emit: we }) {
-    const ge = (e, t, n) => !0, u = be, w = we, d = ke("picker-panel"), g = ke("date-picker"), Ve = Xe(), De = Ze(), h = D("zh-cn"), j = de("EP_PICKER_BASE"), Ce = de(ct), { shortcuts: ee, disabledDate: k, cellClassName: Te, defaultTime: A, arrowControl: Pe } = j.props, N = je(j.props, "defaultValue"), B = D(), a = D(f().locale(h.value)), U = D(!1), te = m(() => f(A).locale(h.value)), $e = m(() => a.value.month()), ae = m(() => a.value.year()), le = D([]), $ = D(null), F = D(null), L = (e) => le.value.length > 0 ? ge(e, le.value, u.format || "HH:mm:ss") : !0, ne = (e) => A && !ie.value && !U.value ? te.value.year(e.year()).month(e.month()).date(e.date()) : M.value ? e.millisecond(0) : e.startOf("day"), c = (e, ...t) => {
+  setup(Pe, { emit: Fe }) {
+    const $e = (e, t, l) => !0, n = Pe, b = Fe, f = Ve("picker-panel"), V = Ve("date-picker"), Ie = rt(), Ne = st(), d = g("zh-cn"), le = ee(kt), oe = ee(
+      ft
+    ), Ee = ee(wt), { shortcuts: ne, disabledDate: c, cellClassName: Me, defaultTime: J } = le.props, E = ut(le.props, "defaultValue"), S = g(), a = g(w().locale(d.value)), W = g(!1);
+    let H = !1;
+    const re = m(() => w(J).locale(d.value)), Oe = m(() => a.value.month()), se = m(() => a.value.year()), ue = g([]), F = g(null), $ = g(null), q = (e) => ue.value.length > 0 ? $e(e, ue.value, n.format || "HH:mm:ss") : !0, ie = (e) => J && !fe.value && !W.value && !H ? re.value.year(e.year()).month(e.month()).date(e.date()) : M.value ? e.millisecond(0) : e.startOf("day"), v = (e, ...t) => {
       if (!e)
-        w("pick", e, ...t);
-      else if (nt(e)) {
-        const n = e.map(ne);
-        w("pick", n, ...t);
+        b("pick", e, ...t);
+      else if (A(e)) {
+        const l = e.map(ie);
+        b("pick", l, ...t);
       } else
-        w("pick", ne(e), ...t);
-      $.value = null, F.value = null, U.value = !1;
-    }, Fe = (e, t) => {
-      if (i.value === "date") {
+        b("pick", ie(e), ...t);
+      F.value = null, $.value = null, W.value = !1, H = !1;
+    }, Ye = async (e, t) => {
+      if (u.value === "date") {
         e = e;
-        let n = u.parsedValue ? u.parsedValue.year(e.year()).month(e.month()).date(e.date()) : e;
-        L(n), a.value = n, c(n, M.value || t);
-      } else i.value === "week" ? c(e.date) : i.value === "dates" && c(e, !0);
-    }, oe = (e) => {
+        let l = n.parsedValue ? n.parsedValue.year(e.year()).month(e.month()).date(e.date()) : e;
+        q(l), a.value = l, v(l, M.value || t), n.type === "datetime" && (await z(), Y());
+      } else u.value === "week" ? v(e.date) : u.value === "dates" && v(e, !0);
+    }, ce = (e) => {
       const t = e ? "add" : "subtract";
-      a.value = a.value[t](1, "month"), Y("month");
-    }, re = (e) => {
-      const t = a.value, n = e ? "add" : "subtract";
-      a.value = s.value === "year" ? t[n](10, "year") : t[n](1, "year"), Y("year");
-    }, s = D("date"), Ee = m(() => {
+      a.value = a.value[t](1, "month"), U("month");
+    }, de = (e) => {
+      const t = a.value, l = e ? "add" : "subtract";
+      a.value = s.value === "year" ? t[l](10, "year") : t[l](1, "year"), U("year");
+    }, s = g("date"), _e = m(() => {
       const e = "年";
       if (s.value === "year") {
-        const t = Math.floor(ae.value / 10) * 10;
+        const t = Math.floor(se.value / 10) * 10;
         return `${t} ${e} - ${t + 9} ${e}`;
       }
-      return `${ae.value} ${e}`;
-    }), Ie = (e) => {
-      const t = fe(e.value) ? e.value() : e.value;
+      return `${se.value} ${e}`;
+    }), Re = (e) => {
+      const t = be(e.value) ? e.value() : e.value;
       if (t) {
-        c(f(t).locale(h.value));
+        H = !0, v(w(t).locale(d.value));
         return;
       }
       e.onClick && e.onClick({
-        attrs: Ve,
-        slots: De,
-        emit: w
+        attrs: Ie,
+        slots: Ne,
+        emit: b
       });
-    }, i = m(() => {
-      const { type: e } = u;
-      return ["week", "month", "year", "dates"].includes(e) ? e : "date";
-    }), Ne = m(() => i.value === "date" ? s.value : i.value), se = m(() => !!ee.length), Me = async (e) => {
-      a.value = a.value.startOf("month").month(e), i.value === "month" ? c(a.value, !1) : (s.value = "date", ["month", "year", "date", "week"].includes(i.value) && (c(a.value, !0), await Z(), O())), Y("month");
-    }, Re = async (e) => {
-      i.value === "year" ? (a.value = a.value.startOf("year").year(e), c(a.value, !1)) : (a.value = a.value.year(e), s.value = "month", ["month", "year", "date", "week"].includes(i.value) && (c(a.value, !0), await Z(), O())), Y("year");
-    }, K = async (e) => {
-      s.value = e, await Z(), O();
+    }, u = m(() => {
+      const { type: e } = n;
+      return ["week", "month", "months", "year", "years", "dates"].includes(e) ? e : "date";
+    }), G = m(() => u.value === "dates" || u.value === "months" || u.value === "years"), Ke = m(() => u.value === "date" ? s.value : u.value), ve = m(() => !!ne.length), Se = async (e, t) => {
+      u.value === "month" ? (a.value = ge(
+        a.value,
+        a.value.year(),
+        e,
+        d.value,
+        c
+      ), v(a.value, !1)) : u.value === "months" ? v(e, t ?? !0) : (a.value = ge(
+        a.value,
+        a.value.year(),
+        e,
+        d.value,
+        c
+      ), s.value = "date", ["month", "year", "date", "week"].includes(u.value) && (v(a.value, !0), await z(), Y())), U("month");
+    }, Be = async (e, t) => {
+      if (u.value === "year") {
+        const l = a.value.startOf("year").year(e);
+        a.value = Ce(l, d.value, c), v(a.value, !1);
+      } else if (u.value === "years")
+        v(e, t ?? !0);
+      else {
+        const l = a.value.year(e);
+        a.value = Ce(l, d.value, c), s.value = "month", ["month", "year", "date", "week"].includes(u.value) && (v(a.value, !0), await z(), Y());
+      }
+      U("year");
+    }, B = async (e) => {
+      s.value = e, await z(), Y();
     }, M = m(
-      () => u.type === "datetime" || u.type === "datetimerange"
-    ), Se = m(() => M.value || i.value === "dates"), xe = () => {
-      if (i.value === "dates")
-        c(u.parsedValue);
+      () => n.type === "datetime" || n.type === "datetimerange"
+    ), Ue = m(() => {
+      const e = M.value || u.value === "dates", t = u.value === "years", l = u.value === "months", p = s.value === "date", y = s.value === "year", _ = s.value === "month";
+      return e && p || t && y || l && _;
+    }), xe = m(() => c ? n.parsedValue ? A(n.parsedValue) ? c(n.parsedValue[0].toDate()) : c(n.parsedValue.toDate()) : !0 : !1), ze = () => {
+      if (G.value)
+        v(n.parsedValue);
       else {
-        let e = u.parsedValue;
+        let e = n.parsedValue;
         if (!e) {
-          const t = f(A).locale(h.value), n = J();
-          e = t.year(n.year()).month(n.month()).date(n.date());
+          const t = w(J).locale(d.value), l = Z();
+          e = t.year(l.year()).month(l.month()).date(l.date());
         }
-        a.value = e, c(e);
+        a.value = e, v(e);
       }
-    }, Be = () => {
-      const t = f().locale(h.value).toDate();
-      U.value = !0, (!k || !k(t)) && L(t) && (a.value = f().locale(h.value), c(a.value));
-    }, H = m(() => dt(u.format)), ue = m(() => vt(u.format)), ie = m(() => {
-      if (F.value) return F.value;
-      if (!(!u.parsedValue && !N.value))
-        return (u.parsedValue || a.value).format(
-          H.value
-        );
-    }), Ke = m(() => {
+    }, Ae = m(() => c ? c(w().locale(d.value).toDate()) : !1), Le = () => {
+      const t = w().locale(d.value).toDate();
+      W.value = !0, (!c || !c(t)) && q(t) && (a.value = w().locale(d.value), v(a.value));
+    }, Q = m(() => n.timeFormat || bt(n.format)), me = m(() => n.dateFormat || Vt(n.format)), fe = m(() => {
       if ($.value) return $.value;
-      if (!(!u.parsedValue && !N.value))
-        return (u.parsedValue || a.value).format(
-          ue.value
+      if (!(!n.parsedValue && !E.value))
+        return (n.parsedValue || a.value).format(
+          Q.value
         );
-    }), R = D(!1), Oe = () => {
-      R.value = !0;
-    }, Ye = () => {
-      R.value = !1;
-    }, W = (e) => ({
+    }), Je = m(() => {
+      if (F.value) return F.value;
+      if (!(!n.parsedValue && !E.value))
+        return (n.parsedValue || a.value).format(
+          me.value
+        );
+    }), O = g(!1), We = () => {
+      O.value = !0;
+    }, He = () => {
+      O.value = !1;
+    }, X = (e) => ({
       hour: e.hour(),
       minute: e.minute(),
       second: e.second(),
       year: e.year(),
       month: e.month(),
       date: e.date()
-    }), _e = (e, t, n) => {
-      const { hour: y, minute: b, second: q } = W(e), G = u.parsedValue ? u.parsedValue.hour(y).minute(b).second(q) : e;
-      a.value = G, c(a.value, !0), n || (R.value = t);
-    }, ze = (e) => {
-      const t = f(e, H.value).locale(h.value);
-      if (t.isValid() && L(t)) {
-        const { year: n, month: y, date: b } = W(a.value);
-        a.value = t.year(n).month(y).date(b), F.value = null, R.value = !1, c(a.value, !0);
+    }), qe = (e, t, l) => {
+      const { hour: p, minute: y, second: _ } = X(e), j = n.parsedValue ? n.parsedValue.hour(p).minute(y).second(_) : e;
+      a.value = j, v(a.value, !0), l || (O.value = t);
+    }, Ge = (e) => {
+      const t = w(e, Q.value).locale(d.value);
+      if (t.isValid() && q(t)) {
+        const { year: l, month: p, date: y } = X(a.value);
+        a.value = t.year(l).month(p).date(y), $.value = null, O.value = !1, v(a.value, !0);
       }
-    }, Ae = (e) => {
-      const t = f(e, ue.value).locale(h.value);
+    }, Qe = (e) => {
+      const t = Te(
+        e,
+        me.value,
+        d.value,
+        oe
+      );
       if (t.isValid()) {
-        if (k && k(t.toDate()))
+        if (c && c(t.toDate()))
           return;
-        const { hour: n, minute: y, second: b } = W(a.value);
-        a.value = t.hour(n).minute(y).second(b), $.value = null, c(a.value, !0);
+        const { hour: l, minute: p, second: y } = X(a.value);
+        a.value = t.hour(l).minute(p).second(y), F.value = null, v(a.value, !0);
       }
-    }, Ue = (e) => f.isDayjs(e) && e.isValid() && (k ? !k(e.toDate()) : !0), Le = (e) => i.value === "dates" ? e.map((t) => t.format(u.format)) : e.format(u.format), He = (e) => f(e, u.format).locale(h.value), J = () => {
-      const e = f(N.value).locale(h.value);
-      if (!N.value) {
-        const t = te.value;
-        return f().hour(t.hour()).minute(t.minute()).second(t.second()).locale(h.value);
+    }, Xe = (e) => w.isDayjs(e) && e.isValid() && (c ? !c(e.toDate()) : !0), Ze = (e) => A(e) ? e.map((t) => t.format(n.format)) : e.format(n.format), je = (e) => Te(
+      e,
+      n.format,
+      d.value,
+      oe
+    ), Z = () => {
+      const e = w(E.value).locale(d.value);
+      if (!E.value) {
+        const t = re.value;
+        return w().hour(t.hour()).minute(t.minute()).second(t.second()).locale(d.value);
       }
       return e;
-    }, O = async () => {
-      ["week", "month", "year", "date"].includes(i.value) && (B.value?.focus(), i.value === "week" && ce(p.down));
-    }, We = (e) => {
+    }, Y = () => {
+      ["week", "month", "year", "date"].includes(u.value) && S.value?.focus();
+    }, et = () => {
+      Y(), u.value === "week" && pe(k.down);
+    }, tt = (e) => {
       const { code: t } = e;
       [
-        p.up,
-        p.down,
-        p.left,
-        p.right,
-        p.home,
-        p.end,
-        p.pageUp,
-        p.pageDown
-      ].includes(t) && (ce(t), e.stopPropagation(), e.preventDefault()), [p.enter, p.space, p.numpadEnter].includes(
+        k.up,
+        k.down,
+        k.left,
+        k.right,
+        k.home,
+        k.end,
+        k.pageUp,
+        k.pageDown
+      ].includes(t) && (pe(t), e.stopPropagation(), e.preventDefault()), [k.enter, k.space, k.numpadEnter].includes(
         t
-      ) && $.value === null && F.value === null && (e.preventDefault(), c(a.value, !1));
-    }, ce = (e) => {
-      const { up: t, down: n, left: y, right: b, home: q, end: G, pageUp: Je, pageDown: qe } = p, Ge = {
+      ) && F.value === null && $.value === null && (e.preventDefault(), v(a.value, !1));
+    }, pe = (e) => {
+      const { up: t, down: l, left: p, right: y, home: _, end: j, pageUp: at, pageDown: lt } = k, ot = {
         year: {
           [t]: -4,
-          [n]: 4,
-          [y]: -1,
-          [b]: 1,
-          offset: (o, V) => o.setFullYear(o.getFullYear() + V)
+          [l]: 4,
+          [p]: -1,
+          [y]: 1,
+          offset: (r, D) => r.setFullYear(r.getFullYear() + D)
         },
         month: {
           [t]: -4,
-          [n]: 4,
-          [y]: -1,
-          [b]: 1,
-          offset: (o, V) => o.setMonth(o.getMonth() + V)
+          [l]: 4,
+          [p]: -1,
+          [y]: 1,
+          offset: (r, D) => r.setMonth(r.getMonth() + D)
         },
         week: {
           [t]: -1,
-          [n]: 1,
-          [y]: -1,
-          [b]: 1,
-          offset: (o, V) => o.setDate(o.getDate() + V * 7)
+          [l]: 1,
+          [p]: -1,
+          [y]: 1,
+          offset: (r, D) => r.setDate(r.getDate() + D * 7)
         },
         date: {
           [t]: -7,
-          [n]: 7,
-          [y]: -1,
-          [b]: 1,
-          [q]: (o) => -o.getDay(),
-          [G]: (o) => -o.getDay() + 6,
-          [Je]: (o) => -new Date(o.getFullYear(), o.getMonth(), 0).getDate(),
-          [qe]: (o) => new Date(o.getFullYear(), o.getMonth() + 1, 0).getDate(),
-          offset: (o, V) => o.setDate(o.getDate() + V)
+          [l]: 7,
+          [p]: -1,
+          [y]: 1,
+          [_]: (r) => -r.getDay(),
+          [j]: (r) => -r.getDay() + 6,
+          [at]: (r) => -new Date(r.getFullYear(), r.getMonth(), 0).getDate(),
+          [lt]: (r) => new Date(r.getFullYear(), r.getMonth() + 1, 0).getDate(),
+          offset: (r, D) => r.setDate(r.getDate() + D)
         }
-      }, S = a.value.toDate();
-      for (; Math.abs(a.value.diff(S, "year", !0)) < 1; ) {
-        const o = Ge[Ne.value];
-        if (!o) return;
-        if (o.offset(
-          S,
-          fe(o[e]) ? o[e](S) : o[e] ?? 0
-        ), k && k(S))
+      }, R = a.value.toDate();
+      for (; Math.abs(a.value.diff(R, "year", !0)) < 1; ) {
+        const r = ot[Ke.value];
+        if (!r) return;
+        if (r.offset(
+          R,
+          be(r[e]) ? r[e](R) : r[e] ?? 0
+        ), c && c(R))
           break;
-        const V = f(S).locale(h.value);
-        a.value = V, w("pick", V, !0);
+        const D = w(R).locale(d.value);
+        a.value = D, b("pick", D, !0);
         break;
       }
-    }, Y = (e) => {
-      w(
+    }, U = (e) => {
+      b(
         "panel-change",
         a.value.toDate(),
         e,
         s.value
       );
     };
-    return _(
-      () => i.value,
+    return x(
+      () => u.value,
       (e) => {
         if (["month", "year"].includes(e)) {
           s.value = e;
           return;
+        } else if (e === "years") {
+          s.value = "year";
+          return;
+        } else if (e === "months") {
+          s.value = "month";
+          return;
         }
         s.value = "date";
       },
       { immediate: !0 }
-    ), _(
+    ), x(
       () => s.value,
       () => {
-        Ce?.updatePopper();
+        Ee?.updatePopper();
       }
-    ), _(
-      () => N.value,
+    ), x(
+      () => E.value,
       (e) => {
-        e && (a.value = J());
+        e && (a.value = Z());
       },
       { immediate: !0 }
-    ), _(
-      () => u.parsedValue,
+    ), x(
+      () => n.parsedValue,
       (e) => {
         if (e) {
-          if (i.value === "dates" || Array.isArray(e)) return;
+          if (G.value || A(e)) return;
           a.value = e;
         } else
-          a.value = J();
+          a.value = Z();
       },
       { immediate: !0 }
-    ), w("set-picker-option", ["isValidValue", Ue]), w("set-picker-option", ["formatToString", Le]), w("set-picker-option", ["parseUserInput", He]), w("set-picker-option", ["handleFocusPicker", O]), (e, t) => (C(), E("div", {
-      class: r([
-        l(d).b(),
-        l(g).b(),
+    ), b("set-picker-option", ["isValidValue", Xe]), b("set-picker-option", ["formatToString", Ze]), b("set-picker-option", ["parseUserInput", je]), b("set-picker-option", ["handleFocusPicker", et]), (e, t) => (C(), I("div", {
+      class: i([
+        o(f).b(),
+        o(V).b(),
         {
-          "has-sidebar": e.$slots.sidebar || se.value,
+          "has-sidebar": e.$slots.sidebar || ve.value,
           "has-time": M.value
         }
       ])
     }, [
-      v("div", {
-        class: r(l(d).e("body-wrapper"))
+      h("div", {
+        class: i(o(f).e("body-wrapper"))
       }, [
-        et(e.$slots, "sidebar", {
-          class: r(l(d).e("sidebar"))
+        it(e.$slots, "sidebar", {
+          class: i(o(f).e("sidebar"))
         }),
-        se.value ? (C(), E("div", {
+        ve.value ? (C(), I("div", {
           key: 0,
-          class: r(l(d).e("sidebar"))
+          class: i(o(f).e("sidebar"))
         }, [
-          (C(!0), E(tt, null, at(l(ee), (n, y) => (C(), E("button", {
-            key: y,
+          (C(!0), I(ct, null, dt(o(ne), (l, p) => (C(), I("button", {
+            key: p,
             type: "button",
-            class: r(l(d).e("shortcut")),
-            onClick: (b) => Ie(n)
-          }, Q(n.text), 11, pt))), 128))
-        ], 2)) : x("", !0),
-        v("div", {
-          class: r(l(d).e("body"))
+            class: i(o(f).e("shortcut")),
+            onClick: (y) => Re(l)
+          }, te(l.text), 11, gt))), 128))
+        ], 2)) : K("", !0),
+        h("div", {
+          class: i(o(f).e("body"))
         }, [
-          M.value ? (C(), E("div", {
+          M.value ? (C(), I("div", {
             key: 0,
-            class: r(l(g).e("time-header"))
+            class: i(o(V).e("time-header"))
           }, [
-            v("span", {
-              class: r(l(g).e("editor-wrap"))
+            h("span", {
+              class: i(o(V).e("editor-wrap"))
             }, [
-              T(l(ye), {
+              T(o(De), {
                 placeholder: "选择日期",
-                "model-value": Ke.value,
+                "model-value": Je.value,
                 size: "small",
                 "validate-event": !1,
-                onInput: t[0] || (t[0] = (n) => $.value = n),
-                onChange: Ae
+                onInput: t[0] || (t[0] = (l) => F.value = l),
+                onChange: Qe
               }, null, 8, ["model-value"])
             ], 2),
-            P((C(), E("span", {
-              class: r(l(g).e("editor-wrap"))
+            P((C(), I("span", {
+              class: i(o(V).e("editor-wrap"))
             }, [
-              T(l(ye), {
+              T(o(De), {
                 placeholder: "选择时间",
-                "model-value": ie.value,
+                "model-value": fe.value,
                 size: "small",
                 "validate-event": !1,
-                onFocus: Oe,
-                onInput: t[1] || (t[1] = (n) => F.value = n),
-                onChange: ze
+                onFocus: We,
+                onInput: t[1] || (t[1] = (l) => $.value = l),
+                onChange: Ge
               }, null, 8, ["model-value"]),
-              T(l(mt), {
-                visible: R.value,
-                format: H.value,
-                "time-arrow-control": l(Pe),
+              T(o(Dt), {
+                visible: O.value,
+                format: Q.value,
                 "parsed-value": a.value,
-                onPick: _e
-              }, null, 8, ["visible", "format", "time-arrow-control", "parsed-value"])
+                onPick: qe
+              }, null, 8, ["visible", "format", "parsed-value"])
             ], 2)), [
-              [l(lt), Ye]
+              [o(vt), He]
             ])
-          ], 2)) : x("", !0),
-          P(v("div", {
-            class: r([
-              l(g).e("header"),
-              (s.value === "year" || s.value === "month") && l(g).e("header--bordered")
+          ], 2)) : K("", !0),
+          P(h("div", {
+            class: i([
+              o(V).e("header"),
+              (s.value === "year" || s.value === "month") && o(V).e("header--bordered")
             ])
           }, [
-            v("span", {
-              class: r(l(g).e("prev-btn"))
+            h("span", {
+              class: i(o(V).e("prev-btn"))
             }, [
-              v("button", {
+              h("button", {
                 type: "button",
-                class: r(["d-arrow-left", l(d).e("icon-btn")]),
-                onClick: t[2] || (t[2] = (n) => re(!1))
+                class: i(["d-arrow-left", o(f).e("icon-btn")]),
+                onClick: t[2] || (t[2] = (l) => de(!1))
               }, [
-                T(l(z), { icon: "icon-d-arrow-left" })
+                T(o(L), { icon: "icon-d-arrow-left" })
               ], 2),
-              P(v("button", {
+              P(h("button", {
                 type: "button",
-                class: r([l(d).e("icon-btn"), "arrow-left"]),
-                onClick: t[3] || (t[3] = (n) => oe(!1))
+                class: i([o(f).e("icon-btn"), "arrow-left"]),
+                onClick: t[3] || (t[3] = (l) => ce(!1))
               }, [
-                T(l(z), { icon: "icon-arrow-left" })
+                T(o(L), { icon: "icon-arrow-left" })
               ], 2), [
-                [I, s.value === "date"]
+                [N, s.value === "date"]
               ])
             ], 2),
-            v("span", {
+            h("span", {
               role: "button",
-              class: r(l(g).e("header-label")),
+              class: i(o(V).e("header-label")),
               "aria-live": "polite",
               tabindex: "0",
-              onKeydown: t[4] || (t[4] = ve((n) => K("year"), ["enter"])),
-              onClick: t[5] || (t[5] = (n) => K("year"))
-            }, Q(Ee.value), 35),
-            P(v("span", {
+              onKeydown: t[4] || (t[4] = he((l) => B("year"), ["enter"])),
+              onClick: t[5] || (t[5] = (l) => B("year"))
+            }, te(_e.value), 35),
+            P(h("span", {
               role: "button",
               "aria-live": "polite",
               tabindex: "0",
-              class: r([
-                l(g).e("header-label"),
+              class: i([
+                o(V).e("header-label"),
                 { active: s.value === "month" }
               ]),
-              onKeydown: t[6] || (t[6] = ve((n) => K("month"), ["enter"])),
-              onClick: t[7] || (t[7] = (n) => K("month"))
-            }, Q(l(ot)["month" + ($e.value + 1)]), 35), [
-              [I, s.value === "date"]
+              onKeydown: t[6] || (t[6] = he((l) => B("month"), ["enter"])),
+              onClick: t[7] || (t[7] = (l) => B("month"))
+            }, te(Oe.value + 1), 35), [
+              [N, s.value === "date"]
             ]),
-            v("span", {
-              class: r(l(g).e("next-btn"))
+            h("span", {
+              class: i(o(V).e("next-btn"))
             }, [
-              P(v("button", {
+              P(h("button", {
                 type: "button",
-                class: r([l(d).e("icon-btn"), "arrow-right"]),
-                onClick: t[8] || (t[8] = (n) => oe(!0))
+                class: i([o(f).e("icon-btn"), "arrow-right"]),
+                onClick: t[8] || (t[8] = (l) => ce(!0))
               }, [
-                T(l(z), { icon: "icon-arrow-right" })
+                T(o(L), { icon: "icon-arrow-right" })
               ], 2), [
-                [I, s.value === "date"]
+                [N, s.value === "date"]
               ]),
-              v("button", {
+              h("button", {
                 type: "button",
-                class: r([l(d).e("icon-btn"), "d-arrow-right"]),
-                onClick: t[9] || (t[9] = (n) => re(!0))
+                class: i([o(f).e("icon-btn"), "d-arrow-right"]),
+                onClick: t[9] || (t[9] = (l) => de(!0))
               }, [
-                T(l(z), { icon: "icon-d-arrow-right" })
+                T(o(L), { icon: "icon-d-arrow-right" })
               ], 2)
             ], 2)
           ], 2), [
-            [I, s.value !== "time"]
+            [N, s.value !== "time"]
           ]),
-          v("div", {
-            class: r(l(d).e("content")),
-            onKeydown: We
+          h("div", {
+            class: i(o(f).e("content")),
+            onKeydown: tt
           }, [
-            s.value === "date" ? (C(), X(st, {
+            s.value === "date" ? (C(), ae(pt, {
               key: 0,
               ref_key: "currentViewRef",
-              ref: B,
-              "selection-mode": i.value,
+              ref: S,
+              "selection-mode": u.value,
               date: a.value,
               "parsed-value": e.parsedValue,
-              "disabled-date": l(k),
-              "cell-class-name": l(Te),
-              onPick: Fe
-            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "cell-class-name"])) : x("", !0),
-            s.value === "year" ? (C(), X(it, {
+              "disabled-date": o(c),
+              "cell-class-name": o(Me),
+              "show-week-number": e.showWeekNumber,
+              onPick: Ye
+            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "cell-class-name", "show-week-number"])) : K("", !0),
+            s.value === "year" ? (C(), ae(yt, {
               key: 1,
               ref_key: "currentViewRef",
-              ref: B,
+              ref: S,
+              "selection-mode": u.value,
               date: a.value,
-              "disabled-date": l(k),
+              "disabled-date": o(c),
               "parsed-value": e.parsedValue,
-              onPick: Re
-            }, null, 8, ["date", "disabled-date", "parsed-value"])) : x("", !0),
-            s.value === "month" ? (C(), X(ut, {
+              onPick: Be
+            }, null, 8, ["selection-mode", "date", "disabled-date", "parsed-value"])) : K("", !0),
+            s.value === "month" ? (C(), ae(ht, {
               key: 2,
               ref_key: "currentViewRef",
-              ref: B,
+              ref: S,
+              "selection-mode": u.value,
               date: a.value,
               "parsed-value": e.parsedValue,
-              "disabled-date": l(k),
-              onPick: Me
-            }, null, 8, ["date", "parsed-value", "disabled-date"])) : x("", !0)
+              "disabled-date": o(c),
+              onPick: Se
+            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date"])) : K("", !0)
           ], 34)
         ], 2)
       ], 2),
-      P(v("div", {
-        class: r(l(d).e("footer"))
+      P(h("div", {
+        class: i(o(f).e("footer"))
       }, [
-        P(T(l(he), {
+        P(T(o(we), {
           text: "",
           size: "small",
-          class: r(l(d).e("link-btn")),
-          onClick: Be
+          class: i(o(f).e("link-btn")),
+          disabled: Ae.value,
+          onClick: Le
         }, {
-          default: me(() => t[10] || (t[10] = [
-            pe(" 现在 ")
+          default: ye(() => t[10] || (t[10] = [
+            ke(" 现在 ")
           ])),
           _: 1,
           __: [10]
-        }, 8, ["class"]), [
-          [I, i.value !== "dates"]
+        }, 8, ["class", "disabled"]), [
+          [N, !G.value && e.showNow]
         ]),
-        T(l(he), {
+        T(o(we), {
           plain: "",
           size: "small",
-          class: r(l(d).e("link-btn")),
-          onClick: xe
+          class: i(o(f).e("link-btn")),
+          disabled: xe.value,
+          onClick: ze
         }, {
-          default: me(() => t[11] || (t[11] = [
-            pe(" 确认 ")
+          default: ye(() => t[11] || (t[11] = [
+            ke(" 确认 ")
           ])),
           _: 1,
           __: [11]
-        }, 8, ["class"])
+        }, 8, ["class", "disabled"])
       ], 2), [
-        [I, Se.value && s.value === "date"]
+        [N, Ue.value]
       ])
     ], 2));
   }
 });
 export {
-  _t as default
+  Xt as default
 };