@quoreadmin/ui 1.10.33 → 1.11.0

package/dist/index189.js

@@ -1,20 +1,1378 @@
-import e from "./index186.js";
-var a = {
-  months: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
-  monthsShort: ["Jan", "Feb", "März", "Apr", "Mai", "Juni", "Juli", "Aug", "Sep", "Okt", "Nov", "Dez"],
-  weekdays: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
-  weekdaysShort: ["So.", "Mo.", "Di.", "Mi.", "Do.", "Fr.", "Sa."],
-  weekdaysMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
-  firstDayOfWeek: 1,
-  firstWeekContainsDate: 4
-};
-const o = {
-  formatLocale: a,
+import { createVNode as s, defineComponent as nt, ref as k, onMounted as me, onUnmounted as at, h as Ye, watchEffect as Y, Teleport as lt, Transition as ot, computed as A, toRef as rt, inject as ge, watch as st, openBlock as ye, createElementBlock as be, provide as we, shallowRef as it, createElementVNode as Z, isVNode as ut } from "vue";
+import { format as Ce } from "./index252.js";
+import { parse as ct } from "./index253.js";
+import { getWeek as Ie } from "./index254.js";
+import dt from "./index255.js";
+var ft = Object.defineProperty, pt = Object.defineProperties, vt = Object.getOwnPropertyDescriptors, le = Object.getOwnPropertySymbols, Ue = Object.prototype.hasOwnProperty, Fe = Object.prototype.propertyIsEnumerable, Se = (t, e, n) => e in t ? ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, M = (t, e) => {
+  for (var n in e || (e = {}))
+    Ue.call(e, n) && Se(t, n, e[n]);
+  if (le)
+    for (var n of le(e))
+      Fe.call(e, n) && Se(t, n, e[n]);
+  return t;
+}, S = (t, e) => pt(t, vt(e)), mt = (t, e) => {
+  var n = {};
+  for (var a in t)
+    Ue.call(t, a) && e.indexOf(a) < 0 && (n[a] = t[a]);
+  if (t != null && le)
+    for (var a of le(t))
+      e.indexOf(a) < 0 && Fe.call(t, a) && (n[a] = t[a]);
+  return n;
+};
+const ht = {
+  formatLocale: dt,
   yearFormat: "YYYY",
   monthFormat: "MMM",
   monthBeforeYear: !0
 };
-e.locale("de", o);
+let J = "en";
+const G = {};
+G[J] = ht;
+function Re(t, e, n = !1) {
+  if (typeof t != "string")
+    return G[J];
+  let a = J;
+  return G[t] && (a = t), e && (G[t] = e, a = t), n || (J = a), G[t] || G[J];
+}
+function he(t) {
+  return Re(t, void 0, !0);
+}
+function De(t, e) {
+  if (!Array.isArray(t))
+    return [];
+  const n = [], a = t.length;
+  let o = 0;
+  for (e = e || a; o < a; )
+    n.push(t.slice(o, o += e));
+  return n;
+}
+function Oe(t) {
+  return Array.isArray(t) ? t[t.length - 1] : void 0;
+}
+function F(t) {
+  return Object.prototype.toString.call(t) === "[object Object]";
+}
+function L(t, e) {
+  const n = {};
+  return F(t) && (Array.isArray(e) || (e = [e]), e.forEach((a) => {
+    Object.prototype.hasOwnProperty.call(t, a) && (n[a] = t[a]);
+  })), n;
+}
+function Be(t, e) {
+  if (!F(t))
+    return {};
+  let n = t;
+  return F(e) && Object.keys(e).forEach((a) => {
+    let o = e[a];
+    const l = t[a];
+    F(o) && F(l) && (o = Be(l, o)), n = S(M({}, n), { [a]: o });
+  }), n;
+}
+function fe(t) {
+  const e = parseInt(String(t), 10);
+  return e < 10 ? `0${e}` : `${e}`;
+}
+function gt(t) {
+  const e = /-(\w)/g;
+  return t.replace(e, (n, a) => a ? a.toUpperCase() : "");
+}
+const We = "datepicker_locale", je = "datepicker_prefixClass", ze = "datepicker_getWeek";
+function Te() {
+  return ge(We, it(he()));
+}
+function yt(t) {
+  const e = A(() => F(t.value) ? Be(he(), t.value) : he(t.value));
+  return we(We, e), e;
+}
+function bt(t) {
+  we(je, t);
+}
+function P() {
+  return ge(je, "mx");
+}
+function wt(t) {
+  we(ze, t);
+}
+function Ct() {
+  return ge(ze, Ie);
+}
+function Dt(t) {
+  const e = t.style.display, n = t.style.visibility;
+  t.style.display = "block", t.style.visibility = "hidden";
+  const a = window.getComputedStyle(t), o = t.offsetWidth + parseInt(a.marginLeft, 10) + parseInt(a.marginRight, 10), l = t.offsetHeight + parseInt(a.marginTop, 10) + parseInt(a.marginBottom, 10);
+  return t.style.display = e, t.style.visibility = n, { width: o, height: l };
+}
+function Tt(t, e, n, a) {
+  let o = 0, l = 0, p = 0, v = 0;
+  const d = t.getBoundingClientRect(), i = document.documentElement.clientWidth, c = document.documentElement.clientHeight;
+  return a && (p = window.pageXOffset + d.left, v = window.pageYOffset + d.top), i - d.left < e && d.right < e ? o = p - d.left + 1 : d.left + d.width / 2 <= i / 2 ? o = p : o = p + d.width - e, d.top <= n && c - d.bottom <= n ? l = v + c - d.top - n : d.top + d.height / 2 <= c / 2 ? l = v + d.height : l = v - n, { left: `${o}px`, top: `${l}px` };
+}
+function $e(t, e = document.body) {
+  if (!t || t === e)
+    return null;
+  const n = (l, p) => getComputedStyle(l, null).getPropertyValue(p);
+  return /(auto|scroll)/.test(n(t, "overflow") + n(t, "overflow-y") + n(t, "overflow-x")) ? t : $e(t.parentElement, e);
+}
+let ne;
+function $t() {
+  if (typeof window > "u")
+    return 0;
+  if (ne !== void 0)
+    return ne;
+  const t = document.createElement("div");
+  t.style.visibility = "hidden", t.style.overflow = "scroll", t.style.width = "100px", t.style.position = "absolute", t.style.top = "-9999px", document.body.appendChild(t);
+  const e = document.createElement("div");
+  return e.style.width = "100%", t.appendChild(e), ne = t.offsetWidth - e.offsetWidth, t.parentNode.removeChild(t), ne;
+}
+const He = "ontouchend" in document ? "touchstart" : "mousedown";
+function kt(t) {
+  let e = !1;
+  return function(...a) {
+    e || (e = !0, requestAnimationFrame(() => {
+      e = !1, t.apply(this, a);
+    }));
+  };
+}
+function I(t, e) {
+  return { setup: t, name: t.name, props: e };
+}
+function U(t, e) {
+  return new Proxy(t, {
+    get(a, o) {
+      const l = a[o];
+      return l !== void 0 ? l : e[o];
+    }
+  });
+}
+const B = () => (t) => t, xt = (t, e) => {
+  const n = {};
+  for (const a in t)
+    if (Object.prototype.hasOwnProperty.call(t, a)) {
+      const o = gt(a);
+      let l = t[a];
+      e.indexOf(o) !== -1 && l === "" && (l = !0), n[o] = l;
+    }
+  return n;
+};
+function Mt(t, {
+  slots: e
+}) {
+  const n = U(t, {
+    appendToBody: !0
+  }), a = P(), o = k(null), l = k({
+    left: "",
+    top: ""
+  }), p = () => {
+    if (!n.visible || !o.value)
+      return;
+    const d = n.getRelativeElement();
+    if (!d)
+      return;
+    const {
+      width: i,
+      height: c
+    } = Dt(o.value);
+    l.value = Tt(d, i, c, n.appendToBody);
+  };
+  Y(p, {
+    flush: "post"
+  }), Y((d) => {
+    const i = n.getRelativeElement();
+    if (!i)
+      return;
+    const c = $e(i) || window, f = kt(p);
+    c.addEventListener("scroll", f), window.addEventListener("resize", f), d(() => {
+      c.removeEventListener("scroll", f), window.removeEventListener("resize", f);
+    });
+  }, {
+    flush: "post"
+  });
+  const v = (d) => {
+    if (!n.visible)
+      return;
+    const i = d.target, c = o.value, f = n.getRelativeElement();
+    c && !c.contains(i) && f && !f.contains(i) && n.onClickOutside(d);
+  };
+  return Y((d) => {
+    document.addEventListener(He, v), d(() => {
+      document.removeEventListener(He, v);
+    });
+  }), () => s(lt, {
+    to: "body",
+    disabled: !n.appendToBody
+  }, {
+    default: () => [s(ot, {
+      name: `${a}-zoom-in-down`
+    }, {
+      default: () => {
+        var d;
+        return [n.visible && s("div", {
+          ref: o,
+          class: `${a}-datepicker-main ${a}-datepicker-popup ${n.className}`,
+          style: [M({
+            position: "absolute"
+          }, l.value), n.style || {}]
+        }, [(d = e.default) == null ? void 0 : d.call(e)])];
+      }
+    })]
+  });
+}
+const Pt = B()(["style", "className", "visible", "appendToBody", "onClickOutside", "getRelativeElement"]);
+var _t = I(Mt, Pt);
+const Vt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024",
+  width: "1em",
+  height: "1em"
+}, Yt = /* @__PURE__ */ Z("path", { d: "M940.218 107.055H730.764v-60.51H665.6v60.51H363.055v-60.51H297.89v60.51H83.78c-18.617 0-32.581 13.963-32.581 32.581v805.237c0 18.618 13.964 32.582 32.582 32.582h861.09c18.619 0 32.583-13.964 32.583-32.582V139.636c-4.655-18.618-18.619-32.581-37.237-32.581zm-642.327 65.163v60.51h65.164v-60.51h307.2v60.51h65.163v-60.51h176.873v204.8H116.364v-204.8H297.89zM116.364 912.291V442.18H912.29v470.11H116.364z" }, null, -1), St = [
+  Yt
+];
+function Ke(t, e) {
+  return ye(), be("svg", Vt, St);
+}
+const Ot = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1024 1024",
+  width: "1em",
+  height: "1em"
+}, Ht = /* @__PURE__ */ Z("path", { d: "M810.005 274.005 572.011 512l237.994 237.995-60.01 60.01L512 572.011 274.005 810.005l-60.01-60.01L451.989 512 213.995 274.005l60.01-60.01L512 451.989l237.995-237.994z" }, null, -1), At = [
+  Ht
+];
+function Et(t, e) {
+  return ye(), be("svg", Ot, At);
+}
+const Lt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  width: "1em",
+  height: "1em"
+}, Nt = /* @__PURE__ */ Z("path", {
+  d: "M0 0h24v24H0z",
+  fill: "none"
+}, null, -1), It = /* @__PURE__ */ Z("path", { d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z" }, null, -1), Ut = /* @__PURE__ */ Z("path", { d: "M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z" }, null, -1), Ft = [
+  Nt,
+  It,
+  Ut
+];
+function Rt(t, e) {
+  return ye(), be("svg", Lt, Ft);
+}
+function j(t, e = 0, n = 1, a = 0, o = 0, l = 0, p = 0) {
+  const v = new Date(t, e, n, a, o, l, p);
+  return t < 100 && t >= 0 && v.setFullYear(t), v;
+}
+function N(t) {
+  return t instanceof Date && !isNaN(t.getTime());
+}
+function z(t) {
+  return Array.isArray(t) && t.length === 2 && t.every(N) && t[0] <= t[1];
+}
+function Bt(t) {
+  return Array.isArray(t) && t.every(N);
+}
+function se(...t) {
+  if (t[0] !== void 0 && t[0] !== null) {
+    const n = new Date(t[0]);
+    if (N(n))
+      return n;
+  }
+  const e = t.slice(1);
+  return e.length ? se(...e) : /* @__PURE__ */ new Date();
+}
+function Wt(t) {
+  const e = new Date(t);
+  return e.setMonth(0, 1), e.setHours(0, 0, 0, 0), e;
+}
+function Ae(t) {
+  const e = new Date(t);
+  return e.setDate(1), e.setHours(0, 0, 0, 0), e;
+}
+function R(t) {
+  const e = new Date(t);
+  return e.setHours(0, 0, 0, 0), e;
+}
+function jt({
+  firstDayOfWeek: t,
+  year: e,
+  month: n
+}) {
+  const a = [], o = j(e, n, 0), l = o.getDate(), p = l - (o.getDay() + 7 - t) % 7;
+  for (let c = p; c <= l; c++)
+    a.push(j(e, n, c - l));
+  o.setMonth(n + 1, 0);
+  const v = o.getDate();
+  for (let c = 1; c <= v; c++)
+    a.push(j(e, n, c));
+  const i = 42 - (l - p + 1) - v;
+  for (let c = 1; c <= i; c++)
+    a.push(j(e, n, v + c));
+  return a;
+}
+function oe(t, e) {
+  const n = new Date(t), a = typeof e == "function" ? e(n.getMonth()) : Number(e), o = n.getFullYear(), l = j(o, a + 1, 0).getDate(), p = n.getDate();
+  return n.setMonth(a, Math.min(p, l)), n;
+}
+function X(t, e) {
+  const n = new Date(t), a = typeof e == "function" ? e(n.getFullYear()) : e;
+  return n.setFullYear(a), n;
+}
+function zt(t, e) {
+  const n = new Date(e), a = new Date(t), o = n.getFullYear() - a.getFullYear(), l = n.getMonth() - a.getMonth();
+  return o * 12 + l;
+}
+function re(t, e) {
+  const n = new Date(t), a = new Date(e);
+  return n.setHours(a.getHours(), a.getMinutes(), a.getSeconds()), n;
+}
+function Kt(t, {
+  slots: e
+}) {
+  const n = U(t, {
+    editable: !0,
+    disabled: !1,
+    clearable: !0,
+    range: !1,
+    multiple: !1
+  }), a = P(), o = k(null), l = A(() => n.separator || (n.range ? " ~ " : ",")), p = (m) => n.range ? z(m) : n.multiple ? Bt(m) : N(m), v = (m) => Array.isArray(m) ? m.some((b) => n.disabledDate(b)) : n.disabledDate(m), d = A(() => o.value !== null ? o.value : typeof n.renderInputText == "function" ? n.renderInputText(n.value) : p(n.value) ? Array.isArray(n.value) ? n.value.map((m) => n.formatDate(m)).join(l.value) : n.formatDate(n.value) : ""), i = (m) => {
+    var b;
+    m && m.stopPropagation(), n.onChange(n.range ? [null, null] : null), (b = n.onClear) == null || b.call(n);
+  }, c = () => {
+    var m;
+    if (!n.editable || o.value === null)
+      return;
+    const b = o.value.trim();
+    if (o.value = null, b === "") {
+      i();
+      return;
+    }
+    let y;
+    if (n.range) {
+      let u = b.split(l.value);
+      u.length !== 2 && (u = b.split(l.value.trim())), y = u.map((r) => n.parseDate(r.trim()));
+    } else n.multiple ? y = b.split(l.value).map((u) => n.parseDate(u.trim())) : y = n.parseDate(b);
+    p(y) && !v(y) ? n.onChange(y) : (m = n.onInputError) == null || m.call(n, b);
+  }, f = (m) => {
+    o.value = typeof m == "string" ? m : m.target.value;
+  }, w = (m) => {
+    const {
+      keyCode: b
+    } = m;
+    b === 9 ? n.onBlur() : b === 13 && c();
+  };
+  return () => {
+    var m, b, y;
+    const u = !n.disabled && n.clearable && d.value, r = S(M({
+      name: "date",
+      type: "text",
+      autocomplete: "off",
+      value: d.value,
+      class: n.inputClass || `${a}-input`,
+      readonly: !n.editable,
+      disabled: n.disabled,
+      placeholder: n.placeholder
+    }, n.inputAttr), {
+      onFocus: n.onFocus,
+      onKeydown: w,
+      onInput: f,
+      onChange: c
+    });
+    return s("div", {
+      class: `${a}-input-wrapper`,
+      onClick: n.onClick
+    }, [((m = e.input) == null ? void 0 : m.call(e, r)) || s("input", r, null), u ? s("i", {
+      class: `${a}-icon-clear`,
+      onClick: i
+    }, [((b = e["icon-clear"]) == null ? void 0 : b.call(e)) || s(Et, null, null)]) : null, s("i", {
+      class: `${a}-icon-calendar`
+    }, [((y = e["icon-calendar"]) == null ? void 0 : y.call(e)) || s(Ke, null, null)])]);
+  };
+}
+const ke = B()(["placeholder", "editable", "disabled", "clearable", "inputClass", "inputAttr", "range", "multiple", "separator", "renderInputText", "onInputError", "onClear"]), qt = B()(["value", "formatDate", "parseDate", "disabledDate", "onChange", "onFocus", "onBlur", "onClick", ...ke]);
+var Gt = I(Kt, qt);
+function Xt(t, {
+  slots: e
+}) {
+  var n;
+  const a = U(t, {
+    prefixClass: "mx",
+    valueType: "date",
+    format: "YYYY-MM-DD",
+    type: "date",
+    disabledDate: () => !1,
+    disabledTime: () => !1,
+    confirmText: "OK"
+  });
+  bt(a.prefixClass), wt(((n = a.formatter) == null ? void 0 : n.getWeek) || Ie);
+  const o = yt(rt(t, "lang")), l = k(), p = () => l.value, v = k(!1), d = A(() => !a.disabled && (typeof a.open == "boolean" ? a.open : v.value)), i = () => {
+    var g, D;
+    a.disabled || d.value || (v.value = !0, (g = a["onUpdate:open"]) == null || g.call(a, !0), (D = a.onOpen) == null || D.call(a));
+  }, c = () => {
+    var g, D;
+    d.value && (v.value = !1, (g = a["onUpdate:open"]) == null || g.call(a, !1), (D = a.onClose) == null || D.call(a));
+  }, f = (g, D) => (D = D || a.format, F(a.formatter) && typeof a.formatter.stringify == "function" ? a.formatter.stringify(g, D) : Ce(g, D, {
+    locale: o.value.formatLocale
+  })), w = (g, D) => {
+    if (D = D || a.format, F(a.formatter) && typeof a.formatter.parse == "function")
+      return a.formatter.parse(g, D);
+    const x = /* @__PURE__ */ new Date();
+    return ct(g, D, {
+      locale: o.value.formatLocale,
+      backupDate: x
+    });
+  }, m = (g) => {
+    switch (a.valueType) {
+      case "date":
+        return g instanceof Date ? new Date(g.getTime()) : /* @__PURE__ */ new Date(NaN);
+      case "timestamp":
+        return typeof g == "number" ? new Date(g) : /* @__PURE__ */ new Date(NaN);
+      case "format":
+        return typeof g == "string" ? w(g) : /* @__PURE__ */ new Date(NaN);
+      default:
+        return typeof g == "string" ? w(g, a.valueType) : /* @__PURE__ */ new Date(NaN);
+    }
+  }, b = (g) => {
+    if (!N(g))
+      return null;
+    switch (a.valueType) {
+      case "date":
+        return g;
+      case "timestamp":
+        return g.getTime();
+      case "format":
+        return f(g);
+      default:
+        return f(g, a.valueType);
+    }
+  }, y = A(() => {
+    const g = a.value;
+    return a.range ? (Array.isArray(g) ? g.slice(0, 2) : [null, null]).map(m) : a.multiple ? (Array.isArray(g) ? g : []).map(m) : m(g);
+  }), u = (g, D, x = !0) => {
+    var V, O;
+    const H = Array.isArray(g) ? g.map(b) : b(g);
+    return (V = a["onUpdate:value"]) == null || V.call(a, H), (O = a.onChange) == null || O.call(a, H, D), x && c(), H;
+  }, r = k(/* @__PURE__ */ new Date());
+  Y(() => {
+    d.value && (r.value = y.value);
+  });
+  const h = (g, D) => {
+    a.confirm ? r.value = g : u(g, D, !a.multiple && (D === a.type || D === "time"));
+  }, C = () => {
+    var g;
+    const D = u(r.value);
+    (g = a.onConfirm) == null || g.call(a, D);
+  }, $ = (g) => a.disabledDate(g) || a.disabledTime(g), _ = (g) => {
+    var D;
+    const {
+      prefixClass: x
+    } = a;
+    return s("div", {
+      class: `${x}-datepicker-sidebar`
+    }, [(D = e.sidebar) == null ? void 0 : D.call(e, g), (a.shortcuts || []).map((V, O) => s("button", {
+      key: O,
+      "data-index": O,
+      type: "button",
+      class: `${x}-btn ${x}-btn-text ${x}-btn-shortcut`,
+      onClick: () => {
+        var H;
+        const K = (H = V.onClick) == null ? void 0 : H.call(V);
+        K && u(K);
+      }
+    }, [V.text]))]);
+  };
+  return () => {
+    var g, D;
+    const {
+      prefixClass: x,
+      disabled: V,
+      confirm: O,
+      range: H,
+      popupClass: K,
+      popupStyle: ee,
+      appendToBody: te
+    } = a, T = {
+      value: r.value,
+      "onUpdate:value": h,
+      emit: u
+    }, E = e.header && s("div", {
+      class: `${x}-datepicker-header`
+    }, [e.header(T)]), W = (e.footer || O) && s("div", {
+      class: `${x}-datepicker-footer`
+    }, [(g = e.footer) == null ? void 0 : g.call(e, T), O && s("button", {
+      type: "button",
+      class: `${x}-btn ${x}-datepicker-btn-confirm`,
+      onClick: C
+    }, [a.confirmText])]), q = (D = e.content) == null ? void 0 : D.call(e, T), de = (e.sidebar || a.shortcuts) && _(T);
+    return s("div", {
+      ref: l,
+      class: {
+        [`${x}-datepicker`]: !0,
+        [`${x}-datepicker-range`]: H,
+        disabled: V
+      }
+    }, [s(Gt, S(M({}, L(a, ke)), {
+      value: y.value,
+      formatDate: f,
+      parseDate: w,
+      disabledDate: $,
+      onChange: u,
+      onClick: i,
+      onFocus: i,
+      onBlur: c
+    }), L(e, ["icon-calendar", "icon-clear", "input"])), s(_t, {
+      className: K,
+      style: ee,
+      visible: d.value,
+      appendToBody: te,
+      getRelativeElement: p,
+      onClickOutside: c
+    }, {
+      default: () => [de, s("div", {
+        class: `${x}-datepicker-content`
+      }, [E, q, W])]
+    })]);
+  };
+}
+const Jt = B()(["value", "valueType", "type", "format", "formatter", "lang", "prefixClass", "appendToBody", "open", "popupClass", "popupStyle", "confirm", "confirmText", "shortcuts", "disabledDate", "disabledTime", "onOpen", "onClose", "onConfirm", "onChange", "onUpdate:open", "onUpdate:value"]), Qt = [...Jt, ...ke];
+var Ee = I(Xt, Qt);
+function ae(t) {
+  var e = t, {
+    value: n
+  } = e, a = mt(e, [
+    "value"
+  ]);
+  const o = P();
+  return s("button", S(M({}, a), {
+    type: "button",
+    class: `${o}-btn ${o}-btn-text ${o}-btn-icon-${n}`
+  }), [s("i", {
+    class: `${o}-icon-${n}`
+  }, null)]);
+}
+function xe({
+  type: t,
+  calendar: e,
+  onUpdateCalendar: n
+}, {
+  slots: a
+}) {
+  var o;
+  const l = P(), p = () => {
+    n(oe(e, (w) => w - 1));
+  }, v = () => {
+    n(oe(e, (w) => w + 1));
+  }, d = () => {
+    n(X(e, (w) => w - 1));
+  }, i = () => {
+    n(X(e, (w) => w + 1));
+  }, c = () => {
+    n(X(e, (w) => w - 10));
+  }, f = () => {
+    n(X(e, (w) => w + 10));
+  };
+  return s("div", {
+    class: `${l}-calendar-header`
+  }, [s(ae, {
+    value: "double-left",
+    onClick: t === "year" ? c : d
+  }, null), t === "date" && s(ae, {
+    value: "left",
+    onClick: p
+  }, null), s(ae, {
+    value: "double-right",
+    onClick: t === "year" ? f : i
+  }, null), t === "date" && s(ae, {
+    value: "right",
+    onClick: v
+  }, null), s("span", {
+    class: `${l}-calendar-header-label`
+  }, [(o = a.default) == null ? void 0 : o.call(a)])]);
+}
+function Zt({
+  calendar: t,
+  isWeekMode: e,
+  showWeekNumber: n,
+  titleFormat: a,
+  getWeekActive: o,
+  getCellClasses: l,
+  onSelect: p,
+  onUpdatePanel: v,
+  onUpdateCalendar: d,
+  onDateMouseEnter: i,
+  onDateMouseLeave: c
+}) {
+  const f = P(), w = Ct(), m = Te().value, {
+    yearFormat: b,
+    monthBeforeYear: y,
+    monthFormat: u = "MMM",
+    formatLocale: r
+  } = m, h = r.firstDayOfWeek || 0;
+  let C = m.days || r.weekdaysMin;
+  C = C.concat(C).slice(h, h + 7);
+  const $ = t.getFullYear(), _ = t.getMonth(), g = De(jt({
+    firstDayOfWeek: h,
+    year: $,
+    month: _
+  }), 7), D = (T, E) => Ce(T, E, {
+    locale: m.formatLocale
+  }), x = (T) => {
+    v(T);
+  }, V = (T) => {
+    const E = T.getAttribute("data-index"), [W, q] = E.split(",").map((tt) => parseInt(tt, 10)), de = g[W][q];
+    return new Date(de);
+  }, O = (T) => {
+    p(V(T.currentTarget));
+  }, H = (T) => {
+    i && i(V(T.currentTarget));
+  }, K = (T) => {
+    c && c(V(T.currentTarget));
+  }, ee = s("button", {
+    type: "button",
+    class: `${f}-btn ${f}-btn-text ${f}-btn-current-year`,
+    onClick: () => x("year")
+  }, [D(t, b)]), te = s("button", {
+    type: "button",
+    class: `${f}-btn ${f}-btn-text ${f}-btn-current-month`,
+    onClick: () => x("month")
+  }, [D(t, u)]);
+  return n = typeof n == "boolean" ? n : e, s("div", {
+    class: [`${f}-calendar ${f}-calendar-panel-date`, {
+      [`${f}-calendar-week-mode`]: e
+    }]
+  }, [s(xe, {
+    type: "date",
+    calendar: t,
+    onUpdateCalendar: d
+  }, {
+    default: () => [y ? [te, ee] : [ee, te]]
+  }), s("div", {
+    class: `${f}-calendar-content`
+  }, [s("table", {
+    class: `${f}-table ${f}-table-date`
+  }, [s("thead", null, [s("tr", null, [n && s("th", {
+    class: `${f}-week-number-header`
+  }, null), C.map((T) => s("th", {
+    key: T
+  }, [T]))])]), s("tbody", null, [g.map((T, E) => s("tr", {
+    key: E,
+    class: [`${f}-date-row`, {
+      [`${f}-active-week`]: o(T)
+    }]
+  }, [n && s("td", {
+    class: `${f}-week-number`,
+    "data-index": `${E},0`,
+    onClick: O
+  }, [s("div", null, [w(T[0])])]), T.map((W, q) => s("td", {
+    key: q,
+    class: ["cell", l(W)],
+    title: D(W, a),
+    "data-index": `${E},${q}`,
+    onClick: O,
+    onMouseenter: H,
+    onMouseleave: K
+  }, [s("div", null, [W.getDate()])]))]))])])])]);
+}
+function en({
+  calendar: t,
+  getCellClasses: e,
+  onSelect: n,
+  onUpdateCalendar: a,
+  onUpdatePanel: o
+}) {
+  const l = P(), p = Te().value, v = p.months || p.formatLocale.monthsShort, d = (c) => j(t.getFullYear(), c), i = (c) => {
+    const w = c.currentTarget.getAttribute("data-month");
+    n(d(parseInt(w, 10)));
+  };
+  return s("div", {
+    class: `${l}-calendar ${l}-calendar-panel-month`
+  }, [s(xe, {
+    type: "month",
+    calendar: t,
+    onUpdateCalendar: a
+  }, {
+    default: () => [s("button", {
+      type: "button",
+      class: `${l}-btn ${l}-btn-text ${l}-btn-current-year`,
+      onClick: () => o("year")
+    }, [t.getFullYear()])]
+  }), s("div", {
+    class: `${l}-calendar-content`
+  }, [s("table", {
+    class: `${l}-table ${l}-table-month`
+  }, [De(v, 3).map((c, f) => s("tr", {
+    key: f
+  }, [c.map((w, m) => {
+    const b = f * 3 + m;
+    return s("td", {
+      key: m,
+      class: ["cell", e(d(b))],
+      "data-month": b,
+      onClick: i
+    }, [s("div", null, [w])]);
+  })]))])])]);
+}
+const tn = (t) => {
+  const e = Math.floor(t.getFullYear() / 10) * 10, n = [];
+  for (let a = 0; a < 10; a++)
+    n.push(e + a);
+  return De(n, 2);
+};
+function nn({
+  calendar: t,
+  getCellClasses: e = () => [],
+  getYearPanel: n = tn,
+  onSelect: a,
+  onUpdateCalendar: o
+}) {
+  const l = P(), p = (f) => j(f, 0), v = (f) => {
+    const m = f.currentTarget.getAttribute("data-year");
+    a(p(parseInt(m, 10)));
+  }, d = n(new Date(t)), i = d[0][0], c = Oe(Oe(d));
+  return s("div", {
+    class: `${l}-calendar ${l}-calendar-panel-year`
+  }, [s(xe, {
+    type: "year",
+    calendar: t,
+    onUpdateCalendar: o
+  }, {
+    default: () => [s("span", null, [i]), s("span", {
+      class: `${l}-calendar-decade-separator`
+    }, null), s("span", null, [c])]
+  }), s("div", {
+    class: `${l}-calendar-content`
+  }, [s("table", {
+    class: `${l}-table ${l}-table-year`
+  }, [d.map((f, w) => s("tr", {
+    key: w
+  }, [f.map((m, b) => s("td", {
+    key: b,
+    class: ["cell", e(p(m))],
+    "data-year": m,
+    onClick: v
+  }, [s("div", null, [m])]))]))])])]);
+}
+function an(t) {
+  const e = U(t, {
+    defaultValue: R(/* @__PURE__ */ new Date()),
+    type: "date",
+    disabledDate: () => !1,
+    getClasses: () => [],
+    titleFormat: "YYYY-MM-DD"
+  }), n = A(() => (Array.isArray(e.value) ? e.value : [e.value]).filter(N).map((h) => e.type === "year" ? Wt(h) : e.type === "month" ? Ae(h) : R(h))), a = k(/* @__PURE__ */ new Date());
+  Y(() => {
+    let r = e.calendar;
+    if (!N(r)) {
+      const {
+        length: h
+      } = n.value;
+      r = se(h > 0 ? n.value[h - 1] : e.defaultValue);
+    }
+    a.value = Ae(r);
+  });
+  const o = (r) => {
+    var h;
+    a.value = r, (h = e.onCalendarChange) == null || h.call(e, r);
+  }, l = k("date");
+  Y(() => {
+    const r = ["date", "month", "year"], h = Math.max(r.indexOf(e.type), r.indexOf(e.defaultPanel));
+    l.value = h !== -1 ? r[h] : "date";
+  });
+  const p = (r) => {
+    var h;
+    const C = l.value;
+    l.value = r, (h = e.onPanelChange) == null || h.call(e, r, C);
+  }, v = (r) => e.disabledDate(new Date(r), n.value), d = (r, h) => {
+    var C, $, _;
+    if (!v(r))
+      if ((C = e.onPick) == null || C.call(e, r), e.multiple === !0) {
+        const g = n.value.filter((D) => D.getTime() !== r.getTime());
+        g.length === n.value.length && g.push(r), ($ = e["onUpdate:value"]) == null || $.call(e, g, h);
+      } else
+        (_ = e["onUpdate:value"]) == null || _.call(e, r, h);
+  }, i = (r) => {
+    d(r, e.type === "week" ? "week" : "date");
+  }, c = (r) => {
+    if (e.type === "year")
+      d(r, "year");
+    else if (o(r), p("month"), e.partialUpdate && n.value.length === 1) {
+      const h = X(n.value[0], r.getFullYear());
+      d(h, "year");
+    }
+  }, f = (r) => {
+    if (e.type === "month")
+      d(r, "month");
+    else if (o(r), p("date"), e.partialUpdate && n.value.length === 1) {
+      const h = oe(X(n.value[0], r.getFullYear()), r.getMonth());
+      d(h, "month");
+    }
+  }, w = (r, h = []) => (v(r) ? h.push("disabled") : n.value.some((C) => C.getTime() === r.getTime()) && h.push("active"), h.concat(e.getClasses(r, n.value, h.join(" ")))), m = (r) => {
+    const h = r.getMonth() !== a.value.getMonth(), C = [];
+    return r.getTime() === (/* @__PURE__ */ new Date()).setHours(0, 0, 0, 0) && C.push("today"), h && C.push("not-current-month"), w(r, C);
+  }, b = (r) => e.type !== "month" ? a.value.getMonth() === r.getMonth() ? "active" : "" : w(r), y = (r) => e.type !== "year" ? a.value.getFullYear() === r.getFullYear() ? "active" : "" : w(r), u = (r) => {
+    if (e.type !== "week")
+      return !1;
+    const h = r[0].getTime(), C = r[6].getTime();
+    return n.value.some(($) => {
+      const _ = $.getTime();
+      return _ >= h && _ <= C;
+    });
+  };
+  return () => l.value === "year" ? s(nn, {
+    calendar: a.value,
+    getCellClasses: y,
+    getYearPanel: e.getYearPanel,
+    onSelect: c,
+    onUpdateCalendar: o
+  }, null) : l.value === "month" ? s(en, {
+    calendar: a.value,
+    getCellClasses: b,
+    onSelect: f,
+    onUpdatePanel: p,
+    onUpdateCalendar: o
+  }, null) : s(Zt, {
+    isWeekMode: e.type === "week",
+    showWeekNumber: e.showWeekNumber,
+    titleFormat: e.titleFormat,
+    calendar: a.value,
+    getCellClasses: m,
+    getWeekActive: u,
+    onSelect: i,
+    onUpdatePanel: p,
+    onUpdateCalendar: o,
+    onDateMouseEnter: e.onDateMouseEnter,
+    onDateMouseLeave: e.onDateMouseLeave
+  }, null);
+}
+const ie = B()(["type", "value", "defaultValue", "defaultPanel", "disabledDate", "getClasses", "calendar", "multiple", "partialUpdate", "showWeekNumber", "titleFormat", "getYearPanel", "onDateMouseEnter", "onDateMouseLeave", "onCalendarChange", "onPanelChange", "onUpdate:value", "onPick"]);
+var ue = I(an, ie);
+const Le = (t, e) => {
+  const n = t.getTime();
+  let [a, o] = e.map((l) => l.getTime());
+  return a > o && ([a, o] = [o, a]), n > a && n < o;
+};
+function ln(t) {
+  const e = U(t, {
+    defaultValue: /* @__PURE__ */ new Date(),
+    type: "date"
+  }), n = P(), a = A(() => {
+    let u = Array.isArray(e.defaultValue) ? e.defaultValue : [e.defaultValue, e.defaultValue];
+    return u = u.map((r) => R(r)), z(u) ? u : [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()].map((r) => R(r));
+  }), o = k([/* @__PURE__ */ new Date(NaN), /* @__PURE__ */ new Date(NaN)]);
+  Y(() => {
+    z(e.value) && (o.value = e.value);
+  });
+  const l = (u, r) => {
+    var h;
+    const [C, $] = o.value;
+    N(C) && !N($) ? (C.getTime() > u.getTime() ? o.value = [u, C] : o.value = [C, u], (h = e["onUpdate:value"]) == null || h.call(e, o.value, r)) : o.value = [u, /* @__PURE__ */ new Date(NaN)];
+  }, p = k([/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()]), v = A(() => z(e.calendar) ? e.calendar : p.value), d = A(() => e.type === "year" ? 120 : e.type === "month" ? 12 : 1), i = (u, r) => {
+    var h;
+    const C = zt(u[0], u[1]), $ = d.value - C;
+    if ($ > 0) {
+      const _ = r === 1 ? 0 : 1;
+      u[_] = oe(u[_], (g) => g + (_ === 0 ? -$ : $));
+    }
+    p.value = u, (h = e.onCalendarChange) == null || h.call(e, u, r);
+  }, c = (u) => {
+    i([u, v.value[1]], 0);
+  }, f = (u) => {
+    i([v.value[0], u], 1);
+  };
+  Y(() => {
+    const u = z(e.value) ? e.value : a.value;
+    i(u.slice(0, 2));
+  });
+  const w = k(null), m = (u) => w.value = u, b = () => w.value = null, y = (u, r, h) => {
+    const C = e.getClasses ? e.getClasses(u, r, h) : [], $ = Array.isArray(C) ? C : [C];
+    return /disabled|active/.test(h) ? $ : (r.length === 2 && Le(u, r) && $.push("in-range"), r.length === 1 && w.value && Le(u, [r[0], w.value]) ? $.concat("hover-in-range") : $);
+  };
+  return () => {
+    const u = v.value.map((r, h) => {
+      const C = S(M({}, e), {
+        calendar: r,
+        value: o.value,
+        defaultValue: a.value[h],
+        getClasses: y,
+        partialUpdate: !1,
+        multiple: !1,
+        "onUpdate:value": l,
+        onCalendarChange: h === 0 ? c : f,
+        onDateMouseLeave: b,
+        onDateMouseEnter: m
+      });
+      return s(ue, C, null);
+    });
+    return s("div", {
+      class: `${n}-calendar-range`
+    }, [u]);
+  };
+}
+const Me = ie;
+var Pe = I(ln, Me);
+const qe = nt({
+  setup(t, {
+    slots: e
+  }) {
+    const n = P(), a = k(), o = k(""), l = k("");
+    me(() => {
+      if (!a.value)
+        return;
+      const b = a.value, y = b.clientHeight * 100 / b.scrollHeight;
+      o.value = y < 100 ? `${y}%` : "";
+    });
+    const v = $t(), d = (b) => {
+      const y = b.currentTarget, {
+        scrollHeight: u,
+        scrollTop: r
+      } = y;
+      l.value = `${r * 100 / u}%`;
+    };
+    let i = !1, c = 0;
+    const f = (b) => {
+      b.stopImmediatePropagation();
+      const y = b.currentTarget, {
+        offsetTop: u
+      } = y;
+      i = !0, c = b.clientY - u;
+    }, w = (b) => {
+      if (!i || !a.value)
+        return;
+      const {
+        clientY: y
+      } = b, {
+        scrollHeight: u,
+        clientHeight: r
+      } = a.value, C = (y - c) * u / r;
+      a.value.scrollTop = C;
+    }, m = () => {
+      i = !1;
+    };
+    return me(() => {
+      document.addEventListener("mousemove", w), document.addEventListener("mouseup", m);
+    }), at(() => {
+      document.addEventListener("mousemove", w), document.addEventListener("mouseup", m);
+    }), () => {
+      var b;
+      return s("div", {
+        class: `${n}-scrollbar`,
+        style: {
+          position: "relative",
+          overflow: "hidden"
+        }
+      }, [s("div", {
+        ref: a,
+        class: `${n}-scrollbar-wrap`,
+        style: {
+          marginRight: `-${v}px`
+        },
+        onScroll: d
+      }, [(b = e.default) == null ? void 0 : b.call(e)]), s("div", {
+        class: `${n}-scrollbar-track`
+      }, [s("div", {
+        class: `${n}-scrollbar-thumb`,
+        style: {
+          height: o.value,
+          top: l.value
+        },
+        onMousedown: f
+      }, null)])]);
+    };
+  }
+});
+function on({
+  options: t,
+  getClasses: e,
+  onSelect: n
+}) {
+  const a = P(), o = (l) => {
+    const p = l.target, v = l.currentTarget;
+    if (p.tagName.toUpperCase() !== "LI")
+      return;
+    const d = v.getAttribute("data-type"), i = parseInt(v.getAttribute("data-index"), 10), c = parseInt(p.getAttribute("data-index"), 10), f = t[i].list[c].value;
+    n(f, d);
+  };
+  return s("div", {
+    class: `${a}-time-columns`
+  }, [t.map((l, p) => s(qe, {
+    key: l.type,
+    class: `${a}-time-column`
+  }, {
+    default: () => [s("ul", {
+      class: `${a}-time-list`,
+      "data-index": p,
+      "data-type": l.type,
+      onClick: o
+    }, [l.list.map((v, d) => s("li", {
+      key: v.text,
+      "data-index": d,
+      class: [`${a}-time-item`, e(v.value, l.type)]
+    }, [v.text]))])]
+  }))]);
+}
+function rn(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !ut(t);
+}
+function sn(t) {
+  let e;
+  const n = P();
+  return s(qe, null, rn(e = t.options.map((a) => s("div", {
+    key: a.text,
+    class: [`${n}-time-option`, t.getClasses(a.value, "time")],
+    onClick: () => t.onSelect(a.value, "time")
+  }, [a.text]))) ? e : {
+    default: () => [e]
+  });
+}
+function pe({
+  length: t,
+  step: e = 1,
+  options: n
+}) {
+  if (Array.isArray(n))
+    return n.filter((o) => o >= 0 && o < t);
+  e <= 0 && (e = 1);
+  const a = [];
+  for (let o = 0; o < t; o += e)
+    a.push(o);
+  return a;
+}
+function un(t, e) {
+  let { showHour: n, showMinute: a, showSecond: o, use12h: l } = e;
+  const p = e.format || "HH:mm:ss";
+  n = typeof n == "boolean" ? n : /[HhKk]/.test(p), a = typeof a == "boolean" ? a : /m/.test(p), o = typeof o == "boolean" ? o : /s/.test(p), l = typeof l == "boolean" ? l : /a/i.test(p);
+  const v = [], d = l && t.getHours() >= 12;
+  return n && v.push({
+    type: "hour",
+    list: pe({
+      length: l ? 12 : 24,
+      step: e.hourStep,
+      options: e.hourOptions
+    }).map((i) => {
+      const c = i === 0 && l ? "12" : fe(i), f = new Date(t);
+      return f.setHours(d ? i + 12 : i), { value: f, text: c };
+    })
+  }), a && v.push({
+    type: "minute",
+    list: pe({
+      length: 60,
+      step: e.minuteStep,
+      options: e.minuteOptions
+    }).map((i) => {
+      const c = new Date(t);
+      return c.setMinutes(i), { value: c, text: fe(i) };
+    })
+  }), o && v.push({
+    type: "second",
+    list: pe({
+      length: 60,
+      step: e.secondStep,
+      options: e.secondOptions
+    }).map((i) => {
+      const c = new Date(t);
+      return c.setSeconds(i), { value: c, text: fe(i) };
+    })
+  }), l && v.push({
+    type: "ampm",
+    list: ["AM", "PM"].map((i, c) => {
+      const f = new Date(t);
+      return f.setHours(f.getHours() % 12 + c * 12), { text: i, value: f };
+    })
+  }), v;
+}
+function ve(t = "") {
+  const e = t.split(":");
+  if (e.length >= 2) {
+    const n = parseInt(e[0], 10), a = parseInt(e[1], 10);
+    return {
+      hours: n,
+      minutes: a
+    };
+  }
+  return null;
+}
+function cn({
+  date: t,
+  option: e,
+  format: n,
+  formatDate: a
+}) {
+  const o = [];
+  if (typeof e == "function")
+    return e() || [];
+  const l = ve(e.start), p = ve(e.end), v = ve(e.step), d = e.format || n;
+  if (l && p && v) {
+    const i = l.minutes + l.hours * 60, c = p.minutes + p.hours * 60, f = v.minutes + v.hours * 60, w = Math.floor((c - i) / f);
+    for (let m = 0; m <= w; m++) {
+      const b = i + m * f, y = Math.floor(b / 60), u = b % 60, r = new Date(t);
+      r.setHours(y, u, 0), o.push({
+        value: r,
+        text: a(r, d)
+      });
+    }
+  }
+  return o;
+}
+const Ge = (t, e, n = 0) => {
+  if (n <= 0) {
+    requestAnimationFrame(() => {
+      t.scrollTop = e;
+    });
+    return;
+  }
+  const o = (e - t.scrollTop) / n * 10;
+  requestAnimationFrame(() => {
+    const l = t.scrollTop + o;
+    if (l >= e) {
+      t.scrollTop = e;
+      return;
+    }
+    t.scrollTop = l, Ge(t, e, n - 10);
+  });
+};
+function dn(t) {
+  const e = U(t, {
+    defaultValue: R(/* @__PURE__ */ new Date()),
+    format: "HH:mm:ss",
+    timeTitleFormat: "YYYY-MM-DD",
+    disabledTime: () => !1,
+    scrollDuration: 100
+  }), n = P(), a = Te(), o = (y, u) => Ce(y, u, {
+    locale: a.value.formatLocale
+  }), l = k(/* @__PURE__ */ new Date());
+  Y(() => {
+    l.value = se(e.value, e.defaultValue);
+  });
+  const p = (y) => Array.isArray(y) ? y.every((u) => e.disabledTime(new Date(u))) : e.disabledTime(new Date(y)), v = (y) => {
+    const u = new Date(y);
+    return p([u.getTime(), u.setMinutes(0, 0, 0), u.setMinutes(59, 59, 999)]);
+  }, d = (y) => {
+    const u = new Date(y);
+    return p([u.getTime(), u.setSeconds(0, 0), u.setSeconds(59, 999)]);
+  }, i = (y) => {
+    const u = new Date(y), r = u.getHours() < 12 ? 0 : 12, h = r + 11;
+    return p([u.getTime(), u.setHours(r, 0, 0, 0), u.setHours(h, 59, 59, 999)]);
+  }, c = (y, u) => u === "hour" ? v(y) : u === "minute" ? d(y) : u === "ampm" ? i(y) : p(y), f = (y, u) => {
+    var r;
+    if (!c(y, u)) {
+      const h = new Date(y);
+      l.value = h, p(h) || (r = e["onUpdate:value"]) == null || r.call(e, h, u);
+    }
+  }, w = (y, u) => c(y, u) ? "disabled" : y.getTime() === l.value.getTime() ? "active" : "", m = k(), b = (y) => {
+    if (!m.value)
+      return;
+    const u = m.value.querySelectorAll(".active");
+    for (let r = 0; r < u.length; r++) {
+      const h = u[r], C = $e(h, m.value);
+      if (C) {
+        const $ = h.offsetTop;
+        Ge(C, $, y);
+      }
+    }
+  };
+  return me(() => b(0)), st(l, () => b(e.scrollDuration), {
+    flush: "post"
+  }), () => {
+    let y;
+    return e.timePickerOptions ? y = s(sn, {
+      onSelect: f,
+      getClasses: w,
+      options: cn({
+        date: l.value,
+        format: e.format,
+        option: e.timePickerOptions,
+        formatDate: o
+      })
+    }, null) : y = s(on, {
+      options: un(l.value, e),
+      onSelect: f,
+      getClasses: w
+    }, null), s("div", {
+      class: `${n}-time`,
+      ref: m
+    }, [e.showTimeHeader && s("div", {
+      class: `${n}-time-header`
+    }, [s("button", {
+      type: "button",
+      class: `${n}-btn ${n}-btn-text ${n}-time-header-title`,
+      onClick: e.onClickTitle
+    }, [o(l.value, e.timeTitleFormat)])]), s("div", {
+      class: `${n}-time-content`
+    }, [y])]);
+  };
+}
+const ce = B()(["value", "defaultValue", "format", "timeTitleFormat", "showTimeHeader", "disabledTime", "timePickerOptions", "hourOptions", "minuteOptions", "secondOptions", "hourStep", "minuteStep", "secondStep", "showHour", "showMinute", "showSecond", "use12h", "scrollDuration", "onClickTitle", "onUpdate:value"]);
+var Q = I(dn, ce);
+function fn(t) {
+  const e = U(t, {
+    defaultValue: R(/* @__PURE__ */ new Date()),
+    disabledTime: () => !1
+  }), n = P(), a = k([/* @__PURE__ */ new Date(NaN), /* @__PURE__ */ new Date(NaN)]);
+  Y(() => {
+    z(e.value) ? a.value = e.value : a.value = [/* @__PURE__ */ new Date(NaN), /* @__PURE__ */ new Date(NaN)];
+  });
+  const o = (i, c) => {
+    var f;
+    (f = e["onUpdate:value"]) == null || f.call(e, a.value, i === "time" ? "time-range" : i, c);
+  }, l = (i, c) => {
+    a.value[0] = i, a.value[1].getTime() >= i.getTime() || (a.value[1] = i), o(c, 0);
+  }, p = (i, c) => {
+    a.value[1] = i, a.value[0].getTime() <= i.getTime() || (a.value[0] = i), o(c, 1);
+  }, v = (i) => e.disabledTime(i, 0), d = (i) => i.getTime() < a.value[0].getTime() || e.disabledTime(i, 1);
+  return () => {
+    const i = Array.isArray(e.defaultValue) ? e.defaultValue : [e.defaultValue, e.defaultValue];
+    return s("div", {
+      class: `${n}-time-range`
+    }, [s(Q, S(M({}, e), {
+      "onUpdate:value": l,
+      value: a.value[0],
+      defaultValue: i[0],
+      disabledTime: v
+    }), null), s(Q, S(M({}, e), {
+      "onUpdate:value": p,
+      value: a.value[1],
+      defaultValue: i[1],
+      disabledTime: d
+    }), null)]);
+  };
+}
+const _e = ce;
+var Ve = I(fn, _e);
+function Xe(t) {
+  const e = k(!1), n = () => {
+    var l;
+    e.value = !1, (l = t.onShowTimePanelChange) == null || l.call(t, !1);
+  }, a = () => {
+    var l;
+    e.value = !0, (l = t.onShowTimePanelChange) == null || l.call(t, !0);
+  };
+  return { timeVisible: A(() => typeof t.showTimePanel == "boolean" ? t.showTimePanel : e.value), openTimePanel: a, closeTimePanel: n };
+}
+function pn(t) {
+  const e = U(t, {
+    disabledTime: () => !1,
+    defaultValue: R(/* @__PURE__ */ new Date())
+  }), n = k(e.value);
+  Y(() => {
+    n.value = e.value;
+  });
+  const {
+    openTimePanel: a,
+    closeTimePanel: o,
+    timeVisible: l
+  } = Xe(e), p = (v, d) => {
+    var i;
+    d === "date" && a();
+    let c = re(v, se(e.value, e.defaultValue));
+    if (e.disabledTime(new Date(c)) && (c = re(v, e.defaultValue), e.disabledTime(new Date(c)))) {
+      n.value = c;
+      return;
+    }
+    (i = e["onUpdate:value"]) == null || i.call(e, c, d);
+  };
+  return () => {
+    const v = P(), d = S(M({}, L(e, ie)), {
+      multiple: !1,
+      type: "date",
+      value: n.value,
+      "onUpdate:value": p
+    }), i = S(M({}, L(e, ce)), {
+      showTimeHeader: !0,
+      value: n.value,
+      "onUpdate:value": e["onUpdate:value"],
+      onClickTitle: o
+    });
+    return s("div", {
+      class: `${v}-date-time`
+    }, [s(ue, d, null), l.value && s(Q, i, null)]);
+  };
+}
+const Je = B()(["showTimePanel", "onShowTimePanelChange"]), vn = [...Je, ...ie, ...ce];
+var Qe = I(pn, vn);
+function mn(t) {
+  const e = U(t, {
+    defaultValue: R(/* @__PURE__ */ new Date()),
+    disabledTime: () => !1
+  }), n = k(e.value);
+  Y(() => {
+    n.value = e.value;
+  });
+  const {
+    openTimePanel: a,
+    closeTimePanel: o,
+    timeVisible: l
+  } = Xe(e), p = (v, d) => {
+    var i;
+    d === "date" && a();
+    const c = Array.isArray(e.defaultValue) ? e.defaultValue : [e.defaultValue, e.defaultValue];
+    let f = v.map((w, m) => {
+      const b = z(e.value) ? e.value[m] : c[m];
+      return re(w, b);
+    });
+    if (f[1].getTime() < f[0].getTime() && (f = [f[0], f[0]]), f.some(e.disabledTime) && (f = v.map((w, m) => re(w, c[m])), f.some(e.disabledTime))) {
+      n.value = f;
+      return;
+    }
+    (i = e["onUpdate:value"]) == null || i.call(e, f, d);
+  };
+  return () => {
+    const v = P(), d = S(M({}, L(e, Me)), {
+      type: "date",
+      value: n.value,
+      "onUpdate:value": p
+    }), i = S(M({}, L(e, _e)), {
+      showTimeHeader: !0,
+      value: n.value,
+      "onUpdate:value": e["onUpdate:value"],
+      onClickTitle: o
+    });
+    return s("div", {
+      class: `${v}-date-time-range`
+    }, [s(Pe, d, null), l.value && s(Ve, i, null)]);
+  };
+}
+const hn = [...Je, ..._e, ...Me];
+var Ze = I(mn, hn);
+const gn = B()(["range", "open", "appendToBody", "clearable", "confirm", "disabled", "editable", "multiple", "partialUpdate", "showHour", "showMinute", "showSecond", "showTimeHeader", "showTimePanel", "showWeekNumber", "use12h"]), Ne = {
+  date: "YYYY-MM-DD",
+  datetime: "YYYY-MM-DD HH:mm:ss",
+  year: "YYYY",
+  month: "YYYY-MM",
+  time: "HH:mm:ss",
+  week: "w"
+};
+function et(t, {
+  slots: e
+}) {
+  const n = t.type || "date", a = t.format || Ne[n] || Ne.date, o = S(M({}, xt(t, gn)), {
+    type: n,
+    format: a
+  });
+  return s(Ee, L(o, Ee.props), M({
+    content: (l) => {
+      if (o.range) {
+        const p = n === "time" ? Ve : n === "datetime" ? Ze : Pe;
+        return Ye(p, L(M(M({}, o), l), p.props));
+      } else {
+        const p = n === "time" ? Q : n === "datetime" ? Qe : ue;
+        return Ye(p, L(M(M({}, o), l), p.props));
+      }
+    },
+    "icon-calendar": () => n === "time" ? s(Rt, null, null) : s(Ke, null, null)
+  }, e));
+}
+const yn = {
+  locale: Re,
+  install: (t) => {
+    t.component("DatePicker", et);
+  }
+};
+var $n = Object.assign(et, yn, {
+  Calendar: ue,
+  CalendarRange: Pe,
+  TimePanel: Q,
+  TimeRange: Ve,
+  DateTime: Qe,
+  DateTimeRange: Ze
+});
 export {
-  o as default
+  $n as default
 };