vft 0.0.376 → 0.0.378

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

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