vft 0.0.363 → 0.0.365

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

@@ -1,708 +1,508 @@
-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 { VftInput } from "../../input/index.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 "../../config-provider/hooks/use-global-config.js";
+import { EVENT_CODE as k } from "../../../constants/aria.js";
+import "lodash-es";
+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 { VftInput as De } from "../../input/index.js";
 import "../../time-picker/index.js";
-import { VftIcon } from "../../icon/index.js";
-import { isArray, isFunction } from "@vft/utils";
-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";
-import { useNamespace } from "../../../hooks/use-namespace/index.js";
-import { EVENT_CODE } from "../../../constants/aria.js";
-const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+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: panelDatePickProps,
+  props: mt,
   emits: ["pick", "set-picker-option", "panel-change"],
-  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() : true;
-    };
-    const formatEmit = (emitDayjs) => {
-      if (defaultTime && !visibleTime.value && !isChangeToNow.value && !isShortcut) {
-        return defaultTimeD.value.year(emitDayjs.year()).month(emitDayjs.month()).date(emitDayjs.date());
+  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}`;
       }
-      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);
+      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;
       }
-      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;
-        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);
+      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());
       }
-    };
-    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}`;
+      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());
         }
+        a.value = e, v(e);
       }
-      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
+    }, 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
         );
-        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
+    }), Je = m(() => {
+      if (F.value) return F.value;
+      if (!(!n.parsedValue && !E.value))
+        return (n.parsedValue || a.value).format(
+          me.value
         );
-        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()) {
-        innerDate.value = dayjs().locale(lang.value);
-        emit(innerDate.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()
+    }), 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);
       }
-    };
-    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
+    }, Qe = (e) => {
+      const t = Te(
+        e,
+        me.value,
+        d.value,
+        oe
       );
-    });
-    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()) {
-        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())) {
+      if (t.isValid()) {
+        if (c && c(t.toDate()))
           return;
-        }
-        const { hour, minute, second } = getUnits(innerDate.value);
-        innerDate.value = newDate.hour(hour).minute(minute).second(second);
-        userInputDate.value = null;
-        emit(innerDate.value, true);
+        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 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();
+    }, 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);
       }
-      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 = {
+      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 = {
         year: {
-          [up]: -4,
-          [down]: 4,
-          [left]: -1,
-          [right]: 1,
-          offset: (date, step) => date.setFullYear(date.getFullYear() + step)
+          [t]: -4,
+          [l]: 4,
+          [p]: -1,
+          [y]: 1,
+          offset: (r, D) => r.setFullYear(r.getFullYear() + D)
         },
         month: {
-          [up]: -4,
-          [down]: 4,
-          [left]: -1,
-          [right]: 1,
-          offset: (date, step) => date.setMonth(date.getMonth() + step)
+          [t]: -4,
+          [l]: 4,
+          [p]: -1,
+          [y]: 1,
+          offset: (r, D) => r.setMonth(r.getMonth() + D)
         },
         week: {
-          [up]: -1,
-          [down]: 1,
-          [left]: -1,
-          [right]: 1,
-          offset: (date, step) => date.setDate(date.getDate() + step * 7)
+          [t]: -1,
+          [l]: 1,
+          [p]: -1,
+          [y]: 1,
+          offset: (r, D) => r.setDate(r.getDate() + D * 7)
         },
         date: {
-          [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)
+          [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)
         }
-      };
-      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)) {
+      }, 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 result = dayjs(newDate).locale(lang.value);
-        innerDate.value = result;
-        contextEmit("pick", result, true);
+        const D = w(R).locale(d.value);
+        a.value = D, b("pick", D, !0);
         break;
       }
