st-comp 0.0.115 → 0.0.116

package/es/el-select-513126a5.js

@@ -0,0 +1,1128 @@
+import { shallowRef as _t, ref as V, computed as r, inject as Se, getCurrentInstance as Ee, toRaw as xt, watch as G, defineComponent as ae, unref as Ie, reactive as ne, toRefs as Te, onBeforeUnmount as el, nextTick as F, withDirectives as le, openBlock as g, createElementBlock as I, normalizeClass as p, withModifiers as L, renderSlot as $, createElementVNode as T, toDisplayString as B, vShow as $e, onMounted as ke, normalizeStyle as he, createCommentVNode as k, watchEffect as tl, provide as lt, resolveComponent as K, resolveDirective as ll, toHandlerKey as nl, createVNode as A, withCtx as D, Fragment as Je, renderList as Xe, createTextVNode as Ye, createBlock as W, withKeys as ee, vModelText as ol, resolveDynamicComponent as Ve } from "vue";
+import { b as al, f as sl, u as il, d as rl, E as ul } from "./el-popper-6126b1f6.js";
+import { a as dl, u as cl, t as Ze, E as pl } from "./index-7e40be25.js";
+import { d as fl, e as vl, I as ml, V as bl, a as hl, u as gl, j as _e, H as Sl, g as yl, J as Cl, E as Ol } from "./use-form-common-props-f3a520d0.js";
+import { g as q, K as Q, u as oe, e as nt, _ as ye, x as wl, s as P, l as me, L as xe, f as Il, j as Vl, a as El, h as te, M as Tl, i as $l, b as kl, d as be, w as Ml, v as ot } from "./base-f7877059.js";
+import { c as z } from "./castArray-18f43497.js";
+import { a as H, c as Rl } from "./el-scrollbar-e0493906.js";
+import { E as Dl } from "./index-048dca7e.js";
+import { U as j, C as at } from "./event-09e37cc8.js";
+import { s as Ll } from "./scroll-3b521d81.js";
+import { f as Bl, i as ge, C as Nl } from "./el-tag-5becabc9.js";
+import { t as Wl, d as Fl } from "./debounce-2336e546.js";
+var et = 1 / 0, zl = 17976931348623157e292;
+function Pl(e) {
+  if (!e)
+    return e === 0 ? e : 0;
+  if (e = Wl(e), e === et || e === -et) {
+    var o = e < 0 ? -1 : 1;
+    return o * zl;
+  }
+  return e === e ? e : 0;
+}
+function Kl(e) {
+  var o = Pl(e), a = o % 1;
+  return o === o ? a ? o - a : o : 0;
+}
+function Al(e, o, a, c) {
+  for (var s = e.length, v = a + (c ? 1 : -1); c ? v-- : ++v < s; )
+    if (o(e[v], v, e))
+      return v;
+  return -1;
+}
+var Hl = Math.max, Gl = Math.min;
+function Ul(e, o, a) {
+  var c = e == null ? 0 : e.length;
+  if (!c)
+    return -1;
+  var s = c - 1;
+  return a !== void 0 && (s = Kl(a), s = a < 0 ? Hl(c + s, 0) : Gl(s, c - 1)), Al(e, Bl(o), s, !0);
+}
+const jl = (e = "") => e.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&").replace(/-/g, "\\x2d");
+function ql() {
+  const e = _t(), o = V(0), a = 11, c = r(() => ({
+    minWidth: `${Math.max(o.value, a)}px`
+  }));
+  return H(e, () => {
+    var v, l;
+    o.value = (l = (v = e.value) == null ? void 0 : v.getBoundingClientRect().width) != null ? l : 0;
+  }), {
+    calculatorRef: e,
+    calculatorWidth: o,
+    inputStyle: c
+  };
+}
+const st = Symbol("ElSelectGroup"), Ce = Symbol("ElSelect");
+function Ql(e, o) {
+  const a = Se(Ce), c = Se(st, { disabled: !1 }), s = r(() => b(z(a.props.modelValue), e.value)), v = r(() => {
+    var f;
+    if (a.props.multiple) {
+      const h = z((f = a.props.modelValue) != null ? f : []);
+      return !s.value && h.length >= a.props.multipleLimit && a.props.multipleLimit > 0;
+    } else
+      return !1;
+  }), l = r(() => e.label || (q(e.value) ? "" : e.value)), S = r(() => e.value || e.label || ""), u = r(() => e.disabled || o.groupDisabled || v.value), m = Ee(), b = (f = [], h) => {
+    if (q(e.value)) {
+      const d = a.props.valueKey;
+      return f && f.some((E) => xt(Q(E, d)) === Q(h, d));
+    } else
+      return f && f.includes(h);
+  }, y = () => {
+    !e.disabled && !c.disabled && (a.states.hoveringIndex = a.optionsArray.indexOf(m.proxy));
+  }, w = (f) => {
+    const h = new RegExp(jl(f), "i");
+    o.visible = h.test(l.value) || e.created;
+  };
+  return G(() => l.value, () => {
+    !e.created && !a.props.remote && a.setSelected();
+  }), G(() => e.value, (f, h) => {
+    const { remote: d, valueKey: E } = a.props;
+    if (f !== h && (a.onOptionDestroy(h, m.proxy), a.onOptionCreate(m.proxy)), !e.created && !d) {
+      if (E && q(f) && q(h) && f[E] === h[E])
+        return;
+      a.setSelected();
+    }
+  }), G(() => c.disabled, () => {
+    o.groupDisabled = c.disabled;
+  }, { immediate: !0 }), {
+    select: a,
+    currentLabel: l,
+    currentValue: S,
+    itemSelected: s,
+    isDisabled: u,
+    hoverItem: y,
+    updateOption: w
+  };
+}
+const Jl = ae({
+  name: "ElOption",
+  componentName: "ElOption",
+  props: {
+    value: {
+      required: !0,
+      type: [String, Number, Boolean, Object]
+    },
+    label: [String, Number],
+    created: Boolean,
+    disabled: Boolean
+  },
+  setup(e) {
+    const o = oe("select"), a = nt(), c = r(() => [
+      o.be("dropdown", "item"),
+      o.is("disabled", Ie(S)),
+      o.is("selected", Ie(l)),
+      o.is("hovering", Ie(w))
+    ]), s = ne({
+      index: -1,
+      groupDisabled: !1,
+      visible: !0,
+      hover: !1
+    }), {
+      currentLabel: v,
+      itemSelected: l,
+      isDisabled: S,
+      select: u,
+      hoverItem: m,
+      updateOption: b
+    } = Ql(e, s), { visible: y, hover: w } = Te(s), f = Ee().proxy;
+    u.onOptionCreate(f), el(() => {
+      const d = f.value, { selected: E } = u.states, se = E.some((ie) => ie.value === f.value);
+      F(() => {
+        u.states.cachedOptions.get(d) === f && !se && u.states.cachedOptions.delete(d);
+      }), u.onOptionDestroy(d, f);
+    });
+    function h() {
+      S.value || u.handleOptionSelect(f);
+    }
+    return {
+      ns: o,
+      id: a,
+      containerKls: c,
+      currentLabel: v,
+      itemSelected: l,
+      isDisabled: S,
+      select: u,
+      hoverItem: m,
+      updateOption: b,
+      visible: y,
+      hover: w,
+      selectOptionClick: h,
+      states: s
+    };
+  }
+});
+function Xl(e, o, a, c, s, v) {
+  return le((g(), I("li", {
+    id: e.id,
+    class: p(e.containerKls),
+    role: "option",
+    "aria-disabled": e.isDisabled || void 0,
+    "aria-selected": e.itemSelected,
+    onMousemove: e.hoverItem,
+    onClick: L(e.selectOptionClick, ["stop"])
+  }, [
+    $(e.$slots, "default", {}, () => [
+      T("span", null, B(e.currentLabel), 1)
+    ])
+  ], 42, ["id", "aria-disabled", "aria-selected", "onMousemove", "onClick"])), [
+    [$e, e.visible]
+  ]);
+}
+var Me = /* @__PURE__ */ ye(Jl, [["render", Xl], ["__file", "option.vue"]]);
+const Yl = ae({
+  name: "ElSelectDropdown",
+  componentName: "ElSelectDropdown",
+  setup() {
+    const e = Se(Ce), o = oe("select"), a = r(() => e.props.popperClass), c = r(() => e.props.multiple), s = r(() => e.props.fitInputWidth), v = V("");
+    function l() {
+      var S;
+      v.value = `${(S = e.selectRef) == null ? void 0 : S.offsetWidth}px`;
+    }
+    return ke(() => {
+      l(), H(e.selectRef, l);
+    }), {
+      ns: o,
+      minWidth: v,
+      popperClass: a,
+      isMultiple: c,
+      isFitInputWidth: s
+    };
+  }
+});
+function Zl(e, o, a, c, s, v) {
+  return g(), I("div", {
+    class: p([e.ns.b("dropdown"), e.ns.is("multiple", e.isMultiple), e.popperClass]),
+    style: he({ [e.isFitInputWidth ? "width" : "minWidth"]: e.minWidth })
+  }, [
+    e.$slots.header ? (g(), I("div", {
+      key: 0,
+      class: p(e.ns.be("dropdown", "header"))
+    }, [
+      $(e.$slots, "header")
+    ], 2)) : k("v-if", !0),
+    $(e.$slots, "default"),
+    e.$slots.footer ? (g(), I("div", {
+      key: 1,
+      class: p(e.ns.be("dropdown", "footer"))
+    }, [
+      $(e.$slots, "footer")
+    ], 2)) : k("v-if", !0)
+  ], 6);
+}
+var _l = /* @__PURE__ */ ye(Yl, [["render", Zl], ["__file", "select-dropdown.vue"]]);
+const xl = (e, o) => {
+  const { t: a } = wl(), c = nt(), s = oe("select"), v = oe("input"), l = ne({
+    inputValue: "",
+    options: /* @__PURE__ */ new Map(),
+    cachedOptions: /* @__PURE__ */ new Map(),
+    optionValues: [],
+    selected: [],
+    selectionWidth: 0,
+    collapseItemWidth: 0,
+    selectedLabel: "",
+    hoveringIndex: -1,
+    previousQuery: null,
+    inputHovering: !1,
+    menuVisibleOnFocus: !1,
+    isBeforeHide: !1
+  }), S = V(null), u = V(null), m = V(null), b = V(null), y = V(null), w = V(null), f = V(null), h = V(null), d = V(null), E = V(null), se = V(null), {
+    isComposing: ie,
+    handleCompositionStart: rt,
+    handleCompositionUpdate: ut,
+    handleCompositionEnd: dt
+  } = dl({
+    afterComposition: (t) => Ae(t)
+  }), { wrapperRef: Re, isFocused: De, handleBlur: ct } = cl(y, {
+    beforeFocus() {
+      return Y.value;
+    },
+    afterFocus() {
+      e.automaticDropdown && !C.value && (C.value = !0, l.menuVisibleOnFocus = !0);
+    },
+    beforeBlur(t) {
+      var n, i;
+      return ((n = m.value) == null ? void 0 : n.isFocusInsideContent(t)) || ((i = b.value) == null ? void 0 : i.isFocusInsideContent(t));
+    },
+    afterBlur() {
+      C.value = !1, l.menuVisibleOnFocus = !1;
+    }
+  }), C = V(!1), J = V(), { form: re, formItem: X } = fl(), { inputId: pt } = vl(e, {
+    formItemContext: X
+  }), { valueOnClear: ft, isEmptyValue: vt } = ml(e), Y = r(() => e.disabled || (re == null ? void 0 : re.disabled)), Oe = r(() => P(e.modelValue) ? e.modelValue.length > 0 : !vt(e.modelValue)), mt = r(() => {
+    var t;
+    return (t = re == null ? void 0 : re.statusIcon) != null ? t : !1;
+  }), bt = r(() => e.clearable && !Y.value && l.inputHovering && Oe.value), Le = r(() => e.remote && e.filterable && !e.remoteShowSuffix ? "" : e.suffixIcon), ht = r(() => s.is("reverse", Le.value && C.value)), Be = r(() => (X == null ? void 0 : X.validateState) || ""), gt = r(() => bl[Be.value]), St = r(() => e.remote ? 300 : 0), yt = r(() => e.remote && !l.inputValue && l.options.size === 0), Ct = r(() => e.loading ? e.loadingText || a("el.select.loading") : e.filterable && l.inputValue && l.options.size > 0 && Z.value === 0 ? e.noMatchText || a("el.select.noMatch") : l.options.size === 0 ? e.noDataText || a("el.select.noData") : null), Z = r(() => M.value.filter((t) => t.visible).length), M = r(() => {
+    const t = Array.from(l.options.values()), n = [];
+    return l.optionValues.forEach((i) => {
+      const O = t.findIndex((R) => R.value === i);
+      O > -1 && n.push(t[O]);
+    }), n.length >= t.length ? n : t;
+  }), Ot = r(() => Array.from(l.cachedOptions.values())), wt = r(() => {
+    const t = M.value.filter((n) => !n.created).some((n) => n.currentLabel === l.inputValue);
+    return e.filterable && e.allowCreate && l.inputValue !== "" && !t;
+  }), Ne = () => {
+    e.filterable && te(e.filterMethod) || e.filterable && e.remote && te(e.remoteMethod) || M.value.forEach((t) => {
+      var n;
+      (n = t.updateOption) == null || n.call(t, l.inputValue);
+    });
+  }, We = hl(), It = r(() => ["small"].includes(We.value) ? "small" : "default"), Vt = r({
+    get() {
+      return C.value && !yt.value;
+    },
+    set(t) {
+      C.value = t;
+    }
+  }), Et = r(() => {
+    if (e.multiple && !me(e.modelValue))
+      return z(e.modelValue).length === 0 && !l.inputValue;
+    const t = P(e.modelValue) ? e.modelValue[0] : e.modelValue;
+    return e.filterable || me(t) ? !l.inputValue : !0;
+  }), Tt = r(() => {
+    var t;
+    const n = (t = e.placeholder) != null ? t : a("el.select.placeholder");
+    return e.multiple || !Oe.value ? n : l.selectedLabel;
+  }), $t = r(() => xe ? null : "mouseenter");
+  G(() => e.modelValue, (t, n) => {
+    e.multiple && e.filterable && !e.reserveKeyword && (l.inputValue = "", ue("")), de(), !ge(t, n) && e.validateEvent && (X == null || X.validate("change").catch((i) => Il(i)));
+  }, {
+    flush: "post",
+    deep: !0
+  }), G(() => C.value, (t) => {
+    t ? ue(l.inputValue) : (l.inputValue = "", l.previousQuery = null, l.isBeforeHide = !0), o("visible-change", t);
+  }), G(() => l.options.entries(), () => {
+    Vl && (de(), e.defaultFirstOption && (e.filterable || e.remote) && Z.value && Fe());
+  }, {
+    flush: "post"
+  }), G(() => l.hoveringIndex, (t) => {
+    El(t) && t > -1 ? J.value = M.value[t] || {} : J.value = {}, M.value.forEach((n) => {
+      n.hover = J.value === n;
+    });
+  }), tl(() => {
+    l.isBeforeHide || Ne();
+  });
+  const ue = (t) => {
+    l.previousQuery === t || ie.value || (l.previousQuery = t, e.filterable && te(e.filterMethod) ? e.filterMethod(t) : e.filterable && e.remote && te(e.remoteMethod) && e.remoteMethod(t), e.defaultFirstOption && (e.filterable || e.remote) && Z.value ? F(Fe) : F(kt));
+  }, Fe = () => {
+    const t = M.value.filter((R) => R.visible && !R.disabled && !R.states.groupDisabled), n = t.find((R) => R.created), i = t[0], O = M.value.map((R) => R.value);
+    l.hoveringIndex = je(O, n || i);
+  }, de = () => {
+    if (e.multiple)
+      l.selectedLabel = "";
+    else {
+      const n = P(e.modelValue) ? e.modelValue[0] : e.modelValue, i = ze(n);
+      l.selectedLabel = i.currentLabel, l.selected = [i];
+      return;
+    }
+    const t = [];
+    me(e.modelValue) || z(e.modelValue).forEach((n) => {
+      t.push(ze(n));
+    }), l.selected = t;
+  }, ze = (t) => {
+    let n;
+    const i = Tl(t);
+    for (let U = l.cachedOptions.size - 1; U >= 0; U--) {
+      const N = Ot.value[U];
+      if (i ? Q(N.value, e.valueKey) === Q(t, e.valueKey) : N.value === t) {
+        n = {
+          value: t,
+          currentLabel: N.currentLabel,
+          get isDisabled() {
+            return N.isDisabled;
+          }
+        };
+        break;
+      }
+    }
+    if (n)
+      return n;
+    const O = i ? t.label : t ?? "";
+    return {
+      value: t,
+      currentLabel: O
+    };
+  }, kt = () => {
+    l.hoveringIndex = M.value.findIndex((t) => l.selected.some((n) => fe(n) === fe(t)));
+  }, Mt = () => {
+    l.selectionWidth = u.value.getBoundingClientRect().width;
+  }, Rt = () => {
+    l.collapseItemWidth = E.value.getBoundingClientRect().width;
+  }, we = () => {
+    var t, n;
+    (n = (t = m.value) == null ? void 0 : t.updatePopper) == null || n.call(t);
+  }, Pe = () => {
+    var t, n;
+    (n = (t = b.value) == null ? void 0 : t.updatePopper) == null || n.call(t);
+  }, Ke = () => {
+    l.inputValue.length > 0 && !C.value && (C.value = !0), ue(l.inputValue);
+  }, Ae = (t) => {
+    if (l.inputValue = t.target.value, e.remote)
+      He();
+    else
+      return Ke();
+  }, He = Fl(() => {
+    Ke();
+  }, St.value), _ = (t) => {
+    ge(e.modelValue, t) || o(at, t);
+  }, Dt = (t) => Ul(t, (n) => {
+    const i = l.cachedOptions.get(n);
+    return i && !i.disabled && !i.states.groupDisabled;
+  }), Lt = (t) => {
+    if (e.multiple && t.code !== Dl.delete && t.target.value.length <= 0) {
+      const n = z(e.modelValue).slice(), i = Dt(n);
+      if (i < 0)
+        return;
+      const O = n[i];
+      n.splice(i, 1), o(j, n), _(n), o("remove-tag", O);
+    }
+  }, Bt = (t, n) => {
+    const i = l.selected.indexOf(n);
+    if (i > -1 && !Y.value) {
+      const O = z(e.modelValue).slice();
+      O.splice(i, 1), o(j, O), _(O), o("remove-tag", n.value);
+    }
+    t.stopPropagation(), pe();
+  }, Ge = (t) => {
+    t.stopPropagation();
+    const n = e.multiple ? [] : ft.value;
+    if (e.multiple)
+      for (const i of l.selected)
+        i.isDisabled && n.push(i.value);
+    o(j, n), _(n), l.hoveringIndex = -1, C.value = !1, o("clear"), pe();
+  }, Ue = (t) => {
+    var n;
+    if (e.multiple) {
+      const i = z((n = e.modelValue) != null ? n : []).slice(), O = je(i, t);
+      O > -1 ? i.splice(O, 1) : (e.multipleLimit <= 0 || i.length < e.multipleLimit) && i.push(t.value), o(j, i), _(i), t.created && ue(""), e.filterable && !e.reserveKeyword && (l.inputValue = "");
+    } else
+      o(j, t.value), _(t.value), C.value = !1;
+    pe(), !C.value && F(() => {
+      ce(t);
+    });
+  }, je = (t = [], n) => me(n) ? -1 : q(n.value) ? t.findIndex((i) => ge(Q(i, e.valueKey), fe(n))) : t.indexOf(n.value), ce = (t) => {
+    var n, i, O, R, U;
+    const N = P(t) ? t[0] : t;
+    let ve = null;
+    if (N != null && N.value) {
+      const x = M.value.filter((Zt) => Zt.value === N.value);
+      x.length > 0 && (ve = x[0].$el);
+    }
+    if (m.value && ve) {
+      const x = (R = (O = (i = (n = m.value) == null ? void 0 : n.popperRef) == null ? void 0 : i.contentRef) == null ? void 0 : O.querySelector) == null ? void 0 : R.call(O, `.${s.be("dropdown", "wrap")}`);
+      x && Ll(x, ve);
+    }
+    (U = se.value) == null || U.handleScroll();
+  }, Nt = (t) => {
+    l.options.set(t.value, t), l.cachedOptions.set(t.value, t);
+  }, Wt = (t, n) => {
+    l.options.get(t) === n && l.options.delete(t);
+  }, Ft = r(() => {
+    var t, n;
+    return (n = (t = m.value) == null ? void 0 : t.popperRef) == null ? void 0 : n.contentRef;
+  }), zt = () => {
+    l.isBeforeHide = !1, F(() => ce(l.selected));
+  }, pe = () => {
+    var t;
+    (t = y.value) == null || t.focus();
+  }, Pt = () => {
+    var t;
+    if (C.value) {
+      C.value = !1, F(() => {
+        var n;
+        return (n = y.value) == null ? void 0 : n.blur();
+      });
+      return;
+    }
+    (t = y.value) == null || t.blur();
+  }, Kt = (t) => {
+    Ge(t);
+  }, At = (t) => {
+    if (C.value = !1, De.value) {
+      const n = new FocusEvent("focus", t);
+      F(() => ct(n));
+    }
+  }, Ht = () => {
+    l.inputValue.length > 0 ? l.inputValue = "" : C.value = !1;
+  }, qe = () => {
+    Y.value || (xe && (l.inputHovering = !0), l.menuVisibleOnFocus ? l.menuVisibleOnFocus = !1 : C.value = !C.value);
+  }, Gt = () => {
+    if (!C.value)
+      qe();
+    else {
+      const t = M.value[l.hoveringIndex];
+      t && !t.isDisabled && Ue(t);
+    }
+  }, fe = (t) => q(t.value) ? Q(t.value, e.valueKey) : t.value, Ut = r(() => M.value.filter((t) => t.visible).every((t) => t.isDisabled)), jt = r(() => e.multiple ? e.collapseTags ? l.selected.slice(0, e.maxCollapseTags) : l.selected : []), qt = r(() => e.multiple ? e.collapseTags ? l.selected.slice(e.maxCollapseTags) : [] : []), Qe = (t) => {
+    if (!C.value) {
+      C.value = !0;
+      return;
+    }
+    if (!(l.options.size === 0 || Z.value === 0 || ie.value) && !Ut.value) {
+      t === "next" ? (l.hoveringIndex++, l.hoveringIndex === l.options.size && (l.hoveringIndex = 0)) : t === "prev" && (l.hoveringIndex--, l.hoveringIndex < 0 && (l.hoveringIndex = l.options.size - 1));
+      const n = M.value[l.hoveringIndex];
+      (n.isDisabled || !n.visible) && Qe(t), F(() => ce(J.value));
+    }
+  }, Qt = () => {
+    if (!u.value)
+      return 0;
+    const t = window.getComputedStyle(u.value);
+    return Number.parseFloat(t.gap || "6px");
+  }, Jt = r(() => {
+    const t = Qt();
+    return { maxWidth: `${E.value && e.maxCollapseTags === 1 ? l.selectionWidth - l.collapseItemWidth - t : l.selectionWidth}px` };
+  }), Xt = r(() => ({ maxWidth: `${l.selectionWidth}px` })), Yt = (t) => {
+    o("popup-scroll", t);
+  };
+  return H(u, Mt), H(h, we), H(Re, we), H(d, Pe), H(E, Rt), ke(() => {
+    de();
+  }), {
+    inputId: pt,
+    contentId: c,
+    nsSelect: s,
+    nsInput: v,
+    states: l,
+    isFocused: De,
+    expanded: C,
+    optionsArray: M,
+    hoverOption: J,
+    selectSize: We,
+    filteredOptionsCount: Z,
+    updateTooltip: we,
+    updateTagTooltip: Pe,
+    debouncedOnInputChange: He,
+    onInput: Ae,
+    deletePrevTag: Lt,
+    deleteTag: Bt,
+    deleteSelected: Ge,
+    handleOptionSelect: Ue,
+    scrollToOption: ce,
+    hasModelValue: Oe,
+    shouldShowPlaceholder: Et,
+    currentPlaceholder: Tt,
+    mouseEnterEventName: $t,
+    needStatusIcon: mt,
+    showClose: bt,
+    iconComponent: Le,
+    iconReverse: ht,
+    validateState: Be,
+    validateIcon: gt,
+    showNewOption: wt,
+    updateOptions: Ne,
+    collapseTagSize: It,
+    setSelected: de,
+    selectDisabled: Y,
+    emptyText: Ct,
+    handleCompositionStart: rt,
+    handleCompositionUpdate: ut,
+    handleCompositionEnd: dt,
+    onOptionCreate: Nt,
+    onOptionDestroy: Wt,
+    handleMenuEnter: zt,
+    focus: pe,
+    blur: Pt,
+    handleClearClick: Kt,
+    handleClickOutside: At,
+    handleEsc: Ht,
+    toggleMenu: qe,
+    selectOption: Gt,
+    getValueKey: fe,
+    navigateOptions: Qe,
+    dropdownMenuVisible: Vt,
+    showTagList: jt,
+    collapseTagList: qt,
+    popupScroll: Yt,
+    tagStyle: Jt,
+    collapseTagStyle: Xt,
+    popperRef: Ft,
+    inputRef: y,
+    tooltipRef: m,
+    tagTooltipRef: b,
+    prefixRef: w,
+    suffixRef: f,
+    selectRef: S,
+    wrapperRef: Re,
+    selectionRef: u,
+    scrollbarRef: se,
+    menuRef: h,
+    tagMenuRef: d,
+    collapseItemRef: E
+  };
+};
+var en = ae({
+  name: "ElOptions",
+  setup(e, { slots: o }) {
+    const a = Se(Ce);
+    let c = [];
+    return () => {
+      var s, v;
+      const l = (s = o.default) == null ? void 0 : s.call(o), S = [];
+      function u(m) {
+        P(m) && m.forEach((b) => {
+          var y, w, f, h;
+          const d = (y = (b == null ? void 0 : b.type) || {}) == null ? void 0 : y.name;
+          d === "ElOptionGroup" ? u(!$l(b.children) && !P(b.children) && te((w = b.children) == null ? void 0 : w.default) ? (f = b.children) == null ? void 0 : f.default() : b.children) : d === "ElOption" ? S.push((h = b.props) == null ? void 0 : h.value) : P(b.children) && u(b.children);
+        });
+      }
+      return l.length && u((v = l[0]) == null ? void 0 : v.children), ge(S, c) || (c = S, a && (a.states.optionValues = S)), l;
+    };
+  }
+});
+const tn = kl({
+  name: String,
+  id: String,
+  modelValue: {
+    type: [Array, String, Number, Boolean, Object],
+    default: void 0
+  },
+  autocomplete: {
+    type: String,
+    default: "off"
+  },
+  automaticDropdown: Boolean,
+  size: gl,
+  effect: {
+    type: be(String),
+    default: "light"
+  },
+  disabled: Boolean,
+  clearable: Boolean,
+  filterable: Boolean,
+  allowCreate: Boolean,
+  loading: Boolean,
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  popperOptions: {
+    type: be(Object),
+    default: () => ({})
+  },
+  remote: Boolean,
+  loadingText: String,
+  noMatchText: String,
+  noDataText: String,
+  remoteMethod: Function,
+  filterMethod: Function,
+  multiple: Boolean,
+  multipleLimit: {
+    type: Number,
+    default: 0
+  },
+  placeholder: {
+    type: String
+  },
+  defaultFirstOption: Boolean,
+  reserveKeyword: {
+    type: Boolean,
+    default: !0
+  },
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  collapseTags: Boolean,
+  collapseTagsTooltip: Boolean,
+  maxCollapseTags: {
+    type: Number,
+    default: 1
+  },
+  teleported: al.teleported,
+  persistent: {
+    type: Boolean,
+    default: !0
+  },
+  clearIcon: {
+    type: _e,
+    default: Sl
+  },
+  fitInputWidth: Boolean,
+  suffixIcon: {
+    type: _e,
+    default: yl
+  },
+  tagType: { ...Ze.type, default: "info" },
+  tagEffect: { ...Ze.effect, default: "light" },
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  remoteShowSuffix: Boolean,
+  showArrow: {
+    type: Boolean,
+    default: !0
+  },
+  offset: {
+    type: Number,
+    default: 12
+  },
+  placement: {
+    type: be(String),
+    values: sl,
+    default: "bottom-start"
+  },
+  fallbackPlacements: {
+    type: be(Array),
+    default: ["bottom-start", "top-start", "right", "left"]
+  },
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  appendTo: String,
+  ...Cl,
+  ...il(["ariaLabel"])
+}), tt = "ElSelect", ln = ae({
+  name: tt,
+  componentName: tt,
+  components: {
+    ElSelectMenu: _l,
+    ElOption: Me,
+    ElOptions: en,
+    ElTag: pl,
+    ElScrollbar: rl,
+    ElTooltip: ul,
+    ElIcon: Ol
+  },
+  directives: { ClickOutside: Nl },
+  props: tn,
+  emits: [
+    j,
+    at,
+    "remove-tag",
+    "clear",
+    "visible-change",
+    "focus",
+    "blur",
+    "popup-scroll"
+  ],
+  setup(e, { emit: o }) {
+    const a = r(() => {
+      const { modelValue: u, multiple: m } = e, b = m ? [] : void 0;
+      return P(u) ? m ? u : b : m ? b : u;
+    }), c = ne({
+      ...Te(e),
+      modelValue: a
+    }), s = xl(c, o), { calculatorRef: v, inputStyle: l } = ql();
+    lt(Ce, ne({
+      props: c,
+      states: s.states,
+      optionsArray: s.optionsArray,
+      handleOptionSelect: s.handleOptionSelect,
+      onOptionCreate: s.onOptionCreate,
+      onOptionDestroy: s.onOptionDestroy,
+      selectRef: s.selectRef,
+      setSelected: s.setSelected
+    }));
+    const S = r(() => e.multiple ? s.states.selected.map((u) => u.currentLabel) : s.states.selectedLabel);
+    return {
+      ...s,
+      modelValue: a,
+      selectedLabel: S,
+      calculatorRef: v,
+      inputStyle: l
+    };
+  }
+});
+function nn(e, o, a, c, s, v) {
+  const l = K("el-tag"), S = K("el-tooltip"), u = K("el-icon"), m = K("el-option"), b = K("el-options"), y = K("el-scrollbar"), w = K("el-select-menu"), f = ll("click-outside");
+  return le((g(), I("div", {
+    ref: "selectRef",
+    class: p([e.nsSelect.b(), e.nsSelect.m(e.selectSize)]),
+    [nl(e.mouseEnterEventName)]: (h) => e.states.inputHovering = !0,
+    onMouseleave: (h) => e.states.inputHovering = !1
+  }, [
+    A(S, {
+      ref: "tooltipRef",
+      visible: e.dropdownMenuVisible,
+      placement: e.placement,
+      teleported: e.teleported,
+      "popper-class": [e.nsSelect.e("popper"), e.popperClass],
+      "popper-options": e.popperOptions,
+      "fallback-placements": e.fallbackPlacements,
+      effect: e.effect,
+      pure: "",
+      trigger: "click",
+      transition: `${e.nsSelect.namespace.value}-zoom-in-top`,
+      "stop-popper-mouse-event": !1,
+      "gpu-acceleration": !1,
+      persistent: e.persistent,
+      "append-to": e.appendTo,
+      "show-arrow": e.showArrow,
+      offset: e.offset,
+      onBeforeShow: e.handleMenuEnter,
+      onHide: (h) => e.states.isBeforeHide = !1
+    }, {
+      default: D(() => {
+        var h;
+        return [
+          T("div", {
+            ref: "wrapperRef",
+            class: p([
+              e.nsSelect.e("wrapper"),
+              e.nsSelect.is("focused", e.isFocused),
+              e.nsSelect.is("hovering", e.states.inputHovering),
+              e.nsSelect.is("filterable", e.filterable),
+              e.nsSelect.is("disabled", e.selectDisabled)
+            ]),
+            onClick: L(e.toggleMenu, ["prevent"])
+          }, [
+            e.$slots.prefix ? (g(), I("div", {
+              key: 0,
+              ref: "prefixRef",
+              class: p(e.nsSelect.e("prefix"))
+            }, [
+              $(e.$slots, "prefix")
+            ], 2)) : k("v-if", !0),
+            T("div", {
+              ref: "selectionRef",
+              class: p([
+                e.nsSelect.e("selection"),
+                e.nsSelect.is("near", e.multiple && !e.$slots.prefix && !!e.states.selected.length)
+              ])
+            }, [
+              e.multiple ? $(e.$slots, "tag", { key: 0 }, () => [
+                (g(!0), I(Je, null, Xe(e.showTagList, (d) => (g(), I("div", {
+                  key: e.getValueKey(d),
+                  class: p(e.nsSelect.e("selected-item"))
+                }, [
+                  A(l, {
+                    closable: !e.selectDisabled && !d.isDisabled,
+                    size: e.collapseTagSize,
+                    type: e.tagType,
+                    effect: e.tagEffect,
+                    "disable-transitions": "",
+                    style: he(e.tagStyle),
+                    onClose: (E) => e.deleteTag(E, d)
+                  }, {
+                    default: D(() => [
+                      T("span", {
+                        class: p(e.nsSelect.e("tags-text"))
+                      }, [
+                        $(e.$slots, "label", {
+                          label: d.currentLabel,
+                          value: d.value
+                        }, () => [
+                          Ye(B(d.currentLabel), 1)
+                        ])
+                      ], 2)
+                    ]),
+                    _: 2
+                  }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
+                ], 2))), 128)),
+                e.collapseTags && e.states.selected.length > e.maxCollapseTags ? (g(), W(S, {
+                  key: 0,
+                  ref: "tagTooltipRef",
+                  disabled: e.dropdownMenuVisible || !e.collapseTagsTooltip,
+                  "fallback-placements": ["bottom", "top", "right", "left"],
+                  effect: e.effect,
+                  placement: "bottom",
+                  teleported: e.teleported
+                }, {
+                  default: D(() => [
+                    T("div", {
+                      ref: "collapseItemRef",
+                      class: p(e.nsSelect.e("selected-item"))
+                    }, [
+                      A(l, {
+                        closable: !1,
+                        size: e.collapseTagSize,
+                        type: e.tagType,
+                        effect: e.tagEffect,
+                        "disable-transitions": "",
+                        style: he(e.collapseTagStyle)
+                      }, {
+                        default: D(() => [
+                          T("span", {
+                            class: p(e.nsSelect.e("tags-text"))
+                          }, " + " + B(e.states.selected.length - e.maxCollapseTags), 3)
+                        ]),
+                        _: 1
+                      }, 8, ["size", "type", "effect", "style"])
+                    ], 2)
+                  ]),
+                  content: D(() => [
+                    T("div", {
+                      ref: "tagMenuRef",
+                      class: p(e.nsSelect.e("selection"))
+                    }, [
+                      (g(!0), I(Je, null, Xe(e.collapseTagList, (d) => (g(), I("div", {
+                        key: e.getValueKey(d),
+                        class: p(e.nsSelect.e("selected-item"))
+                      }, [
+                        A(l, {
+                          class: "in-tooltip",
+                          closable: !e.selectDisabled && !d.isDisabled,
+                          size: e.collapseTagSize,
+                          type: e.tagType,
+                          effect: e.tagEffect,
+                          "disable-transitions": "",
+                          onClose: (E) => e.deleteTag(E, d)
+                        }, {
+                          default: D(() => [
+                            T("span", {
+                              class: p(e.nsSelect.e("tags-text"))
+                            }, [
+                              $(e.$slots, "label", {
+                                label: d.currentLabel,
+                                value: d.value
+                              }, () => [
+                                Ye(B(d.currentLabel), 1)
+                              ])
+                            ], 2)
+                          ]),
+                          _: 2
+                        }, 1032, ["closable", "size", "type", "effect", "onClose"])
+                      ], 2))), 128))
+                    ], 2)
+                  ]),
+                  _: 3
+                }, 8, ["disabled", "effect", "teleported"])) : k("v-if", !0)
+              ]) : k("v-if", !0),
+              T("div", {
+                class: p([
+                  e.nsSelect.e("selected-item"),
+                  e.nsSelect.e("input-wrapper"),
+                  e.nsSelect.is("hidden", !e.filterable)
+                ])
+              }, [
+                le(T("input", {
+                  id: e.inputId,
+                  ref: "inputRef",
+                  "onUpdate:modelValue": (d) => e.states.inputValue = d,
+                  type: "text",
+                  name: e.name,
+                  class: p([e.nsSelect.e("input"), e.nsSelect.is(e.selectSize)]),
+                  disabled: e.selectDisabled,
+                  autocomplete: e.autocomplete,
+                  style: he(e.inputStyle),
+                  tabindex: e.tabindex,
+                  role: "combobox",
+                  readonly: !e.filterable,
+                  spellcheck: "false",
+                  "aria-activedescendant": ((h = e.hoverOption) == null ? void 0 : h.id) || "",
+                  "aria-controls": e.contentId,
+                  "aria-expanded": e.dropdownMenuVisible,
+                  "aria-label": e.ariaLabel,
+                  "aria-autocomplete": "none",
+                  "aria-haspopup": "listbox",
+                  onKeydown: [
+                    ee(L((d) => e.navigateOptions("next"), ["stop", "prevent"]), ["down"]),
+                    ee(L((d) => e.navigateOptions("prev"), ["stop", "prevent"]), ["up"]),
+                    ee(L(e.handleEsc, ["stop", "prevent"]), ["esc"]),
+                    ee(L(e.selectOption, ["stop", "prevent"]), ["enter"]),
+                    ee(L(e.deletePrevTag, ["stop"]), ["delete"])
+                  ],
+                  onCompositionstart: e.handleCompositionStart,
+                  onCompositionupdate: e.handleCompositionUpdate,
+                  onCompositionend: e.handleCompositionEnd,
+                  onInput: e.onInput,
+                  onClick: L(e.toggleMenu, ["stop"])
+                }, null, 46, ["id", "onUpdate:modelValue", "name", "disabled", "autocomplete", "tabindex", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label", "onKeydown", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onClick"]), [
+                  [ol, e.states.inputValue]
+                ]),
+                e.filterable ? (g(), I("span", {
+                  key: 0,
+                  ref: "calculatorRef",
+                  "aria-hidden": "true",
+                  class: p(e.nsSelect.e("input-calculator")),
+                  textContent: B(e.states.inputValue)
+                }, null, 10, ["textContent"])) : k("v-if", !0)
+              ], 2),
+              e.shouldShowPlaceholder ? (g(), I("div", {
+                key: 1,
+                class: p([
+                  e.nsSelect.e("selected-item"),
+                  e.nsSelect.e("placeholder"),
+                  e.nsSelect.is("transparent", !e.hasModelValue || e.expanded && !e.states.inputValue)
+                ])
+              }, [
+                e.hasModelValue ? $(e.$slots, "label", {
+                  key: 0,
+                  label: e.currentPlaceholder,
+                  value: e.modelValue
+                }, () => [
+                  T("span", null, B(e.currentPlaceholder), 1)
+                ]) : (g(), I("span", { key: 1 }, B(e.currentPlaceholder), 1))
+              ], 2)) : k("v-if", !0)
+            ], 2),
+            T("div", {
+              ref: "suffixRef",
+              class: p(e.nsSelect.e("suffix"))
+            }, [
+              e.iconComponent && !e.showClose ? (g(), W(u, {
+                key: 0,
+                class: p([e.nsSelect.e("caret"), e.nsSelect.e("icon"), e.iconReverse])
+              }, {
+                default: D(() => [
+                  (g(), W(Ve(e.iconComponent)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : k("v-if", !0),
+              e.showClose && e.clearIcon ? (g(), W(u, {
+                key: 1,
+                class: p([
+                  e.nsSelect.e("caret"),
+                  e.nsSelect.e("icon"),
+                  e.nsSelect.e("clear")
+                ]),
+                onClick: e.handleClearClick
+              }, {
+                default: D(() => [
+                  (g(), W(Ve(e.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["class", "onClick"])) : k("v-if", !0),
+              e.validateState && e.validateIcon && e.needStatusIcon ? (g(), W(u, {
+                key: 2,
+                class: p([
+                  e.nsInput.e("icon"),
+                  e.nsInput.e("validateIcon"),
+                  e.nsInput.is("loading", e.validateState === "validating")
+                ])
+              }, {
+                default: D(() => [
+                  (g(), W(Ve(e.validateIcon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : k("v-if", !0)
+            ], 2)
+          ], 10, ["onClick"])
+        ];
+      }),
+      content: D(() => [
+        A(w, { ref: "menuRef" }, {
+          default: D(() => [
+            e.$slots.header ? (g(), I("div", {
+              key: 0,
+              class: p(e.nsSelect.be("dropdown", "header")),
+              onClick: L(() => {
+              }, ["stop"])
+            }, [
+              $(e.$slots, "header")
+            ], 10, ["onClick"])) : k("v-if", !0),
+            le(A(y, {
+              id: e.contentId,
+              ref: "scrollbarRef",
+              tag: "ul",
+              "wrap-class": e.nsSelect.be("dropdown", "wrap"),
+              "view-class": e.nsSelect.be("dropdown", "list"),
+              class: p([e.nsSelect.is("empty", e.filteredOptionsCount === 0)]),
+              role: "listbox",
+              "aria-label": e.ariaLabel,
+              "aria-orientation": "vertical",
+              onScroll: e.popupScroll
+            }, {
+              default: D(() => [
+                e.showNewOption ? (g(), W(m, {
+                  key: 0,
+                  value: e.states.inputValue,
+                  created: !0
+                }, null, 8, ["value"])) : k("v-if", !0),
+                A(b, null, {
+                  default: D(() => [
+                    $(e.$slots, "default")
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            }, 8, ["id", "wrap-class", "view-class", "class", "aria-label", "onScroll"]), [
+              [$e, e.states.options.size > 0 && !e.loading]
+            ]),
+            e.$slots.loading && e.loading ? (g(), I("div", {
+              key: 1,
+              class: p(e.nsSelect.be("dropdown", "loading"))
+            }, [
+              $(e.$slots, "loading")
+            ], 2)) : e.loading || e.filteredOptionsCount === 0 ? (g(), I("div", {
+              key: 2,
+              class: p(e.nsSelect.be("dropdown", "empty"))
+            }, [
+              $(e.$slots, "empty", {}, () => [
+                T("span", null, B(e.emptyText), 1)
+              ])
+            ], 2)) : k("v-if", !0),
+            e.$slots.footer ? (g(), I("div", {
+              key: 3,
+              class: p(e.nsSelect.be("dropdown", "footer")),
+              onClick: L(() => {
+              }, ["stop"])
+            }, [
+              $(e.$slots, "footer")
+            ], 10, ["onClick"])) : k("v-if", !0)
+          ]),
+          _: 3
+        }, 512)
+      ]),
+      _: 3
+    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "fallback-placements", "effect", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow", "onHide"])
+  ], 16, ["onMouseleave"])), [
+    [f, e.handleClickOutside, e.popperRef]
+  ]);
+}
+var on = /* @__PURE__ */ ye(ln, [["render", nn], ["__file", "select.vue"]]);
+const an = ae({
+  name: "ElOptionGroup",
+  componentName: "ElOptionGroup",
+  props: {
+    label: String,
+    disabled: Boolean
+  },
+  setup(e) {
+    const o = oe("select"), a = V(null), c = Ee(), s = V([]);
+    lt(st, ne({
+      ...Te(e)
+    }));
+    const v = r(() => s.value.some((m) => m.visible === !0)), l = (m) => {
+      var b, y;
+      return ((b = m.type) == null ? void 0 : b.name) === "ElOption" && !!((y = m.component) != null && y.proxy);
+    }, S = (m) => {
+      const b = z(m), y = [];
+      return b.forEach((w) => {
+        var f, h;
+        l(w) ? y.push(w.component.proxy) : (f = w.children) != null && f.length ? y.push(...S(w.children)) : (h = w.component) != null && h.subTree && y.push(...S(w.component.subTree));
+      }), y;
+    }, u = () => {
+      s.value = S(c.subTree);
+    };
+    return ke(() => {
+      u();
+    }), Rl(a, u, {
+      attributes: !0,
+      subtree: !0,
+      childList: !0
+    }), {
+      groupRef: a,
+      visible: v,
+      ns: o
+    };
+  }
+});
+function sn(e, o, a, c, s, v) {
+  return le((g(), I("ul", {
+    ref: "groupRef",
+    class: p(e.ns.be("group", "wrap"))
+  }, [
+    T("li", {
+      class: p(e.ns.be("group", "title"))
+    }, B(e.label), 3),
+    T("li", null, [
+      T("ul", {
+        class: p(e.ns.b("group"))
+      }, [
+        $(e.$slots, "default")
+      ], 2)
+    ])
+  ], 2)), [
+    [$e, e.visible]
+  ]);
+}
+var it = /* @__PURE__ */ ye(an, [["render", sn], ["__file", "option-group.vue"]]);
+const yn = Ml(on, {
+  Option: Me,
+  OptionGroup: it
+}), Cn = ot(Me);
+ot(it);
+export {
+  Cn as E,
+  yn as a
+};