vft 0.0.375 → 0.0.376

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

@@ -1,749 +1,544 @@
-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 { defineComponent as sa, inject as we, toRef as te, ref as T, watch as da, computed as k, createElementBlock as h, openBlock as m, normalizeClass as r, unref as e, createElementVNode as s, createCommentVNode as p, renderSlot as va, Fragment as ma, renderList as ca, toDisplayString as K, withDirectives as S, createVNode as f, createBlock as I, vShow as H, withKeys as Q, withCtx as ye, createTextVNode as Ce } from "vue";
+import z from "dayjs";
+import { ClickOutside as Pe } from "@vft/directives";
+import { isArray as fa } from "@vft/utils";
+import { VftButton as Ve } from "../../button/index.js";
+import { VftInput as X } from "../../input/index.js";
 import "../../time-picker/index.js";
-import { 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({
+import { VftIcon as y } from "../../icon/index.js";
+import { panelDateRangeProps as pa } from "../props/panel-date-range.js";
+import { useRangePicker as ha } from "../composables/use-range-picker.js";
+import { isValidRange as De, getDefaultValue as ba, correctlyParseUserInput as ka } from "../utils.js";
+import { usePanelDateRange as ga } from "../composables/use-panel-date-range.js";
+import { ROOT_PICKER_IS_DEFAULT_FORMAT_INJECTION_KEY as wa } from "../constants.js";
+import Re from "./basic-year-table.vue2.js";
+import xe from "./basic-month-table.vue2.js";
+import Te from "./basic-date-table.vue2.js";
+import Ie from "../../time-picker/time-picker-com/panel-time-pick.vue2.js";
+import { PICKER_BASE_INJECTION_KEY as ya } from "../../time-picker/constants.js";
+import { extractTimeFormat as Ca, extractDateFormat as Pa } from "../../time-picker/utils.js";
+const Va = ["onClick"], Da = ["disabled"], Ra = ["disabled"], xa = ["disabled"], Ta = ["disabled"], Z = "month", Ha = /* @__PURE__ */ sa({
   __name: "panel-date-range",
-  props: panelDateRangeProps,
+  props: pa,
   emits: [
     "pick",
     "set-picker-option",
     "calendar-change",
     "panel-change"
   ],
-  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
+  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
     });
-    watch(
-      () => props.visible,
-      (visible) => {
-        if (!visible && rangeState.value.selecting) {
-          onReset(props.parsedValue);
-          onSelect(false);
-        }
+    da(
+      () => c.visible,
+      (t) => {
+        !t && C.value.selecting && (Be(c.parsedValue), j(!1));
       }
     );
-    const dateUserInput = ref({
+    const $ = T({
       min: null,
       max: null
-    });
-    const timeUserInput = ref({
+    }), P = T({
       min: null,
       max: null
-    });
-    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())) {
+    }), {
+      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()))
           return;
-        }
-        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;
+        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 (maxDate.value && maxDate.value.isBefore(minDate.value)) {
-        minDate.value = maxDate.value;
-      }
-    };
-    const handleClear = () => {
-      leftDate.value = getDefaultValue(unref(defaultValue), {
-        lang: unref(lang),
+    }, he = (t, a) => {
+      $.value[a] = null;
+    }, be = (t, a) => {
+      P.value[a] = t;
+      const l = z(t, F.value).locale(R.value);
+      l.isValid() && (a === "min" ? (M.value = !0, n.value = (n.value || i.value).hour(l.hour()).minute(l.minute()).second(l.second())) : (N.value = !0, o.value = (o.value || u.value).hour(l.hour()).minute(l.minute()).second(l.second()), u.value = o.value));
+    }, ke = (t, a) => {
+      P.value[a] = null, a === "min" ? (i.value = n.value, M.value = !1, (!o.value || o.value.isBefore(n.value)) && (o.value = n.value)) : (u.value = o.value, N.value = !1, o.value && o.value.isBefore(n.value) && (n.value = o.value));
+    }, na = (t, a, l) => {
+      P.value.min || (t && (i.value = t, n.value = (n.value || i.value).hour(t.hour()).minute(t.minute()).second(t.second())), l || (M.value = a), (!o.value || o.value.isBefore(n.value)) && (o.value = n.value, u.value = t));
+    }, oa = (t, a, l) => {
+      P.value.max || (t && (u.value = t, o.value = (o.value || u.value).hour(t.hour()).minute(t.minute()).second(t.second())), l || (N.value = a), o.value && o.value.isBefore(n.value) && (n.value = o.value));
+    }, ge = () => {
+      i.value = ba(e(re), {
+        lang: e(R),
         unit: "month",
-        unlinkPanels: 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());
-        }
-      }
+        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()));
     }
