@routa/ui-vue 0.1.0

package/dist/date-picker/index.mjs

@@ -0,0 +1,1229 @@
+import '../style/date-picker.css';
+import '../style/Input.css';
+import '../style/Button.css';
+import '../style/Popover.css';
+import '../style/TimePanel.css';
+import { defineComponent as te, watch as Z, computed as O, openBlock as y, createElementBlock as C, createElementVNode as g, toDisplayString as j, unref as h, Fragment as q, renderList as Q, withModifiers as oe, normalizeClass as I, createCommentVNode as K, ref as N, normalizeStyle as le, createVNode as Y, withCtx as z, createBlock as ne, createTextVNode as U } from "vue";
+import { u as se } from "../chunks/use-form-item-CqDbWCiU.mjs";
+import { u as de } from "../chunks/use-id-D3casveg.mjs";
+import "../chunks/manager-BUdQK4AD.mjs";
+import { s as J, c as ge } from "../chunks/index-B0yEC3RG.mjs";
+import { u as fe } from "../chunks/use-signals-CE1T2jXK.mjs";
+import { LInput as ie } from "../input/index.mjs";
+import { LButton as E } from "../button/index.mjs";
+import { LPopover as ue } from "../popover/index.mjs";
+import { _ as ce } from "../chunks/TimePanel.vue_vue_type_script_setup_true_lang-BxuIhLsF.mjs";
+import { _ as he } from "../chunks/_plugin-vue_export-helper-CHgC5LLL.mjs";
+function De(e = {}) {
+  const f = e.mode || "single", c = () => f !== "single" ? null : e.value instanceof Date ? e.value : e.defaultValue instanceof Date ? e.defaultValue : null, m = () => {
+    if (f !== "range") return [null, null];
+    const n = e.value || e.defaultValue;
+    return Array.isArray(n) && n.length === 2 ? [n[0] ? new Date(n[0]) : null, n[1] ? new Date(n[1]) : null] : [null, null];
+  }, [s, M] = m(), w = J(c()), D = J(f === "multiple" ? e.value || [] : []), $ = J(s), T = J(M), V = J(null), d = J(null), S = () => D.value.length > 0 ? D.value[D.value.length - 1] : null, v = J(new Date(e.viewDate || w.value || $.value || S() || /* @__PURE__ */ new Date()));
+  v.value = new Date(v.value.getFullYear(), v.value.getMonth(), 1);
+  const F = J("day"), P = ge(() => {
+    const n = v.value.getFullYear(), t = v.value.getMonth(), r = new Date(n, t, 1).getDay(), a = new Date(n, t + 1, 0).getDate(), l = [], i = new Date(n, t, 0).getDate();
+    for (let u = r - 1; u >= 0; u--) {
+      const o = new Date(n, t - 1, i - u);
+      l.push(R(o, !1));
+    }
+    for (let u = 1; u <= a; u++) {
+      const o = new Date(n, t, u);
+      l.push(R(o, !0));
+    }
+    const k = 42 - l.length;
+    for (let u = 1; u <= k; u++) {
+      const o = new Date(n, t + 1, u);
+      l.push(R(o, !1));
+    }
+    return l;
+  });
+  function H(n, t) {
+    return n.getFullYear() === t.getFullYear() && n.getMonth() === t.getMonth() && n.getDate() === t.getDate();
+  }
+  function R(n, t) {
+    var o;
+    const a = H(n, /* @__PURE__ */ new Date());
+    let l = !1, i = !1, k = !1, u = !1;
+    if (f === "single" && w.value)
+      l = H(n, w.value);
+    else if (f === "multiple")
+      l = D.value.some((b) => H(n, b));
+    else if (f === "range" && (i = !!$.value && H(n, $.value), k = !!T.value && H(n, T.value), l = i || k, $.value)) {
+      const b = $.value.getTime(), x = (o = T.value || V.value) == null ? void 0 : o.getTime();
+      if (x) {
+        const L = n.getTime(), [A, G] = b < x ? [b, x] : [x, b];
+        u = L >= A && L <= G;
+      }
+    }
+    return {
+      date: n,
+      isCurrentMonth: t,
+      isToday: a,
+      isSelected: l,
+      isRangeStart: i,
+      isRangeEnd: k,
+      isInRange: u,
+      isDisabled: e.disabledDays ? e.disabledDays(n) : !1
+    };
+  }
+  const _ = ge(() => {
+    const n = v.value.getFullYear(), t = Math.floor(n / 10) * 10;
+    return Array.from({ length: 12 }, (r, a) => t - 1 + a);
+  });
+  return {
+    state: {
+      get selectedDate() {
+        return w.value;
+      },
+      get selectedDates() {
+        return D.value;
+      },
+      get rangeStart() {
+        return $.value;
+      },
+      get rangeEnd() {
+        return T.value;
+      },
+      get hoverDate() {
+        return V.value;
+      },
+      get focusedDate() {
+        return d.value;
+      },
+      get viewDate() {
+        return v.value;
+      },
+      get viewMode() {
+        return F.value;
+      },
+      get days() {
+        return P.value;
+      },
+      get years() {
+        return _.value;
+      }
+    },
+    actions: {
+      moveFocus: (n) => {
+        var k;
+        d.value || (d.value = new Date(v.value));
+        const t = new Date(d.value);
+        switch (n) {
+          case "left":
+            t.setDate(t.getDate() - 1);
+            break;
+          case "right":
+            t.setDate(t.getDate() + 1);
+            break;
+          case "up":
+            t.setDate(t.getDate() - 7);
+            break;
+          case "down":
+            t.setDate(t.getDate() + 7);
+            break;
+          case "pageup":
+            t.setMonth(t.getMonth() - 1);
+            break;
+          case "pagedown":
+            t.setMonth(t.getMonth() + 1);
+            break;
+          case "home":
+            t.setDate(t.getDate() - t.getDay());
+            break;
+          case "end":
+            t.setDate(t.getDate() + (6 - t.getDay()));
+            break;
+        }
+        d.value = t;
+        const r = t.getFullYear(), a = t.getMonth(), l = v.value.getFullYear(), i = v.value.getMonth();
+        (r !== l || a !== i) && (v.value = new Date(r, a, 1), (k = e.onViewDateChange) == null || k.call(e, v.value));
+      },
+      setFocusedDate: (n) => {
+        d.value = n;
+      },
+      select: (n, t = {}) => {
+        var r, a, l;
+        if (!(e.disabledDays && e.disabledDays(n))) {
+          if (f === "single")
+            w.value = new Date(n), (r = e.onSelect) == null || r.call(e, w.value);
+          else if (f === "multiple") {
+            const i = S();
+            if (t.shift && i) {
+              const k = new Date(i.getFullYear(), i.getMonth(), i.getDate()), u = new Date(n.getFullYear(), n.getMonth(), n.getDate()), o = Math.min(k.getTime(), u.getTime()), b = Math.max(k.getTime(), u.getTime()), L = !D.value.some((B) => H(B, n)), A = [...D.value];
+              let G = o;
+              for (; G <= b; ) {
+                const B = new Date(G);
+                if (!(e.disabledDays && e.disabledDays(B))) {
+                  const ae = A.findIndex((me) => H(me, B));
+                  L ? ae === -1 && A.push(B) : ae > -1 && A.splice(ae, 1);
+                }
+                G += 864e5;
+              }
+              D.value = A;
+              const X = D.value.findIndex((B) => H(B, n));
+              if (X > -1) {
+                const B = D.value[X];
+                D.value.splice(X, 1), D.value.push(B);
+              }
+            } else {
+              const k = D.value.findIndex((u) => H(u, n));
+              k > -1 ? D.value = D.value.filter((u, o) => o !== k) : D.value = [...D.value, new Date(n)];
+            }
+            (a = e.onSelect) == null || a.call(e, D.value);
+          } else if (f === "range")
+            if (!$.value || $.value && T.value)
+              $.value = new Date(n), T.value = null;
+            else {
+              const i = $.value.getTime(), k = n.getTime();
+              i < k ? T.value = new Date(n) : (T.value = new Date($.value), $.value = new Date(n)), (l = e.onSelect) == null || l.call(e, [$.value, T.value]);
+            }
+        }
+      },
+      setHoverDate: (n) => {
+        f === "range" && (V.value = n);
+      },
+      nextMonth: () => {
+        var n;
+        v.value = new Date(v.value.getFullYear(), v.value.getMonth() + 1, 1), (n = e.onViewDateChange) == null || n.call(e, v.value);
+      },
+      prevMonth: () => {
+        var n;
+        v.value = new Date(v.value.getFullYear(), v.value.getMonth() - 1, 1), (n = e.onViewDateChange) == null || n.call(e, v.value);
+      },
+      nextYear: () => {
+        var n;
+        v.value = new Date(v.value.getFullYear() + 1, v.value.getMonth(), 1), (n = e.onViewDateChange) == null || n.call(e, v.value);
+      },
+      prevYear: () => {
+        var n;
+        v.value = new Date(v.value.getFullYear() - 1, v.value.getMonth(), 1), (n = e.onViewDateChange) == null || n.call(e, v.value);
+      },
+      setViewDate: (n) => {
+        v.value = new Date(n.getFullYear(), n.getMonth(), 1);
+      },
+      selectYear: (n) => {
+        var r;
+        const t = v.value.getMonth();
+        v.value = new Date(n, t, 1), F.value = "month", (r = e.onViewDateChange) == null || r.call(e, v.value);
+      },
+      selectMonth: (n) => {
+        var r;
+        const t = v.value.getFullYear();
+        v.value = new Date(t, n, 1), F.value = "day", (r = e.onViewDateChange) == null || r.call(e, v.value);
+      },
+      setYear: (n) => {
+        var t;
+        v.value = new Date(n, v.value.getMonth(), 1), (t = e.onViewDateChange) == null || t.call(e, v.value);
+      },
+      setMonth: (n) => {
+        var t;
+        v.value = new Date(v.value.getFullYear(), n, 1), (t = e.onViewDateChange) == null || t.call(e, v.value);
+      },
+      setViewMode: (n) => {
+        F.value = n;
+      },
+      today: () => {
+        var t;
+        const n = /* @__PURE__ */ new Date();
+        f === "single" && (w.value = n, (t = e.onSelect) == null || t.call(e, n)), v.value = new Date(n.getFullYear(), n.getMonth(), 1), F.value = "day";
+      },
+      setSelectedDate: (n) => {
+        f === "single" ? w.value = n instanceof Date ? new Date(n) : null : f === "multiple" ? D.value = Array.isArray(n) ? n : [] : f === "range" && ($.value = Array.isArray(n) && n[0] ? new Date(n[0]) : null, T.value = Array.isArray(n) && n[1] ? new Date(n[1]) : null);
+      }
+    }
+  };
+}
+const we = { class: "l-calendar" }, be = { class: "l-calendar__header" }, ke = { class: "l-calendar__content" }, ye = {
+  class: "l-calendar__weekdays",
+  role: "row"
+}, Ve = ["aria-activedescendant"], Se = ["id", "aria-selected", "aria-disabled", "aria-label", "onClick", "onMouseenter"], $e = { class: "l-calendar__date-text" }, Ce = {
+  key: 1,
+  class: "l-calendar__month-grid"
+}, Me = ["onClick"], xe = {
+  key: 2,
+  class: "l-calendar__year-grid"
+}, Ye = ["onClick"], Fe = {
+  key: 0,
+  class: "l-calendar__footer"
+}, W = /* @__PURE__ */ te({
+  name: "Calendar",
+  __name: "Calendar",
+  props: {
+    modelValue: {},
+    viewDate: {},
+    min: {},
+    max: {},
+    mode: { default: "single" },
+    hideFooter: { type: Boolean, default: !1 },
+    disabledDate: {}
+  },
+  emits: ["update:modelValue", "update:viewDate", "select"],
+  setup(e, { emit: f }) {
+    const c = e, m = f, s = De({
+      value: c.modelValue,
+      viewDate: c.viewDate,
+      mode: c.mode,
+      disabledDays: c.disabledDate,
+      onSelect: (t) => {
+        m("update:modelValue", t), m("select", t);
+      },
+      onViewDateChange: (t) => {
+        m("update:viewDate", t);
+      }
+    });
+    Z(() => c.viewDate, (t) => {
+      t && s.actions.setViewDate(t);
+    }), Z(() => c.modelValue, (t) => {
+      s.actions.setSelectedDate(t || null);
+    });
+    const {
+      viewDate: M,
+      viewMode: w,
+      days: D,
+      years: $,
+      focusedDate: T
+    } = fe(s), V = ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], d = (t, r) => !t || !r ? !1 : t.getFullYear() === r.getFullYear() && t.getMonth() === r.getMonth() && t.getDate() === r.getDate(), S = (t) => `${t.getFullYear()}年${t.getMonth() + 1}月${t.getDate()}日`, v = (t) => `l-calendar-cell-${t.getFullYear()}-${t.getMonth() + 1}-${t.getDate()}`, F = O(() => {
+      const t = T.value || M.value;
+      return t ? v(t) : void 0;
+    }), P = (t) => {
+      let r = !0;
+      switch (t.key) {
+        case "ArrowLeft":
+          s.actions.moveFocus("left");
+          break;
+        case "ArrowRight":
+          s.actions.moveFocus("right");
+          break;
+        case "ArrowUp":
+          s.actions.moveFocus("up");
+          break;
+        case "ArrowDown":
+          s.actions.moveFocus("down");
+          break;
+        case "PageUp":
+          s.actions.moveFocus("pageup");
+          break;
+        case "PageDown":
+          s.actions.moveFocus("pagedown");
+          break;
+        case "Home":
+          s.actions.moveFocus("home");
+          break;
+        case "End":
+          s.actions.moveFocus("end");
+          break;
+        case "Enter":
+        case " ": {
+          const a = T.value || M.value;
+          a && s.actions.select(a);
+          break;
+        }
+        default:
+          r = !1;
+      }
+      r && t.preventDefault();
+    }, H = ["日", "一", "二", "三", "四", "五", "六"], R = O(() => {
+      if (w.value === "month") return `${M.value.getFullYear()}年`;
+      if (w.value === "year") {
+        const t = Math.floor(M.value.getFullYear() / 10) * 10;
+        return `${t} - ${t + 9}`;
+      }
+      return `${M.value.getFullYear()}年${V[M.value.getMonth()]}`;
+    }), _ = () => {
+      w.value === "day" ? s.actions.prevMonth() : w.value === "month" ? s.actions.prevYear() : w.value === "year" && s.actions.setYear(M.value.getFullYear() - 10);
+    }, p = () => {
+      w.value === "day" ? s.actions.nextMonth() : w.value === "month" ? s.actions.nextYear() : w.value === "year" && s.actions.setYear(M.value.getFullYear() + 10);
+    }, n = () => {
+      w.value === "day" ? s.actions.setViewMode("month") : w.value === "month" ? s.actions.setViewMode("year") : s.actions.setViewMode("day");
+    };
+    return (t, r) => (y(), C("div", we, [
+      g("div", be, [
+        g("button", {
+          class: "l-calendar__nav-btn",
+          onClick: _
+        }, [...r[1] || (r[1] = [
+          g("svg", {
+            viewBox: "0 0 24 24",
+            width: "16",
+            height: "16"
+          }, [
+            g("path", {
+              fill: "currentColor",
+              d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"
+            })
+          ], -1)
+        ])]),
+        g("div", {
+          class: "l-calendar__title",
+          onClick: n
+        }, j(R.value), 1),
+        g("button", {
+          class: "l-calendar__nav-btn",
+          onClick: p
+        }, [...r[2] || (r[2] = [
+          g("svg", {
+            viewBox: "0 0 24 24",
+            width: "16",
+            height: "16"
+          }, [
+            g("path", {
+              fill: "currentColor",
+              d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
+            })
+          ], -1)
+        ])])
+      ]),
+      g("div", ke, [
+        h(w) === "day" ? (y(), C(q, { key: 0 }, [
+          g("div", ye, [
+            (y(), C(q, null, Q(H, (a) => g("div", {
+              key: a,
+              class: "l-calendar__weekday",
+              role: "columnheader"
+            }, j(a), 1)), 64))
+          ]),
+          g("div", {
+            class: "l-calendar__grid",
+            role: "grid",
+            "aria-activedescendant": F.value,
+            tabindex: "0",
+            onKeydown: P
+          }, [
+            (y(!0), C(q, null, Q(h(D), (a) => (y(), C("div", {
+              key: a.date.toISOString(),
+              id: v(a.date),
+              class: I(["l-calendar__cell", {
+                "is-current-month": a.isCurrentMonth,
+                "is-today": a.isToday,
+                "is-selected": a.isSelected,
+                "is-disabled": a.isDisabled,
+                "is-range-start": a.isRangeStart,
+                "is-range-end": a.isRangeEnd,
+                "is-in-range": a.isInRange,
+                "is-focused": h(T) && d(a.date, h(T))
+              }]),
+              role: "gridcell",
+              "aria-selected": a.isSelected ? "true" : "false",
+              "aria-disabled": a.isDisabled ? "true" : "false",
+              "aria-label": S(a.date),
+              onClick: oe((l) => h(s).actions.select(a.date, { shift: l.shiftKey }), ["stop"]),
+              onMouseenter: (l) => h(s).actions.setHoverDate(a.date)
+            }, [
+              g("span", $e, j(a.date.getDate()), 1)
+            ], 42, Se))), 128))
+          ], 40, Ve)
+        ], 64)) : h(w) === "month" ? (y(), C("div", Ce, [
+          (y(), C(q, null, Q(V, (a, l) => g("div", {
+            key: a,
+            class: I(["l-calendar__month-cell", { "is-selected": h(M).getMonth() === l }]),
+            onClick: oe((i) => h(s).actions.selectMonth(l), ["stop"])
+          }, j(a), 11, Me)), 64))
+        ])) : h(w) === "year" ? (y(), C("div", xe, [
+          (y(!0), C(q, null, Q(h($), (a) => (y(), C("div", {
+            key: a,
+            class: I(["l-calendar__year-cell", { "is-selected": h(M).getFullYear() === a }]),
+            onClick: oe((l) => h(s).actions.selectYear(a), ["stop"])
+          }, j(a), 11, Ye))), 128))
+        ])) : K("", !0)
+      ]),
+      e.hideFooter ? K("", !0) : (y(), C("div", Fe, [
+        g("button", {
+          class: "l-calendar__today-btn",
+          onClick: r[0] || (r[0] = //@ts-ignore
+          (...a) => h(s).actions.today && h(s).actions.today(...a))
+        }, " 今天 ")
+      ]))
+    ]));
+  }
+}), ee = (e) => {
+  const f = e.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (!f)
+    return null;
+  const c = Number(f[1]), m = Number(f[2]) - 1, s = Number(f[3]), M = new Date(c, m, s);
+  return M.getFullYear() !== c || M.getMonth() !== m || M.getDate() !== s ? null : M;
+}, ve = (e) => {
+  const f = e.match(/^(\d{4})-(\d{2})-(\d{2})\s(\d{2}):(\d{2}):(\d{2})$/);
+  if (!f)
+    return null;
+  const c = Number(f[1]), m = Number(f[2]) - 1, s = Number(f[3]), M = Number(f[4]), w = Number(f[5]), D = Number(f[6]), $ = new Date(c, m, s, M, w, D);
+  return $.getFullYear() !== c || $.getMonth() !== m || $.getDate() !== s || $.getHours() !== M || $.getMinutes() !== w || $.getSeconds() !== D ? null : $;
+}, re = (e, f) => !e || !f ? !0 : e instanceof Date ? !f(e) : e.every((c) => !c || !f(c)), ze = {
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: { opacity: "0.5" }
+}, Te = { class: "l-date-picker__calendars" }, He = { class: "l-date-picker__calendar-wrap" }, Ae = {
+  key: 0,
+  class: "l-date-picker__calendar-wrap"
+}, Re = {
+  key: 0,
+  class: "l-date-picker__footer"
+}, Le = { class: "l-date-picker__shortcuts" }, Pe = {
+  key: 0,
+  class: "l-date-picker__actions"
+}, _e = /* @__PURE__ */ te({
+  name: "DatePicker",
+  __name: "DatePicker",
+  props: {
+    modelValue: {},
+    placeholder: { default: "请选择日期" },
+    width: { default: 220 },
+    mode: { default: "single" },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    disabledDate: {},
+    shortcuts: {},
+    showConfirm: { type: Boolean, default: !1 },
+    size: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: f }) {
+    const c = e, m = f, { formItem: s, size: M, disabled: w, inputId: D } = se(c), $ = de("date-picker"), T = (D == null ? void 0 : D.value) || $, V = N(!1), d = N(null), S = N(/* @__PURE__ */ new Date()), v = O(() => {
+      const l = new Date(S.value);
+      return l.setMonth(l.getMonth() + 1), l;
+    }), F = O(() => c.mode === "range" || c.mode === "multiple"), P = (l) => {
+      if (!l) return "";
+      const i = l instanceof Date ? l : new Date(l);
+      return `${i.getFullYear()}-${String(i.getMonth() + 1).padStart(2, "0")}-${String(i.getDate()).padStart(2, "0")}`;
+    }, H = O(() => {
+      const l = c.modelValue;
+      if (!l) return "";
+      if (Array.isArray(l)) {
+        if (c.mode === "range") {
+          const [i, k] = l;
+          return `${P(i)} ~ ${k ? P(k) : ""}`;
+        }
+        return l.map(P).join(", ");
+      }
+      return P(l);
+    }), R = (l) => {
+      const i = Array.isArray(l) ? [...l] : l;
+      d.value = i, c.showConfirm || (m("update:modelValue", i), m("change", i), (c.mode === "single" || c.mode === "range" && l && l[0] && l[1]) && (V.value = !1), s == null || s.validate("change").catch(() => {
+      }));
+    }, _ = () => {
+      re(d.value, c.disabledDate) && (m("update:modelValue", d.value), m("change", d.value), V.value = !1, s == null || s.validate("change").catch(() => {
+      }));
+    }, p = () => {
+      const l = c.mode === "multiple" ? [] : null;
+      d.value = l, m("update:modelValue", l), m("change", l), s == null || s.validate("change").catch(() => {
+      });
+    }, n = (l) => {
+      S.value = new Date(l);
+    }, t = (l) => {
+      const i = new Date(l);
+      i.setMonth(i.getMonth() - 1), S.value = i;
+    }, r = (l) => {
+      const i = typeof l.value == "function" ? l.value() : l.value;
+      d.value = i, _();
+    }, a = (l) => {
+      if (!l) {
+        p();
+        return;
+      }
+      const i = /^\d{4}-\d{2}-\d{2}$/, k = /^\d{4}-\d{2}-\d{2}\s*~\s*\d{4}-\d{2}-\d{2}$/;
+      if (c.mode === "single" && i.test(l)) {
+        const u = ee(l);
+        u && (d.value = u, S.value = new Date(u.getFullYear(), u.getMonth(), 1), _());
+      } else if (c.mode === "range" && k.test(l)) {
+        const u = l.split("~").map((x) => x.trim()), o = ee(u[0]), b = ee(u[1]);
+        if (o && b) {
+          const x = [o, b];
+          d.value = x, S.value = new Date(o.getFullYear(), o.getMonth(), 1), _();
+        }
+      }
+    };
+    return Z(V, (l) => {
+      if (l) {
+        d.value = Array.isArray(c.modelValue) ? [...c.modelValue] : c.modelValue ? new Date(c.modelValue) : null;
+        let i = /* @__PURE__ */ new Date();
+        d.value instanceof Date ? i = new Date(d.value) : Array.isArray(d.value) && d.value[0] && (i = new Date(d.value[0])), i.setDate(1), S.value = i;
+      } else
+        s == null || s.validate("blur").catch(() => {
+        });
+    }), (l, i) => (y(), C("div", {
+      class: I(["l-date-picker", [`l-date-picker--${h(M)}`]]),
+      style: le({ width: typeof e.width == "number" ? e.width + "px" : e.width })
+    }, [
+      Y(h(ue), {
+        visible: V.value,
+        "onUpdate:visible": i[1] || (i[1] = (k) => V.value = k),
+        trigger: "click",
+        placement: "bottom-start",
+        disabled: h(w),
+        width: F.value ? 580 : 280
+      }, {
+        content: z(() => [
+          g("div", {
+            class: I(["l-date-picker__panel", { "is-dual": F.value }])
+          }, [
+            g("div", Te, [
+              g("div", He, [
+                Y(W, {
+                  "model-value": d.value,
+                  mode: e.mode,
+                  "view-date": S.value,
+                  "hide-footer": F.value || e.shortcuts && e.shortcuts.length > 0 || e.showConfirm,
+                  "disabled-date": e.disabledDate,
+                  "onUpdate:viewDate": n,
+                  onSelect: R
+                }, null, 8, ["model-value", "mode", "view-date", "hide-footer", "disabled-date"])
+              ]),
+              F.value ? (y(), C("div", Ae, [
+                Y(W, {
+                  "model-value": d.value,
+                  mode: e.mode,
+                  "view-date": v.value,
+                  "hide-footer": F.value || e.shortcuts && e.shortcuts.length > 0,
+                  "disabled-date": e.disabledDate,
+                  "onUpdate:viewDate": t,
+                  onSelect: R
+                }, null, 8, ["model-value", "mode", "view-date", "hide-footer", "disabled-date"])
+              ])) : K("", !0)
+            ]),
+            F.value || e.shortcuts && e.shortcuts.length > 0 || e.showConfirm ? (y(), C("div", Re, [
+              g("div", Le, [
+                (y(!0), C(q, null, Q(e.shortcuts, (k) => (y(), ne(h(E), {
+                  key: k.text,
+                  variant: "text",
+                  size: "sm",
+                  onClick: (u) => r(k)
+                }, {
+                  default: z(() => [
+                    U(j(k.text), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              e.showConfirm ? (y(), C("div", Pe, [
+                Y(h(E), {
+                  variant: "text",
+                  size: "sm",
+                  onClick: i[0] || (i[0] = (k) => V.value = !1)
+                }, {
+                  default: z(() => [...i[3] || (i[3] = [
+                    U("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                Y(h(E), {
+                  size: "sm",
+                  onClick: _
+                }, {
+                  default: z(() => [...i[4] || (i[4] = [
+                    U("确定", -1)
+                  ])]),
+                  _: 1
+                })
+              ])) : K("", !0)
+            ])) : K("", !0)
+          ], 2)
+        ]),
+        default: z(() => [
+          Y(h(ie), {
+            id: h(T),
+            "model-value": H.value,
+            placeholder: e.placeholder,
+            disabled: h(w),
+            size: h(M),
+            clearable: e.clearable,
+            onClear: p,
+            "onUpdate:modelValue": a
+          }, {
+            prefix: z(() => [
+              (y(), C("svg", ze, [...i[2] || (i[2] = [
+                g("path", {
+                  fill: "currentColor",
+                  d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z"
+                }, null, -1)
+              ])]))
+            ]),
+            _: 1
+          }, 8, ["id", "model-value", "placeholder", "disabled", "size", "clearable"])
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled", "width"])
+    ], 6));
+  }
+}), Be = {
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: { opacity: "0.5" }
+}, Ne = { class: "l-date-time-picker__panel" }, pe = { class: "l-date-time-picker__calendar" }, Ue = { class: "l-date-time-picker__time" }, Ee = {
+  key: 0,
+  class: "l-date-time-picker__footer"
+}, Oe = { class: "l-date-time-picker__shortcuts" }, Ke = {
+  key: 0,
+  class: "l-date-time-picker__actions"
+}, je = /* @__PURE__ */ te({
+  __name: "DateTimePicker",
+  props: {
+    modelValue: {},
+    placeholder: { default: "请选择日期时间" },
+    width: { default: 240 },
+    disabled: { type: Boolean },
+    clearable: { type: Boolean },
+    disabledDate: {},
+    shortcuts: {},
+    disabledHours: {},
+    disabledMinutes: {},
+    disabledSeconds: {},
+    showConfirm: { type: Boolean, default: !1 },
+    size: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: f }) {
+    const c = e, m = f, { formItem: s, size: M, disabled: w, inputId: D } = se(c), $ = de("date-time-picker"), T = (D == null ? void 0 : D.value) || $, V = N(!1), d = N(void 0), S = N(/* @__PURE__ */ new Date());
+    Z(V, (t) => {
+      t ? (d.value = c.modelValue ? new Date(c.modelValue) : void 0, d.value && (S.value = new Date(d.value))) : s == null || s.validate("blur").catch(() => {
+      });
+    });
+    const v = O(() => {
+      const t = V.value ? d.value : c.modelValue;
+      return t ? `${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}:${String(t.getSeconds()).padStart(2, "0")}` : "00:00:00";
+    }), F = O(() => {
+      const t = c.modelValue;
+      return t ? `${`${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`} ${String(t.getHours()).padStart(2, "0")}:${String(t.getMinutes()).padStart(2, "0")}:${String(t.getSeconds()).padStart(2, "0")}` : "";
+    }), P = (t) => {
+      if (!(t instanceof Date)) return;
+      const r = new Date(t), a = d.value || c.modelValue;
+      a && (r.setHours(a.getHours()), r.setMinutes(a.getMinutes()), r.setSeconds(a.getSeconds())), d.value = r, c.showConfirm || (m("update:modelValue", r), m("change", r), s == null || s.validate("change").catch(() => {
+      }));
+    }, H = (t) => {
+      const [r, a, l] = t.split(":").map(Number), i = d.value ? new Date(d.value) : c.modelValue ? new Date(c.modelValue) : /* @__PURE__ */ new Date();
+      i.setHours(r), i.setMinutes(a), i.setSeconds(l), d.value = i, c.showConfirm || (m("update:modelValue", i), m("change", i), s == null || s.validate("change").catch(() => {
+      }));
+    }, R = () => {
+      re(d.value, c.disabledDate) && (m("update:modelValue", d.value), m("change", d.value), V.value = !1, s == null || s.validate("change").catch(() => {
+      }));
+    }, _ = () => {
+      d.value = void 0, m("update:modelValue", void 0), m("change", void 0), s == null || s.validate("change").catch(() => {
+      });
+    }, p = (t) => {
+      const r = typeof t.value == "function" ? t.value() : t.value;
+      d.value = r instanceof Date ? new Date(r) : void 0, R();
+    }, n = (t) => {
+      if (!t) {
+        _();
+        return;
+      }
+      if (/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(t)) {
+        const a = ve(t);
+        a && (d.value = a, S.value = new Date(a), R());
+      }
+    };
+    return (t, r) => (y(), C("div", {
+      class: "l-date-time-picker",
+      style: le({ width: typeof e.width == "number" ? e.width + "px" : e.width })
+    }, [
+      Y(h(ue), {
+        visible: V.value,
+        "onUpdate:visible": r[2] || (r[2] = (a) => V.value = a),
+        width: "460",
+        disabled: h(w)
+      }, {
+        content: z(() => [
+          g("div", Ne, [
+            g("div", pe, [
+              Y(W, {
+                "model-value": d.value,
+                "view-date": S.value,
+                "disabled-date": e.disabledDate,
+                "onUpdate:viewDate": r[0] || (r[0] = (a) => S.value = a),
+                onSelect: P
+              }, null, 8, ["model-value", "view-date", "disabled-date"])
+            ]),
+            g("div", Ue, [
+              r[4] || (r[4] = g("div", { class: "l-date-time-picker__time-header" }, "选择时间", -1)),
+              Y(ce, {
+                "model-value": v.value,
+                "disabled-hours": e.disabledHours,
+                "disabled-minutes": e.disabledMinutes,
+                "disabled-seconds": e.disabledSeconds,
+                onSelect: H
+              }, null, 8, ["model-value", "disabled-hours", "disabled-minutes", "disabled-seconds"])
+            ])
+          ]),
+          e.showConfirm || e.shortcuts && e.shortcuts.length > 0 ? (y(), C("div", Ee, [
+            g("div", Oe, [
+              (y(!0), C(q, null, Q(e.shortcuts, (a) => (y(), ne(h(E), {
+                key: a.text,
+                variant: "text",
+                size: "sm",
+                onClick: (l) => p(a)
+              }, {
+                default: z(() => [
+                  U(j(a.text), 1)
+                ]),
+                _: 2
+              }, 1032, ["onClick"]))), 128))
+            ]),
+            e.showConfirm ? (y(), C("div", Ke, [
+              Y(h(E), {
+                variant: "text",
+                size: "sm",
+                onClick: r[1] || (r[1] = (a) => V.value = !1)
+              }, {
+                default: z(() => [...r[5] || (r[5] = [
+                  U("取消", -1)
+                ])]),
+                _: 1
+              }),
+              Y(h(E), {
+                size: "sm",
+                onClick: R
+              }, {
+                default: z(() => [...r[6] || (r[6] = [
+                  U("确定", -1)
+                ])]),
+                _: 1
+              })
+            ])) : K("", !0)
+          ])) : K("", !0)
+        ]),
+        default: z(() => [
+          Y(h(ie), {
+            id: h(T),
+            "model-value": F.value,
+            placeholder: e.placeholder,
+            disabled: h(w),
+            size: h(M),
+            clearable: e.clearable,
+            onClear: _,
+            "onUpdate:modelValue": n
+          }, {
+            prefix: z(() => [
+              (y(), C("svg", Be, [...r[3] || (r[3] = [
+                g("path", {
+                  fill: "currentColor",
+                  d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm-7-7h5v5h-5z"
+                }, null, -1)
+              ])]))
+            ]),
+            _: 1
+          }, 8, ["id", "model-value", "placeholder", "disabled", "size", "clearable"])
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled"])
+    ], 4));
+  }
+}), qe = /* @__PURE__ */ he(je, [["__scopeId", "data-v-a14af156"]]), Ge = {
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: { opacity: "0.5" }
+}, Je = { class: "l-date-range-picker__panel" }, Qe = { class: "l-date-range-picker__calendars" }, We = { class: "l-date-range-picker__calendar-wrap" }, Xe = { class: "l-date-range-picker__calendar-wrap" }, Ze = {
+  key: 0,
+  class: "l-date-range-picker__footer"
+}, Ie = { class: "l-date-range-picker__shortcuts" }, et = {
+  key: 0,
+  class: "l-date-range-picker__actions"
+}, tt = /* @__PURE__ */ te({
+  __name: "DateRangePicker",
+  props: {
+    modelValue: {},
+    placeholder: { default: "选择日期区间" },
+    width: { default: 234 },
+    disabled: { type: Boolean, default: !1 },
+    clearable: { type: Boolean, default: !1 },
+    disabledDate: {},
+    shortcuts: {},
+    showConfirm: { type: Boolean, default: !1 },
+    size: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: f }) {
+    const c = e, m = f, { formItem: s, size: M, disabled: w, inputId: D } = se(c), $ = de("date-range-picker"), T = (D == null ? void 0 : D.value) || $, V = N(!1), d = N(null), S = N(/* @__PURE__ */ new Date()), v = O(() => {
+      const a = new Date(S.value);
+      return a.setMonth(a.getMonth() + 1), a;
+    }), F = (a) => {
+      if (!a) return "";
+      const l = a instanceof Date ? a : new Date(a);
+      return `${l.getFullYear()}-${String(l.getMonth() + 1).padStart(2, "0")}-${String(l.getDate()).padStart(2, "0")}`;
+    }, P = O(() => {
+      const a = c.modelValue;
+      if (!a) return "";
+      if (Array.isArray(a)) {
+        const l = a[0], i = a[1];
+        return !l && !i ? "" : `${F(l)} ~ ${i ? F(i) : ""}`;
+      }
+      return F(a);
+    }), H = (a) => {
+      const l = Array.isArray(a) ? [...a] : a;
+      d.value = l, c.showConfirm || (m("update:modelValue", l), m("change", l), a && a[0] && a[1] && (V.value = !1), s == null || s.validate("change").catch(() => {
+      }));
+    }, R = () => {
+      re(d.value, c.disabledDate) && (m("update:modelValue", d.value), m("change", d.value), V.value = !1, s == null || s.validate("change").catch(() => {
+      }));
+    }, _ = () => {
+      d.value = null, m("update:modelValue", null), m("change", null), s == null || s.validate("change").catch(() => {
+      });
+    }, p = (a) => {
+      S.value = new Date(a);
+    }, n = (a) => {
+      const l = new Date(a);
+      l.setMonth(l.getMonth() - 1), S.value = l;
+    }, t = (a) => {
+      const l = typeof a.value == "function" ? a.value() : a.value;
+      d.value = Array.isArray(l) ? [...l] : l, R();
+    }, r = (a) => {
+      if (!a) {
+        _();
+        return;
+      }
+      if (/^\d{4}-\d{2}-\d{2}\s*~\s*\d{4}-\d{2}-\d{2}$/.test(a)) {
+        const i = a.split("~").map((o) => o.trim()), k = ee(i[0]), u = ee(i[1]);
+        if (k && u) {
+          const o = [k, u];
+          d.value = o, S.value = new Date(k.getFullYear(), k.getMonth(), 1), R();
+        }
+      }
+    };
+    return Z(V, (a) => {
+      var l;
+      a ? (d.value = c.modelValue ? [...c.modelValue] : null, (l = d.value) != null && l[0] && (S.value = new Date(d.value[0]), S.value.setDate(1))) : s == null || s.validate("blur").catch(() => {
+      });
+    }), (a, l) => (y(), C("div", {
+      class: "l-date-range-picker",
+      style: le({ width: typeof e.width == "number" ? e.width + "px" : e.width })
+    }, [
+      Y(h(ue), {
+        visible: V.value,
+        "onUpdate:visible": l[1] || (l[1] = (i) => V.value = i),
+        width: "580",
+        disabled: h(w)
+      }, {
+        content: z(() => [
+          g("div", Je, [
+            g("div", Qe, [
+              g("div", We, [
+                Y(W, {
+                  "model-value": d.value,
+                  "view-date": S.value,
+                  mode: "range",
+                  "hide-footer": "",
+                  "disabled-date": e.disabledDate,
+                  "onUpdate:viewDate": p,
+                  onSelect: H
+                }, null, 8, ["model-value", "view-date", "disabled-date"])
+              ]),
+              g("div", Xe, [
+                Y(W, {
+                  "model-value": d.value,
+                  "view-date": v.value,
+                  mode: "range",
+                  "hide-footer": "",
+                  "disabled-date": e.disabledDate,
+                  "onUpdate:viewDate": n,
+                  onSelect: H
+                }, null, 8, ["model-value", "view-date", "disabled-date"])
+              ])
+            ]),
+            e.showConfirm || e.shortcuts && e.shortcuts.length > 0 ? (y(), C("div", Ze, [
+              g("div", Ie, [
+                (y(!0), C(q, null, Q(e.shortcuts, (i) => (y(), ne(h(E), {
+                  key: i.text,
+                  variant: "text",
+                  size: "sm",
+                  onClick: (k) => t(i)
+                }, {
+                  default: z(() => [
+                    U(j(i.text), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              e.showConfirm ? (y(), C("div", et, [
+                Y(h(E), {
+                  variant: "text",
+                  size: "sm",
+                  onClick: l[0] || (l[0] = (i) => V.value = !1)
+                }, {
+                  default: z(() => [...l[3] || (l[3] = [
+                    U("取消", -1)
+                  ])]),
+                  _: 1
+                }),
+                Y(h(E), {
+                  size: "sm",
+                  onClick: R
+                }, {
+                  default: z(() => [...l[4] || (l[4] = [
+                    U("确定", -1)
+                  ])]),
+                  _: 1
+                })
+              ])) : K("", !0)
+            ])) : K("", !0)
+          ])
+        ]),
+        default: z(() => [
+          Y(h(ie), {
+            id: h(T),
+            "model-value": P.value,
+            placeholder: e.placeholder,
+            disabled: h(w),
+            size: h(M),
+            clearable: e.clearable,
+            onClear: _,
+            "onUpdate:modelValue": r
+          }, {
+            prefix: z(() => [
+              (y(), C("svg", Ge, [...l[2] || (l[2] = [
+                g("path", {
+                  fill: "currentColor",
+                  d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10z"
+                }, null, -1)
+              ])]))
+            ]),
+            _: 1
+          }, 8, ["id", "model-value", "placeholder", "disabled", "size", "clearable"])
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled"])
+    ], 4));
+  }
+}), at = /* @__PURE__ */ he(tt, [["__scopeId", "data-v-c4986645"]]), lt = {
+  viewBox: "0 0 24 24",
+  width: "16",
+  height: "16",
+  style: { opacity: "0.5" }
+}, nt = { class: "l-date-time-range-picker__panel" }, st = { class: "l-date-time-range-picker__calendars" }, dt = { class: "l-date-time-range-picker__section" }, it = { class: "l-date-time-range-picker__combined" }, ut = { class: "l-date-time-range-picker__time" }, rt = { class: "l-date-time-range-picker__section" }, ot = { class: "l-date-time-range-picker__combined" }, ct = { class: "l-date-time-range-picker__time" }, vt = {
+  key: 0,
+  class: "l-date-time-range-picker__footer"
+}, ht = { class: "l-date-time-range-picker__shortcuts" }, gt = {
+  key: 0,
+  class: "l-date-time-range-picker__actions"
+}, mt = /* @__PURE__ */ te({
+  __name: "DateTimeRangePicker",
+  props: {
+    modelValue: {},
+    placeholder: { default: "选择日期时间范围" },
+    width: { default: 346 },
+    disabled: { type: Boolean },
+    clearable: { type: Boolean },
+    disabledDate: {},
+    shortcuts: {},
+    disabledHours: {},
+    disabledMinutes: {},
+    disabledSeconds: {},
+    showConfirm: { type: Boolean, default: !1 },
+    size: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: f }) {
+    const c = e, m = f, { formItem: s, size: M, disabled: w, inputId: D } = se(c), $ = de("date-time-range-picker"), T = (D == null ? void 0 : D.value) || $, V = N(!1), d = N(null), S = N(/* @__PURE__ */ new Date()), v = O(() => {
+      const u = new Date(S.value);
+      return u.setMonth(u.getMonth() + 1), u;
+    }), F = N("00:00:00"), P = N("23:59:59"), H = (u) => `${u.getFullYear()}-${String(u.getMonth() + 1).padStart(2, "0")}-${String(u.getDate()).padStart(2, "0")} ${String(u.getHours()).padStart(2, "0")}:${String(u.getMinutes()).padStart(2, "0")}:${String(u.getSeconds()).padStart(2, "0")}`, R = O(() => {
+      const u = c.modelValue;
+      if (!u) return "";
+      if (Array.isArray(u)) {
+        const o = u[0], b = u[1];
+        return !o && !b ? "" : `${H(o)} ~ ${b ? H(b) : ""}`;
+      }
+      return "";
+    }), _ = (u) => {
+      if (!Array.isArray(u)) return;
+      const [o, b] = u;
+      if (o) {
+        const [x, L, A] = F.value.split(":").map(Number);
+        o.setHours(x, L, A);
+      }
+      if (b) {
+        const [x, L, A] = P.value.split(":").map(Number);
+        b.setHours(x, L, A);
+      }
+      d.value = [o, b], c.showConfirm || (m("update:modelValue", [o, b]), m("change", [o, b]), s == null || s.validate("change").catch(() => {
+      }));
+    }, p = () => {
+      re(d.value, c.disabledDate) && (m("update:modelValue", d.value), m("change", d.value), V.value = !1, s == null || s.validate("change").catch(() => {
+      }));
+    }, n = (u) => {
+      var o;
+      if (F.value = u, (o = d.value) != null && o[0]) {
+        const b = new Date(d.value[0]), [x, L, A] = u.split(":").map(Number);
+        b.setHours(x, L, A), d.value = [b, d.value[1]], c.showConfirm || m("update:modelValue", d.value);
+      }
+    }, t = (u) => {
+      var o;
+      if (P.value = u, (o = d.value) != null && o[1]) {
+        const b = new Date(d.value[1]), [x, L, A] = u.split(":").map(Number);
+        b.setHours(x, L, A), d.value = [d.value[0], b], c.showConfirm || m("update:modelValue", d.value);
+      }
+    }, r = (u) => {
+      const o = typeof u.value == "function" ? u.value() : u.value;
+      d.value = Array.isArray(o) ? [...o] : o, p();
+    }, a = () => {
+      d.value = null, m("update:modelValue", null), m("change", null), s == null || s.validate("change").catch(() => {
+      });
+    }, l = (u) => {
+      S.value = new Date(u);
+    }, i = (u) => {
+      const o = new Date(u);
+      o.setMonth(o.getMonth() - 1), S.value = o;
+    }, k = (u) => {
+      if (!u) {
+        a();
+        return;
+      }
+      if (/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}\s*~\s*\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(u)) {
+        const b = u.split("~").map((A) => A.trim()), x = ve(b[0]), L = ve(b[1]);
+        if (x && L) {
+          const A = [x, L];
+          d.value = A, S.value = new Date(x.getFullYear(), x.getMonth(), 1), p();
+        }
+      }
+    };
+    return Z(V, (u) => {
+      var o;
+      if (u) {
+        if (d.value = c.modelValue ? [...c.modelValue] : null, (o = d.value) != null && o[0]) {
+          S.value = new Date(d.value[0]), S.value.setDate(1);
+          const b = (x) => `${String(x.getHours()).padStart(2, "0")}:${String(x.getMinutes()).padStart(2, "0")}:${String(x.getSeconds()).padStart(2, "0")}`;
+          F.value = b(d.value[0]), d.value[1] && (P.value = b(d.value[1]));
+        }
+      } else
+        s == null || s.validate("blur").catch(() => {
+        });
+    }), (u, o) => (y(), C("div", {
+      class: "l-date-time-range-picker",
+      style: le({ width: typeof e.width == "number" ? e.width + "px" : e.width })
+    }, [
+      Y(h(ue), {
+        visible: V.value,
+        "onUpdate:visible": o[1] || (o[1] = (b) => V.value = b),
+        width: "920",
+        disabled: h(w)
+      }, {
+        content: z(() => {
+          var b, x, L, A, G, X;
+          return [
+            g("div", nt, [
+              g("div", st, [
+                g("div", dt, [
+                  o[3] || (o[3] = g("div", { class: "l-date-time-range-picker__section-title" }, "开始日期时间", -1)),
+                  g("div", it, [
+                    Y(W, {
+                      "model-value": d.value,
+                      mode: "range",
+                      "hide-footer": "",
+                      "disabled-date": e.disabledDate,
+                      "view-date": S.value,
+                      "onUpdate:viewDate": l,
+                      onSelect: _
+                    }, null, 8, ["model-value", "disabled-date", "view-date"]),
+                    g("div", ut, [
+                      Y(ce, {
+                        "model-value": F.value,
+                        "disabled-hours": (b = e.disabledHours) == null ? void 0 : b.call(e, "start"),
+                        "disabled-minutes": (x = e.disabledMinutes) == null ? void 0 : x.call(e, "start"),
+                        "disabled-seconds": (L = e.disabledSeconds) == null ? void 0 : L.call(e, "start"),
+                        onSelect: n
+                      }, null, 8, ["model-value", "disabled-hours", "disabled-minutes", "disabled-seconds"])
+                    ])
+                  ])
+                ]),
+                g("div", rt, [
+                  o[4] || (o[4] = g("div", { class: "l-date-time-range-picker__section-title" }, "结束日期时间", -1)),
+                  g("div", ot, [
+                    Y(W, {
+                      "model-value": d.value,
+                      mode: "range",
+                      "hide-footer": "",
+                      "disabled-date": e.disabledDate,
+                      "view-date": v.value,
+                      "onUpdate:viewDate": i,
+                      onSelect: _
+                    }, null, 8, ["model-value", "disabled-date", "view-date"]),
+                    g("div", ct, [
+                      Y(ce, {
+                        "model-value": P.value,
+                        "disabled-hours": (A = e.disabledHours) == null ? void 0 : A.call(e, "end"),
+                        "disabled-minutes": (G = e.disabledMinutes) == null ? void 0 : G.call(e, "end"),
+                        "disabled-seconds": (X = e.disabledSeconds) == null ? void 0 : X.call(e, "end"),
+                        onSelect: t
+                      }, null, 8, ["model-value", "disabled-hours", "disabled-minutes", "disabled-seconds"])
+                    ])
+                  ])
+                ])
+              ]),
+              e.showConfirm || e.shortcuts && e.shortcuts.length > 0 ? (y(), C("div", vt, [
+                g("div", ht, [
+                  (y(!0), C(q, null, Q(e.shortcuts, (B) => (y(), ne(h(E), {
+                    key: B.text,
+                    variant: "text",
+                    size: "sm",
+                    onClick: (ae) => r(B)
+                  }, {
+                    default: z(() => [
+                      U(j(B.text), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"]))), 128))
+                ]),
+                e.showConfirm ? (y(), C("div", gt, [
+                  Y(h(E), {
+                    variant: "text",
+                    size: "sm",
+                    onClick: o[0] || (o[0] = (B) => V.value = !1)
+                  }, {
+                    default: z(() => [...o[5] || (o[5] = [
+                      U("取消", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  Y(h(E), {
+                    size: "sm",
+                    onClick: p
+                  }, {
+                    default: z(() => [...o[6] || (o[6] = [
+                      U("确定", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])) : K("", !0)
+              ])) : K("", !0)
+            ])
+          ];
+        }),
+        default: z(() => [
+          Y(h(ie), {
+            id: h(T),
+            "model-value": R.value,
+            placeholder: e.placeholder,
+            disabled: h(w),
+            size: h(M),
+            clearable: e.clearable,
+            onClear: a,
+            "onUpdate:modelValue": k
+          }, {
+            prefix: z(() => [
+              (y(), C("svg", lt, [...o[2] || (o[2] = [
+                g("path", {
+                  fill: "currentColor",
+                  d: "M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V10h14v10zm-7-7h5v5h-5z"
+                }, null, -1)
+              ])]))
+            ]),
+            _: 1
+          }, 8, ["id", "model-value", "placeholder", "disabled", "size", "clearable"])
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled"])
+    ], 4));
+  }
+}), ft = /* @__PURE__ */ he(mt, [["__scopeId", "data-v-02632819"]]), Dt = _e, wt = W, bt = qe, kt = at, yt = ft, At = {
+  install(e) {
+    e.component("LDatePicker", Dt), e.component("LCalendar", wt), e.component("LDateTimePicker", bt), e.component("LDateRangePicker", kt), e.component("LDateTimeRangePicker", yt);
+  }
+};
+export {
+  wt as LCalendar,
+  Dt as LDatePicker,
+  kt as LDateRangePicker,
+  bt as LDateTimePicker,
+  yt as LDateTimeRangePicker,
+  At as default
+};