vft 0.0.376 → 0.0.379

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

@@ -1,508 +1,716 @@
-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 { defineComponent, useAttrs, useSlots, ref, inject, toRef, computed, watch, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, withDirectives, renderSlot, createCommentVNode, Fragment, renderList, toDisplayString, createVNode, vShow, withKeys, createBlock, withCtx, createTextVNode, nextTick } from "vue";
+import dayjs from "dayjs";
+import { VftButton } from "../../button/index.js";
+import { ClickOutside } from "@vft/directives";
 import "@vueuse/core";
-import { isArray as A, isFunction as be } from "@vft/utils";
+import { isArray, isFunction } from "@vft/utils";
 import "../../config-provider/hooks/use-global-config.js";
-import { EVENT_CODE as k } from "../../../constants/aria.js";
+import { EVENT_CODE } from "../../../constants/aria.js";
 import "lodash-es";
-import { useNamespace as Ve } from "../../../hooks/use-namespace/index.js";
+import { useNamespace } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import { VftInput as De } from "../../input/index.js";
+import { VftInput } from "../../input/index.js";
 import "../../time-picker/index.js";
-import { VftIcon as L } from "../../icon/index.js";
+import { VftIcon } 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({
+import { panelDatePickProps } from "../props/panel-date-pick.js";
+import { getValidDateOfMonth, getValidDateOfYear, correctlyParseUserInput } from "../utils.js";
+import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY } from "../constants.js";
+import _sfc_main$2 from "./basic-date-table.vue2.js";
+import _sfc_main$4 from "./basic-month-table.vue2.js";
+import _sfc_main$3 from "./basic-year-table.vue2.js";
+import { PICKER_BASE_INJECTION_KEY } from "../../time-picker/constants.js";
+import { TOOLTIP_INJECTION_KEY } from "../../tooltip/constants.js";
+import { extractTimeFormat, extractDateFormat } from "../../time-picker/utils.js";
+import _sfc_main$1 from "../../time-picker/time-picker-com/panel-time-pick.vue2.js";
+const _hoisted_1 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "panel-date-pick",
-  props: mt,
+  props: panelDatePickProps,
   emits: ["pick", "set-picker-option", "panel-change"],
-  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)
-        b("pick", e, ...t);
-      else if (A(e)) {
-        const l = e.map(ie);
-        b("pick", l, ...t);
-      } else
-        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 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"), 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(se.value / 10) * 10;
-        return `${t} ${e} - ${t + 9} ${e}`;
+  setup(__props, { emit: __emit }) {
+    const timeWithinRange = (_, __, ___) => true;
+    const props = __props;
+    const contextEmit = __emit;
+    const ppNs = useNamespace("picker-panel");
+    const dpNs = useNamespace("date-picker");
+    const attrs = useAttrs();
+    const slots = useSlots();
+    const lang = ref("zh-cn");
+    const pickerBase = inject(PICKER_BASE_INJECTION_KEY);
+    const isDefaultFormat = inject(
+      ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY
+    );
+    const popper = inject(TOOLTIP_INJECTION_KEY);
+    const { shortcuts, disabledDate, cellClassName, defaultTime } = pickerBase.props;
+    const defaultValue = toRef(pickerBase.props, "defaultValue");
+    const currentViewRef = ref();
+    const innerDate = ref(dayjs().locale(lang.value));
+    const isChangeToNow = ref(false);
+    let isShortcut = false;
+    const defaultTimeD = computed(() => {
+      return dayjs(defaultTime).locale(lang.value);
+    });
+    const month = computed(() => {
+      return innerDate.value.month();
+    });
+    const year = computed(() => {
+      return innerDate.value.year();
+    });
+    const selectableRange = ref([]);
+    const userInputDate = ref(null);
+    const userInputTime = ref(null);
+    const checkDateWithinRange = (date) => {
+      return selectableRange.value.length > 0 ? timeWithinRange(date, selectableRange.value, props.format || "HH:mm:ss") : true;
+    };
+    const formatEmit = (emitDayjs) => {
+      if (defaultTime && !visibleTime.value && !isChangeToNow.value && !isShortcut) {
+        return defaultTimeD.value.year(emitDayjs.year()).month(emitDayjs.month()).date(emitDayjs.date());
       }
-      return `${se.value} ${e}`;
-    }), Re = (e) => {
-      const t = be(e.value) ? e.value() : e.value;
-      if (t) {
-        H = !0, v(w(t).locale(d.value));
-        return;
+      if (showTime.value) return emitDayjs.millisecond(0);
+      return emitDayjs.startOf("day");
+    };
+    const emit = (value, ...args) => {
+      if (!value) {
+        contextEmit("pick", value, ...args);
+      } else if (isArray(value)) {
+        const dates = value.map(formatEmit);
+        contextEmit("pick", dates, ...args);
+      } else {
+        contextEmit("pick", formatEmit(value), ...args);
       }
-      e.onClick && e.onClick({
-        attrs: Ie,
-        slots: Ne,
-        emit: b
-      });
-    }, 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());
+      userInputDate.value = null;
+      userInputTime.value = null;
+      isChangeToNow.value = false;
+      isShortcut = false;
+    };
+    const handleDatePick = async (value, keepOpen) => {
+      if (selectionMode.value === "date") {
+        value = value;
+        let newDate = props.parsedValue ? props.parsedValue.year(value.year()).month(value.month()).date(value.date()) : value;
+        if (!checkDateWithinRange(newDate)) ;
+        innerDate.value = newDate;
+        emit(newDate, showTime.value || keepOpen);
+        if (props.type === "datetime") {
+          await nextTick();
+          handleFocusPicker();
+        }
+      } else if (selectionMode.value === "week") {
+        emit(value.date);
+      } else if (selectionMode.value === "dates") {
+        emit(value, true);
       }
-      U("year");
-    }, B = async (e) => {
-      s.value = e, await z(), Y();
-    }, M = m(
-      () => 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 = n.parsedValue;
-        if (!e) {
-          const t = w(J).locale(d.value), l = Z();
-          e = t.year(l.year()).month(l.month()).date(l.date());
+    };
+    const moveByMonth = (forward) => {
+      const action = forward ? "add" : "subtract";
+      innerDate.value = innerDate.value[action](1, "month");
+      handlePanelChange("month");
+    };
+    const moveByYear = (forward) => {
+      const currentDate = innerDate.value;
+      const action = forward ? "add" : "subtract";
+      innerDate.value = currentView.value === "year" ? currentDate[action](10, "year") : currentDate[action](1, "year");
+      handlePanelChange("year");
+    };
+    const currentView = ref("date");
+    const yearLabel = computed(() => {
+      const yearTranslation = "年";
+      if (currentView.value === "year") {
+        const startYear = Math.floor(year.value / 10) * 10;
+        {
+          return `${startYear} ${yearTranslation} - ${startYear + 9} ${yearTranslation}`;
         }
-        a.value = e, v(e);
       }
-    }, 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 (!(!n.parsedValue && !E.value))
-        return (n.parsedValue || a.value).format(
-          Q.value
+      return `${year.value} ${yearTranslation}`;
+    });
+    const handleShortcutClick = (shortcut) => {
+      const shortcutValue = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
+      if (shortcutValue) {
+        isShortcut = true;
+        emit(dayjs(shortcutValue).locale(lang.value));
+        return;
+      }
+      if (shortcut.onClick) {
+        shortcut.onClick({
+          attrs,
+          slots,
+          emit: contextEmit
+        });
+      }
+    };
+    const selectionMode = computed(() => {
+      const { type } = props;
+      if (["week", "month", "months", "year", "years", "dates"].includes(type))
+        return type;
+      return "date";
+    });
+    const isMultipleType = computed(() => {
+      return selectionMode.value === "dates" || selectionMode.value === "months" || selectionMode.value === "years";
+    });
+    const keyboardMode = computed(() => {
+      return selectionMode.value === "date" ? currentView.value : selectionMode.value;
+    });
+    const hasShortcuts = computed(() => !!shortcuts.length);
+    const handleMonthPick = async (month2, keepOpen) => {
+      if (selectionMode.value === "month") {
+        innerDate.value = getValidDateOfMonth(
+          innerDate.value,
+          innerDate.value.year(),
+          month2,
+          lang.value,
+          disabledDate
         );
-    }), Je = m(() => {
-      if (F.value) return F.value;
-      if (!(!n.parsedValue && !E.value))
-        return (n.parsedValue || a.value).format(
-          me.value
+        emit(innerDate.value, false);
+      } else if (selectionMode.value === "months") {
+        emit(month2, keepOpen ?? true);
+      } else {
+        innerDate.value = getValidDateOfMonth(
+          innerDate.value,
+          innerDate.value.year(),
+          month2,
+          lang.value,
+          disabledDate
         );
-    }), 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()
-    }), 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);
+        currentView.value = "date";
+        if (["month", "year", "date", "week"].includes(selectionMode.value)) {
+          emit(innerDate.value, true);
+          await nextTick();
+          handleFocusPicker();
+        }
+      }
+      handlePanelChange("month");
+    };
+    const handleYearPick = async (year2, keepOpen) => {
+      if (selectionMode.value === "year") {
+        const data = innerDate.value.startOf("year").year(year2);
+        innerDate.value = getValidDateOfYear(data, lang.value, disabledDate);
+        emit(innerDate.value, false);
+      } else if (selectionMode.value === "years") {
+        emit(year2, keepOpen ?? true);
+      } else {
+        const data = innerDate.value.year(year2);
+        innerDate.value = getValidDateOfYear(data, lang.value, disabledDate);
+        currentView.value = "month";
+        if (["month", "year", "date", "week"].includes(selectionMode.value)) {
+          emit(innerDate.value, true);
+          await nextTick();
+          handleFocusPicker();
+        }
+      }
+      handlePanelChange("year");
+    };
+    const showPicker = async (view) => {
+      currentView.value = view;
+      await nextTick();
+      handleFocusPicker();
+    };
+    const showTime = computed(
+      () => props.type === "datetime" || props.type === "datetimerange"
+    );
+    const footerVisible = computed(() => {
+      const showDateFooter = showTime.value || selectionMode.value === "dates";
+      const showYearFooter = selectionMode.value === "years";
+      const showMonthFooter = selectionMode.value === "months";
+      const isDateView = currentView.value === "date";
+      const isYearView = currentView.value === "year";
+      const isMonthView = currentView.value === "month";
+      return showDateFooter && isDateView || showYearFooter && isYearView || showMonthFooter && isMonthView;
+    });
+    const disabledConfirm = computed(() => {
+      if (!disabledDate) return false;
+      if (!props.parsedValue) return true;
+      if (isArray(props.parsedValue)) {
+        return disabledDate(props.parsedValue[0].toDate());
+      }
+      return disabledDate(props.parsedValue.toDate());
+    });
+    const onConfirm = () => {
+      if (isMultipleType.value) {
+        emit(props.parsedValue);
+      } else {
+        let result = props.parsedValue;
+        if (!result) {
+          const defaultTimeD2 = dayjs(defaultTime).locale(lang.value);
+          const defaultValueD = getDefaultValue();
+          result = defaultTimeD2.year(defaultValueD.year()).month(defaultValueD.month()).date(defaultValueD.date());
+        }
+        innerDate.value = result;
+        emit(result);
+      }
+    };
+    const disabledNow = computed(() => {
+      if (!disabledDate) return false;
+      return disabledDate(dayjs().locale(lang.value).toDate());
+    });
+    const changeToNow = () => {
+      const now = dayjs().locale(lang.value);
+      const nowDate = now.toDate();
+      isChangeToNow.value = true;
+      if ((!disabledDate || !disabledDate(nowDate)) && checkDateWithinRange(nowDate)) {
+        innerDate.value = dayjs().locale(lang.value);
+        emit(innerDate.value);
       }
-    }, Qe = (e) => {
-      const t = Te(
-        e,
-        me.value,
-        d.value,
-        oe
+    };
+    const timeFormat = computed(() => {
+      return props.timeFormat || extractTimeFormat(props.format);
+    });
+    const dateFormat = computed(() => {
+      return props.dateFormat || extractDateFormat(props.format);
+    });
+    const visibleTime = computed(() => {
+      if (userInputTime.value) return userInputTime.value;
+      if (!props.parsedValue && !defaultValue.value) return;
+      return (props.parsedValue || innerDate.value).format(
+        timeFormat.value
+      );
+    });
+    const visibleDate = computed(() => {
+      if (userInputDate.value) return userInputDate.value;
+      if (!props.parsedValue && !defaultValue.value) return;
+      return (props.parsedValue || innerDate.value).format(
+        dateFormat.value
       );
-      if (t.isValid()) {
-        if (c && c(t.toDate()))
+    });
+    const timePickerVisible = ref(false);
+    const onTimePickerInputFocus = () => {
+      timePickerVisible.value = true;
+    };
+    const handleTimePickClose = () => {
+      timePickerVisible.value = false;
+    };
+    const getUnits = (date) => {
+      return {
+        hour: date.hour(),
+        minute: date.minute(),
+        second: date.second(),
+        year: date.year(),
+        month: date.month(),
+        date: date.date()
+      };
+    };
+    const handleTimePick = (value, visible, first) => {
+      const { hour, minute, second } = getUnits(value);
+      const newDate = props.parsedValue ? props.parsedValue.hour(hour).minute(minute).second(second) : value;
+      innerDate.value = newDate;
+      emit(innerDate.value, true);
+      if (!first) {
+        timePickerVisible.value = visible;
+      }
+    };
+    const handleVisibleTimeChange = (value) => {
+      const newDate = dayjs(value, timeFormat.value).locale(lang.value);
+      if (newDate.isValid() && checkDateWithinRange(newDate)) {
+        const { year: year2, month: month2, date } = getUnits(innerDate.value);
+        innerDate.value = newDate.year(year2).month(month2).date(date);
+        userInputTime.value = null;
+        timePickerVisible.value = false;
+        emit(innerDate.value, true);
+      }
+    };
+    const handleVisibleDateChange = (value) => {
+      const newDate = correctlyParseUserInput(
+        value,
+        dateFormat.value,
+        lang.value,
+        isDefaultFormat
+      );
+      if (newDate.isValid()) {
+        if (disabledDate && disabledDate(newDate.toDate())) {
           return;
-        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);
+        }
+        const { hour, minute, second } = getUnits(innerDate.value);
+        innerDate.value = newDate.hour(hour).minute(minute).second(second);
+        userInputDate.value = null;
+        emit(innerDate.value, true);
       }
-    }, 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);
+    };
+    const isValidValue = (date) => {
+      return dayjs.isDayjs(date) && date.isValid() && (disabledDate ? !disabledDate(date.toDate()) : true);
+    };
+    const formatToString = (value) => {
+      return isArray(value) ? value.map((_) => _.format(props.format)) : value.format(props.format);
+    };
+    const parseUserInput = (value) => {
+      return correctlyParseUserInput(
+        value,
+        props.format,
+        lang.value,
+        isDefaultFormat
+      );
+    };
+    const getDefaultValue = () => {
+      const parseDate = dayjs(defaultValue.value).locale(lang.value);
+      if (!defaultValue.value) {
+        const defaultTimeDValue = defaultTimeD.value;
+        return dayjs().hour(defaultTimeDValue.hour()).minute(defaultTimeDValue.minute()).second(defaultTimeDValue.second()).locale(lang.value);
+      }
+      return parseDate;
+    };
+    const handleFocusPicker = () => {
+      if (["week", "month", "year", "date"].includes(selectionMode.value)) {
+        currentViewRef.value?.focus();
+      }
+    };
+    const _handleFocusPicker = () => {
+      handleFocusPicker();
+      if (selectionMode.value === "week") {
+        handleKeyControl(EVENT_CODE.down);
+      }
+    };
+    const handleKeydownTable = (event) => {
+      const { code } = event;
+      const validCode = [
+        EVENT_CODE.up,
+        EVENT_CODE.down,
+        EVENT_CODE.left,
+        EVENT_CODE.right,
+        EVENT_CODE.home,
+        EVENT_CODE.end,
+        EVENT_CODE.pageUp,
+        EVENT_CODE.pageDown
+      ];
+      if (validCode.includes(code)) {
+        handleKeyControl(code);
+        event.stopPropagation();
+        event.preventDefault();
       }
-      return 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;
-      [
-        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
-      ) && 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 = {
+      if ([EVENT_CODE.enter, EVENT_CODE.space, EVENT_CODE.numpadEnter].includes(
+        code
+      ) && userInputDate.value === null && userInputTime.value === null) {
+        event.preventDefault();
+        emit(innerDate.value, false);
+      }
+    };
+    const handleKeyControl = (code) => {
+      const { up, down, left, right, home, end, pageUp, pageDown } = EVENT_CODE;
+      const mapping = {
         year: {
-          [t]: -4,
-          [l]: 4,
-          [p]: -1,
-          [y]: 1,
-          offset: (r, D) => r.setFullYear(r.getFullYear() + D)
+          [up]: -4,
+          [down]: 4,
+          [left]: -1,
+          [right]: 1,
+          offset: (date, step) => date.setFullYear(date.getFullYear() + step)
         },
         month: {
-          [t]: -4,
-          [l]: 4,
-          [p]: -1,
-          [y]: 1,
-          offset: (r, D) => r.setMonth(r.getMonth() + D)
+          [up]: -4,
+          [down]: 4,
+          [left]: -1,
+          [right]: 1,
+          offset: (date, step) => date.setMonth(date.getMonth() + step)
         },
         week: {
-          [t]: -1,
-          [l]: 1,
-          [p]: -1,
-          [y]: 1,
-          offset: (r, D) => r.setDate(r.getDate() + D * 7)
+          [up]: -1,
+          [down]: 1,
+          [left]: -1,
+          [right]: 1,
+          offset: (date, step) => date.setDate(date.getDate() + step * 7)
         },
         date: {
-          [t]: -7,
-          [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)
+          [up]: -7,
+          [down]: 7,
+          [left]: -1,
+          [right]: 1,
+          [home]: (date) => -date.getDay(),
+          [end]: (date) => -date.getDay() + 6,
+          [pageUp]: (date) => -new Date(date.getFullYear(), date.getMonth(), 0).getDate(),
+          [pageDown]: (date) => new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(),
+          offset: (date, step) => date.setDate(date.getDate() + step)
         }
-      }, 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))
+      };
+      const newDate = innerDate.value.toDate();
+      while (Math.abs(innerDate.value.diff(newDate, "year", true)) < 1) {
+        const map = mapping[keyboardMode.value];
+        if (!map) return;
+        map.offset(
+          newDate,
+          isFunction(map[code]) ? map[code](newDate) : map[code] ?? 0
+        );
+        if (disabledDate && disabledDate(newDate)) {
           break;
-        const D = w(R).locale(d.value);
-        a.value = D, b("pick", D, !0);
+        }
+        const result = dayjs(newDate).locale(lang.value);
+        innerDate.value = result;
+        contextEmit("pick", result, true);
         break;
       }
