@rhino-design/vue 0.2.1 → 0.2.3

package/dist/components/XDatePicker.vue.js

@@ -0,0 +1,1798 @@
+import { defineComponent as la, useSlots as ra, useAttrs as da, computed as p, ref as Q, watch as Fe, openBlock as s, createElementBlock as n, mergeProps as Bt, unref as k, createElementVNode as l, normalizeClass as x, Fragment as v, renderList as _, toDisplayString as u, createCommentVNode as M, renderSlot as $, createVNode as O, createBlock as ua, withCtx as Ot } from "vue";
+import N from "./XIcon.js";
+import oa from "./XTrigger.vue.js";
+import { useXConfig as ca, sizeClass as va } from "../composables/config.js";
+import { useXConfigProvider as _a } from "../composables/config-provider.js";
+import { useXFormField as ka } from "../composables/form.js";
+import { useXI18n as ba } from "../composables/i18n.js";
+const pa = {
+  key: 0,
+  class: "x-date-picker__shortcuts x-date-picker__shortcuts--side"
+}, ga = ["onClick"], ha = { class: "x-date-picker__panel-wrapper" }, fa = {
+  key: 0,
+  class: "x-date-picker__single-panel"
+}, ya = { class: "x-date-picker__header" }, ma = { class: "x-date-picker__double-icon" }, xa = { class: "x-date-picker__double-icon" }, Ca = { class: "x-date-picker__weekdays" }, $a = { class: "x-date-picker__grid x-date-picker__grid--date" }, wa = ["disabled", "onClick"], Sa = { class: "x-date-picker__cell-value" }, Pa = {
+  key: 1,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, Ma = ["disabled", "onClick"], Da = {
+  key: 2,
+  class: "x-date-picker__grid x-date-picker__grid--unit x-date-picker__grid--quarter"
+}, Va = ["disabled", "onClick"], Ya = {
+  key: 3,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, Ta = ["disabled", "onClick"], Ba = {
+  key: 4,
+  class: "x-date-picker__time-panel"
+}, Oa = { class: "x-date-picker__time-col" }, Na = ["value"], Fa = ["value", "disabled"], Wa = { class: "x-date-picker__time-col" }, La = ["value"], qa = ["value", "disabled"], Aa = {
+  key: 0,
+  class: "x-date-picker__time-col"
+}, Ha = ["value"], Ra = ["value", "disabled"], Ia = { class: "x-date-picker__range-panel" }, Qa = { class: "x-date-picker__range-side" }, Ea = { class: "x-date-picker__header" }, za = { class: "x-date-picker__double-icon" }, Xa = { class: "x-date-picker__title is-static" }, Ua = { class: "x-date-picker__weekdays" }, Ka = { class: "x-date-picker__grid x-date-picker__grid--date" }, ja = ["disabled", "onMouseenter", "onClick"], Ga = { class: "x-date-picker__cell-value" }, Ja = {
+  key: 1,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, Za = ["disabled", "onClick"], es = {
+  key: 2,
+  class: "x-date-picker__grid x-date-picker__grid--unit x-date-picker__grid--quarter"
+}, ts = ["disabled", "onClick"], as = {
+  key: 3,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, ss = ["disabled", "onClick"], ns = { class: "x-date-picker__range-side" }, is = { class: "x-date-picker__header x-date-picker__header--right" }, ls = { class: "x-date-picker__title is-static" }, rs = { class: "x-date-picker__double-icon" }, ds = { class: "x-date-picker__weekdays" }, us = { class: "x-date-picker__grid x-date-picker__grid--date" }, os = ["disabled", "onMouseenter", "onClick"], cs = { class: "x-date-picker__cell-value" }, vs = {
+  key: 1,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, _s = ["disabled", "onClick"], ks = {
+  key: 2,
+  class: "x-date-picker__grid x-date-picker__grid--unit x-date-picker__grid--quarter"
+}, bs = ["disabled", "onClick"], ps = {
+  key: 3,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, gs = ["disabled", "onClick"], hs = {
+  key: 0,
+  class: "x-date-picker__time-panel x-date-picker__time-panel--range"
+}, fs = { class: "x-date-picker__time-block" }, ys = { class: "x-date-picker__time-row" }, ms = { class: "x-date-picker__time-col" }, xs = ["value"], Cs = ["value", "disabled"], $s = { class: "x-date-picker__time-col" }, ws = ["value"], Ss = ["value", "disabled"], Ps = {
+  key: 0,
+  class: "x-date-picker__time-col"
+}, Ms = ["value"], Ds = ["value", "disabled"], Vs = { class: "x-date-picker__time-block" }, Ys = { class: "x-date-picker__time-row" }, Ts = { class: "x-date-picker__time-col" }, Bs = ["value"], Os = ["value", "disabled"], Ns = { class: "x-date-picker__time-col" }, Fs = ["value"], Ws = ["value", "disabled"], Ls = {
+  key: 0,
+  class: "x-date-picker__time-col"
+}, qs = ["value"], As = ["value", "disabled"], Hs = {
+  key: 2,
+  class: "x-date-picker__shortcuts x-date-picker__shortcuts--bottom"
+}, Rs = ["onClick"], Is = {
+  key: 3,
+  class: "x-date-picker__extra"
+}, Qs = { class: "x-date-picker__footer" }, Es = { class: "x-date-picker__footer-actions" }, zs = {
+  key: 1,
+  class: "x-date-picker__shortcuts x-date-picker__shortcuts--side"
+}, Xs = ["onClick"], Us = {
+  key: 0,
+  class: "x-date-picker__prefix"
+}, Ks = ["id", "value", "disabled", "readonly", "placeholder"], js = { class: "x-date-picker__suffix" }, Gs = {
+  key: 0,
+  class: "x-date-picker__shortcuts x-date-picker__shortcuts--side"
+}, Js = ["onClick"], Zs = { class: "x-date-picker__panel-wrapper" }, en = {
+  key: 0,
+  class: "x-date-picker__single-panel"
+}, tn = { class: "x-date-picker__header" }, an = { class: "x-date-picker__double-icon" }, sn = { class: "x-date-picker__double-icon" }, nn = { class: "x-date-picker__weekdays" }, ln = { class: "x-date-picker__grid x-date-picker__grid--date" }, rn = ["disabled", "onClick"], dn = { class: "x-date-picker__cell-value" }, un = {
+  key: 1,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, on = ["disabled", "onClick"], cn = {
+  key: 2,
+  class: "x-date-picker__grid x-date-picker__grid--unit x-date-picker__grid--quarter"
+}, vn = ["disabled", "onClick"], _n = {
+  key: 3,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, kn = ["disabled", "onClick"], bn = {
+  key: 4,
+  class: "x-date-picker__time-panel"
+}, pn = { class: "x-date-picker__time-col" }, gn = ["value"], hn = ["value", "disabled"], fn = { class: "x-date-picker__time-col" }, yn = ["value"], mn = ["value", "disabled"], xn = {
+  key: 0,
+  class: "x-date-picker__time-col"
+}, Cn = ["value"], $n = ["value", "disabled"], wn = { class: "x-date-picker__range-panel" }, Sn = { class: "x-date-picker__range-side" }, Pn = { class: "x-date-picker__header" }, Mn = { class: "x-date-picker__double-icon" }, Dn = { class: "x-date-picker__title is-static" }, Vn = { class: "x-date-picker__weekdays" }, Yn = { class: "x-date-picker__grid x-date-picker__grid--date" }, Tn = ["disabled", "onMouseenter", "onClick"], Bn = { class: "x-date-picker__cell-value" }, On = {
+  key: 1,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, Nn = ["disabled", "onClick"], Fn = {
+  key: 2,
+  class: "x-date-picker__grid x-date-picker__grid--unit x-date-picker__grid--quarter"
+}, Wn = ["disabled", "onClick"], Ln = {
+  key: 3,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, qn = ["disabled", "onClick"], An = { class: "x-date-picker__range-side" }, Hn = { class: "x-date-picker__header x-date-picker__header--right" }, Rn = { class: "x-date-picker__title is-static" }, In = { class: "x-date-picker__double-icon" }, Qn = { class: "x-date-picker__weekdays" }, En = { class: "x-date-picker__grid x-date-picker__grid--date" }, zn = ["disabled", "onMouseenter", "onClick"], Xn = { class: "x-date-picker__cell-value" }, Un = {
+  key: 1,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, Kn = ["disabled", "onClick"], jn = {
+  key: 2,
+  class: "x-date-picker__grid x-date-picker__grid--unit x-date-picker__grid--quarter"
+}, Gn = ["disabled", "onClick"], Jn = {
+  key: 3,
+  class: "x-date-picker__grid x-date-picker__grid--unit"
+}, Zn = ["disabled", "onClick"], ei = {
+  key: 0,
+  class: "x-date-picker__time-panel x-date-picker__time-panel--range"
+}, ti = { class: "x-date-picker__time-block" }, ai = { class: "x-date-picker__time-row" }, si = { class: "x-date-picker__time-col" }, ni = ["value"], ii = ["value", "disabled"], li = { class: "x-date-picker__time-col" }, ri = ["value"], di = ["value", "disabled"], ui = {
+  key: 0,
+  class: "x-date-picker__time-col"
+}, oi = ["value"], ci = ["value", "disabled"], vi = { class: "x-date-picker__time-block" }, _i = { class: "x-date-picker__time-row" }, ki = { class: "x-date-picker__time-col" }, bi = ["value"], pi = ["value", "disabled"], gi = { class: "x-date-picker__time-col" }, hi = ["value"], fi = ["value", "disabled"], yi = {
+  key: 0,
+  class: "x-date-picker__time-col"
+}, mi = ["value"], xi = ["value", "disabled"], Ci = {
+  key: 2,
+  class: "x-date-picker__shortcuts x-date-picker__shortcuts--bottom"
+}, $i = ["onClick"], wi = {
+  key: 3,
+  class: "x-date-picker__extra"
+}, Si = { class: "x-date-picker__footer" }, Pi = { class: "x-date-picker__footer-actions" }, Mi = {
+  key: 1,
+  class: "x-date-picker__shortcuts x-date-picker__shortcuts--side"
+}, Di = ["onClick"], Wi = /* @__PURE__ */ la({
+  __name: "XDatePicker",
+  props: {
+    modelValue: { default: void 0 },
+    defaultValue: { default: void 0 },
+    type: { default: "date" },
+    mode: { default: "date" },
+    format: { type: [String, Function], default: void 0 },
+    valueFormat: { default: void 0 },
+    dayStartOfWeek: { default: 0 },
+    showTime: { type: Boolean, default: !1 },
+    timePickerProps: { default: () => ({}) },
+    showNowBtn: { type: Boolean, default: !0 },
+    showConfirmBtn: { type: Boolean, default: !1 },
+    allowClear: { type: Boolean, default: !0 },
+    readonly: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    size: { default: void 0 },
+    shortcuts: { default: () => [] },
+    shortcutsPosition: { default: "bottom" },
+    position: { default: "bl" },
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: !1 },
+    unmountOnClose: { type: Boolean, default: !1 },
+    placeholder: { default: void 0 },
+    disabled: { type: [Boolean, Array], default: !1 },
+    disabledDate: { type: Function, default: void 0 },
+    disabledTime: { type: Function, default: void 0 },
+    pickerValue: { default: void 0 },
+    defaultPickerValue: { default: void 0 },
+    hideTrigger: { type: Boolean, default: !1 },
+    separator: { default: " - " },
+    disabledInput: { type: Boolean, default: !1 },
+    exchangeTime: { type: Boolean, default: !0 }
+  },
+  emits: [
+    "update:modelValue",
+    "change",
+    "select",
+    "update:popupVisible",
+    "popupVisibleChange",
+    "popup-visible-change",
+    "ok",
+    "clear",
+    "selectShortcut",
+    "select-shortcut",
+    "update:pickerValue",
+    "pickerValueChange",
+    "picker-value-change",
+    "panelChange",
+    "focus",
+    "blur"
+  ],
+  setup(w, { emit: Nt }) {
+    function ae(t) {
+      return `${t}`.padStart(2, "0");
+    }
+    function C(t) {
+      return new Date(t.getTime());
+    }
+    function We(t) {
+      const a = C(t);
+      return a.setHours(0, 0, 0, 0), a;
+    }
+    function De(t) {
+      return We(t).getTime();
+    }
+    function Ve(t) {
+      return t ? !Number.isNaN(t.getTime()) : !1;
+    }
+    function Le(t) {
+      return Math.floor(t / 3) + 1;
+    }
+    function tt(t) {
+      const [a = "00", e = "00", i = "00"] = (t || "").split(":");
+      return {
+        hour: Number.parseInt(a, 10) || 0,
+        minute: Number.parseInt(e, 10) || 0,
+        second: Number.parseInt(i, 10) || 0
+      };
+    }
+    function L(t, a) {
+      const e = C(t);
+      return a ? a instanceof Date ? (e.setHours(a.getHours(), a.getMinutes(), a.getSeconds(), 0), e) : (e.setHours(a.hour, a.minute, a.second, 0), e) : e;
+    }
+    function xe(t, a) {
+      const e = We(t), d = (e.getDay() - a + 7) % 7;
+      return e.setDate(e.getDate() - d), e;
+    }
+    function Ft(t, a) {
+      const e = xe(t, a), i = new Date(e.getFullYear(), 0, 1), d = xe(i, a), o = Math.floor((De(e) - De(d)) / (7 * 24 * 60 * 60 * 1e3)) + 1;
+      return {
+        year: e.getFullYear(),
+        week: o,
+        start: e
+      };
+    }
+    function E(t, a, e) {
+      const i = C(t);
+      return a === "year" ? (i.setMonth(0, 1), i.setHours(0, 0, 0, 0), i) : a === "quarter" ? (i.setMonth((Le(i.getMonth()) - 1) * 3, 1), i.setHours(0, 0, 0, 0), i) : a === "month" ? (i.setDate(1), i.setHours(0, 0, 0, 0), i) : a === "week" ? xe(i, e) : We(i);
+    }
+    function ie(t, a, e, i) {
+      const d = E(t, e, i).getTime(), o = E(a, e, i).getTime();
+      return d - o;
+    }
+    function qe(t, a, e, i) {
+      return !t || !a ? !1 : ie(t, a, e, i) === 0;
+    }
+    function le(t, a, e) {
+      if (t == null || t === "") return null;
+      if (t instanceof Date)
+        return Ve(t) ? C(t) : null;
+      if (typeof t == "number") {
+        const B = new Date(t);
+        return Ve(B) ? B : null;
+      }
+      if (typeof t != "string")
+        return null;
+      const i = t.trim();
+      if (!i) return null;
+      if (/^\d{4}$/.test(i))
+        return new Date(Number(i), 0, 1);
+      const d = i.match(/^(\d{4})-?Q(\d)$/i);
+      if (d) {
+        const B = Number(d[1]), q = Math.min(Math.max(Number(d[2]), 1), 4);
+        return new Date(B, (q - 1) * 3, 1);
+      }
+      const o = i.match(/^(\d{4})-?W?(\d{1,2})$/i);
+      if (a === "week" && o) {
+        const B = Number(o[1]), q = Math.max(Number(o[2]), 1), me = xe(new Date(B, 0, 1), e), Me = C(me);
+        return Me.setDate(Me.getDate() + (q - 1) * 7), Me;
+      }
+      const b = i.match(/^(\d{4})-(\d{1,2})$/);
+      if (b) {
+        const B = Number(b[1]), q = Math.max(Math.min(Number(b[2]), 12), 1);
+        return new Date(B, q - 1, 1);
+      }
+      const y = i.match(
+        /^(\d{4})-(\d{1,2})-(\d{1,2})(?:[\sT](\d{1,2})(?::(\d{1,2})(?::(\d{1,2}))?)?)?$/
+      );
+      if (y) {
+        const B = Number(y[1]), q = Math.max(Math.min(Number(y[2]), 12), 1), me = Math.max(Math.min(Number(y[3]), 31), 1), Me = Number(y[4] || 0), na = Number(y[5] || 0), ia = Number(y[6] || 0);
+        return new Date(B, q - 1, me, Me, na, ia);
+      }
+      const m = new Date(i);
+      return Ve(m) ? m : null;
+    }
+    function at(t, a, e) {
+      const i = Ft(t, e), d = [
+        [/\[Q\]Q/g, `Q${Le(t.getMonth())}`],
+        [/YYYY/g, `${t.getFullYear()}`],
+        [/YY/g, `${t.getFullYear()}`.slice(-2)],
+        [/MM/g, ae(t.getMonth() + 1)],
+        [/M/g, `${t.getMonth() + 1}`],
+        [/DD/g, ae(t.getDate())],
+        [/D/g, `${t.getDate()}`],
+        [/HH/g, ae(t.getHours())],
+        [/H/g, `${t.getHours()}`],
+        [/mm/g, ae(t.getMinutes())],
+        [/m/g, `${t.getMinutes()}`],
+        [/ss/g, ae(t.getSeconds())],
+        [/s/g, `${t.getSeconds()}`],
+        [/ww/g, ae(i.week)],
+        [/wo/g, `${i.week}周`],
+        [/Q/g, `${Le(t.getMonth())}`]
+      ];
+      let o = a;
+      return d.forEach(([b, y]) => {
+        o = o.replace(b, y);
+      }), o;
+    }
+    function Wt(t, a) {
+      return t === "year" ? "YYYY" : t === "quarter" ? "YYYY-[Q]Q" : t === "month" ? "YYYY-MM" : t === "week" ? "YYYY-wo" : a ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+    }
+    function re(t, a, e) {
+      const [i, d] = t;
+      return !i || !d ? t : ie(i, d, a, e) <= 0 ? [i, d] : [d, i];
+    }
+    function Lt(t) {
+      return t === "top" ? "top" : t === "tl" ? "top-start" : t === "tr" ? "top-end" : t === "bottom" ? "bottom" : t === "br" ? "bottom-end" : "bottom-start";
+    }
+    const r = w, S = Nt;
+    ra();
+    const st = da(), qt = ca(), Ae = _a(), V = ka(), { t: h, tm: nt } = ba(), D = p(() => r.type === "range"), c = p(() => D.value ? r.mode : r.type), A = p(() => !!r.showTime), de = p(() => {
+      var t;
+      return (((t = r.timePickerProps) == null ? void 0 : t.format) ?? "HH:mm:ss") !== "HH:mm";
+    }), Ye = p(() => !!(A.value || r.showConfirmBtn)), At = p(() => r.size ?? qt.size.value), Ht = p(() => !!(r.exchangeTime && ((Ae == null ? void 0 : Ae.exchangeTime.value) ?? !0))), Ce = p(() => {
+      if (Array.isArray(r.disabled))
+        return [!!r.disabled[0], !!r.disabled[1]];
+      const t = !!(r.disabled || V != null && V.disabled.value);
+      return [t, t];
+    }), ue = p(() => D.value ? Ce.value[0] && Ce.value[1] : Ce.value[0]), it = p(() => r.popupVisible !== void 0), lt = Q(!!r.defaultPopupVisible), j = p(() => r.hideTrigger ? !0 : it.value ? !!r.popupVisible : lt.value), $e = p(() => r.modelValue !== void 0), we = Q(r.defaultValue), rt = p(() => r.pickerValue !== void 0), dt = Q(r.defaultPickerValue), Rt = p(() => nt("datePicker.weekLabels", ["日", "一", "二", "三", "四", "五", "六"])), oe = p(() => {
+      const t = Rt.value.slice(), a = r.dayStartOfWeek;
+      return t.slice(a).concat(t.slice(0, a));
+    }), It = p(() => nt("datePicker.monthLabels", ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"])), F = Q(null), f = Q([null, null]), K = Q("start"), Te = Q(null), z = Q(/* @__PURE__ */ new Date()), P = Q("date"), Y = Q([/* @__PURE__ */ new Date(), new Date((/* @__PURE__ */ new Date()).setMonth((/* @__PURE__ */ new Date()).getMonth() + 1))]), Qt = Q(null);
+    function X() {
+      return $e.value ? r.modelValue : we.value;
+    }
+    function ut() {
+      return rt.value ? r.pickerValue : dt.value;
+    }
+    function se(t) {
+      return t instanceof Date ? "date" : typeof t == "number" ? "number" : "string";
+    }
+    function Se(t) {
+      return le(t, c.value, r.dayStartOfWeek);
+    }
+    function Pe(t) {
+      if (!Array.isArray(t))
+        return [null, null];
+      const a = le(t[0], c.value, r.dayStartOfWeek), e = le(t[1], c.value, r.dayStartOfWeek);
+      return [a, e];
+    }
+    function R(t, a) {
+      if (typeof r.format == "function")
+        return r.format(t);
+      const e = typeof r.format == "string" ? r.format : Wt(c.value, A.value);
+      return at(t, e, r.dayStartOfWeek);
+    }
+    function G(t, a, e) {
+      const i = r.valueFormat;
+      return i === "timestamp" ? t.getTime() : i === "Date" ? C(t) : typeof i == "string" && i ? at(t, i, r.dayStartOfWeek) : a === "number" ? t.getTime() : a === "date" ? C(t) : R(t);
+    }
+    function U(t) {
+      var e;
+      const a = (e = r.timePickerProps) == null ? void 0 : e.defaultValue;
+      return Array.isArray(a) ? tt(t === "start" ? a[0] : a[1]) : tt(typeof a == "string" ? a : "00:00:00");
+    }
+    function I(t, a) {
+      var e;
+      if (!Ve(t) || !D.value && Ce.value[0]) return !0;
+      if (D.value && a) {
+        const i = a === "start" ? 0 : 1;
+        if (Ce.value[i]) return !0;
+      }
+      return !!((e = r.disabledDate) != null && e.call(r, C(t), a));
+    }
+    function Et(t, a) {
+      var e;
+      return ((e = r.disabledTime) == null ? void 0 : e.call(r, C(t), a)) ?? {};
+    }
+    function He(t, a = [], e = !1) {
+      const i = new Set(a), d = Array.from({ length: t + 1 }, (o, b) => ({
+        value: b,
+        label: ae(b),
+        disabled: i.has(b)
+      }));
+      return e ? d.filter((o) => !o.disabled) : d;
+    }
+    function Re(t, a) {
+      var m, B, q, me;
+      const e = t ?? L(/* @__PURE__ */ new Date(), U(a ?? "start")), i = Et(e, a), d = !!((m = r.timePickerProps) != null && m.hideDisabledOptions), o = He(23, ((B = i.disabledHours) == null ? void 0 : B.call(i)) ?? [], d), b = He(59, ((q = i.disabledMinutes) == null ? void 0 : q.call(i, e.getHours())) ?? [], d), y = He(59, ((me = i.disabledSeconds) == null ? void 0 : me.call(i, e.getHours(), e.getMinutes())) ?? [], d);
+      return {
+        hours: o,
+        minutes: b,
+        seconds: y
+      };
+    }
+    function Ie(t) {
+      r.hideTrigger || t && ue.value || (it.value || (lt.value = t), S("update:popupVisible", t), S("popupVisibleChange", t), S("popup-visible-change", t));
+    }
+    function Qe() {
+      const [t, a] = Y.value;
+      if (c.value === "date" || c.value === "week") {
+        const d = new Date(t);
+        d.setMonth(d.getMonth() + 1), a.getTime() <= t.getTime() && (Y.value = [t, d]);
+        return;
+      }
+      const e = t.getFullYear();
+      if (a.getFullYear() <= e) {
+        const d = new Date(t);
+        d.setFullYear(d.getFullYear() + 1), Y.value = [t, d];
+      }
+    }
+    function zt() {
+      return c.value === "date" || c.value === "week" ? "date" : c.value === "month" ? "month" : c.value === "quarter" ? "quarter" : "year";
+    }
+    function Ee() {
+      const t = X(), a = ut();
+      if (D.value) {
+        f.value = Pe(t), K.value = f.value[0] && !f.value[1] ? "end" : "start";
+        const e = Pe(a), i = e[0] ?? f.value[0] ?? /* @__PURE__ */ new Date(), d = e[1] ?? f.value[1] ?? new Date(new Date(i).setMonth(i.getMonth() + 1));
+        Y.value = [C(i), C(d)], Qe();
+      } else {
+        F.value = Se(t);
+        const e = Se(a) ?? F.value ?? /* @__PURE__ */ new Date();
+        z.value = C(e), P.value = zt();
+      }
+    }
+    function ot(t) {
+      const a = se(ut());
+      let e, i, d;
+      Array.isArray(t) ? (e = t.map((o) => G(o, a)), i = t.map((o) => C(o)), d = t.map((o) => R(o))) : (e = G(t, a), i = C(t), d = R(t)), rt.value || (dt.value = e), S("update:pickerValue", e), S("pickerValueChange", e, i, d), S("picker-value-change", e, i, d);
+    }
+    function ze(t, a = "change") {
+      const e = X(), i = se(e), d = t ? G(t, i) : void 0, o = t ? C(t) : void 0, b = t ? R(t) : void 0;
+      $e.value || (we.value = d), S("update:modelValue", d), S("change", d, o, b), a === "ok" && S("ok", d, o, b), V == null || V.notifyChange();
+    }
+    function Xe(t, a = "change") {
+      const e = X(), i = Array.isArray(e) ? e : [], d = se(i[0]), o = se(i[1]), [b, y] = t, m = b && y ? [G(b, d), G(y, o)] : void 0, B = b && y ? [C(b), C(y)] : void 0, q = b && y ? [R(b), R(y)] : void 0;
+      $e.value || (we.value = m), S("update:modelValue", m), S("change", m, B, q), a === "ok" && S("ok", m, B, q), V == null || V.notifyChange();
+    }
+    function Be(t) {
+      const a = X(), e = se(a), i = G(t, e);
+      S("select", i, C(t), R(t));
+    }
+    function ne(t) {
+      const a = X(), e = Array.isArray(a) ? a : [], i = se(e[0]), d = se(e[1]), [o, b] = t, y = [
+        o ? G(o, i) : void 0,
+        b ? G(b, d) : void 0
+      ], m = [o ? C(o) : void 0, b ? C(b) : void 0], B = [o ? R(o) : void 0, b ? R(b) : void 0];
+      S("select", y, m, B);
+    }
+    function ce() {
+      r.hideTrigger || Ie(!1);
+    }
+    function Oe(t) {
+      if (I(t)) return;
+      const a = E(t, c.value, r.dayStartOfWeek), e = A.value ? L(a, F.value ?? U("start")) : a;
+      F.value = e, Be(e), Ye.value || (ze(e, "change"), ce());
+    }
+    function ct(t) {
+      if (K.value === "start") {
+        const o = E(t, c.value, r.dayStartOfWeek);
+        if (I(o, "start")) return;
+        const b = A.value ? L(o, f.value[0] ?? U("start")) : o;
+        f.value = [b, null], K.value = "end", ne(f.value);
+        return;
+      }
+      const a = E(t, c.value, r.dayStartOfWeek);
+      if (I(a, "end")) return;
+      const e = A.value ? L(a, f.value[1] ?? U("end")) : a, i = f.value[0];
+      if (!i) {
+        f.value = [e, null], K.value = "end", ne(f.value);
+        return;
+      }
+      let d = [i, e];
+      if (Ht.value && (d = re(d, c.value, r.dayStartOfWeek)), f.value = d, K.value = "start", ne(d), !Ye.value) {
+        const o = re(d, c.value, r.dayStartOfWeek);
+        Xe(o, "change"), ce();
+      }
+    }
+    function ve(t, a) {
+      if (D.value) {
+        ct(t);
+        return;
+      }
+      a && a !== "start" || Oe(t);
+    }
+    function T(t, a, e) {
+      if (t === "single") {
+        const y = F.value ?? L(/* @__PURE__ */ new Date(), U("start")), m = C(y);
+        a === "hour" && m.setHours(e), a === "minute" && m.setMinutes(e), a === "second" && m.setSeconds(e), F.value = m, I(m) || Be(m);
+        return;
+      }
+      const i = t === "start" ? 0 : 1, d = f.value[i] ?? L(/* @__PURE__ */ new Date(), U(t)), o = C(d);
+      a === "hour" && o.setHours(e), a === "minute" && o.setMinutes(e), a === "second" && o.setSeconds(e);
+      const b = [...f.value];
+      b[i] = o, f.value = b, ne(b);
+    }
+    function vt() {
+      const t = /* @__PURE__ */ new Date();
+      if (D.value) {
+        if (K.value === "start") {
+          const i = L(E(t, c.value, r.dayStartOfWeek), t);
+          if (I(i, "start")) return;
+          f.value = [i, f.value[1]], ne(f.value);
+          return;
+        }
+        const e = L(E(t, c.value, r.dayStartOfWeek), t);
+        if (I(e, "end")) return;
+        f.value = [f.value[0], e], ne(f.value);
+        return;
+      }
+      if (I(t)) return;
+      const a = L(E(t, c.value, r.dayStartOfWeek), t);
+      F.value = a, Be(a);
+    }
+    function _t() {
+      if (D.value) {
+        const t = re(f.value, c.value, r.dayStartOfWeek);
+        if (!t[0] || !t[1]) return;
+        Xe(t, "ok"), ce();
+        return;
+      }
+      F.value && (ze(F.value, "ok"), ce());
+    }
+    function Xt(t) {
+      t.stopPropagation(), D.value ? (f.value = [null, null], $e.value || (we.value = void 0), S("update:modelValue", void 0), S("change", void 0, void 0, void 0)) : (F.value = null, $e.value || (we.value = void 0), S("update:modelValue", void 0), S("change", void 0, void 0, void 0)), S("clear"), V == null || V.notifyChange(t);
+    }
+    function Ut(t) {
+      const a = typeof t.value == "function" ? t.value() : t.value;
+      if (D.value) {
+        const d = Array.isArray(a) ? a : [a, a], o = le(d[0], c.value, r.dayStartOfWeek), b = le(d[1], c.value, r.dayStartOfWeek);
+        if (!o || !b) return;
+        const y = re([o, b], c.value, r.dayStartOfWeek);
+        f.value = y, ne(y), Xe(y, "change"), ce();
+        return;
+      }
+      const e = le(Array.isArray(a) ? a[0] : a, c.value, r.dayStartOfWeek);
+      if (!e) return;
+      const i = A.value ? L(E(e, c.value, r.dayStartOfWeek), F.value ?? U("start")) : E(e, c.value, r.dayStartOfWeek);
+      F.value = i, Be(i), ze(i, "change"), ce();
+    }
+    function _e(t) {
+      S("selectShortcut", t), S("select-shortcut", t), Ut(t);
+    }
+    function Ue(t) {
+      return t ? R(t) : "";
+    }
+    const Kt = p(() => {
+      const t = X();
+      if (D.value) {
+        const [a, e] = Pe(t), i = Ue(a), d = Ue(e);
+        return !i && !d ? "" : `${i}${r.separator}${d}`;
+      }
+      return Ue(Se(t));
+    }), Ke = p(() => {
+      if (Array.isArray(r.placeholder))
+        return [r.placeholder[0] ?? "", r.placeholder[1] ?? ""];
+      if (typeof r.placeholder == "string")
+        return D.value ? [r.placeholder, r.placeholder] : [r.placeholder, r.placeholder];
+      const t = {
+        date: h("datePicker.placeholder", void 0, "请选择日期"),
+        week: h("datePicker.placeholderWeek", void 0, "请选择周"),
+        month: h("datePicker.placeholderMonth", void 0, "请选择月份"),
+        quarter: h("datePicker.placeholderQuarter", void 0, "请选择季度"),
+        year: h("datePicker.placeholderYear", void 0, "请选择年份")
+      };
+      return D.value ? [
+        h("datePicker.placeholderStart", void 0, "开始时间"),
+        h("datePicker.placeholderEnd", void 0, "结束时间")
+      ] : [t[c.value], t[c.value]];
+    }), jt = p(() => {
+      if (D.value) {
+        const [t, a] = Pe(X());
+        return !!(t || a);
+      }
+      return !!Se(X());
+    });
+    function je(t, a) {
+      const e = t.getFullYear(), i = t.getMonth(), d = new Date(e, i, 1), o = xe(d, r.dayStartOfWeek);
+      return Array.from({ length: 42 }, (b, y) => {
+        const m = C(o);
+        return m.setDate(o.getDate() + y), {
+          key: `${m.getFullYear()}-${m.getMonth()}-${m.getDate()}`,
+          date: m,
+          label: m.getDate(),
+          inView: m.getMonth() === i,
+          isToday: De(m) === De(/* @__PURE__ */ new Date()),
+          disabled: I(m, a)
+        };
+      });
+    }
+    function Ge(t, a) {
+      const e = t.getFullYear();
+      return It.value.map((i, d) => {
+        const o = new Date(e, d, 1);
+        return {
+          key: `${e}-${d + 1}`,
+          date: o,
+          label: i,
+          disabled: I(o, a)
+        };
+      });
+    }
+    function Je(t, a) {
+      const e = t.getFullYear();
+      return Array.from({ length: 4 }, (i, d) => {
+        const o = d + 1, b = new Date(e, d * 3, 1);
+        return {
+          key: `${e}-Q${o}`,
+          date: b,
+          label: h("datePicker.quarterLabel", { quarter: o }, `Q${o}`),
+          disabled: I(b, a)
+        };
+      });
+    }
+    function Ze(t, a) {
+      const e = t.getFullYear(), i = Math.floor(e / 10) * 10 - 1;
+      return Array.from({ length: 12 }, (d, o) => {
+        const b = i + o, y = new Date(b, 0, 1);
+        return {
+          key: `${b}`,
+          date: y,
+          label: `${b}`,
+          disabled: I(y, a),
+          outside: o === 0 || o === 11
+        };
+      });
+    }
+    const kt = p(() => je(z.value)), bt = p(() => Ge(z.value)), pt = p(() => Je(z.value)), gt = p(() => Ze(z.value));
+    function J(t) {
+      return !D.value || !j.value ? t : K.value;
+    }
+    const ht = p(() => je(Y.value[0], J("start"))), ft = p(() => je(Y.value[1], J("end"))), yt = p(() => Ge(Y.value[0], J("start"))), mt = p(() => Ge(Y.value[1], J("end"))), xt = p(() => Je(Y.value[0], J("start"))), Ct = p(() => Je(Y.value[1], J("end"))), $t = p(() => Ze(Y.value[0], J("start"))), wt = p(() => Ze(Y.value[1], J("end")));
+    function et(t, a) {
+      if (a === "date") {
+        const d = t.getFullYear(), o = t.getMonth() + 1;
+        return h("datePicker.titleYearMonth", { year: d, month: o }, `${d}年 ${o}月`);
+      }
+      if (a === "month" || a === "quarter") {
+        const d = t.getFullYear();
+        return h("datePicker.titleYear", { year: d }, `${d}年`);
+      }
+      const e = t.getFullYear(), i = Math.floor(e / 10) * 10 - 1;
+      return `${i} - ${i + 11}`;
+    }
+    const St = p(() => et(z.value, P.value)), Pt = p(() => et(Y.value[0], c.value === "date" || c.value === "week" ? "date" : c.value)), Mt = p(() => et(Y.value[1], c.value === "date" || c.value === "week" ? "date" : c.value));
+    function Gt(t, a) {
+      S("panelChange", R(t), a);
+    }
+    function Z(t, a = !1) {
+      const e = C(z.value);
+      P.value === "date" ? e.setMonth(e.getMonth() + t * (a ? 12 : 1)) : P.value === "month" || P.value === "quarter" ? e.setFullYear(e.getFullYear() + t * (a ? 10 : 1)) : e.setFullYear(e.getFullYear() + t * (a ? 100 : 10)), z.value = e, ot(e), Gt(e, P.value);
+    }
+    function ee(t, a, e = !1) {
+      const i = t === "start" ? 0 : 1, d = C(Y.value[i]);
+      c.value === "date" || c.value === "week" ? d.setMonth(d.getMonth() + a * (e ? 12 : 1)) : c.value === "month" || c.value === "quarter" ? d.setFullYear(d.getFullYear() + a * (e ? 10 : 1)) : d.setFullYear(d.getFullYear() + a * (e ? 100 : 10));
+      const o = [...Y.value];
+      o[i] = d, Y.value = o, Qe(), ot(Y.value);
+    }
+    function Dt() {
+      if (P.value === "date") {
+        P.value = "month";
+        return;
+      }
+      if (P.value === "month" && (c.value === "date" || c.value === "week")) {
+        P.value = "year";
+        return;
+      }
+      (P.value === "quarter" || P.value === "month") && (P.value = "year");
+    }
+    function ke(t) {
+      if (!t.disabled) {
+        if (P.value === "year") {
+          if (z.value = C(t.date), c.value === "year") {
+            Oe(t.date);
+            return;
+          }
+          P.value = c.value === "quarter" ? "quarter" : "month";
+          return;
+        }
+        if (P.value === "month") {
+          if (c.value === "month") {
+            Oe(t.date);
+            return;
+          }
+          z.value = C(t.date), P.value = "date";
+          return;
+        }
+        P.value === "quarter" && Oe(t.date);
+      }
+    }
+    function H(t) {
+      t.disabled || ct(t.date);
+    }
+    function Jt() {
+      return j.value && F.value ? F.value : Se(X());
+    }
+    function Vt() {
+      return j.value ? f.value : Pe(X());
+    }
+    function te(t) {
+      const a = Jt();
+      return qe(a, t, c.value, r.dayStartOfWeek);
+    }
+    function g(t, a) {
+      const [e, i] = Vt();
+      return qe(a === "start" ? e : i, t, c.value, r.dayStartOfWeek);
+    }
+    function W(t) {
+      const a = Vt(), [e, i] = re(a, c.value, r.dayStartOfWeek);
+      if (!e || !i) {
+        if (K.value === "end" && f.value[0] && Te.value) {
+          const [d, o] = re([f.value[0], Te.value], c.value, r.dayStartOfWeek);
+          return !d || !o ? !1 : ie(t, d, c.value, r.dayStartOfWeek) >= 0 && ie(t, o, c.value, r.dayStartOfWeek) <= 0;
+        }
+        return !1;
+      }
+      return ie(t, e, c.value, r.dayStartOfWeek) >= 0 && ie(t, i, c.value, r.dayStartOfWeek) <= 0;
+    }
+    function Zt(t) {
+      S("focus", t), V == null || V.notifyFocus(t);
+    }
+    function ea(t) {
+      S("blur", t), V == null || V.notifyBlur(t);
+    }
+    function Yt() {
+      ue.value || Ie(!j.value);
+    }
+    function Ne(t) {
+      Te.value = t;
+    }
+    Fe(
+      () => r.modelValue,
+      () => {
+        (!j.value || r.hideTrigger) && Ee();
+      },
+      { deep: !0, immediate: !0 }
+    ), Fe(
+      () => [r.type, r.mode, r.pickerValue, r.defaultPickerValue],
+      () => {
+        Ee();
+      },
+      { deep: !0 }
+    ), Fe(
+      j,
+      (t) => {
+        if (t) {
+          Ee();
+          return;
+        }
+        Te.value = null, K.value = "start";
+      },
+      { immediate: !0 }
+    ), Fe(
+      () => Y.value,
+      () => {
+        Qe();
+      },
+      { deep: !0 }
+    );
+    const ta = p(() => !!(r.readonly || r.disabledInput)), aa = p(() => Lt(r.position)), Tt = p(() => [
+      "x-date-picker__dropdown",
+      {
+        "is-range": D.value,
+        [`is-shortcuts-${r.shortcutsPosition}`]: r.shortcuts.length > 0,
+        "is-panel-only": r.hideTrigger
+      }
+    ]), sa = p(() => [
+      "x-date-picker",
+      va(At.value),
+      {
+        "is-open": j.value,
+        "is-disabled": ue.value,
+        "is-error": r.error,
+        "is-range": D.value
+      }
+    ]), be = p(() => Re(F.value, "start")), pe = p(() => Re(f.value[0], "start")), ge = p(() => Re(f.value[1], "end")), he = p(() => {
+      const t = F.value ?? L(/* @__PURE__ */ new Date(), U("start"));
+      return {
+        hour: t.getHours(),
+        minute: t.getMinutes(),
+        second: t.getSeconds()
+      };
+    }), fe = p(() => {
+      const t = f.value[0] ?? L(/* @__PURE__ */ new Date(), U("start"));
+      return {
+        hour: t.getHours(),
+        minute: t.getMinutes(),
+        second: t.getSeconds()
+      };
+    }), ye = p(() => {
+      const t = f.value[1] ?? L(/* @__PURE__ */ new Date(), U("end"));
+      return {
+        hour: t.getHours(),
+        minute: t.getMinutes(),
+        second: t.getSeconds()
+      };
+    });
+    return (t, a) => w.hideTrigger ? (s(), n("div", Bt({
+      key: 0,
+      class: "x-date-picker__panel-only"
+    }, k(st)), [
+      l("div", {
+        class: x(Tt.value)
+      }, [
+        w.shortcuts.length && w.shortcutsPosition === "left" ? (s(), n("div", pa, [
+          (s(!0), n(v, null, _(w.shortcuts, (e) => (s(), n("button", {
+            key: String(e.label),
+            type: "button",
+            class: "x-date-picker__shortcut",
+            onClick: (i) => _e(e)
+          }, u(e.label), 9, ga))), 128))
+        ])) : M("", !0),
+        l("div", ha, [
+          D.value ? (s(), n(v, { key: 1 }, [
+            l("div", Ia, [
+              l("div", Qa, [
+                l("div", Ea, [
+                  l("button", {
+                    type: "button",
+                    class: "x-date-picker__nav",
+                    onClick: a[7] || (a[7] = (e) => ee("start", -1, !0))
+                  }, [
+                    $(t.$slots, "icon-prev-double", {}, () => [
+                      l("span", za, [
+                        O(k(N), { name: "double-arrow-left" })
+                      ])
+                    ])
+                  ]),
+                  l("button", {
+                    type: "button",
+                    class: "x-date-picker__nav",
+                    onClick: a[8] || (a[8] = (e) => ee("start", -1))
+                  }, [
+                    $(t.$slots, "icon-prev", {}, () => [
+                      O(k(N), { name: "fanhui" })
+                    ])
+                  ]),
+                  l("span", Xa, u(Pt.value), 1)
+                ]),
+                c.value === "date" || c.value === "week" ? (s(), n(v, { key: 0 }, [
+                  l("div", Ua, [
+                    (s(!0), n(v, null, _(oe.value, (e) => (s(), n("span", { key: e }, u(e), 1))), 128))
+                  ]),
+                  l("div", Ka, [
+                    (s(!0), n(v, null, _(ht.value, (e) => (s(), n("button", {
+                      key: e.key,
+                      type: "button",
+                      class: x(["x-date-picker__cell", {
+                        "is-outside": !e.inView,
+                        "is-today": e.isToday,
+                        "is-selected": g(e.date, "start") || g(e.date, "end"),
+                        "is-range-start": g(e.date, "start"),
+                        "is-range-end": g(e.date, "end"),
+                        "is-in-range": W(e.date),
+                        "is-disabled": e.disabled
+                      }]),
+                      disabled: e.disabled,
+                      onMouseenter: (i) => Ne(e.date),
+                      onClick: (i) => ve(e.date, "start")
+                    }, [
+                      $(t.$slots, "cell", {
+                        date: e.date
+                      }, () => [
+                        l("span", Ga, u(e.label), 1)
+                      ])
+                    ], 42, ja))), 128))
+                  ])
+                ], 64)) : c.value === "month" ? (s(), n("div", Ja, [
+                  (s(!0), n(v, null, _(yt.value, (e) => (s(), n("button", {
+                    key: e.key,
+                    type: "button",
+                    class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                      "is-selected": g(e.date, "start") || g(e.date, "end"),
+                      "is-in-range": W(e.date),
+                      "is-disabled": e.disabled
+                    }]),
+                    disabled: e.disabled,
+                    onClick: (i) => H(e)
+                  }, u(e.label), 11, Za))), 128))
+                ])) : c.value === "quarter" ? (s(), n("div", es, [
+                  (s(!0), n(v, null, _(xt.value, (e) => (s(), n("button", {
+                    key: e.key,
+                    type: "button",
+                    class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                      "is-selected": g(e.date, "start") || g(e.date, "end"),
+                      "is-in-range": W(e.date),
+                      "is-disabled": e.disabled
+                    }]),
+                    disabled: e.disabled,
+                    onClick: (i) => H(e)
+                  }, u(e.label), 11, ts))), 128))
+                ])) : (s(), n("div", as, [
+                  (s(!0), n(v, null, _($t.value, (e) => (s(), n("button", {
+                    key: e.key,
+                    type: "button",
+                    class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                      "is-selected": g(e.date, "start") || g(e.date, "end"),
+                      "is-in-range": W(e.date),
+                      "is-disabled": e.disabled,
+                      "is-outside": e.outside
+                    }]),
+                    disabled: e.disabled,
+                    onClick: (i) => H(e)
+                  }, u(e.label), 11, ss))), 128))
+                ]))
+              ]),
+              l("div", ns, [
+                l("div", is, [
+                  l("span", ls, u(Mt.value), 1),
+                  l("button", {
+                    type: "button",
+                    class: "x-date-picker__nav",
+                    onClick: a[9] || (a[9] = (e) => ee("end", 1))
+                  }, [
+                    $(t.$slots, "icon-next", {}, () => [
+                      O(k(N), { name: "gengduo" })
+                    ])
+                  ]),
+                  l("button", {
+                    type: "button",
+                    class: "x-date-picker__nav",
+                    onClick: a[10] || (a[10] = (e) => ee("end", 1, !0))
+                  }, [
+                    $(t.$slots, "icon-next-double", {}, () => [
+                      l("span", rs, [
+                        O(k(N), { name: "double-arrow-right" })
+                      ])
+                    ])
+                  ])
+                ]),
+                c.value === "date" || c.value === "week" ? (s(), n(v, { key: 0 }, [
+                  l("div", ds, [
+                    (s(!0), n(v, null, _(oe.value, (e) => (s(), n("span", { key: e }, u(e), 1))), 128))
+                  ]),
+                  l("div", us, [
+                    (s(!0), n(v, null, _(ft.value, (e) => (s(), n("button", {
+                      key: e.key,
+                      type: "button",
+                      class: x(["x-date-picker__cell", {
+                        "is-outside": !e.inView,
+                        "is-today": e.isToday,
+                        "is-selected": g(e.date, "start") || g(e.date, "end"),
+                        "is-range-start": g(e.date, "start"),
+                        "is-range-end": g(e.date, "end"),
+                        "is-in-range": W(e.date),
+                        "is-disabled": e.disabled
+                      }]),
+                      disabled: e.disabled,
+                      onMouseenter: (i) => Ne(e.date),
+                      onClick: (i) => ve(e.date, "end")
+                    }, [
+                      $(t.$slots, "cell", {
+                        date: e.date
+                      }, () => [
+                        l("span", cs, u(e.label), 1)
+                      ])
+                    ], 42, os))), 128))
+                  ])
+                ], 64)) : c.value === "month" ? (s(), n("div", vs, [
+                  (s(!0), n(v, null, _(mt.value, (e) => (s(), n("button", {
+                    key: e.key,
+                    type: "button",
+                    class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                      "is-selected": g(e.date, "start") || g(e.date, "end"),
+                      "is-in-range": W(e.date),
+                      "is-disabled": e.disabled
+                    }]),
+                    disabled: e.disabled,
+                    onClick: (i) => H(e)
+                  }, u(e.label), 11, _s))), 128))
+                ])) : c.value === "quarter" ? (s(), n("div", ks, [
+                  (s(!0), n(v, null, _(Ct.value, (e) => (s(), n("button", {
+                    key: e.key,
+                    type: "button",
+                    class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                      "is-selected": g(e.date, "start") || g(e.date, "end"),
+                      "is-in-range": W(e.date),
+                      "is-disabled": e.disabled
+                    }]),
+                    disabled: e.disabled,
+                    onClick: (i) => H(e)
+                  }, u(e.label), 11, bs))), 128))
+                ])) : (s(), n("div", ps, [
+                  (s(!0), n(v, null, _(wt.value, (e) => (s(), n("button", {
+                    key: e.key,
+                    type: "button",
+                    class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                      "is-selected": g(e.date, "start") || g(e.date, "end"),
+                      "is-in-range": W(e.date),
+                      "is-disabled": e.disabled,
+                      "is-outside": e.outside
+                    }]),
+                    disabled: e.disabled,
+                    onClick: (i) => H(e)
+                  }, u(e.label), 11, gs))), 128))
+                ]))
+              ])
+            ]),
+            A.value ? (s(), n("div", hs, [
+              l("div", fs, [
+                l("strong", null, u(k(h)("datePicker.rangeStartLabel", void 0, "开始时间")), 1),
+                l("div", ys, [
+                  l("label", ms, [
+                    l("span", null, u(k(h)("datePicker.hourLabel", void 0, "时")), 1),
+                    l("select", {
+                      value: fe.value.hour,
+                      onChange: a[11] || (a[11] = (e) => T("start", "hour", Number(e.target.value)))
+                    }, [
+                      (s(!0), n(v, null, _(pe.value.hours, (e) => (s(), n("option", {
+                        key: e.value,
+                        value: e.value,
+                        disabled: e.disabled
+                      }, u(e.label), 9, Cs))), 128))
+                    ], 40, xs)
+                  ]),
+                  l("label", $s, [
+                    l("span", null, u(k(h)("datePicker.minuteLabel", void 0, "分")), 1),
+                    l("select", {
+                      value: fe.value.minute,
+                      onChange: a[12] || (a[12] = (e) => T("start", "minute", Number(e.target.value)))
+                    }, [
+                      (s(!0), n(v, null, _(pe.value.minutes, (e) => (s(), n("option", {
+                        key: e.value,
+                        value: e.value,
+                        disabled: e.disabled
+                      }, u(e.label), 9, Ss))), 128))
+                    ], 40, ws)
+                  ]),
+                  de.value ? (s(), n("label", Ps, [
+                    l("span", null, u(k(h)("datePicker.secondLabel", void 0, "秒")), 1),
+                    l("select", {
+                      value: fe.value.second,
+                      onChange: a[13] || (a[13] = (e) => T("start", "second", Number(e.target.value)))
+                    }, [
+                      (s(!0), n(v, null, _(pe.value.seconds, (e) => (s(), n("option", {
+                        key: e.value,
+                        value: e.value,
+                        disabled: e.disabled
+                      }, u(e.label), 9, Ds))), 128))
+                    ], 40, Ms)
+                  ])) : M("", !0)
+                ])
+              ]),
+              l("div", Vs, [
+                l("strong", null, u(k(h)("datePicker.rangeEndLabel", void 0, "结束时间")), 1),
+                l("div", Ys, [
+                  l("label", Ts, [
+                    l("span", null, u(k(h)("datePicker.hourLabel", void 0, "时")), 1),
+                    l("select", {
+                      value: ye.value.hour,
+                      onChange: a[14] || (a[14] = (e) => T("end", "hour", Number(e.target.value)))
+                    }, [
+                      (s(!0), n(v, null, _(ge.value.hours, (e) => (s(), n("option", {
+                        key: e.value,
+                        value: e.value,
+                        disabled: e.disabled
+                      }, u(e.label), 9, Os))), 128))
+                    ], 40, Bs)
+                  ]),
+                  l("label", Ns, [
+                    l("span", null, u(k(h)("datePicker.minuteLabel", void 0, "分")), 1),
+                    l("select", {
+                      value: ye.value.minute,
+                      onChange: a[15] || (a[15] = (e) => T("end", "minute", Number(e.target.value)))
+                    }, [
+                      (s(!0), n(v, null, _(ge.value.minutes, (e) => (s(), n("option", {
+                        key: e.value,
+                        value: e.value,
+                        disabled: e.disabled
+                      }, u(e.label), 9, Ws))), 128))
+                    ], 40, Fs)
+                  ]),
+                  de.value ? (s(), n("label", Ls, [
+                    l("span", null, u(k(h)("datePicker.secondLabel", void 0, "秒")), 1),
+                    l("select", {
+                      value: ye.value.second,
+                      onChange: a[16] || (a[16] = (e) => T("end", "second", Number(e.target.value)))
+                    }, [
+                      (s(!0), n(v, null, _(ge.value.seconds, (e) => (s(), n("option", {
+                        key: e.value,
+                        value: e.value,
+                        disabled: e.disabled
+                      }, u(e.label), 9, As))), 128))
+                    ], 40, qs)
+                  ])) : M("", !0)
+                ])
+              ])
+            ])) : M("", !0)
+          ], 64)) : (s(), n("div", fa, [
+            l("div", ya, [
+              l("button", {
+                type: "button",
+                class: "x-date-picker__nav",
+                onClick: a[0] || (a[0] = (e) => Z(-1, !0))
+              }, [
+                $(t.$slots, "icon-prev-double", {}, () => [
+                  l("span", ma, [
+                    O(k(N), { name: "double-arrow-left" })
+                  ])
+                ])
+              ]),
+              l("button", {
+                type: "button",
+                class: "x-date-picker__nav",
+                onClick: a[1] || (a[1] = (e) => Z(-1))
+              }, [
+                $(t.$slots, "icon-prev", {}, () => [
+                  O(k(N), { name: "fanhui" })
+                ])
+              ]),
+              l("button", {
+                type: "button",
+                class: "x-date-picker__title",
+                onClick: Dt
+              }, u(St.value), 1),
+              l("button", {
+                type: "button",
+                class: "x-date-picker__nav",
+                onClick: a[2] || (a[2] = (e) => Z(1))
+              }, [
+                $(t.$slots, "icon-next", {}, () => [
+                  O(k(N), { name: "gengduo" })
+                ])
+              ]),
+              l("button", {
+                type: "button",
+                class: "x-date-picker__nav",
+                onClick: a[3] || (a[3] = (e) => Z(1, !0))
+              }, [
+                $(t.$slots, "icon-next-double", {}, () => [
+                  l("span", xa, [
+                    O(k(N), { name: "double-arrow-right" })
+                  ])
+                ])
+              ])
+            ]),
+            P.value === "date" ? (s(), n(v, { key: 0 }, [
+              l("div", Ca, [
+                (s(!0), n(v, null, _(oe.value, (e) => (s(), n("span", { key: e }, u(e), 1))), 128))
+              ]),
+              l("div", $a, [
+                (s(!0), n(v, null, _(kt.value, (e) => (s(), n("button", {
+                  key: e.key,
+                  type: "button",
+                  class: x(["x-date-picker__cell", {
+                    "is-outside": !e.inView,
+                    "is-today": e.isToday,
+                    "is-selected": te(e.date),
+                    "is-disabled": e.disabled
+                  }]),
+                  disabled: e.disabled,
+                  onClick: (i) => ve(e.date)
+                }, [
+                  $(t.$slots, "cell", {
+                    date: e.date
+                  }, () => [
+                    l("span", Sa, u(e.label), 1)
+                  ])
+                ], 10, wa))), 128))
+              ])
+            ], 64)) : P.value === "month" ? (s(), n("div", Pa, [
+              (s(!0), n(v, null, _(bt.value, (e) => (s(), n("button", {
+                key: e.key,
+                type: "button",
+                class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                  "is-selected": te(e.date),
+                  "is-disabled": e.disabled
+                }]),
+                disabled: e.disabled,
+                onClick: (i) => ke(e)
+              }, u(e.label), 11, Ma))), 128))
+            ])) : P.value === "quarter" ? (s(), n("div", Da, [
+              (s(!0), n(v, null, _(pt.value, (e) => (s(), n("button", {
+                key: e.key,
+                type: "button",
+                class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                  "is-selected": te(e.date),
+                  "is-disabled": e.disabled
+                }]),
+                disabled: e.disabled,
+                onClick: (i) => ke(e)
+              }, u(e.label), 11, Va))), 128))
+            ])) : (s(), n("div", Ya, [
+              (s(!0), n(v, null, _(gt.value, (e) => (s(), n("button", {
+                key: e.key,
+                type: "button",
+                class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                  "is-selected": te(e.date),
+                  "is-disabled": e.disabled,
+                  "is-outside": e.outside
+                }]),
+                disabled: e.disabled,
+                onClick: (i) => ke(e)
+              }, u(e.label), 11, Ta))), 128))
+            ])),
+            A.value ? (s(), n("div", Ba, [
+              l("label", Oa, [
+                l("span", null, u(k(h)("datePicker.hourLabel", void 0, "时")), 1),
+                l("select", {
+                  value: he.value.hour,
+                  onChange: a[4] || (a[4] = (e) => T("single", "hour", Number(e.target.value)))
+                }, [
+                  (s(!0), n(v, null, _(be.value.hours, (e) => (s(), n("option", {
+                    key: e.value,
+                    value: e.value,
+                    disabled: e.disabled
+                  }, u(e.label), 9, Fa))), 128))
+                ], 40, Na)
+              ]),
+              l("label", Wa, [
+                l("span", null, u(k(h)("datePicker.minuteLabel", void 0, "分")), 1),
+                l("select", {
+                  value: he.value.minute,
+                  onChange: a[5] || (a[5] = (e) => T("single", "minute", Number(e.target.value)))
+                }, [
+                  (s(!0), n(v, null, _(be.value.minutes, (e) => (s(), n("option", {
+                    key: e.value,
+                    value: e.value,
+                    disabled: e.disabled
+                  }, u(e.label), 9, qa))), 128))
+                ], 40, La)
+              ]),
+              de.value ? (s(), n("label", Aa, [
+                l("span", null, u(k(h)("datePicker.secondLabel", void 0, "秒")), 1),
+                l("select", {
+                  value: he.value.second,
+                  onChange: a[6] || (a[6] = (e) => T("single", "second", Number(e.target.value)))
+                }, [
+                  (s(!0), n(v, null, _(be.value.seconds, (e) => (s(), n("option", {
+                    key: e.value,
+                    value: e.value,
+                    disabled: e.disabled
+                  }, u(e.label), 9, Ra))), 128))
+                ], 40, Ha)
+              ])) : M("", !0)
+            ])) : M("", !0)
+          ])),
+          w.shortcuts.length && w.shortcutsPosition === "bottom" ? (s(), n("div", Hs, [
+            (s(!0), n(v, null, _(w.shortcuts, (e) => (s(), n("button", {
+              key: String(e.label),
+              type: "button",
+              class: "x-date-picker__shortcut",
+              onClick: (i) => _e(e)
+            }, u(e.label), 9, Rs))), 128))
+          ])) : M("", !0),
+          t.$slots.extra ? (s(), n("div", Is, [
+            $(t.$slots, "extra")
+          ])) : M("", !0),
+          l("div", Qs, [
+            w.showNowBtn && A.value ? (s(), n("button", {
+              key: 0,
+              type: "button",
+              class: "x-date-picker__footer-btn",
+              onClick: vt
+            }, u(k(h)("datePicker.nowButton", void 0, "此刻")), 1)) : M("", !0),
+            l("div", Es, [
+              Ye.value ? (s(), n("button", {
+                key: 0,
+                type: "button",
+                class: "x-date-picker__footer-btn is-primary",
+                onClick: _t
+              }, u(k(h)("datePicker.confirmButton", void 0, "确定")), 1)) : M("", !0)
+            ])
+          ])
+        ]),
+        w.shortcuts.length && w.shortcutsPosition === "right" ? (s(), n("div", zs, [
+          (s(!0), n(v, null, _(w.shortcuts, (e) => (s(), n("button", {
+            key: String(e.label),
+            type: "button",
+            class: "x-date-picker__shortcut",
+            onClick: (i) => _e(e)
+          }, u(e.label), 9, Xs))), 128))
+        ])) : M("", !0)
+      ], 2)
+    ], 16)) : (s(), ua(oa, Bt({ key: 1 }, k(st), {
+      "popup-visible": j.value,
+      trigger: [],
+      position: aa.value,
+      "unmount-on-close": w.unmountOnClose,
+      "content-class": "x-date-picker__panel",
+      "onUpdate:popupVisible": Ie
+    }), {
+      default: Ot(() => {
+        var e;
+        return [
+          t.$slots.default ? (s(), n("div", {
+            key: 0,
+            class: x(["x-date-picker__custom-trigger", { "is-disabled": ue.value }]),
+            onClick: Yt
+          }, [
+            $(t.$slots, "default")
+          ], 2)) : (s(), n("div", {
+            key: 1,
+            class: x(sa.value),
+            onClick: Yt
+          }, [
+            t.$slots.prefix ? (s(), n("div", Us, [
+              $(t.$slots, "prefix")
+            ])) : M("", !0),
+            l("input", {
+              ref_key: "focusInputRef",
+              ref: Qt,
+              id: (e = k(V)) == null ? void 0 : e.id,
+              class: "x-date-picker__inner",
+              type: "text",
+              value: Kt.value,
+              disabled: ue.value,
+              readonly: ta.value,
+              placeholder: D.value ? `${Ke.value[0]}${w.separator}${Ke.value[1]}` : Ke.value[0],
+              onFocus: Zt,
+              onBlur: ea
+            }, null, 40, Ks),
+            l("div", js, [
+              w.allowClear && jt.value && !ue.value ? (s(), n("button", {
+                key: 0,
+                type: "button",
+                class: "x-date-picker__clear",
+                onClick: Xt
+              }, [
+                O(k(N), { name: "guanbi" })
+              ])) : M("", !0),
+              $(t.$slots, "suffix-icon", {}, () => [
+                O(k(N), { name: "rili" })
+              ])
+            ])
+          ], 2))
+        ];
+      }),
+      content: Ot(() => [
+        l("div", {
+          class: x(Tt.value)
+        }, [
+          w.shortcuts.length && w.shortcutsPosition === "left" ? (s(), n("div", Gs, [
+            (s(!0), n(v, null, _(w.shortcuts, (e) => (s(), n("button", {
+              key: String(e.label),
+              type: "button",
+              class: "x-date-picker__shortcut",
+              onClick: (i) => _e(e)
+            }, u(e.label), 9, Js))), 128))
+          ])) : M("", !0),
+          l("div", Zs, [
+            D.value ? (s(), n(v, { key: 1 }, [
+              l("div", wn, [
+                l("div", Sn, [
+                  l("div", Pn, [
+                    l("button", {
+                      type: "button",
+                      class: "x-date-picker__nav",
+                      onClick: a[24] || (a[24] = (e) => ee("start", -1, !0))
+                    }, [
+                      $(t.$slots, "icon-prev-double", {}, () => [
+                        l("span", Mn, [
+                          O(k(N), { name: "double-arrow-left" })
+                        ])
+                      ])
+                    ]),
+                    l("button", {
+                      type: "button",
+                      class: "x-date-picker__nav",
+                      onClick: a[25] || (a[25] = (e) => ee("start", -1))
+                    }, [
+                      $(t.$slots, "icon-prev", {}, () => [
+                        O(k(N), { name: "fanhui" })
+                      ])
+                    ]),
+                    l("span", Dn, u(Pt.value), 1)
+                  ]),
+                  c.value === "date" || c.value === "week" ? (s(), n(v, { key: 0 }, [
+                    l("div", Vn, [
+                      (s(!0), n(v, null, _(oe.value, (e) => (s(), n("span", { key: e }, u(e), 1))), 128))
+                    ]),
+                    l("div", Yn, [
+                      (s(!0), n(v, null, _(ht.value, (e) => (s(), n("button", {
+                        key: e.key,
+                        type: "button",
+                        class: x(["x-date-picker__cell", {
+                          "is-outside": !e.inView,
+                          "is-today": e.isToday,
+                          "is-selected": g(e.date, "start") || g(e.date, "end"),
+                          "is-range-start": g(e.date, "start"),
+                          "is-range-end": g(e.date, "end"),
+                          "is-in-range": W(e.date),
+                          "is-disabled": e.disabled
+                        }]),
+                        disabled: e.disabled,
+                        onMouseenter: (i) => Ne(e.date),
+                        onClick: (i) => ve(e.date, "start")
+                      }, [
+                        $(t.$slots, "cell", {
+                          date: e.date
+                        }, () => [
+                          l("span", Bn, u(e.label), 1)
+                        ])
+                      ], 42, Tn))), 128))
+                    ])
+                  ], 64)) : c.value === "month" ? (s(), n("div", On, [
+                    (s(!0), n(v, null, _(yt.value, (e) => (s(), n("button", {
+                      key: e.key,
+                      type: "button",
+                      class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                        "is-selected": g(e.date, "start") || g(e.date, "end"),
+                        "is-in-range": W(e.date),
+                        "is-disabled": e.disabled
+                      }]),
+                      disabled: e.disabled,
+                      onClick: (i) => H(e)
+                    }, u(e.label), 11, Nn))), 128))
+                  ])) : c.value === "quarter" ? (s(), n("div", Fn, [
+                    (s(!0), n(v, null, _(xt.value, (e) => (s(), n("button", {
+                      key: e.key,
+                      type: "button",
+                      class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                        "is-selected": g(e.date, "start") || g(e.date, "end"),
+                        "is-in-range": W(e.date),
+                        "is-disabled": e.disabled
+                      }]),
+                      disabled: e.disabled,
+                      onClick: (i) => H(e)
+                    }, u(e.label), 11, Wn))), 128))
+                  ])) : (s(), n("div", Ln, [
+                    (s(!0), n(v, null, _($t.value, (e) => (s(), n("button", {
+                      key: e.key,
+                      type: "button",
+                      class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                        "is-selected": g(e.date, "start") || g(e.date, "end"),
+                        "is-in-range": W(e.date),
+                        "is-disabled": e.disabled,
+                        "is-outside": e.outside
+                      }]),
+                      disabled: e.disabled,
+                      onClick: (i) => H(e)
+                    }, u(e.label), 11, qn))), 128))
+                  ]))
+                ]),
+                l("div", An, [
+                  l("div", Hn, [
+                    l("span", Rn, u(Mt.value), 1),
+                    l("button", {
+                      type: "button",
+                      class: "x-date-picker__nav",
+                      onClick: a[26] || (a[26] = (e) => ee("end", 1))
+                    }, [
+                      $(t.$slots, "icon-next", {}, () => [
+                        O(k(N), { name: "gengduo" })
+                      ])
+                    ]),
+                    l("button", {
+                      type: "button",
+                      class: "x-date-picker__nav",
+                      onClick: a[27] || (a[27] = (e) => ee("end", 1, !0))
+                    }, [
+                      $(t.$slots, "icon-next-double", {}, () => [
+                        l("span", In, [
+                          O(k(N), { name: "double-arrow-right" })
+                        ])
+                      ])
+                    ])
+                  ]),
+                  c.value === "date" || c.value === "week" ? (s(), n(v, { key: 0 }, [
+                    l("div", Qn, [
+                      (s(!0), n(v, null, _(oe.value, (e) => (s(), n("span", { key: e }, u(e), 1))), 128))
+                    ]),
+                    l("div", En, [
+                      (s(!0), n(v, null, _(ft.value, (e) => (s(), n("button", {
+                        key: e.key,
+                        type: "button",
+                        class: x(["x-date-picker__cell", {
+                          "is-outside": !e.inView,
+                          "is-today": e.isToday,
+                          "is-selected": g(e.date, "start") || g(e.date, "end"),
+                          "is-range-start": g(e.date, "start"),
+                          "is-range-end": g(e.date, "end"),
+                          "is-in-range": W(e.date),
+                          "is-disabled": e.disabled
+                        }]),
+                        disabled: e.disabled,
+                        onMouseenter: (i) => Ne(e.date),
+                        onClick: (i) => ve(e.date, "end")
+                      }, [
+                        $(t.$slots, "cell", {
+                          date: e.date
+                        }, () => [
+                          l("span", Xn, u(e.label), 1)
+                        ])
+                      ], 42, zn))), 128))
+                    ])
+                  ], 64)) : c.value === "month" ? (s(), n("div", Un, [
+                    (s(!0), n(v, null, _(mt.value, (e) => (s(), n("button", {
+                      key: e.key,
+                      type: "button",
+                      class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                        "is-selected": g(e.date, "start") || g(e.date, "end"),
+                        "is-in-range": W(e.date),
+                        "is-disabled": e.disabled
+                      }]),
+                      disabled: e.disabled,
+                      onClick: (i) => H(e)
+                    }, u(e.label), 11, Kn))), 128))
+                  ])) : c.value === "quarter" ? (s(), n("div", jn, [
+                    (s(!0), n(v, null, _(Ct.value, (e) => (s(), n("button", {
+                      key: e.key,
+                      type: "button",
+                      class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                        "is-selected": g(e.date, "start") || g(e.date, "end"),
+                        "is-in-range": W(e.date),
+                        "is-disabled": e.disabled
+                      }]),
+                      disabled: e.disabled,
+                      onClick: (i) => H(e)
+                    }, u(e.label), 11, Gn))), 128))
+                  ])) : (s(), n("div", Jn, [
+                    (s(!0), n(v, null, _(wt.value, (e) => (s(), n("button", {
+                      key: e.key,
+                      type: "button",
+                      class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                        "is-selected": g(e.date, "start") || g(e.date, "end"),
+                        "is-in-range": W(e.date),
+                        "is-disabled": e.disabled,
+                        "is-outside": e.outside
+                      }]),
+                      disabled: e.disabled,
+                      onClick: (i) => H(e)
+                    }, u(e.label), 11, Zn))), 128))
+                  ]))
+                ])
+              ]),
+              A.value ? (s(), n("div", ei, [
+                l("div", ti, [
+                  l("strong", null, u(k(h)("datePicker.rangeStartLabel", void 0, "开始时间")), 1),
+                  l("div", ai, [
+                    l("label", si, [
+                      l("span", null, u(k(h)("datePicker.hourLabel", void 0, "时")), 1),
+                      l("select", {
+                        value: fe.value.hour,
+                        onChange: a[28] || (a[28] = (e) => T("start", "hour", Number(e.target.value)))
+                      }, [
+                        (s(!0), n(v, null, _(pe.value.hours, (e) => (s(), n("option", {
+                          key: e.value,
+                          value: e.value,
+                          disabled: e.disabled
+                        }, u(e.label), 9, ii))), 128))
+                      ], 40, ni)
+                    ]),
+                    l("label", li, [
+                      l("span", null, u(k(h)("datePicker.minuteLabel", void 0, "分")), 1),
+                      l("select", {
+                        value: fe.value.minute,
+                        onChange: a[29] || (a[29] = (e) => T("start", "minute", Number(e.target.value)))
+                      }, [
+                        (s(!0), n(v, null, _(pe.value.minutes, (e) => (s(), n("option", {
+                          key: e.value,
+                          value: e.value,
+                          disabled: e.disabled
+                        }, u(e.label), 9, di))), 128))
+                      ], 40, ri)
+                    ]),
+                    de.value ? (s(), n("label", ui, [
+                      l("span", null, u(k(h)("datePicker.secondLabel", void 0, "秒")), 1),
+                      l("select", {
+                        value: fe.value.second,
+                        onChange: a[30] || (a[30] = (e) => T("start", "second", Number(e.target.value)))
+                      }, [
+                        (s(!0), n(v, null, _(pe.value.seconds, (e) => (s(), n("option", {
+                          key: e.value,
+                          value: e.value,
+                          disabled: e.disabled
+                        }, u(e.label), 9, ci))), 128))
+                      ], 40, oi)
+                    ])) : M("", !0)
+                  ])
+                ]),
+                l("div", vi, [
+                  l("strong", null, u(k(h)("datePicker.rangeEndLabel", void 0, "结束时间")), 1),
+                  l("div", _i, [
+                    l("label", ki, [
+                      l("span", null, u(k(h)("datePicker.hourLabel", void 0, "时")), 1),
+                      l("select", {
+                        value: ye.value.hour,
+                        onChange: a[31] || (a[31] = (e) => T("end", "hour", Number(e.target.value)))
+                      }, [
+                        (s(!0), n(v, null, _(ge.value.hours, (e) => (s(), n("option", {
+                          key: e.value,
+                          value: e.value,
+                          disabled: e.disabled
+                        }, u(e.label), 9, pi))), 128))
+                      ], 40, bi)
+                    ]),
+                    l("label", gi, [
+                      l("span", null, u(k(h)("datePicker.minuteLabel", void 0, "分")), 1),
+                      l("select", {
+                        value: ye.value.minute,
+                        onChange: a[32] || (a[32] = (e) => T("end", "minute", Number(e.target.value)))
+                      }, [
+                        (s(!0), n(v, null, _(ge.value.minutes, (e) => (s(), n("option", {
+                          key: e.value,
+                          value: e.value,
+                          disabled: e.disabled
+                        }, u(e.label), 9, fi))), 128))
+                      ], 40, hi)
+                    ]),
+                    de.value ? (s(), n("label", yi, [
+                      l("span", null, u(k(h)("datePicker.secondLabel", void 0, "秒")), 1),
+                      l("select", {
+                        value: ye.value.second,
+                        onChange: a[33] || (a[33] = (e) => T("end", "second", Number(e.target.value)))
+                      }, [
+                        (s(!0), n(v, null, _(ge.value.seconds, (e) => (s(), n("option", {
+                          key: e.value,
+                          value: e.value,
+                          disabled: e.disabled
+                        }, u(e.label), 9, xi))), 128))
+                      ], 40, mi)
+                    ])) : M("", !0)
+                  ])
+                ])
+              ])) : M("", !0)
+            ], 64)) : (s(), n("div", en, [
+              l("div", tn, [
+                l("button", {
+                  type: "button",
+                  class: "x-date-picker__nav",
+                  onClick: a[17] || (a[17] = (e) => Z(-1, !0))
+                }, [
+                  $(t.$slots, "icon-prev-double", {}, () => [
+                    l("span", an, [
+                      O(k(N), { name: "double-arrow-left" })
+                    ])
+                  ])
+                ]),
+                l("button", {
+                  type: "button",
+                  class: "x-date-picker__nav",
+                  onClick: a[18] || (a[18] = (e) => Z(-1))
+                }, [
+                  $(t.$slots, "icon-prev", {}, () => [
+                    O(k(N), { name: "fanhui" })
+                  ])
+                ]),
+                l("button", {
+                  type: "button",
+                  class: "x-date-picker__title",
+                  onClick: Dt
+                }, u(St.value), 1),
+                l("button", {
+                  type: "button",
+                  class: "x-date-picker__nav",
+                  onClick: a[19] || (a[19] = (e) => Z(1))
+                }, [
+                  $(t.$slots, "icon-next", {}, () => [
+                    O(k(N), { name: "gengduo" })
+                  ])
+                ]),
+                l("button", {
+                  type: "button",
+                  class: "x-date-picker__nav",
+                  onClick: a[20] || (a[20] = (e) => Z(1, !0))
+                }, [
+                  $(t.$slots, "icon-next-double", {}, () => [
+                    l("span", sn, [
+                      O(k(N), { name: "double-arrow-right" })
+                    ])
+                  ])
+                ])
+              ]),
+              P.value === "date" ? (s(), n(v, { key: 0 }, [
+                l("div", nn, [
+                  (s(!0), n(v, null, _(oe.value, (e) => (s(), n("span", { key: e }, u(e), 1))), 128))
+                ]),
+                l("div", ln, [
+                  (s(!0), n(v, null, _(kt.value, (e) => (s(), n("button", {
+                    key: e.key,
+                    type: "button",
+                    class: x(["x-date-picker__cell", {
+                      "is-outside": !e.inView,
+                      "is-today": e.isToday,
+                      "is-selected": te(e.date),
+                      "is-disabled": e.disabled
+                    }]),
+                    disabled: e.disabled,
+                    onClick: (i) => ve(e.date)
+                  }, [
+                    $(t.$slots, "cell", {
+                      date: e.date
+                    }, () => [
+                      l("span", dn, u(e.label), 1)
+                    ])
+                  ], 10, rn))), 128))
+                ])
+              ], 64)) : P.value === "month" ? (s(), n("div", un, [
+                (s(!0), n(v, null, _(bt.value, (e) => (s(), n("button", {
+                  key: e.key,
+                  type: "button",
+                  class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                    "is-selected": te(e.date),
+                    "is-disabled": e.disabled
+                  }]),
+                  disabled: e.disabled,
+                  onClick: (i) => ke(e)
+                }, u(e.label), 11, on))), 128))
+              ])) : P.value === "quarter" ? (s(), n("div", cn, [
+                (s(!0), n(v, null, _(pt.value, (e) => (s(), n("button", {
+                  key: e.key,
+                  type: "button",
+                  class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                    "is-selected": te(e.date),
+                    "is-disabled": e.disabled
+                  }]),
+                  disabled: e.disabled,
+                  onClick: (i) => ke(e)
+                }, u(e.label), 11, vn))), 128))
+              ])) : (s(), n("div", _n, [
+                (s(!0), n(v, null, _(gt.value, (e) => (s(), n("button", {
+                  key: e.key,
+                  type: "button",
+                  class: x(["x-date-picker__cell x-date-picker__cell--unit", {
+                    "is-selected": te(e.date),
+                    "is-disabled": e.disabled,
+                    "is-outside": e.outside
+                  }]),
+                  disabled: e.disabled,
+                  onClick: (i) => ke(e)
+                }, u(e.label), 11, kn))), 128))
+              ])),
+              A.value ? (s(), n("div", bn, [
+                l("label", pn, [
+                  l("span", null, u(k(h)("datePicker.hourLabel", void 0, "时")), 1),
+                  l("select", {
+                    value: he.value.hour,
+                    onChange: a[21] || (a[21] = (e) => T("single", "hour", Number(e.target.value)))
+                  }, [
+                    (s(!0), n(v, null, _(be.value.hours, (e) => (s(), n("option", {
+                      key: e.value,
+                      value: e.value,
+                      disabled: e.disabled
+                    }, u(e.label), 9, hn))), 128))
+                  ], 40, gn)
+                ]),
+                l("label", fn, [
+                  l("span", null, u(k(h)("datePicker.minuteLabel", void 0, "分")), 1),
+                  l("select", {
+                    value: he.value.minute,
+                    onChange: a[22] || (a[22] = (e) => T("single", "minute", Number(e.target.value)))
+                  }, [
+                    (s(!0), n(v, null, _(be.value.minutes, (e) => (s(), n("option", {
+                      key: e.value,
+                      value: e.value,
+                      disabled: e.disabled
+                    }, u(e.label), 9, mn))), 128))
+                  ], 40, yn)
+                ]),
+                de.value ? (s(), n("label", xn, [
+                  l("span", null, u(k(h)("datePicker.secondLabel", void 0, "秒")), 1),
+                  l("select", {
+                    value: he.value.second,
+                    onChange: a[23] || (a[23] = (e) => T("single", "second", Number(e.target.value)))
+                  }, [
+                    (s(!0), n(v, null, _(be.value.seconds, (e) => (s(), n("option", {
+                      key: e.value,
+                      value: e.value,
+                      disabled: e.disabled
+                    }, u(e.label), 9, $n))), 128))
+                  ], 40, Cn)
+                ])) : M("", !0)
+              ])) : M("", !0)
+            ])),
+            w.shortcuts.length && w.shortcutsPosition === "bottom" ? (s(), n("div", Ci, [
+              (s(!0), n(v, null, _(w.shortcuts, (e) => (s(), n("button", {
+                key: String(e.label),
+                type: "button",
+                class: "x-date-picker__shortcut",
+                onClick: (i) => _e(e)
+              }, u(e.label), 9, $i))), 128))
+            ])) : M("", !0),
+            t.$slots.extra ? (s(), n("div", wi, [
+              $(t.$slots, "extra")
+            ])) : M("", !0),
+            l("div", Si, [
+              w.showNowBtn && A.value ? (s(), n("button", {
+                key: 0,
+                type: "button",
+                class: "x-date-picker__footer-btn",
+                onClick: vt
+              }, u(k(h)("datePicker.nowButton", void 0, "此刻")), 1)) : M("", !0),
+              l("div", Pi, [
+                Ye.value ? (s(), n("button", {
+                  key: 0,
+                  type: "button",
+                  class: "x-date-picker__footer-btn is-primary",
+                  onClick: _t
+                }, u(k(h)("datePicker.confirmButton", void 0, "确定")), 1)) : M("", !0)
+              ])
+            ])
+          ]),
+          w.shortcuts.length && w.shortcutsPosition === "right" ? (s(), n("div", Mi, [
+            (s(!0), n(v, null, _(w.shortcuts, (e) => (s(), n("button", {
+              key: String(e.label),
+              type: "button",
+              class: "x-date-picker__shortcut",
+              onClick: (i) => _e(e)
+            }, u(e.label), 9, Di))), 128))
+          ])) : M("", !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 16, ["popup-visible", "position", "unmount-on-close"]));
+  }
+});
+export {
+  Wi as default
+};