-    };
-    const handlePanelChange = (mode) => {
-      contextEmit(
+    }, U = (e) => {
+      b(
         "panel-change",
-        innerDate.value.toDate(),
-        mode,
-        currentView.value
+        a.value.toDate(),
+        e,
+        s.value
       );
     };
-    watch(
-      () => selectionMode.value,
-      (val) => {
-        if (["month", "year"].includes(val)) {
-          currentView.value = val;
+    return x(
+      () => u.value,
+      (e) => {
+        if (["month", "year"].includes(e)) {
+          s.value = e;
           return;
-        } else if (val === "years") {
-          currentView.value = "year";
+        } else if (e === "years") {
+          s.value = "year";
           return;
-        } else if (val === "months") {
-          currentView.value = "month";
+        } else if (e === "months") {
+          s.value = "month";
           return;
         }
-        currentView.value = "date";
+        s.value = "date";
       },
-      { immediate: true }
-    );
-    watch(
-      () => currentView.value,
+      { immediate: !0 }
+    ), x(
+      () => s.value,
       () => {
-        popper?.updatePopper();
+        Ee?.updatePopper();
       }
-    );
-    watch(
-      () => defaultValue.value,
-      (val) => {
-        if (val) {
-          innerDate.value = getDefaultValue();
-        }
+    ), x(
+      () => E.value,
+      (e) => {
+        e && (a.value = Z());
       },
-      { immediate: true }
-    );
-    watch(
-      () => props.parsedValue,
-      (val) => {
-        if (val) {
-          if (isMultipleType.value) return;
-          if (isArray(val)) return;
-          innerDate.value = val;
-        } else {
-          innerDate.value = getDefaultValue();
-        }
+      { immediate: !0 }
+    ), x(
+      () => n.parsedValue,
+      (e) => {
+        if (e) {
+          if (G.value || A(e)) return;
+          a.value = e;
+        } else
+          a.value = Z();
       },
-      { 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
-          }
-        ])
+      { 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
+        }
+      ])
+    }, [
+      h("div", {
+        class: i(o(f).e("body-wrapper"))
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(ppNs).e("body-wrapper"))
+        it(e.$slots, "sidebar", {
+          class: i(o(f).e("sidebar"))
+        }),
+        ve.value ? (C(), I("div", {
+          key: 0,
+          class: i(o(f).e("sidebar"))
         }, [
-          renderSlot(_ctx.$slots, "sidebar", {
-            class: normalizeClass(unref(ppNs).e("sidebar"))
-          }),
-          hasShortcuts.value ? (openBlock(), createElementBlock("div", {
+          (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", {
             key: 0,
-            class: normalizeClass(unref(ppNs).e("sidebar"))
+            class: i(o(V).e("time-header"))
           }, [
-            (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("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")
+            ])
           }, [
-            showTime.value ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(unref(dpNs).e("time-header"))
+            h("span", {
+              class: i(o(V).e("prev-btn"))
             }, [
-              createElementVNode("span", {
-                class: normalizeClass(unref(dpNs).e("editor-wrap"))
+              h("button", {
+                type: "button",
+                class: i(["d-arrow-left", o(f).e("icon-btn")]),
+                onClick: t[2] || (t[2] = (l) => de(!1))
               }, [
-                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"])
+                T(o(L), { icon: "icon-d-arrow-left" })
               ], 2),
-              withDirectives((openBlock(), createElementBlock("span", {
-                class: normalizeClass(unref(dpNs).e("editor-wrap"))
+              P(h("button", {
+                type: "button",
+                class: i([o(f).e("icon-btn"), "arrow-left"]),
+                onClick: t[3] || (t[3] = (l) => ce(!1))
               }, [
-                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")
+                T(o(L), { icon: "icon-arrow-left" })
+              ], 2), [
+                [N, s.value === "date"]
               ])
+            ], 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"))
             }, [
-              createElementVNode("span", {
-                class: normalizeClass(unref(dpNs).e("prev-btn"))
+              P(h("button", {
+                type: "button",
+                class: i([o(f).e("icon-btn"), "arrow-right"]),
+                onClick: t[8] || (t[8] = (l) => ce(!0))
               }, [
-                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"]
+                T(o(L), { icon: "icon-arrow-right" })
+              ], 2), [
+                [N, s.value === "date"]
               ]),
-              createElementVNode("span", {
-                class: normalizeClass(unref(dpNs).e("next-btn"))
+              h("button", {
+                type: "button",
+                class: i([o(f).e("icon-btn"), "d-arrow-right"]),
+                onClick: t[9] || (t[9] = (l) => de(!0))
               }, [
-                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)
+                T(o(L), { icon: "icon-d-arrow-right" })
               ], 2)
-            ], 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]
+            ], 2)
+          ], 2), [
+            [N, s.value !== "time"]
           ]),
-          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);
-    };
+          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));
   }
 });
 export {
-  _sfc_main as default
+  Xt as default
 };