-    }, U = (e) => {
-      b(
+    };
+    const handlePanelChange = (mode) => {
+      contextEmit(
         "panel-change",
-        a.value.toDate(),
-        e,
-        s.value
+        innerDate.value.toDate(),
+        mode,
+        currentView.value
       );
     };
-    return x(
-      () => u.value,
-      (e) => {
-        if (["month", "year"].includes(e)) {
-          s.value = e;
+    watch(
+      () => selectionMode.value,
+      (val) => {
+        if (["month", "year"].includes(val)) {
+          currentView.value = val;
           return;
-        } else if (e === "years") {
-          s.value = "year";
+        } else if (val === "years") {
+          currentView.value = "year";
           return;
-        } else if (e === "months") {
-          s.value = "month";
+        } else if (val === "months") {
+          currentView.value = "month";
           return;
         }
-        s.value = "date";
+        currentView.value = "date";
       },
-      { immediate: !0 }
-    ), x(
-      () => s.value,
+      { immediate: true }
+    );
+    watch(
+      () => currentView.value,
       () => {
-        Ee?.updatePopper();
+        popper?.updatePopper();
       }
-    ), x(
-      () => E.value,
-      (e) => {
-        e && (a.value = Z());
-      },
-      { immediate: !0 }
-    ), x(
-      () => n.parsedValue,
-      (e) => {
-        if (e) {
-          if (G.value || A(e)) return;
-          a.value = e;
-        } else
-          a.value = Z();
+    );
+    watch(
+      () => defaultValue.value,
+      (val) => {
+        if (val) {
+          innerDate.value = getDefaultValue();
+        }
       },
-      { immediate: !0 }
-    ), 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 || ve.value,
-          "has-time": M.value
+      { immediate: true }
+    );
+    watch(
+      () => props.parsedValue,
+      (val) => {
+        if (val) {
+          if (isMultipleType.value) return;
+          if (isArray(val)) return;
+          innerDate.value = val;
+        } else {
+          innerDate.value = getDefaultValue();
         }
-      ])
-    }, [
-      h("div", {
-        class: i(o(f).e("body-wrapper"))
+      },
+      { immediate: true }
+    );
+    contextEmit("set-picker-option", ["isValidValue", isValidValue]);
+    contextEmit("set-picker-option", ["formatToString", formatToString]);
+    contextEmit("set-picker-option", ["parseUserInput", parseUserInput]);
+    contextEmit("set-picker-option", ["handleFocusPicker", _handleFocusPicker]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          unref(ppNs).b(),
+          unref(dpNs).b(),
+          {
+            "has-sidebar": _ctx.$slots.sidebar || hasShortcuts.value,
+            "has-time": showTime.value
+          }
+        ])
       }, [
-        it(e.$slots, "sidebar", {
-          class: i(o(f).e("sidebar"))
-        }),
-        ve.value ? (C(), I("div", {
-          key: 0,
-          class: i(o(f).e("sidebar"))
+        createElementVNode("div", {
+          class: normalizeClass(unref(ppNs).e("body-wrapper"))
         }, [
-          (C(!0), I(ct, null, dt(o(ne), (l, p) => (C(), I("button", {
-            key: p,
-            type: "button",
-            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(), I("div", {
+          renderSlot(_ctx.$slots, "sidebar", {
+            class: normalizeClass(unref(ppNs).e("sidebar"))
+          }),
+          hasShortcuts.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: i(o(V).e("time-header"))
+            class: normalizeClass(unref(ppNs).e("sidebar"))
           }, [
-            h("span", {
-              class: i(o(V).e("editor-wrap"))
-            }, [
-              T(o(De), {
-                placeholder: "选择日期",
-                "model-value": Je.value,
-                size: "small",
-                "validate-event": !1,
-                onInput: t[0] || (t[0] = (l) => F.value = l),
-                onChange: Qe
-              }, null, 8, ["model-value"])
-            ], 2),
-            P((C(), I("span", {
-              class: i(o(V).e("editor-wrap"))
-            }, [
-              T(o(De), {
-                placeholder: "选择时间",
-                "model-value": fe.value,
-                size: "small",
-                "validate-event": !1,
-                onFocus: We,
-                onInput: t[1] || (t[1] = (l) => $.value = l),
-                onChange: Ge
-              }, null, 8, ["model-value"]),
-              T(o(Dt), {
-                visible: O.value,
-                format: Q.value,
-                "parsed-value": a.value,
-                onPick: qe
-              }, null, 8, ["visible", "format", "parsed-value"])
-            ], 2)), [
-              [o(vt), He]
-            ])
-          ], 2)) : K("", !0),
-          P(h("div", {
-            class: i([
-              o(V).e("header"),
-              (s.value === "year" || s.value === "month") && o(V).e("header--bordered")
-            ])
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(shortcuts), (shortcut, key) => {
+              return openBlock(), createElementBlock("button", {
+                key,
+                type: "button",
+                class: normalizeClass(unref(ppNs).e("shortcut")),
+                onClick: ($event) => handleShortcutClick(shortcut)
+              }, toDisplayString(shortcut.text), 11, _hoisted_1);
+            }), 128))
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ppNs).e("body"))
           }, [
-            h("span", {
-              class: i(o(V).e("prev-btn"))
+            showTime.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref(dpNs).e("time-header"))
             }, [
-              h("button", {
-                type: "button",
-                class: i(["d-arrow-left", o(f).e("icon-btn")]),
-                onClick: t[2] || (t[2] = (l) => de(!1))
+              createElementVNode("span", {
+                class: normalizeClass(unref(dpNs).e("editor-wrap"))
               }, [
-                T(o(L), { icon: "icon-d-arrow-left" })
+                createVNode(unref(VftInput), {
+                  placeholder: "选择日期",
+                  "model-value": visibleDate.value,
+                  size: "small",
+                  "validate-event": false,
+                  onInput: _cache[0] || (_cache[0] = (val) => userInputDate.value = val),
+                  onChange: handleVisibleDateChange
+                }, null, 8, ["model-value"])
               ], 2),
-              P(h("button", {
-                type: "button",
-                class: i([o(f).e("icon-btn"), "arrow-left"]),
-                onClick: t[3] || (t[3] = (l) => ce(!1))
+              withDirectives((openBlock(), createElementBlock("span", {
+                class: normalizeClass(unref(dpNs).e("editor-wrap"))
               }, [
-                T(o(L), { icon: "icon-arrow-left" })
-              ], 2), [
-                [N, s.value === "date"]
+                createVNode(unref(VftInput), {
+                  placeholder: "选择时间",
+                  "model-value": visibleTime.value,
+                  size: "small",
+                  "validate-event": false,
+                  onFocus: onTimePickerInputFocus,
+                  onInput: _cache[1] || (_cache[1] = (val) => userInputTime.value = val),
+                  onChange: handleVisibleTimeChange
+                }, null, 8, ["model-value"]),
+                createVNode(unref(_sfc_main$1), {
+                  visible: timePickerVisible.value,
+                  format: timeFormat.value,
+                  "parsed-value": innerDate.value,
+                  onPick: handleTimePick
+                }, null, 8, ["visible", "format", "parsed-value"])
+              ], 2)), [
+                [unref(ClickOutside), handleTimePickClose]
+              ])
+            ], 2)) : createCommentVNode("", true),
+            withDirectives(createElementVNode("div", {
+              class: normalizeClass([
+                unref(dpNs).e("header"),
+                (currentView.value === "year" || currentView.value === "month") && unref(dpNs).e("header--bordered")
               ])
-            ], 2),
-            h("span", {
-              role: "button",
-              class: i(o(V).e("header-label")),
-              "aria-live": "polite",
-              tabindex: "0",
-              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: i([
-                o(V).e("header-label"),
-                { active: s.value === "month" }
-              ]),
-              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"]
-            ]),
-            h("span", {
-              class: i(o(V).e("next-btn"))
             }, [
-              P(h("button", {
-                type: "button",
-                class: i([o(f).e("icon-btn"), "arrow-right"]),
-                onClick: t[8] || (t[8] = (l) => ce(!0))
+              createElementVNode("span", {
+                class: normalizeClass(unref(dpNs).e("prev-btn"))
               }, [
-                T(o(L), { icon: "icon-arrow-right" })
-              ], 2), [
-                [N, s.value === "date"]
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass(["d-arrow-left", unref(ppNs).e("icon-btn")]),
+                  onClick: _cache[2] || (_cache[2] = ($event) => moveByYear(false))
+                }, [
+                  createVNode(unref(VftIcon), { icon: "icon-d-arrow-left" })
+                ], 2),
+                withDirectives(createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-left"]),
+                  onClick: _cache[3] || (_cache[3] = ($event) => moveByMonth(false))
+                }, [
+                  createVNode(unref(VftIcon), { icon: "icon-arrow-left" })
+                ], 2), [
+                  [vShow, currentView.value === "date"]
+                ])
+              ], 2),
+              createElementVNode("span", {
+                role: "button",
+                class: normalizeClass(unref(dpNs).e("header-label")),
+                "aria-live": "polite",
+                tabindex: "0",
+                onKeydown: _cache[4] || (_cache[4] = withKeys(($event) => showPicker("year"), ["enter"])),
+                onClick: _cache[5] || (_cache[5] = ($event) => showPicker("year"))
+              }, toDisplayString(yearLabel.value), 35),
+              withDirectives(createElementVNode("span", {
+                role: "button",
+                "aria-live": "polite",
+                tabindex: "0",
+                class: normalizeClass([
+                  unref(dpNs).e("header-label"),
+                  { active: currentView.value === "month" }
+                ]),
+                onKeydown: _cache[6] || (_cache[6] = withKeys(($event) => showPicker("month"), ["enter"])),
+                onClick: _cache[7] || (_cache[7] = ($event) => showPicker("month"))
+              }, toDisplayString(month.value + 1), 35), [
+                [vShow, currentView.value === "date"]
               ]),
-              h("button", {
-                type: "button",
-                class: i([o(f).e("icon-btn"), "d-arrow-right"]),
-                onClick: t[9] || (t[9] = (l) => de(!0))
+              createElementVNode("span", {
+                class: normalizeClass(unref(dpNs).e("next-btn"))
               }, [
-                T(o(L), { icon: "icon-d-arrow-right" })
+                withDirectives(createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "arrow-right"]),
+                  onClick: _cache[8] || (_cache[8] = ($event) => moveByMonth(true))
+                }, [
+                  createVNode(unref(VftIcon), { icon: "icon-arrow-right" })
+                ], 2), [
+                  [vShow, currentView.value === "date"]
+                ]),
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass([unref(ppNs).e("icon-btn"), "d-arrow-right"]),
+                  onClick: _cache[9] || (_cache[9] = ($event) => moveByYear(true))
+                }, [
+                  createVNode(unref(VftIcon), { icon: "icon-d-arrow-right" })
+                ], 2)
               ], 2)
-            ], 2)
-          ], 2), [
-            [N, s.value !== "time"]
+            ], 2), [
+              [vShow, currentView.value !== "time"]
+            ]),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ppNs).e("content")),
+              onKeydown: handleKeydownTable
+            }, [
+              currentView.value === "date" ? (openBlock(), createBlock(_sfc_main$2, {
+                key: 0,
+                ref_key: "currentViewRef",
+                ref: currentViewRef,
+                "selection-mode": selectionMode.value,
+                date: innerDate.value,
+                "parsed-value": _ctx.parsedValue,
+                "disabled-date": unref(disabledDate),
+                "cell-class-name": unref(cellClassName),
+                "show-week-number": _ctx.showWeekNumber,
+                onPick: handleDatePick
+              }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date", "cell-class-name", "show-week-number"])) : createCommentVNode("", true),
+              currentView.value === "year" ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 1,
+                ref_key: "currentViewRef",
+                ref: currentViewRef,
+                "selection-mode": selectionMode.value,
+                date: innerDate.value,
+                "disabled-date": unref(disabledDate),
+                "parsed-value": _ctx.parsedValue,
+                onPick: handleYearPick
+              }, null, 8, ["selection-mode", "date", "disabled-date", "parsed-value"])) : createCommentVNode("", true),
+              currentView.value === "month" ? (openBlock(), createBlock(_sfc_main$4, {
+                key: 2,
+                ref_key: "currentViewRef",
+                ref: currentViewRef,
+                "selection-mode": selectionMode.value,
+                date: innerDate.value,
+                "parsed-value": _ctx.parsedValue,
+                "disabled-date": unref(disabledDate),
+                onPick: handleMonthPick
+              }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date"])) : createCommentVNode("", true)
+            ], 34)
+          ], 2)
+        ], 2),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(ppNs).e("footer"))
+        }, [
+          withDirectives(createVNode(unref(VftButton), {
+            text: "",
+            size: "small",
+            class: normalizeClass(unref(ppNs).e("link-btn")),
+            disabled: disabledNow.value,
+            onClick: changeToNow
+          }, {
+            default: withCtx(() => _cache[10] || (_cache[10] = [
+              createTextVNode(" 现在 ")
+            ])),
+            _: 1,
+            __: [10]
+          }, 8, ["class", "disabled"]), [
+            [vShow, !isMultipleType.value && _ctx.showNow]
           ]),
-          h("div", {
-            class: i(o(f).e("content")),
-            onKeydown: tt
-          }, [
-            s.value === "date" ? (C(), ae(pt, {
-              key: 0,
-              ref_key: "currentViewRef",
-              ref: S,
-              "selection-mode": u.value,
-              date: a.value,
-              "parsed-value": e.parsedValue,
-              "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: S,
-              "selection-mode": u.value,
-              date: a.value,
-              "disabled-date": o(c),
-              "parsed-value": e.parsedValue,
-              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: S,
-              "selection-mode": u.value,
-              date: a.value,
-              "parsed-value": e.parsedValue,
-              "disabled-date": o(c),
-              onPick: Se
-            }, null, 8, ["selection-mode", "date", "parsed-value", "disabled-date"])) : K("", !0)
-          ], 34)
-        ], 2)
-      ], 2),
-      P(h("div", {
-        class: i(o(f).e("footer"))
-      }, [
-        P(T(o(we), {
-          text: "",
-          size: "small",
-          class: i(o(f).e("link-btn")),
-          disabled: Ae.value,
-          onClick: Le
-        }, {
-          default: ye(() => t[10] || (t[10] = [
-            ke(" 现在 ")
-          ])),
-          _: 1,
-          __: [10]
-        }, 8, ["class", "disabled"]), [
-          [N, !G.value && e.showNow]
-        ]),
-        T(o(we), {
-          plain: "",
-          size: "small",
-          class: i(o(f).e("link-btn")),
-          disabled: xe.value,
-          onClick: ze
-        }, {
-          default: ye(() => t[11] || (t[11] = [
-            ke(" 确认 ")
-          ])),
-          _: 1,
-          __: [11]
-        }, 8, ["class", "disabled"])
-      ], 2), [
-        [N, Ue.value]
-      ])
-    ], 2));
+          createVNode(unref(VftButton), {
+            plain: "",
+            size: "small",
+            class: normalizeClass(unref(ppNs).e("link-btn")),
+            disabled: disabledConfirm.value,
+            onClick: onConfirm
+          }, {
+            default: withCtx(() => _cache[11] || (_cache[11] = [
+              createTextVNode(" 确认 ")
+            ])),
+            _: 1,
+            __: [11]
+          }, 8, ["class", "disabled"])
+        ], 2), [
+          [vShow, footerVisible.value]
+        ])
+      ], 2);
+    };
   }
 });
 export {
-  Xt as default
+  _sfc_main as default
 };