-    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
-          }
-        ])
+    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
+        }
+      ])
+    }, [
+      s("div", {
+        class: r(e(v).e("body-wrapper"))
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(ppNs).e("body-wrapper"))
+        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"))
         }, [
-          renderSlot(_ctx.$slots, "sidebar", {
-            class: normalizeClass(unref(ppNs).e("sidebar"))
-          }),
-          hasShortcuts.value ? (openBlock(), createElementBlock("div", {
+          q.value ? (m(), h("div", {
             key: 0,
-            class: normalizeClass(unref(ppNs).e("sidebar"))
+            class: r(e(d).e("time-header"))
           }, [
-            (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("editors-wrap"))
             }, [
-              createElementVNode("span", {
-                class: normalizeClass(unref(drpNs).e("editors-wrap"))
+              s("span", {
+                class: r(e(d).e("time-picker-wrap"))
               }, [
-                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]
-                ])
+                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),
-              createElementVNode("span", null, [
-                createVNode(unref(VftIcon), { icon: "icon-arrow-right" })
-              ]),
-              createElementVNode("span", {
-                class: normalizeClass([unref(drpNs).e("editors-wrap"), "is-right"])
+              S((m(), h("span", {
+                class: r(e(d).e("time-picker-wrap"))
               }, [
-                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"])
+                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"])
             }, [
-              createElementVNode("div", {
-                class: normalizeClass(unref(drpNs).e("header"))
+              s("span", {
+                class: r(e(d).e("time-picker-wrap"))
               }, [
-                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"]
-                  ])
-                ])
+                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"])
               ], 2),
-              unref(leftCurrentView) === "date" ? (openBlock(), createBlock(_sfc_main$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": 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"))
+            }, [
+              s("button", {
+                type: "button",
+                class: r([e(v).e("icon-btn"), "d-arrow-left"]),
+                onClick: Ge
+              }, [
+                f(e(y), { icon: "icon-d-arrow-left" })
+              ], 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", {
                 key: 0,
-                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, {
+                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", {
                 key: 1,
-                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),
-            createElementVNode("div", {
-              class: normalizeClass([[unref(ppNs).e("content"), unref(drpNs).e("content")], "is-right"])
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(unref(drpNs).e("header"))
+                type: "button",
+                disabled: !J.value,
+                class: r([[
+                  e(v).e("icon-btn"),
+                  { "is-disabled": !J.value }
+                ], "arrow-right"]),
+                onClick: je
               }, [
-                _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"]
-                  ])
+                f(e(y), { icon: "icon-arrow-right" })
+              ], 10, Ra)) : p("", !0),
+              s("div", null, [
+                s("span", {
+                  role: "button",
+                  class: r(e(d).e("header-label")),
+                  "aria-live": "polite",
+                  tabindex: "0",
+                  onKeydown: a[10] || (a[10] = Q((l) => e(O)("year"), ["enter"])),
+                  onClick: a[11] || (a[11] = (l) => e(O)("year"))
+                }, K(e(Fe)), 35),
+                S(s("span", {
+                  role: "button",
+                  "aria-live": "polite",
+                  tabindex: "0",
+                  class: r([
+                    e(d).e("header-label"),
+                    { active: e(w) === "month" }
+                  ]),
+                  onKeydown: a[12] || (a[12] = Q((l) => e(O)("month"), ["enter"])),
+                  onClick: a[13] || (a[13] = (l) => e(O)("month"))
+                }, K(i.value.month() + 1), 35), [
+                  [H, e(w) === "date"]
                 ])
-              ], 2),
-              unref(rightCurrentView) === "date" ? (openBlock(), createBlock(_sfc_main$2, {
+              ])
+            ], 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"))
+            }, [
+              t.unlinkPanels ? (m(), h("button", {
                 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, {
+                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,
-                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)
+                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
+              }, [
+                f(e(y), { icon: "icon-arrow-right" })
+              ], 2), [
+                [H, e(g) === "date"]
+              ]),
+              s("div", null, [
+                s("span", {
+                  role: "button",
+                  class: r(e(d).e("header-label")),
+                  "aria-live": "polite",
+                  tabindex: "0",
+                  onKeydown: a[14] || (a[14] = Q((l) => e(U)("year"), ["enter"])),
+                  onClick: a[15] || (a[15] = (l) => e(U)("year"))
+                }, K(e(Ee)), 35),
+                S(s("span", {
+                  role: "button",
+                  "aria-live": "polite",
+                  tabindex: "0",
+                  class: r([
+                    e(d).e("header-label"),
+                    { active: e(g) === "month" }
+                  ]),
+                  onKeydown: a[16] || (a[16] = Q((l) => e(U)("month"), ["enter"])),
+                  onClick: a[17] || (a[17] = (l) => e(U)("month"))
+                }, K(u.value.month() + 1), 35), [
+                  [H, e(g) === "date"]
+                ])
+              ])
+            ], 2),
+            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)
-        ], 2),
-        showTime.value ? (openBlock(), createElementBlock("div", {
+        ], 2)
+      ], 2),
+      q.value ? (m(), h("div", {
+        key: 0,
+        class: r(e(v).e("footer"))
+      }, [
+        e(Se) ? (m(), I(e(Ve), {
           key: 0,
-          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);
-    };
+          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));
   }
 });
 export {
-  _sfc_main as default
+  Ha as default
 };