@dazhicheng/ui 1.0.7 → 1.0.8

package/dist/panel-time-pick.vue2-DYyyaJH8.js

@@ -0,0 +1,2026 @@
+import { A as Kt, B as Ut, D as it, a as re, j as Te, U as wt, c as jt, d as fe, C as xe, E as qt, F as Zt, N as ut, o as Gt, f as Jt, e as Xt } from "./index-7R1S3sB2.js";
+import { ref as N, computed as F, defineComponent as be, reactive as St, createElementBlock as X, openBlock as Y, normalizeStyle as Re, normalizeClass as W, unref as t, renderSlot as Ae, createElementVNode as se, mergeProps as Qe, useAttrs as Qt, inject as Fe, watch as Ye, nextTick as he, onBeforeUnmount as kt, provide as et, createBlock as G, withCtx as Q, withModifiers as Me, createCommentVNode as de, resolveDynamicComponent as Le, toDisplayString as ce, toRef as ct, Transition as Pt, withDirectives as tt, vShow as ea, Fragment as le, createVNode as $e, onActivated as ta, onMounted as Ct, onUpdated as aa, renderList as ze, createTextVNode as _e } from "vue";
+import { onClickOutside as na, unrefElement as oa, useEventListener as at, isClient as sa, useResizeObserver as dt } from "@vueuse/core";
+import { u as la, E as ra } from "./index-D2KfwzYW.js";
+import { E as De, a as ft, g as ia } from "./index-BWFNEHAe.js";
+import { u as ua, E as ca, a as pt, b as da, c as fa, B as pa, r as ma, G as Ce } from "./util-2yRGKqgX.js";
+import { isEqual as va, debounce as ha } from "lodash-es";
+import { u as Mt } from "./index-BQfVaV7A.js";
+import { p as Et, b as pe, a as q, u as ga, j as ba, h as ya, d as Ke, e as Ie, t as wa, w as Sa, g as ka } from "./use-form-common-props-CH53YdF-.js";
+import { u as Dt } from "./index-B-3b7Nox.js";
+import { u as It, a as Pa } from "./use-form-item--pOyiE--.js";
+import { u as Tt } from "./index-CN_A-qCa.js";
+import { g as At, E as Ee } from "./event-CgLWlq-W.js";
+import { v as mt } from "./index-RZOtcmxt.js";
+var Rt = { exports: {} };
+(function(n, d) {
+  (function(l, a) {
+    n.exports = a();
+  })(Kt, function() {
+    var l = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, a = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, b = /\d/, I = /\d\d/, f = /\d\d?/, c = /\d*[^-_:/,()\s\d]+/, E = {}, y = function(o) {
+      return (o = +o) + (o > 68 ? 1900 : 2e3);
+    }, w = function(o) {
+      return function(g) {
+        this[o] = +g;
+      };
+    }, C = [/[+-]\d\d:?(\d\d)?|Z/, function(o) {
+      (this.zone || (this.zone = {})).offset = function(g) {
+        if (!g || g === "Z") return 0;
+        var P = g.match(/([+-]|\d\d)/g), T = 60 * P[1] + (+P[2] || 0);
+        return T === 0 ? 0 : P[0] === "+" ? -T : T;
+      }(o);
+    }], k = function(o) {
+      var g = E[o];
+      return g && (g.indexOf ? g : g.s.concat(g.f));
+    }, u = function(o, g) {
+      var P, T = E.meridiem;
+      if (T) {
+        for (var S = 1; S <= 24; S += 1) if (o.indexOf(T(S, 0, g)) > -1) {
+          P = S > 12;
+          break;
+        }
+      } else P = o === (g ? "pm" : "PM");
+      return P;
+    }, r = { A: [c, function(o) {
+      this.afternoon = u(o, !1);
+    }], a: [c, function(o) {
+      this.afternoon = u(o, !0);
+    }], Q: [b, function(o) {
+      this.month = 3 * (o - 1) + 1;
+    }], S: [b, function(o) {
+      this.milliseconds = 100 * +o;
+    }], SS: [I, function(o) {
+      this.milliseconds = 10 * +o;
+    }], SSS: [/\d{3}/, function(o) {
+      this.milliseconds = +o;
+    }], s: [f, w("seconds")], ss: [f, w("seconds")], m: [f, w("minutes")], mm: [f, w("minutes")], H: [f, w("hours")], h: [f, w("hours")], HH: [f, w("hours")], hh: [f, w("hours")], D: [f, w("day")], DD: [I, w("day")], Do: [c, function(o) {
+      var g = E.ordinal, P = o.match(/\d+/);
+      if (this.day = P[0], g) for (var T = 1; T <= 31; T += 1) g(T).replace(/\[|\]/g, "") === o && (this.day = T);
+    }], w: [f, w("week")], ww: [I, w("week")], M: [f, w("month")], MM: [I, w("month")], MMM: [c, function(o) {
+      var g = k("months"), P = (k("monthsShort") || g.map(function(T) {
+        return T.slice(0, 3);
+      })).indexOf(o) + 1;
+      if (P < 1) throw new Error();
+      this.month = P % 12 || P;
+    }], MMMM: [c, function(o) {
+      var g = k("months").indexOf(o) + 1;
+      if (g < 1) throw new Error();
+      this.month = g % 12 || g;
+    }], Y: [/[+-]?\d+/, w("year")], YY: [I, function(o) {
+      this.year = y(o);
+    }], YYYY: [/\d{4}/, w("year")], Z: C, ZZ: C };
+    function M(o) {
+      var g, P;
+      g = o, P = E && E.formats;
+      for (var T = (o = g.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(_, H, p) {
+        var R = p && p.toUpperCase();
+        return H || P[p] || l[p] || P[R].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(K, U, ee) {
+          return U || ee.slice(1);
+        });
+      })).match(a), S = T.length, D = 0; D < S; D += 1) {
+        var x = T[D], B = r[x], s = B && B[0], V = B && B[1];
+        T[D] = V ? { regex: s, parser: V } : x.replace(/^\[|\]$/g, "");
+      }
+      return function(_) {
+        for (var H = {}, p = 0, R = 0; p < S; p += 1) {
+          var K = T[p];
+          if (typeof K == "string") R += K.length;
+          else {
+            var U = K.regex, ee = K.parser, ae = _.slice(R), O = U.exec(ae)[0];
+            ee.call(H, O), _ = _.replace(O, "");
+          }
+        }
+        return function(L) {
+          var J = L.afternoon;
+          if (J !== void 0) {
+            var j = L.hours;
+            J ? j < 12 && (L.hours += 12) : j === 12 && (L.hours = 0), delete L.afternoon;
+          }
+        }(H), H;
+      };
+    }
+    return function(o, g, P) {
+      P.p.customParseFormat = !0, o && o.parseTwoDigitYear && (y = o.parseTwoDigitYear);
+      var T = g.prototype, S = T.parse;
+      T.parse = function(D) {
+        var x = D.date, B = D.utc, s = D.args;
+        this.$u = B;
+        var V = s[1];
+        if (typeof V == "string") {
+          var _ = s[2] === !0, H = s[3] === !0, p = _ || H, R = s[2];
+          H && (R = s[2]), E = this.$locale(), !_ && R && (E = P.Ls[R]), this.$d = function(ae, O, L, J) {
+            try {
+              if (["x", "X"].indexOf(O) > -1) return new Date((O === "X" ? 1e3 : 1) * ae);
+              var j = M(O)(ae), te = j.year, i = j.month, v = j.day, m = j.hours, A = j.minutes, $ = j.seconds, Z = j.milliseconds, ie = j.zone, ne = j.week, ye = /* @__PURE__ */ new Date(), we = v || (te || i ? 1 : ye.getDate()), Se = te || ye.getFullYear(), ue = 0;
+              te && !i || (ue = i > 0 ? i - 1 : ye.getMonth());
+              var me, ge = m || 0, ve = A || 0, ke = $ || 0, Pe = Z || 0;
+              return ie ? new Date(Date.UTC(Se, ue, we, ge, ve, ke, Pe + 60 * ie.offset * 1e3)) : L ? new Date(Date.UTC(Se, ue, we, ge, ve, ke, Pe)) : (me = new Date(Se, ue, we, ge, ve, ke, Pe), ne && (me = J(me).week(ne).toDate()), me);
+            } catch {
+              return /* @__PURE__ */ new Date("");
+            }
+          }(x, V, B, P), this.init(), R && R !== !0 && (this.$L = this.locale(R).$L), p && x != this.format(V) && (this.$d = /* @__PURE__ */ new Date("")), E = {};
+        } else if (V instanceof Array) for (var K = V.length, U = 1; U <= K; U += 1) {
+          s[1] = V[U - 1];
+          var ee = P.apply(this, s);
+          if (ee.isValid()) {
+            this.$d = ee.$d, this.$L = ee.$L, this.init();
+            break;
+          }
+          U === K && (this.$d = /* @__PURE__ */ new Date(""));
+        }
+        else S.call(this, D);
+      };
+    };
+  });
+})(Rt);
+var Ca = Rt.exports;
+const dn = /* @__PURE__ */ Ut(Ca), vt = ["hours", "minutes", "seconds"], ot = "EP_PICKER_BASE", Ma = "ElPopperOptions", Ea = /* @__PURE__ */ Symbol("commonPickerContextKey"), nt = "HH:mm:ss", Ve = "YYYY-MM-DD", fn = {
+  date: Ve,
+  dates: Ve,
+  week: "gggg[w]ww",
+  year: "YYYY",
+  years: "YYYY",
+  month: "YYYY-MM",
+  months: "YYYY-MM",
+  datetime: `${Ve} ${nt}`,
+  monthrange: "YYYY-MM",
+  yearrange: "YYYY",
+  daterange: Ve,
+  datetimerange: `${Ve} ${nt}`
+}, Ze = (n, d) => [
+  n > 0 ? n - 1 : void 0,
+  n,
+  n < d ? n + 1 : void 0
+], pn = (n) => Array.from(Array.from({ length: n }).keys()), mn = (n) => n.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim(), vn = (n) => n.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g, "").trim(), ht = function(n, d) {
+  const l = it(n), a = it(d);
+  return l && a ? n.getTime() === d.getTime() : !l && !a ? n === d : !1;
+}, Ot = function(n, d) {
+  const l = re(n), a = re(d);
+  return l && a ? n.length !== d.length ? !1 : n.every((b, I) => ht(b, d[I])) : !l && !a ? ht(n, d) : !1;
+}, gt = function(n, d, l) {
+  const a = Et(d) || d === "x" ? Te(n).locale(l) : Te(n, d).locale(l);
+  return a.isValid() ? a : void 0;
+}, bt = function(n, d, l) {
+  return Et(d) ? n : d === "x" ? +n : Te(n).locale(l).format(d);
+}, Ge = (n, d) => {
+  var l;
+  const a = [], b = d == null ? void 0 : d();
+  for (let I = 0; I < n; I++)
+    a.push((l = b == null ? void 0 : b.includes(I)) != null ? l : !1);
+  return a;
+}, We = (n) => re(n) ? n.map((d) => d.toDate()) : n.toDate(), Da = (n, d) => {
+  const { lang: l } = Mt(), a = N(!1), b = N(!1), I = N(null), f = F(() => {
+    const { modelValue: r } = n;
+    return !r || re(r) && !r.filter(Boolean).length;
+  }), c = (r) => {
+    if (!Ot(n.modelValue, r)) {
+      let M;
+      re(r) ? M = r.map(
+        (g) => bt(g, n.valueFormat, l.value)
+      ) : r && (M = bt(r, n.valueFormat, l.value)), d(wt, r && M, l.value);
+    }
+  }, E = F(() => {
+    var r;
+    let M;
+    if (f.value ? y.value.getDefaultValue && (M = y.value.getDefaultValue()) : re(n.modelValue) ? M = n.modelValue.map(
+      (o) => gt(o, n.valueFormat, l.value)
+    ) : M = gt(
+      (r = n.modelValue) != null ? r : "",
+      n.valueFormat,
+      l.value
+    ), y.value.getRangeAvailableTime) {
+      const o = y.value.getRangeAvailableTime(
+        M
+      );
+      va(o, M) || (M = o, f.value || c(We(M)));
+    }
+    return re(M) && M.some((o) => !o) && (M = []), M;
+  }), y = N({});
+  return {
+    parsedValue: E,
+    pickerActualVisible: b,
+    pickerOptions: y,
+    pickerVisible: a,
+    userInput: I,
+    valueIsEmpty: f,
+    emitInput: c,
+    onCalendarChange: (r) => {
+      d("calendar-change", r);
+    },
+    onPanelChange: (r, M, o) => {
+      d("panel-change", r, M, o);
+    },
+    onPick: (r = "", M = !1) => {
+      a.value = M;
+      let o;
+      re(r) ? o = r.map((g) => g.toDate()) : o = r && r.toDate(), I.value = null, c(o);
+    },
+    onSetPickerOption: (r) => {
+      y.value[r[0]] = r[1], y.value.panelReady = !0;
+    }
+  };
+}, Vt = pe({
+  /**
+   * @description To specify the array of hours that cannot be selected
+   */
+  disabledHours: {
+    type: q(Function)
+  },
+  /**
+   * @description To specify the array of minutes that cannot be selected
+   */
+  disabledMinutes: {
+    type: q(Function)
+  },
+  /**
+   * @description To specify the array of seconds that cannot be selected
+   */
+  disabledSeconds: {
+    type: q(Function)
+  }
+}), Ia = pe({
+  visible: Boolean,
+  actualVisible: {
+    type: Boolean,
+    default: void 0
+  },
+  format: {
+    type: String,
+    default: ""
+  }
+}), Ta = pe({
+  /**
+   * @description this prop decides if the date picker panel pops up when the input is focused
+   */
+  automaticDropdown: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description same as `id` in native input
+   */
+  id: {
+    type: q([Array, String])
+  },
+  /**
+   * @description same as `name` in native input
+   */
+  name: {
+    type: q([Array, String])
+  },
+  /**
+   * @description custom class name for TimePicker's dropdown
+   */
+  popperClass: pt.popperClass,
+  /**
+   * @description custom style for TimePicker's dropdown
+   */
+  popperStyle: pt.popperStyle,
+  /**
+   * @description format of the displayed value in the input box
+   */
+  format: String,
+  /**
+   * @description optional, format of binding value. If not specified, the binding value will be a Date object
+   */
+  valueFormat: String,
+  /**
+   * @description optional, format of the date displayed in input's inner panel
+   */
+  dateFormat: String,
+  /**
+   * @description optional, format of the time displayed in input's inner panel
+   */
+  timeFormat: String,
+  /**
+   * @description type of the picker
+   */
+  type: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description whether to show clear button
+   */
+  clearable: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description Custom clear icon component
+   */
+  clearIcon: {
+    type: q([String, Object]),
+    default: jt
+  },
+  /**
+   * @description whether the input is editable
+   */
+  editable: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description Custom prefix icon component
+   */
+  prefixIcon: {
+    type: q([String, Object]),
+    default: ""
+  },
+  /**
+   * @description size of Input
+   */
+  size: ga,
+  /**
+   * @description whether TimePicker is read only
+   */
+  readonly: Boolean,
+  /**
+   * @description whether TimePicker is disabled
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description placeholder in non-range mode
+   */
+  placeholder: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description [popper.js](https://popper.js.org/docs/v2/) parameters
+   */
+  popperOptions: {
+    type: q(Object),
+    default: () => ({})
+  },
+  /**
+   * @description binding value, if it is an array, the length should be 2
+   */
+  modelValue: {
+    type: q([Date, Array, String, Number]),
+    default: ""
+  },
+  /**
+   * @description range separator
+   */
+  rangeSeparator: {
+    type: String,
+    default: "-"
+  },
+  /**
+   * @description placeholder for the start date in range mode
+   */
+  startPlaceholder: String,
+  /**
+   * @description placeholder for the end date in range mode
+   */
+  endPlaceholder: String,
+  /**
+   * @description optional, default date of the calendar
+   */
+  defaultValue: {
+    type: q([Date, Array])
+  },
+  /**
+   * @description optional, the time value to use when selecting date range
+   */
+  defaultTime: {
+    type: q([Date, Array])
+  },
+  /**
+   * @description whether to pick a time range
+   */
+  isRange: Boolean,
+  ...Vt,
+  /**
+   * @description a function determining if a date is disabled with that date as its parameter. Should return a Boolean
+   */
+  disabledDate: {
+    type: Function
+  },
+  /**
+   * @description set custom className
+   */
+  cellClassName: {
+    type: Function
+  },
+  /**
+   * @description an object array to set shortcut options
+   */
+  shortcuts: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description whether to pick time using arrow buttons
+   */
+  arrowControl: Boolean,
+  /**
+   * @description input tabindex
+   */
+  tabindex: {
+    type: q([String, Number]),
+    default: 0
+  },
+  /**
+   * @description whether to trigger form validation
+   */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description unlink two date-panels in range-picker
+   */
+  unlinkPanels: Boolean,
+  /**
+   * @description position of dropdown
+   */
+  placement: {
+    type: q(String),
+    values: ca,
+    default: "bottom"
+  },
+  /**
+   * @description list of possible positions for dropdown
+   */
+  fallbackPlacements: {
+    type: q(Array),
+    default: ["bottom", "top", "right", "left"]
+  },
+  ...ua,
+  ...Dt(["ariaLabel"]),
+  /**
+   * @description whether to show the now button
+   */
+  showNow: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether to show footer
+   */
+  showConfirm: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether to show footer
+   */
+  showFooter: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether to show the number of the calendar week
+   */
+  showWeekNumber: Boolean
+}), Lt = pe({
+  id: {
+    type: q(Array)
+  },
+  name: {
+    type: q(Array)
+  },
+  modelValue: {
+    type: q([Array, String])
+  },
+  startPlaceholder: String,
+  endPlaceholder: String,
+  disabled: Boolean
+}), hn = Lt, Aa = ["id", "name", "placeholder", "value", "disabled"], Ra = ["id", "name", "placeholder", "value", "disabled"];
+var Oa = /* @__PURE__ */ be({
+  name: "PickerRangeTrigger",
+  inheritAttrs: !1,
+  __name: "picker-range-trigger",
+  props: Lt,
+  emits: [
+    "mouseenter",
+    "mouseleave",
+    "click",
+    "touchstart",
+    "focus",
+    "blur",
+    "startInput",
+    "endInput",
+    "startChange",
+    "endChange"
+  ],
+  setup(n, { expose: d, emit: l }) {
+    const a = n, b = l, { formItem: I } = It(), { inputId: f } = Pa(
+      St({ id: F(() => {
+        var s;
+        return (s = a.id) == null ? void 0 : s[0];
+      }) }),
+      {
+        formItemContext: I
+      }
+    ), c = la(), E = fe("date"), y = fe("range"), w = N(), C = N(), { wrapperRef: k, isFocused: u } = Tt(w, {
+      disabled: F(() => a.disabled)
+    }), r = (s) => {
+      b("click", s);
+    }, M = (s) => {
+      b("mouseenter", s);
+    }, o = (s) => {
+      b("mouseleave", s);
+    }, g = (s) => {
+      b("touchstart", s);
+    }, P = (s) => {
+      b("startInput", s);
+    }, T = (s) => {
+      b("endInput", s);
+    }, S = (s) => {
+      b("startChange", s);
+    }, D = (s) => {
+      b("endChange", s);
+    };
+    return d({
+      focus: () => {
+        var s;
+        (s = w.value) == null || s.focus();
+      },
+      blur: () => {
+        var s, V;
+        (s = w.value) == null || s.blur(), (V = C.value) == null || V.blur();
+      }
+    }), (s, V) => (Y(), X(
+      "div",
+      {
+        ref_key: "wrapperRef",
+        ref: k,
+        class: W([t(E).is("active", t(u)), s.$attrs.class]),
+        style: Re(
+          // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+          s.$attrs.style
+        ),
+        onClick: r,
+        onMouseenter: M,
+        onMouseleave: o,
+        onTouchstartPassive: g
+      },
+      [
+        Ae(s.$slots, "prefix"),
+        se("input", Qe(t(c), {
+          id: t(f),
+          ref_key: "inputRef",
+          ref: w,
+          name: s.name && s.name[0],
+          placeholder: s.startPlaceholder,
+          value: s.modelValue && s.modelValue[0],
+          class: t(y).b("input"),
+          disabled: s.disabled,
+          onInput: P,
+          onChange: S
+        }), null, 16, Aa),
+        Ae(s.$slots, "range-separator"),
+        se("input", Qe(t(c), {
+          id: s.id && s.id[1],
+          ref_key: "endInputRef",
+          ref: C,
+          name: s.name && s.name[1],
+          placeholder: s.endPlaceholder,
+          value: s.modelValue && s.modelValue[1],
+          class: t(y).b("input"),
+          disabled: s.disabled,
+          onInput: T,
+          onChange: D
+        }), null, 16, Ra),
+        Ae(s.$slots, "suffix")
+      ],
+      38
+      /* CLASS, STYLE, NEED_HYDRATION */
+    ));
+  }
+}), gn = /* @__PURE__ */ be({
+  name: "Picker",
+  __name: "picker",
+  props: Ta,
+  emits: [
+    wt,
+    xe,
+    "focus",
+    "blur",
+    "clear",
+    "calendar-change",
+    "panel-change",
+    "visible-change",
+    "keydown"
+  ],
+  setup(n, { expose: d, emit: l }) {
+    const a = n, b = l, I = Qt(), f = fe("date"), c = fe("input"), E = fe("range"), { formItem: y } = It(), w = Fe(
+      Ma,
+      {}
+    ), C = da(a, null), k = N(), u = N(), r = N(null);
+    let M = !1;
+    const o = ba(), g = Da(a, b), {
+      parsedValue: P,
+      pickerActualVisible: T,
+      userInput: S,
+      pickerVisible: D,
+      pickerOptions: x,
+      valueIsEmpty: B,
+      emitInput: s,
+      onPick: V,
+      onSetPickerOption: _,
+      onCalendarChange: H,
+      onPanelChange: p
+    } = g, { isFocused: R, handleFocus: K, handleBlur: U } = Tt(u, {
+      disabled: o,
+      beforeFocus() {
+        return a.readonly;
+      },
+      afterFocus() {
+        a.automaticDropdown && (D.value = !0);
+      },
+      beforeBlur(e) {
+        var h;
+        return !M && ((h = k.value) == null ? void 0 : h.isFocusInsideContent(e));
+      },
+      afterBlur() {
+        je(), D.value = !1, M = !1, a.validateEvent && (y == null || y.validate("blur").catch((e) => Ke(e)));
+      }
+    }), ee = N(!1), ae = F(() => [
+      f.b("editor"),
+      f.bm("editor", a.type),
+      c.e("wrapper"),
+      f.is("disabled", o.value),
+      f.is("active", D.value),
+      E.b("editor"),
+      Ue ? E.bm("editor", Ue.value) : "",
+      I.class
+    ]), O = F(() => [
+      c.e("icon"),
+      E.e("close-icon"),
+      me.value ? "" : E.em("close-icon", "hidden")
+    ]);
+    Ye(D, (e) => {
+      e ? he(() => {
+        e && (r.value = a.modelValue);
+      }) : (S.value = null, he(() => {
+        L(a.modelValue);
+      }));
+    });
+    const L = (e, h) => {
+      (h || !Ot(e, r.value)) && (b(xe, e), h && (r.value = e), a.validateEvent && (y == null || y.validate("change").catch((z) => Ke(z))));
+    }, J = (e) => {
+      b("keydown", e);
+    }, j = F(() => u.value ? Array.from(
+      u.value.$el.querySelectorAll("input")
+    ) : []), te = (e, h, z) => {
+      const oe = j.value;
+      oe.length && (!z || z === "min" ? (oe[0].setSelectionRange(e, h), oe[0].focus()) : z === "max" && (oe[1].setSelectionRange(e, h), oe[1].focus()));
+    }, i = () => {
+      T.value = !0;
+    }, v = () => {
+      b("visible-change", !0);
+    }, m = () => {
+      T.value = !1, D.value = !1, b("visible-change", !1);
+    }, A = () => {
+      D.value = !0;
+    }, $ = () => {
+      D.value = !1;
+    }, Z = F(() => {
+      const e = qe(P.value);
+      return re(S.value) ? [
+        S.value[0] || e && e[0] || "",
+        S.value[1] || e && e[1] || ""
+      ] : S.value !== null ? S.value : !ne.value && B.value || !D.value && B.value ? "" : e ? ye.value || we.value || Se.value ? e.join(", ") : e : "";
+    }), ie = F(() => a.type.includes("time")), ne = F(() => a.type.startsWith("time")), ye = F(() => a.type === "dates"), we = F(() => a.type === "months"), Se = F(() => a.type === "years"), ue = F(
+      () => a.prefixIcon || (ie.value ? qt : Zt)
+    ), me = F(
+      () => a.clearable && !o.value && !a.readonly && !B.value && (ee.value || R.value)
+    ), ge = (e) => {
+      a.readonly || o.value || (me.value && (e == null || e.stopPropagation(), x.value.handleClear ? x.value.handleClear() : s(C.valueOnClear.value), L(C.valueOnClear.value, !0), m()), b("clear"));
+    }, ve = async (e) => {
+      var h;
+      a.readonly || o.value || (((h = e.target) == null ? void 0 : h.tagName) !== "INPUT" || R.value || !a.automaticDropdown) && (D.value = !0);
+    }, ke = () => {
+      a.readonly || o.value || !B.value && a.clearable && (ee.value = !0);
+    }, Pe = () => {
+      ee.value = !1;
+    }, Ne = (e) => {
+      var h;
+      a.readonly || o.value || (((h = e.touches[0].target) == null ? void 0 : h.tagName) !== "INPUT" || R.value || !a.automaticDropdown) && (D.value = !0);
+    }, $t = F(() => a.type.includes("range")), Ue = ya(), Ft = F(() => {
+      var e, h;
+      return (h = (e = t(k)) == null ? void 0 : e.popperRef) == null ? void 0 : h.contentRef;
+    }), lt = na(
+      u,
+      (e) => {
+        const h = t(Ft), z = oa(u);
+        h && (e.target === h || e.composedPath().includes(h)) || e.target === z || z && e.composedPath().includes(z) || (D.value = !1);
+      }
+    );
+    kt(() => {
+      lt == null || lt();
+    });
+    const je = () => {
+      if (S.value) {
+        const e = Be(Z.value);
+        e && (He(e) && s(We(e)), S.value = null);
+      }
+      S.value === "" && (s(C.valueOnClear.value), L(C.valueOnClear.value, !0), S.value = null);
+    }, Be = (e) => e ? x.value.parseUserInput(e) : null, qe = (e) => e ? re(e) ? e.map((z) => z.format(a.format)) : e.format(a.format) : null, He = (e) => x.value.isValidValue(e), rt = async (e) => {
+      if (a.readonly || o.value) return;
+      const h = At(e);
+      if (J(e), h === Ee.esc) {
+        D.value === !0 && (D.value = !1, e.preventDefault(), e.stopPropagation());
+        return;
+      }
+      if (h === Ee.down && (x.value.handleFocusPicker && (e.preventDefault(), e.stopPropagation()), D.value === !1 && (D.value = !0, await he()), x.value.handleFocusPicker)) {
+        x.value.handleFocusPicker();
+        return;
+      }
+      if (h === Ee.tab) {
+        M = !0;
+        return;
+      }
+      if (h === Ee.enter || h === Ee.numpadEnter) {
+        D.value ? (S.value === null || S.value === "" || He(Be(Z.value))) && (je(), D.value = !1) : D.value = !0, e.preventDefault(), e.stopPropagation();
+        return;
+      }
+      if (S.value) {
+        e.stopPropagation();
+        return;
+      }
+      x.value.handleKeydownInput && x.value.handleKeydownInput(e);
+    }, Nt = (e) => {
+      S.value = e, D.value || (D.value = !0);
+    }, Bt = (e) => {
+      const h = e.target;
+      S.value ? S.value = [h.value, S.value[1]] : S.value = [h.value, null];
+    }, Ht = (e) => {
+      const h = e.target;
+      S.value ? S.value = [S.value[0], h.value] : S.value = [null, h.value];
+    }, zt = () => {
+      var e;
+      const h = S.value, z = Be(h && h[0]), oe = t(P);
+      if (z && z.isValid()) {
+        S.value = [
+          qe(z),
+          ((e = Z.value) == null ? void 0 : e[1]) || null
+        ];
+        const Oe = [z, oe && (oe[1] || null)];
+        He(Oe) && (s(We(Oe)), S.value = null);
+      }
+    }, _t = () => {
+      var e;
+      const h = t(S), z = Be(h && h[1]), oe = t(P);
+      if (z && z.isValid()) {
+        S.value = [
+          ((e = t(Z)) == null ? void 0 : e[0]) || null,
+          qe(z)
+        ];
+        const Oe = [oe && oe[0], z];
+        He(Oe) && (s(We(Oe)), S.value = null);
+      }
+    }, Wt = () => {
+      var e;
+      (e = u.value) == null || e.focus();
+    }, xt = () => {
+      var e;
+      (e = u.value) == null || e.blur();
+    };
+    return et(ot, {
+      props: a,
+      emptyValues: C
+    }), et(Ea, g), d({
+      /**
+       * @description focus input box.
+       */
+      focus: Wt,
+      /**
+       * @description blur input box.
+       */
+      blur: xt,
+      /**
+       * @description opens picker
+       */
+      handleOpen: A,
+      /**
+       * @description closes picker
+       */
+      handleClose: $,
+      /**
+       * @description pick item manually
+       */
+      onPick: V
+    }), (e, h) => (Y(), G(t(fa), Qe({
+      ref_key: "refPopper",
+      ref: k,
+      visible: t(D),
+      effect: "light",
+      pure: "",
+      trigger: "click"
+    }, e.$attrs, {
+      role: "dialog",
+      teleported: "",
+      transition: `${t(f).namespace.value}-zoom-in-top`,
+      "popper-class": [`${t(f).namespace.value}-picker__popper`, e.popperClass],
+      "popper-style": e.popperStyle,
+      "popper-options": t(w),
+      "fallback-placements": e.fallbackPlacements,
+      "gpu-acceleration": !1,
+      placement: e.placement,
+      "stop-popper-mouse-event": !1,
+      "hide-after": 0,
+      persistent: "",
+      onBeforeShow: i,
+      onShow: v,
+      onHide: m
+    }), {
+      default: Q(() => [
+        $t.value ? (Y(), G(Oa, {
+          key: 1,
+          id: (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            e.id
+          ),
+          ref_key: "inputRef",
+          ref: u,
+          "model-value": Z.value,
+          name: (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            e.name
+          ),
+          disabled: t(o),
+          readonly: !e.editable || e.readonly,
+          "start-placeholder": e.startPlaceholder,
+          "end-placeholder": e.endPlaceholder,
+          class: W(ae.value),
+          style: Re(e.$attrs.style),
+          "aria-label": e.ariaLabel,
+          tabindex: e.tabindex,
+          autocomplete: "off",
+          role: "combobox",
+          onClick: ve,
+          onFocus: t(K),
+          onBlur: t(U),
+          onStartInput: Bt,
+          onStartChange: zt,
+          onEndInput: Ht,
+          onEndChange: _t,
+          onMousedown: ve,
+          onMouseenter: ke,
+          onMouseleave: Pe,
+          onTouchstartPassive: Ne,
+          onKeydown: rt
+        }, {
+          prefix: Q(() => [
+            ue.value ? (Y(), G(t(De), {
+              key: 0,
+              class: W([t(c).e("icon"), t(E).e("icon")])
+            }, {
+              default: Q(() => [
+                (Y(), G(Le(ue.value)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])) : de("v-if", !0)
+          ]),
+          "range-separator": Q(() => [
+            Ae(e.$slots, "range-separator", {}, () => [
+              se(
+                "span",
+                {
+                  class: W(t(E).b("separator"))
+                },
+                ce(e.rangeSeparator),
+                3
+                /* TEXT, CLASS */
+              )
+            ])
+          ]),
+          suffix: Q(() => [
+            e.clearIcon ? (Y(), G(t(De), {
+              key: 0,
+              class: W(O.value),
+              onMousedown: Me(t(ut), ["prevent"]),
+              onClick: ge
+            }, {
+              default: Q(() => [
+                (Y(), G(Le(e.clearIcon)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class", "onMousedown"])) : de("v-if", !0)
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"])) : (Y(), G(t(ra), {
+          key: 0,
+          id: (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            e.id
+          ),
+          ref_key: "inputRef",
+          ref: u,
+          "container-role": "combobox",
+          "model-value": (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            Z.value
+          ),
+          name: (
+            // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+            e.name
+          ),
+          size: t(Ue),
+          disabled: t(o),
+          placeholder: e.placeholder,
+          class: W([
+            t(f).b("editor"),
+            t(f).bm("editor", e.type),
+            t(f).is("focus", t(D)),
+            e.$attrs.class
+          ]),
+          style: Re(e.$attrs.style),
+          readonly: !e.editable || e.readonly || ye.value || we.value || Se.value || e.type === "week",
+          "aria-label": e.ariaLabel,
+          tabindex: e.tabindex,
+          "validate-event": !1,
+          onInput: Nt,
+          onFocus: t(K),
+          onBlur: t(U),
+          onKeydown: rt,
+          onChange: je,
+          onMousedown: ve,
+          onMouseenter: ke,
+          onMouseleave: Pe,
+          onTouchstartPassive: Ne,
+          onClick: h[0] || (h[0] = Me(() => {
+          }, ["stop"]))
+        }, {
+          prefix: Q(() => [
+            ue.value ? (Y(), G(t(De), {
+              key: 0,
+              class: W(t(c).e("icon")),
+              onMousedown: Me(ve, ["prevent"]),
+              onTouchstartPassive: Ne
+            }, {
+              default: Q(() => [
+                (Y(), G(Le(ue.value)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])) : de("v-if", !0)
+          ]),
+          suffix: Q(() => [
+            me.value && e.clearIcon ? (Y(), G(t(De), {
+              key: 0,
+              class: W(`${t(c).e("icon")} clear-icon`),
+              onMousedown: Me(t(ut), ["prevent"]),
+              onClick: ge
+            }, {
+              default: Q(() => [
+                (Y(), G(Le(e.clearIcon)))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class", "onMousedown"])) : de("v-if", !0)
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur"]))
+      ]),
+      content: Q(() => [
+        Ae(e.$slots, "default", {
+          visible: t(D),
+          actualVisible: t(T),
+          parsedValue: t(P),
+          format: e.format,
+          dateFormat: e.dateFormat,
+          timeFormat: e.timeFormat,
+          unlinkPanels: e.unlinkPanels,
+          type: e.type,
+          defaultValue: e.defaultValue,
+          showNow: e.showNow,
+          showConfirm: e.showConfirm,
+          showFooter: e.showFooter,
+          showWeekNumber: e.showWeekNumber,
+          onPick: h[1] || (h[1] = //@ts-ignore
+          (...z) => t(V) && t(V)(...z)),
+          onSelectRange: te,
+          onSetPickerOption: h[2] || (h[2] = //@ts-ignore
+          (...z) => t(_) && t(_)(...z)),
+          onCalendarChange: h[3] || (h[3] = //@ts-ignore
+          (...z) => t(H) && t(H)(...z)),
+          onClear: ge,
+          onPanelChange: h[4] || (h[4] = //@ts-ignore
+          (...z) => t(p) && t(p)(...z)),
+          onMousedown: h[5] || (h[5] = Me(() => {
+          }, ["stop"]))
+        })
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 16, ["visible", "transition", "popper-class", "popper-style", "popper-options", "fallback-placements", "placement"]));
+  }
+});
+const Va = pe({
+  ...Ia,
+  datetimeRole: String,
+  parsedValue: {
+    type: q(Object)
+  }
+}), La = ({
+  getAvailableHours: n,
+  getAvailableMinutes: d,
+  getAvailableSeconds: l
+}) => {
+  const a = (f, c, E, y) => {
+    const w = {
+      hour: n,
+      minute: d,
+      second: l
+    };
+    let C = f;
+    return ["hour", "minute", "second"].forEach((k) => {
+      if (w[k]) {
+        let u;
+        const r = w[k];
+        switch (k) {
+          case "minute": {
+            u = r(
+              C.hour(),
+              c,
+              y
+            );
+            break;
+          }
+          case "second": {
+            u = r(
+              C.hour(),
+              C.minute(),
+              c,
+              y
+            );
+            break;
+          }
+          default: {
+            u = r(
+              c,
+              y
+            );
+            break;
+          }
+        }
+        if (u != null && u.length && !u.includes(C[k]())) {
+          const M = E ? 0 : u.length - 1;
+          C = C[k](u[M]);
+        }
+      }
+    }), C;
+  }, b = {};
+  return {
+    timePickerOptions: b,
+    getAvailableTime: a,
+    onSetOption: ([f, c]) => {
+      b[f] = c;
+    }
+  };
+}, Je = (n) => {
+  const d = (a, b) => a || b, l = (a) => a !== !0;
+  return n.map(d).filter(l);
+}, Yt = (n, d, l) => ({
+  getHoursList: (f, c) => Ge(24, n && (() => n == null ? void 0 : n(f, c))),
+  getMinutesList: (f, c, E) => Ge(
+    60,
+    d && (() => d == null ? void 0 : d(f, c, E))
+  ),
+  getSecondsList: (f, c, E, y) => Ge(
+    60,
+    l && (() => l == null ? void 0 : l(f, c, E, y))
+  )
+}), Ya = (n, d, l) => {
+  const { getHoursList: a, getMinutesList: b, getSecondsList: I } = Yt(
+    n,
+    d,
+    l
+  );
+  return {
+    getAvailableHours: (y, w) => Je(a(y, w)),
+    getAvailableMinutes: (y, w, C) => Je(b(y, w, C)),
+    getAvailableSeconds: (y, w, C, k) => Je(I(y, w, C, k))
+  };
+}, $a = (n) => {
+  const d = N(n.parsedValue);
+  return Ye(
+    () => n.visible,
+    (l) => {
+      l || (d.value = n.parsedValue);
+    }
+  ), d;
+}, Fa = pe({
+  /**
+   * @description trigger distance(px)
+   */
+  distance: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description height of scrollbar
+   */
+  height: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * @description max height of scrollbar
+   */
+  maxHeight: {
+    type: [String, Number],
+    default: ""
+  },
+  /**
+   * @description whether to use the native scrollbar
+   */
+  native: Boolean,
+  /**
+   * @description style of wrap
+   */
+  wrapStyle: {
+    type: q([String, Object, Array]),
+    default: ""
+  },
+  /**
+   * @description class of wrap
+   */
+  wrapClass: {
+    type: [String, Array],
+    default: ""
+  },
+  /**
+   * @description class of view
+   */
+  viewClass: {
+    type: [String, Array],
+    default: ""
+  },
+  /**
+   * @description style of view
+   */
+  viewStyle: {
+    type: [String, Array, Object],
+    default: ""
+  },
+  /**
+   * @description do not respond to container size changes, if the container size does not change, it is better to set it to optimize performance
+   */
+  noresize: Boolean,
+  // 如果 container 尺寸不会发生变化，最好设置它可以优化性能
+  /**
+   * @description element tag of the view
+   */
+  tag: {
+    type: String,
+    default: "div"
+  },
+  /**
+   * @description always show
+   */
+  always: Boolean,
+  /**
+   * @description minimum size of scrollbar
+   */
+  minSize: {
+    type: Number,
+    default: 20
+  },
+  /**
+   * @description Wrap tabindex
+   */
+  tabindex: {
+    type: [String, Number],
+    default: void 0
+  },
+  /**
+   * @description id of view
+   */
+  id: String,
+  /**
+   * @description role of view
+   */
+  role: String,
+  ...Dt(["ariaLabel", "ariaOrientation"])
+}), Na = {
+  "end-reached": (n) => ["left", "right", "top", "bottom"].includes(n),
+  scroll: ({
+    scrollTop: n,
+    scrollLeft: d
+  }) => [n, d].every(Ie)
+}, Ba = pe({
+  always: {
+    type: Boolean,
+    default: !0
+  },
+  minSize: {
+    type: Number,
+    required: !0
+  }
+}), Ha = pe({
+  vertical: Boolean,
+  size: String,
+  move: Number,
+  ratio: {
+    type: Number,
+    required: !0
+  },
+  always: Boolean
+}), st = /* @__PURE__ */ Symbol(
+  "scrollbarContextKey"
+), za = "Thumb";
+var yt = /* @__PURE__ */ be({
+  __name: "thumb",
+  props: Ha,
+  setup(n) {
+    const d = n, l = Fe(st), a = fe("scrollbar");
+    l || wa(za, "can not inject scrollbar context");
+    const b = N(), I = N(), f = N({}), c = N(!1);
+    let E = !1, y = !1, w = 0, C = 0, k = sa ? document.onselectstart : null;
+    const u = F(() => pa[d.vertical ? "vertical" : "horizontal"]), r = F(
+      () => ma({
+        size: d.size,
+        move: d.move,
+        bar: u.value
+      })
+    ), M = F(
+      () => (
+        // offsetRatioX = original width of thumb / current width of thumb / ratioX
+        // offsetRatioY = original height of thumb / current height of thumb / ratioY
+        // instance height = wrap height - GAP
+        b.value[u.value.offset] ** 2 / l.wrapElement[u.value.scrollSize] / d.ratio / I.value[u.value.offset]
+      )
+    ), o = (s) => {
+      var V;
+      if (s.stopPropagation(), s.ctrlKey || [1, 2].includes(s.button)) return;
+      (V = window.getSelection()) == null || V.removeAllRanges(), P(s);
+      const _ = s.currentTarget;
+      _ && (f.value[u.value.axis] = _[u.value.offset] - (s[u.value.client] - _.getBoundingClientRect()[u.value.direction]));
+    }, g = (s) => {
+      if (!I.value || !b.value || !l.wrapElement) return;
+      const V = Math.abs(
+        s.target.getBoundingClientRect()[u.value.direction] - s[u.value.client]
+      ), _ = I.value[u.value.offset] / 2, H = (V - _) * 100 * M.value / b.value[u.value.offset];
+      l.wrapElement[u.value.scroll] = H * l.wrapElement[u.value.scrollSize] / 100;
+    }, P = (s) => {
+      s.stopImmediatePropagation(), E = !0, w = l.wrapElement.scrollHeight, C = l.wrapElement.scrollWidth, document.addEventListener("mousemove", T), document.addEventListener("mouseup", S), k = document.onselectstart, document.onselectstart = () => !1;
+    }, T = (s) => {
+      if (!b.value || !I.value || E === !1) return;
+      const V = f.value[u.value.axis];
+      if (!V) return;
+      const _ = (b.value.getBoundingClientRect()[u.value.direction] - s[u.value.client]) * -1, H = I.value[u.value.offset] - V, p = (_ - H) * 100 * M.value / b.value[u.value.offset];
+      u.value.scroll === "scrollLeft" ? l.wrapElement[u.value.scroll] = p * C / 100 : l.wrapElement[u.value.scroll] = p * w / 100;
+    }, S = () => {
+      E = !1, f.value[u.value.axis] = 0, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", S), B(), y && (c.value = !1);
+    }, D = () => {
+      y = !1, c.value = !!d.size;
+    }, x = () => {
+      y = !0, c.value = E;
+    };
+    kt(() => {
+      B(), document.removeEventListener("mouseup", S);
+    });
+    const B = () => {
+      document.onselectstart !== k && (document.onselectstart = k);
+    };
+    return at(
+      ct(l, "scrollbarElement"),
+      "mousemove",
+      D
+    ), at(
+      ct(l, "scrollbarElement"),
+      "mouseleave",
+      x
+    ), (s, V) => (Y(), G(Pt, {
+      name: t(a).b("fade"),
+      persisted: ""
+    }, {
+      default: Q(() => [
+        tt(se(
+          "div",
+          {
+            ref_key: "instance",
+            ref: b,
+            class: W([t(a).e("bar"), t(a).is(u.value.key)]),
+            onMousedown: g,
+            onClick: V[0] || (V[0] = Me(() => {
+            }, ["stop"]))
+          },
+          [
+            se(
+              "div",
+              {
+                ref_key: "thumb",
+                ref: I,
+                class: W(t(a).e("thumb")),
+                style: Re(r.value),
+                onMousedown: o
+              },
+              null,
+              38
+              /* CLASS, STYLE, NEED_HYDRATION */
+            )
+          ],
+          34
+          /* CLASS, NEED_HYDRATION */
+        ), [
+          [ea, n.always || c.value]
+        ])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["name"]));
+  }
+}), _a = /* @__PURE__ */ be({
+  __name: "bar",
+  props: Ba,
+  setup(n, { expose: d }) {
+    const l = n, a = Fe(st), b = N(0), I = N(0), f = N(""), c = N(""), E = N(1), y = N(1);
+    return d({
+      handleScroll: (k) => {
+        if (k) {
+          const u = k.offsetHeight - Ce, r = k.offsetWidth - Ce;
+          I.value = k.scrollTop * 100 / u * E.value, b.value = k.scrollLeft * 100 / r * y.value;
+        }
+      },
+      update: () => {
+        const k = a == null ? void 0 : a.wrapElement;
+        if (!k) return;
+        const u = k.offsetHeight - Ce, r = k.offsetWidth - Ce, M = u ** 2 / k.scrollHeight, o = r ** 2 / k.scrollWidth, g = Math.max(M, l.minSize), P = Math.max(o, l.minSize);
+        E.value = M / (u - M) / (g / (u - g)), y.value = o / (r - o) / (P / (r - P)), c.value = g + Ce < u ? `${g}px` : "", f.value = P + Ce < r ? `${P}px` : "";
+      }
+    }), (k, u) => (Y(), X(
+      le,
+      null,
+      [
+        $e(yt, {
+          move: b.value,
+          ratio: y.value,
+          size: f.value,
+          always: n.always
+        }, null, 8, ["move", "ratio", "size", "always"]),
+        $e(yt, {
+          move: I.value,
+          ratio: E.value,
+          size: c.value,
+          vertical: "",
+          always: n.always
+        }, null, 8, ["move", "ratio", "size", "always"])
+      ],
+      64
+      /* STABLE_FRAGMENT */
+    ));
+  }
+});
+const Wa = ["tabindex"], Xe = "ElScrollbar";
+var xa = /* @__PURE__ */ be({
+  name: Xe,
+  __name: "scrollbar",
+  props: Fa,
+  emits: Na,
+  setup(n, { expose: d, emit: l }) {
+    const a = n, b = l, I = fe("scrollbar");
+    let f, c, E, y = 0, w = 0, C = "";
+    const k = {
+      bottom: !1,
+      top: !1,
+      right: !1,
+      left: !1
+    }, u = N(), r = N(), M = N(), o = N(), g = F(() => {
+      const p = {}, R = ft(a.height), K = ft(a.maxHeight);
+      return R && (p.height = R), K && (p.maxHeight = K), [a.wrapStyle, p];
+    }), P = F(() => [
+      a.wrapClass,
+      I.e("wrap"),
+      { [I.em("wrap", "hidden-default")]: !a.native }
+    ]), T = F(() => [I.e("view"), a.viewClass]), S = (p) => {
+      var R;
+      return (R = k[p]) != null ? R : !1;
+    }, D = {
+      top: "bottom",
+      bottom: "top",
+      left: "right",
+      right: "left"
+    }, x = (p) => {
+      const R = D[C];
+      if (!R) return;
+      const K = p[C], U = p[R];
+      K && !k[C] && (k[C] = !0), !U && k[R] && (k[R] = !1);
+    }, B = () => {
+      var p;
+      if (r.value) {
+        (p = o.value) == null || p.handleScroll(r.value);
+        const R = y, K = w;
+        y = r.value.scrollTop, w = r.value.scrollLeft;
+        const U = {
+          bottom: y + r.value.clientHeight >= r.value.scrollHeight - a.distance,
+          top: y <= a.distance && R !== 0,
+          right: w + r.value.clientWidth >= r.value.scrollWidth - a.distance && K !== w,
+          left: w <= a.distance && K !== 0
+        };
+        if (b("scroll", {
+          scrollTop: y,
+          scrollLeft: w
+        }), R !== y && (C = y > R ? "bottom" : "top"), K !== w && (C = w > K ? "right" : "left"), a.distance > 0) {
+          if (S(C))
+            return;
+          x(U);
+        }
+        U[C] && b("end-reached", C);
+      }
+    };
+    function s(p, R) {
+      Gt(p) ? r.value.scrollTo(p) : Ie(p) && Ie(R) && r.value.scrollTo(p, R);
+    }
+    const V = (p) => {
+      if (!Ie(p)) {
+        Ke(Xe, "value must be a number");
+        return;
+      }
+      r.value.scrollTop = p;
+    }, _ = (p) => {
+      if (!Ie(p)) {
+        Ke(Xe, "value must be a number");
+        return;
+      }
+      r.value.scrollLeft = p;
+    }, H = () => {
+      var p;
+      (p = o.value) == null || p.update(), k[C] = !1;
+    };
+    return Ye(
+      () => a.noresize,
+      (p) => {
+        p ? (f == null || f(), c == null || c(), E == null || E()) : ({ stop: f } = dt(M, H), { stop: c } = dt(r, H), E = at("resize", H));
+      },
+      { immediate: !0 }
+    ), Ye(
+      () => [a.maxHeight, a.height],
+      () => {
+        a.native || he(() => {
+          var p;
+          H(), r.value && ((p = o.value) == null || p.handleScroll(r.value));
+        });
+      }
+    ), et(
+      st,
+      St({
+        scrollbarElement: u,
+        wrapElement: r
+      })
+    ), ta(() => {
+      r.value && (r.value.scrollTop = y, r.value.scrollLeft = w);
+    }), Ct(() => {
+      a.native || he(() => {
+        H();
+      });
+    }), aa(() => H()), d({
+      /** @description scrollbar wrap ref */
+      wrapRef: r,
+      /** @description update scrollbar state manually */
+      update: H,
+      /** @description scrolls to a particular set of coordinates */
+      scrollTo: s,
+      /** @description set distance to scroll top */
+      setScrollTop: V,
+      /** @description set distance to scroll left */
+      setScrollLeft: _,
+      /** @description handle scroll event */
+      handleScroll: B
+    }), (p, R) => (Y(), X(
+      "div",
+      {
+        ref_key: "scrollbarRef",
+        ref: u,
+        class: W(t(I).b())
+      },
+      [
+        se("div", {
+          ref_key: "wrapRef",
+          ref: r,
+          class: W(P.value),
+          style: Re(g.value),
+          tabindex: n.tabindex,
+          onScroll: B
+        }, [
+          (Y(), G(Le(n.tag), {
+            id: n.id,
+            ref_key: "resizeRef",
+            ref: M,
+            class: W(T.value),
+            style: Re(n.viewStyle),
+            role: n.role,
+            "aria-label": n.ariaLabel,
+            "aria-orientation": n.ariaOrientation
+          }, {
+            default: Q(() => [
+              Ae(p.$slots, "default")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["id", "class", "style", "role", "aria-label", "aria-orientation"]))
+        ], 46, Wa),
+        n.native ? de("v-if", !0) : (Y(), G(_a, {
+          key: 0,
+          ref_key: "barRef",
+          ref: o,
+          always: n.always,
+          "min-size": n.minSize
+        }, null, 8, ["always", "min-size"]))
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+});
+const Ka = Sa(xa), Ua = pe({
+  role: {
+    type: String,
+    required: !0
+  },
+  spinnerDate: {
+    type: q(Object),
+    required: !0
+  },
+  showSeconds: {
+    type: Boolean,
+    default: !0
+  },
+  arrowControl: Boolean,
+  amPmMode: {
+    // 'a': am/pm; 'A': AM/PM
+    type: q(String),
+    default: ""
+  },
+  ...Vt
+}), ja = ["onClick"], qa = ["onMouseenter"];
+var Za = /* @__PURE__ */ be({
+  __name: "basic-time-spinner",
+  props: Ua,
+  emits: [xe, "select-range", "set-option"],
+  setup(n, { emit: d }) {
+    const l = n, a = Fe(ot), { isRange: b, format: I } = a.props, f = d, c = fe("time"), { getHoursList: E, getMinutesList: y, getSecondsList: w } = Yt(
+      l.disabledHours,
+      l.disabledMinutes,
+      l.disabledSeconds
+    );
+    let C = !1;
+    const k = N(), u = N(), r = N(), M = N(), o = {
+      hours: u,
+      minutes: r,
+      seconds: M
+    }, g = F(() => l.showSeconds ? vt : vt.slice(0, 2)), P = F(() => {
+      const { spinnerDate: i } = l, v = i.hour(), m = i.minute(), A = i.second();
+      return { hours: v, minutes: m, seconds: A };
+    }), T = F(() => {
+      const { hours: i, minutes: v } = t(P), { role: m, spinnerDate: A } = l, $ = b ? void 0 : A;
+      return {
+        hours: E(m, $),
+        minutes: y(i, m, $),
+        seconds: w(i, v, m, $)
+      };
+    }), S = F(() => {
+      const { hours: i, minutes: v, seconds: m } = t(P);
+      return {
+        hours: Ze(i, 23),
+        minutes: Ze(v, 59),
+        seconds: Ze(m, 59)
+      };
+    }), D = ha((i) => {
+      C = !1, s(i);
+    }, 200), x = (i) => {
+      if (!!!l.amPmMode) return "";
+      const m = l.amPmMode === "A";
+      let A = i < 12 ? " am" : " pm";
+      return m && (A = A.toUpperCase()), A;
+    }, B = (i) => {
+      let v = [0, 0];
+      const m = I || nt, A = m.indexOf("HH"), $ = m.indexOf("mm"), Z = m.indexOf("ss");
+      switch (i) {
+        case "hours":
+          A !== -1 && (v = [A, A + 2]);
+          break;
+        case "minutes":
+          $ !== -1 && (v = [$, $ + 2]);
+          break;
+        case "seconds":
+          Z !== -1 && (v = [Z, Z + 2]);
+          break;
+      }
+      const [ie, ne] = v;
+      f("select-range", ie, ne), k.value = i;
+    }, s = (i) => {
+      H(i, t(P)[i]);
+    }, V = () => {
+      s("hours"), s("minutes"), s("seconds");
+    }, _ = (i) => i.querySelector(`.${c.namespace.value}-scrollbar__wrap`), H = (i, v) => {
+      if (l.arrowControl) return;
+      const m = t(o[i]);
+      m && m.$el && (_(m.$el).scrollTop = Math.max(
+        0,
+        v * p(i)
+      ));
+    }, p = (i) => {
+      const v = t(o[i]), m = v == null ? void 0 : v.$el.querySelector("li");
+      return m && Number.parseFloat(ia(m, "height")) || 0;
+    }, R = () => {
+      U(1);
+    }, K = () => {
+      U(-1);
+    }, U = (i) => {
+      k.value || B("hours");
+      const v = k.value, m = t(P)[v], A = k.value === "hours" ? 24 : 60, $ = ee(v, m, i, A);
+      ae(v, $), H(v, $), he(() => B(v));
+    }, ee = (i, v, m, A) => {
+      let $ = (v + m + A) % A;
+      const Z = t(T)[i];
+      for (; Z[$] && $ !== v; )
+        $ = ($ + m + A) % A;
+      return $;
+    }, ae = (i, v) => {
+      if (t(T)[i][v]) return;
+      const { hours: $, minutes: Z, seconds: ie } = t(P);
+      let ne;
+      switch (i) {
+        case "hours":
+          ne = l.spinnerDate.hour(v).minute(Z).second(ie);
+          break;
+        case "minutes":
+          ne = l.spinnerDate.hour($).minute(v).second(ie);
+          break;
+        case "seconds":
+          ne = l.spinnerDate.hour($).minute(Z).second(v);
+          break;
+      }
+      f(xe, ne);
+    }, O = (i, { value: v, disabled: m }) => {
+      m || (ae(i, v), B(i), H(i, v));
+    }, L = (i) => {
+      const v = t(o[i]);
+      if (!v) return;
+      C = !0, D(i);
+      const m = Math.min(
+        Math.round(
+          (_(v.$el).scrollTop - (J(i) * 0.5 - 10) / p(i) + 3) / p(i)
+        ),
+        i === "hours" ? 23 : 59
+      );
+      ae(i, m);
+    }, J = (i) => t(o[i]).$el.offsetHeight, j = () => {
+      const i = (v) => {
+        const m = t(o[v]);
+        m && m.$el && (_(m.$el).onscroll = () => {
+          L(v);
+        });
+      };
+      i("hours"), i("minutes"), i("seconds");
+    };
+    Ct(() => {
+      he(() => {
+        !l.arrowControl && j(), V(), l.role === "start" && B("hours");
+      });
+    });
+    const te = (i, v) => {
+      o[v].value = i ?? void 0;
+    };
+    return f("set-option", [`${l.role}_scrollDown`, U]), f("set-option", [`${l.role}_emitSelectRange`, B]), Ye(
+      () => l.spinnerDate,
+      () => {
+        C || V();
+      }
+    ), (i, v) => (Y(), X(
+      "div",
+      {
+        class: W([t(c).b("spinner"), { "has-seconds": i.showSeconds }])
+      },
+      [
+        i.arrowControl ? de("v-if", !0) : (Y(!0), X(
+          le,
+          { key: 0 },
+          ze(g.value, (m) => (Y(), G(t(Ka), {
+            key: m,
+            ref_for: !0,
+            ref: (A) => te(A, m),
+            class: W(t(c).be("spinner", "wrapper")),
+            "wrap-style": "max-height: inherit;",
+            "view-class": t(c).be("spinner", "list"),
+            noresize: "",
+            tag: "ul",
+            onMouseenter: (A) => B(m),
+            onMousemove: (A) => s(m)
+          }, {
+            default: Q(() => [
+              (Y(!0), X(
+                le,
+                null,
+                ze(T.value[m], (A, $) => (Y(), X("li", {
+                  key: $,
+                  class: W([
+                    t(c).be("spinner", "item"),
+                    t(c).is("active", $ === P.value[m]),
+                    t(c).is("disabled", A)
+                  ]),
+                  onClick: (Z) => O(m, { value: $, disabled: A })
+                }, [
+                  m === "hours" ? (Y(), X(
+                    le,
+                    { key: 0 },
+                    [
+                      _e(
+                        ce(("0" + (i.amPmMode ? $ % 12 || 12 : $)).slice(-2)) + ce(x($)),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  )) : (Y(), X(
+                    le,
+                    { key: 1 },
+                    [
+                      _e(
+                        ce(("0" + $).slice(-2)),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  ))
+                ], 10, ja))),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["class", "view-class", "onMouseenter", "onMousemove"]))),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        i.arrowControl ? (Y(!0), X(
+          le,
+          { key: 1 },
+          ze(g.value, (m) => (Y(), X("div", {
+            key: m,
+            class: W([t(c).be("spinner", "wrapper"), t(c).is("arrow")]),
+            onMouseenter: (A) => B(m)
+          }, [
+            tt((Y(), G(t(De), {
+              class: W(["arrow-up", t(c).be("spinner", "arrow")])
+            }, {
+              default: Q(() => [
+                $e(t(Jt))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])), [
+              [t(mt), K]
+            ]),
+            tt((Y(), G(t(De), {
+              class: W(["arrow-down", t(c).be("spinner", "arrow")])
+            }, {
+              default: Q(() => [
+                $e(t(Xt))
+              ]),
+              _: 1
+              /* STABLE */
+            }, 8, ["class"])), [
+              [t(mt), R]
+            ]),
+            se(
+              "ul",
+              {
+                class: W(t(c).be("spinner", "list"))
+              },
+              [
+                (Y(!0), X(
+                  le,
+                  null,
+                  ze(S.value[m], (A, $) => (Y(), X(
+                    "li",
+                    {
+                      key: $,
+                      class: W([
+                        t(c).be("spinner", "item"),
+                        t(c).is("active", A === P.value[m]),
+                        t(c).is("disabled", T.value[m][A])
+                      ])
+                    },
+                    [
+                      t(Ie)(A) ? (Y(), X(
+                        le,
+                        { key: 0 },
+                        [
+                          m === "hours" ? (Y(), X(
+                            le,
+                            { key: 0 },
+                            [
+                              _e(
+                                ce(("0" + (i.amPmMode ? A % 12 || 12 : A)).slice(-2)) + ce(x(A)),
+                                1
+                                /* TEXT */
+                              )
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          )) : (Y(), X(
+                            le,
+                            { key: 1 },
+                            [
+                              _e(
+                                ce(("0" + A).slice(-2)),
+                                1
+                                /* TEXT */
+                              )
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          ))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      )) : de("v-if", !0)
+                    ],
+                    2
+                    /* CLASS */
+                  ))),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            )
+          ], 42, qa))),
+          128
+          /* KEYED_FRAGMENT */
+        )) : de("v-if", !0)
+      ],
+      2
+      /* CLASS */
+    ));
+  }
+}), bn = /* @__PURE__ */ be({
+  __name: "panel-time-pick",
+  props: Va,
+  emits: ["pick", "select-range", "set-picker-option"],
+  setup(n, { emit: d }) {
+    const l = n, a = d, b = Fe(ot), {
+      arrowControl: I,
+      disabledHours: f,
+      disabledMinutes: c,
+      disabledSeconds: E,
+      defaultValue: y
+    } = b.props, { getAvailableHours: w, getAvailableMinutes: C, getAvailableSeconds: k } = Ya(f, c, E), u = fe("time"), { t: r, lang: M } = Mt(), o = N([0, 2]), g = $a(l), P = F(() => ka(l.actualVisible) ? `${u.namespace.value}-zoom-in-top` : ""), T = F(() => l.format.includes("ss")), S = F(() => l.format.includes("A") ? "A" : l.format.includes("a") ? "a" : ""), D = (O) => {
+      const L = Te(O).locale(M.value), J = U(L);
+      return L.isSame(J);
+    }, x = () => {
+      const O = g.value;
+      a("pick", O, !1), he(() => {
+        g.value = O;
+      });
+    }, B = (O = !1, L = !1) => {
+      L || a("pick", l.parsedValue, O);
+    }, s = (O) => {
+      if (!l.visible)
+        return;
+      const L = U(O).millisecond(0);
+      a("pick", L, !0);
+    }, V = (O, L) => {
+      a("select-range", O, L), o.value = [O, L];
+    }, _ = (O) => {
+      const L = l.format, J = L.indexOf("HH"), j = L.indexOf("mm"), te = L.indexOf("ss"), i = [], v = [];
+      J !== -1 && (i.push(J), v.push("hours")), j !== -1 && (i.push(j), v.push("minutes")), te !== -1 && T.value && (i.push(te), v.push("seconds"));
+      const A = (i.indexOf(o.value[0]) + O + i.length) % i.length;
+      p.start_emitSelectRange(v[A]);
+    }, H = (O) => {
+      const L = At(O), { left: J, right: j, up: te, down: i } = Ee;
+      if ([J, j].includes(L)) {
+        _(L === J ? -1 : 1), O.preventDefault();
+        return;
+      }
+      if ([te, i].includes(L)) {
+        const v = L === te ? -1 : 1;
+        p.start_scrollDown(v), O.preventDefault();
+        return;
+      }
+    }, { timePickerOptions: p, onSetOption: R, getAvailableTime: K } = La({
+      getAvailableHours: w,
+      getAvailableMinutes: C,
+      getAvailableSeconds: k
+    }), U = (O) => K(O, l.datetimeRole || "", !0), ee = (O) => O ? Te(O, l.format).locale(M.value) : null, ae = () => Te(y).locale(M.value);
+    return a("set-picker-option", ["isValidValue", D]), a("set-picker-option", ["parseUserInput", ee]), a("set-picker-option", ["handleKeydownInput", H]), a("set-picker-option", ["getRangeAvailableTime", U]), a("set-picker-option", ["getDefaultValue", ae]), (O, L) => (Y(), G(Pt, { name: P.value }, {
+      default: Q(() => [
+        O.actualVisible || O.visible ? (Y(), X(
+          "div",
+          {
+            key: 0,
+            class: W(t(u).b("panel"))
+          },
+          [
+            se(
+              "div",
+              {
+                class: W([t(u).be("panel", "content"), { "has-seconds": T.value }])
+              },
+              [
+                $e(Za, {
+                  ref: "spinner",
+                  role: O.datetimeRole || "start",
+                  "arrow-control": t(I),
+                  "show-seconds": T.value,
+                  "am-pm-mode": S.value,
+                  "spinner-date": (
+                    // https://github.com/vuejs/language-tools/issues/2104#issuecomment-3092541527
+                    O.parsedValue
+                  ),
+                  "disabled-hours": t(f),
+                  "disabled-minutes": t(c),
+                  "disabled-seconds": t(E),
+                  onChange: s,
+                  onSetOption: t(R),
+                  onSelectRange: V
+                }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onSetOption"])
+              ],
+              2
+              /* CLASS */
+            ),
+            se(
+              "div",
+              {
+                class: W(t(u).be("panel", "footer"))
+              },
+              [
+                se(
+                  "button",
+                  {
+                    type: "button",
+                    class: W([t(u).be("panel", "btn"), "cancel"]),
+                    onClick: x
+                  },
+                  ce(t(r)("el.datepicker.cancel")),
+                  3
+                  /* TEXT, CLASS */
+                ),
+                se(
+                  "button",
+                  {
+                    type: "button",
+                    class: W([t(u).be("panel", "btn"), "confirm"]),
+                    onClick: L[0] || (L[0] = (J) => B())
+                  },
+                  ce(t(r)("el.datepicker.confirm")),
+                  3
+                  /* TEXT, CLASS */
+                )
+              ],
+              2
+              /* CLASS */
+            )
+          ],
+          2
+          /* CLASS */
+        )) : de("v-if", !0)
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["name"]));
+  }
+});
+export {
+  nt as D,
+  ot as P,
+  Ea as R,
+  Za as _,
+  La as a,
+  Ya as b,
+  Ta as c,
+  bn as d,
+  Ma as e,
+  gn as f,
+  dn as g,
+  Ze as h,
+  ht as i,
+  We as j,
+  mn as k,
+  vn as l,
+  bt as m,
+  Ge as n,
+  Ve as o,
+  gt as p,
+  fn as q,
+  pn as r,
+  vt as s,
+  Ia as t,
+  $a as u,
+  Ot as v,
+  Lt as w,
+  hn as x,
+  Vt as y,
+  Da as z
+};