bp-aicc-editor 1.2.521 → 1.2.523

package/lib/index-CW6ljdNf.js

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