@dazhicheng/ui 1.0.7 → 1.1.0

package/dist/index-1F8harWZ.js

@@ -0,0 +1,1982 @@
+import { shallowRef as Ot, ref as D, computed as p, isVNode as ke, defineComponent as re, createElementBlock as V, createBlock as H, openBlock as b, normalizeStyle as se, normalizeClass as m, createElementVNode as $, createCommentVNode as P, unref as F, renderSlot as M, withModifiers as ne, createVNode as j, withCtx as R, Transition as Ct, watch as U, inject as De, getCurrentInstance as Re, toRaw as wt, toRefs as Qe, reactive as ge, onBeforeUnmount as Il, nextTick as q, withDirectives as $e, toDisplayString as Z, vShow as qe, onMounted as Ze, useSlots as Et, watchEffect as Tt, provide as Vl, resolveComponent as X, resolveDirective as It, mergeProps as He, toHandlerKey as Vt, Fragment as ve, renderList as Ie, createTextVNode as hl, resolveDynamicComponent as Ke } from "vue";
+import { _ as Me, b as kt, s as Dt, u as $t, a as yl, E as Rt, c as Mt, d as Lt } from "./index-D8_UEqsc.js";
+import { b as Je, k as Bt, h as kl, w as Dl, t as Nt, j as Pt, d as Sl, p as Wt, g as Ve, e as Ft, a as G, u as zt, o as $l } from "./use-form-common-props-DkpXv1AY.js";
+import { E as Ae } from "./index-C8UKPPHD.js";
+import { a as K, d as ie, A as Ol, o as J, G as Ht, i as be, F as Kt, U as le, C as Xe, g as At, e as jt, c as Gt } from "./index-DdEvRX8w.js";
+import { u as Rl } from "./index-BQfVaV7A.js";
+import { isEqual as oe, get as Q, castArray as Y, isNil as Ut, findLastIndex as Qt, clamp as qt } from "lodash-es";
+import { b as Ml, u as Zt, a as Jt } from "./use-form-item-bliFpQLk.js";
+import { useResizeObserver as te, isClient as Ll, isIOS as Cl, useDebounceFn as Xt, useMutationObserver as Yt } from "@vueuse/core";
+import { b as xt, u as _t } from "./index-BgzdMRW8.js";
+import { V as en, i as wl } from "./icon-DbdhHmva.js";
+import { g as El, E as A } from "./event-DSSsWzVU.js";
+import { u as ln } from "./index-BXkpTX1Y.js";
+import { C as tn } from "./index-DIqpkfiH.js";
+const Bl = 11, nn = 2;
+function on() {
+  const e = Ot(), n = D(0), a = p(() => ({
+    minWidth: `${Math.max(n.value, Bl)}px`
+  }));
+  return te(e, () => {
+    var c, f;
+    n.value = (f = (c = e.value) == null ? void 0 : c.getBoundingClientRect().width) != null ? f : 0;
+  }), {
+    calculatorRef: e,
+    calculatorWidth: n,
+    inputStyle: a
+  };
+}
+function an(e, n) {
+  if (!Ll) return;
+  if (!n) {
+    e.scrollTop = 0;
+    return;
+  }
+  const a = [];
+  let i = n.offsetParent;
+  for (; i !== null && e !== i && e.contains(i); )
+    a.push(i), i = i.offsetParent;
+  const c = n.offsetTop + a.reduce((g, O) => g + O.offsetTop, 0), f = c + n.offsetHeight, r = e.scrollTop, t = r + e.clientHeight;
+  c < r ? e.scrollTop = c : f > t && (e.scrollTop = f - e.clientHeight);
+}
+const me = (e) => {
+  const n = K(e) ? e : [e], a = [];
+  return n.forEach((i) => {
+    var c;
+    K(i) ? a.push(...me(i)) : ke(i) && ((c = i.component) != null && c.subTree) ? a.push(i, ...me(i.component.subTree)) : ke(i) && K(i.children) ? a.push(...me(i.children)) : ke(i) && i.shapeFlag === 2 ? a.push(...me(i.type())) : a.push(i);
+  }), a;
+}, je = Je({
+  /**
+   * @description type of Tag
+   */
+  type: {
+    type: String,
+    values: ["primary", "success", "info", "warning", "danger"],
+    default: "primary"
+  },
+  /**
+   * @description whether Tag can be removed
+   */
+  closable: Boolean,
+  /**
+   * @description whether to disable animations
+   */
+  disableTransitions: Boolean,
+  /**
+   * @description whether Tag has a highlighted border
+   */
+  hit: Boolean,
+  /**
+   * @description background color of the Tag
+   */
+  color: String,
+  /**
+   * @description size of Tag
+   */
+  size: {
+    type: String,
+    values: Bt
+  },
+  /**
+   * @description theme of Tag
+   */
+  effect: {
+    type: String,
+    values: ["dark", "light", "plain"],
+    default: "light"
+  },
+  /**
+   * @description whether Tag is rounded
+   */
+  round: Boolean
+}), sn = {
+  close: (e) => e instanceof MouseEvent,
+  click: (e) => e instanceof MouseEvent
+}, rn = ["aria-label"], un = ["aria-label"];
+var dn = /* @__PURE__ */ re({
+  name: "ElTag",
+  __name: "tag",
+  props: je,
+  emits: sn,
+  setup(e, { emit: n }) {
+    const a = e, i = n, c = kl(), { t: f } = Rl(), r = ie("tag"), t = p(() => {
+      const { type: y, hit: C, effect: d, closable: E, round: w } = a;
+      return [
+        r.b(),
+        r.is("closable", E),
+        r.m(y || "primary"),
+        r.m(c.value),
+        r.m(d),
+        r.is("hit", C),
+        r.is("round", w)
+      ];
+    }), g = (y) => {
+      i("close", y);
+    }, O = (y) => {
+      i("click", y);
+    }, h = (y) => {
+      var C, d, E;
+      (E = (d = (C = y == null ? void 0 : y.component) == null ? void 0 : C.subTree) == null ? void 0 : d.component) != null && E.bum && (y.component.subTree.component.bum = null);
+    };
+    return (y, C) => e.disableTransitions ? (b(), V(
+      "span",
+      {
+        key: 0,
+        class: m(t.value),
+        style: se({ backgroundColor: e.color }),
+        onClick: O
+      },
+      [
+        $(
+          "span",
+          {
+            class: m(F(r).e("content"))
+          },
+          [
+            M(y.$slots, "default")
+          ],
+          2
+          /* CLASS */
+        ),
+        e.closable ? (b(), V("button", {
+          key: 0,
+          "aria-label": F(f)("el.tag.close"),
+          class: m(F(r).e("close")),
+          type: "button",
+          onClick: ne(g, ["stop"])
+        }, [
+          j(F(Ae), null, {
+            default: R(() => [
+              j(F(Ol))
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ], 10, rn)) : P("v-if", !0)
+      ],
+      6
+      /* CLASS, STYLE */
+    )) : (b(), H(Ct, {
+      key: 1,
+      name: `${F(r).namespace.value}-zoom-in-center`,
+      appear: "",
+      onVnodeMounted: h
+    }, {
+      default: R(() => [
+        $(
+          "span",
+          {
+            class: m(t.value),
+            style: se({ backgroundColor: e.color }),
+            onClick: O
+          },
+          [
+            $(
+              "span",
+              {
+                class: m(F(r).e("content"))
+              },
+              [
+                M(y.$slots, "default")
+              ],
+              2
+              /* CLASS */
+            ),
+            e.closable ? (b(), V("button", {
+              key: 0,
+              "aria-label": F(f)("el.tag.close"),
+              class: m(F(r).e("close")),
+              type: "button",
+              onClick: ne(g, ["stop"])
+            }, [
+              j(F(Ae), null, {
+                default: R(() => [
+                  j(F(Ol))
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ], 10, un)) : P("v-if", !0)
+          ],
+          6
+          /* CLASS, STYLE */
+        )
+      ]),
+      _: 3
+      /* FORWARDED */
+    }, 8, ["name"]));
+  }
+});
+const cn = Dl(dn), Ge = {
+  label: "label",
+  value: "value",
+  disabled: "disabled",
+  options: "options"
+};
+function pn(e) {
+  const n = D({ ...Ge, ...e.props });
+  let a = { ...e.props };
+  return U(
+    () => e.props,
+    (t) => {
+      oe(t, a) || (n.value = { ...Ge, ...t }, a = { ...t });
+    },
+    { deep: !0 }
+  ), {
+    aliasProps: n,
+    getLabel: (t) => Q(t, n.value.label),
+    getValue: (t) => Q(t, n.value.value),
+    getDisabled: (t) => Q(t, n.value.disabled),
+    getOptions: (t) => Q(t, n.value.options)
+  };
+}
+const Nl = /* @__PURE__ */ Symbol("ElSelectGroup"), Le = /* @__PURE__ */ Symbol("ElSelect"), Ue = "ElOption", fn = Je({
+  /**
+   * @description value of option
+   */
+  value: {
+    type: [String, Number, Boolean, Object],
+    required: !0
+  },
+  /**
+   * @description label of option, same as `value` if omitted
+   */
+  label: {
+    type: [String, Number]
+  },
+  created: Boolean,
+  /**
+   * @description whether option is disabled
+   */
+  disabled: Boolean
+});
+function vn(e, n) {
+  const a = De(Le);
+  a || Nt(Ue, "usage: <el-select><el-option /></el-select/>");
+  const i = De(Nl, { disabled: !1 }), c = p(() => h(Y(a.props.modelValue), e.value)), f = p(() => {
+    var d;
+    if (a.props.multiple) {
+      const E = Y((d = a.props.modelValue) != null ? d : []);
+      return !c.value && E.length >= a.props.multipleLimit && a.props.multipleLimit > 0;
+    } else
+      return !1;
+  }), r = p(() => {
+    var d;
+    return (d = e.label) != null ? d : J(e.value) ? "" : e.value;
+  }), t = p(() => e.value || e.label || ""), g = p(() => e.disabled || n.groupDisabled || f.value), O = Re(), h = (d = [], E) => {
+    if (J(e.value)) {
+      const w = a.props.valueKey;
+      return d && d.some((u) => wt(Q(u, w)) === Q(E, w));
+    } else
+      return d && d.includes(E);
+  }, y = () => {
+    g.value || (a.states.hoveringIndex = a.optionsArray.indexOf(O.proxy));
+  }, C = (d) => {
+    const E = new RegExp(Ht(d), "i");
+    n.visible = E.test(String(r.value)) || e.created;
+  };
+  return U(
+    () => r.value,
+    () => {
+      !e.created && !a.props.remote && a.setSelected();
+    }
+  ), U(
+    () => e.value,
+    (d, E) => {
+      const { remote: w, valueKey: u } = a.props;
+      if ((w ? d !== E : !oe(d, E)) && (a.onOptionDestroy(E, O.proxy), a.onOptionCreate(O.proxy)), !e.created && !w) {
+        if (u && J(d) && J(E) && d[u] === E[u])
+          return;
+        a.setSelected();
+      }
+    }
+  ), U(
+    () => i.disabled,
+    () => {
+      n.groupDisabled = i.disabled;
+    },
+    { immediate: !0 }
+  ), {
+    select: a,
+    currentLabel: r,
+    currentValue: t,
+    itemSelected: c,
+    isDisabled: g,
+    hoverItem: y,
+    updateOption: C
+  };
+}
+var bn = re({
+  name: Ue,
+  componentName: Ue,
+  props: fn,
+  setup(e) {
+    const n = ie("select"), a = Ml(), i = p(() => [
+      n.be("dropdown", "item"),
+      n.is("disabled", F(t)),
+      n.is("selected", F(r)),
+      n.is("hovering", F(C))
+    ]), c = ge({
+      index: -1,
+      groupDisabled: !1,
+      visible: !0,
+      hover: !1
+    }), {
+      currentLabel: f,
+      itemSelected: r,
+      isDisabled: t,
+      select: g,
+      hoverItem: O,
+      updateOption: h
+    } = vn(e, c), { visible: y, hover: C } = Qe(c), d = Re().proxy;
+    g.onOptionCreate(d), Il(() => {
+      const w = d.value;
+      q(() => {
+        const { selected: u } = g.states, L = u.some((S) => S.value === d.value);
+        g.states.cachedOptions.get(w) === d && !L && g.states.cachedOptions.delete(w);
+      }), g.onOptionDestroy(w, d);
+    });
+    function E() {
+      t.value || g.handleOptionSelect(d);
+    }
+    return {
+      ns: n,
+      id: a,
+      containerKls: i,
+      currentLabel: f,
+      itemSelected: r,
+      isDisabled: t,
+      select: g,
+      visible: y,
+      hover: C,
+      states: c,
+      hoverItem: O,
+      updateOption: h,
+      selectOptionClick: E
+    };
+  }
+});
+const mn = ["id", "aria-disabled", "aria-selected"];
+function gn(e, n, a, i, c, f) {
+  return $e((b(), 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] = (...r) => e.hoverItem && e.hoverItem(...r)),
+    onClick: n[1] || (n[1] = ne((...r) => e.selectOptionClick && e.selectOptionClick(...r), ["stop"]))
+  }, [
+    M(e.$slots, "default", {}, () => [
+      $(
+        "span",
+        null,
+        Z(e.currentLabel),
+        1
+        /* TEXT */
+      )
+    ])
+  ], 42, mn)), [
+    [qe, e.visible]
+  ]);
+}
+var Ye = /* @__PURE__ */ Me(bn, [["render", gn]]), hn = re({
+  name: "ElSelectDropdown",
+  componentName: "ElSelectDropdown",
+  setup() {
+    const e = De(Le), n = ie("select"), a = p(() => e.props.popperClass), i = p(() => e.props.multiple), c = p(() => e.props.fitInputWidth), f = D("");
+    function r() {
+      var t;
+      const g = (t = e.selectRef) == null ? void 0 : t.offsetWidth;
+      g ? f.value = `${g - nn}px` : f.value = "";
+    }
+    return Ze(() => {
+      r(), te(e.selectRef, r);
+    }), {
+      ns: n,
+      minWidth: f,
+      popperClass: a,
+      isMultiple: i,
+      isFitInputWidth: c
+    };
+  }
+});
+function yn(e, n, a, i, c, f) {
+  return b(), V(
+    "div",
+    {
+      class: m([e.ns.b("dropdown"), e.ns.is("multiple", e.isMultiple), e.popperClass]),
+      style: se({ [e.isFitInputWidth ? "width" : "minWidth"]: e.minWidth })
+    },
+    [
+      e.$slots.header ? (b(), V(
+        "div",
+        {
+          key: 0,
+          class: m(e.ns.be("dropdown", "header"))
+        },
+        [
+          M(e.$slots, "header")
+        ],
+        2
+        /* CLASS */
+      )) : P("v-if", !0),
+      M(e.$slots, "default"),
+      e.$slots.footer ? (b(), V(
+        "div",
+        {
+          key: 1,
+          class: m(e.ns.be("dropdown", "footer"))
+        },
+        [
+          M(e.$slots, "footer")
+        ],
+        2
+        /* CLASS */
+      )) : P("v-if", !0)
+    ],
+    6
+    /* CLASS, STYLE */
+  );
+}
+var Sn = /* @__PURE__ */ Me(hn, [["render", yn]]);
+const On = (e, n) => {
+  const { t: a } = Rl(), i = Et(), c = Ml(), f = ie("select"), r = ie("input"), t = ge({
+    inputValue: "",
+    options: /* @__PURE__ */ new Map(),
+    cachedOptions: /* @__PURE__ */ new Map(),
+    optionValues: [],
+    // sorted value of options
+    selected: [],
+    selectionWidth: 0,
+    collapseItemWidth: 0,
+    selectedLabel: "",
+    hoveringIndex: -1,
+    previousQuery: null,
+    inputHovering: !1,
+    menuVisibleOnFocus: !1,
+    isBeforeHide: !1
+  }), g = D(), O = D(), h = D(), y = D(), C = D(), d = D(), E = D(), w = D(), u = D(), L = D(), S = D(), v = D(!1), k = D(), ae = D(!1), { form: ue, formItem: B } = Zt(), { inputId: _e } = Jt(e, {
+    formItemContext: B
+  }), { valueOnClear: x, isEmptyValue: Pl } = kt(e), {
+    isComposing: Be,
+    handleCompositionStart: Wl,
+    handleCompositionUpdate: Fl,
+    handleCompositionEnd: zl
+  } = xt({
+    afterComposition: (l) => rl(l)
+  }), de = Pt(), { wrapperRef: el, isFocused: Ne, handleBlur: Hl } = _t(C, {
+    disabled: de,
+    afterFocus() {
+      e.automaticDropdown && !v.value && (v.value = !0, t.menuVisibleOnFocus = !0);
+    },
+    beforeBlur(l) {
+      var o, s;
+      return ((o = h.value) == null ? void 0 : o.isFocusInsideContent(l)) || ((s = y.value) == null ? void 0 : s.isFocusInsideContent(l));
+    },
+    afterBlur() {
+      var l;
+      v.value = !1, t.menuVisibleOnFocus = !1, e.validateEvent && ((l = B == null ? void 0 : B.validate) == null || l.call(B, "blur").catch((o) => Sl(o)));
+    }
+  }), Pe = p(() => K(e.modelValue) ? e.modelValue.length > 0 : !Pl(e.modelValue)), Kl = p(() => {
+    var l;
+    return (l = ue == null ? void 0 : ue.statusIcon) != null ? l : !1;
+  }), Al = p(() => e.clearable && !de.value && Pe.value && (Ne.value || t.inputHovering)), ll = p(
+    () => e.remote && e.filterable && !e.remoteShowSuffix ? "" : e.suffixIcon
+  ), jl = p(
+    () => f.is("reverse", !!(ll.value && v.value))
+  ), We = p(() => (B == null ? void 0 : B.validateState) || ""), Gl = p(
+    () => We.value && en[We.value]
+  ), Ul = p(() => e.remote ? e.debounce : 0), Ql = p(
+    () => e.remote && !t.inputValue && t.options.size === 0
+  ), ql = p(() => e.loading ? e.loadingText || a("el.select.loading") : e.filterable && t.inputValue && t.options.size > 0 && ce.value === 0 ? e.noMatchText || a("el.select.noMatch") : t.options.size === 0 ? e.noDataText || a("el.select.noData") : null), ce = p(
+    () => N.value.filter((l) => l.visible).length
+  ), N = p(() => {
+    const l = Array.from(t.options.values()), o = [];
+    return t.optionValues.forEach((s) => {
+      const T = l.findIndex((I) => I.value === s);
+      T > -1 && o.push(l[T]);
+    }), o.length >= l.length ? o : l;
+  }), Zl = p(
+    () => Array.from(t.cachedOptions.values())
+  ), Jl = p(() => {
+    const l = N.value.filter((o) => !o.created).some((o) => o.currentLabel === t.inputValue);
+    return e.filterable && e.allowCreate && t.inputValue !== "" && !l;
+  }), tl = () => {
+    e.filterable && be(e.filterMethod) || e.filterable && e.remote && be(e.remoteMethod) || N.value.forEach((l) => {
+      var o;
+      (o = l.updateOption) == null || o.call(l, t.inputValue);
+    });
+  }, nl = kl(), Xl = p(
+    () => ["small"].includes(nl.value) ? "small" : "default"
+  ), ol = p({
+    get() {
+      return v.value && (e.loading || !Ql.value || e.remote && !!i.empty) && (!ae.value || !Wt(t.previousQuery));
+    },
+    set(l) {
+      v.value = l;
+    }
+  }), Yl = p(() => {
+    if (e.multiple && !Ve(e.modelValue))
+      return Y(e.modelValue).length === 0 && !t.inputValue;
+    const l = K(e.modelValue) ? e.modelValue[0] : e.modelValue;
+    return e.filterable || Ve(l) ? !t.inputValue : !0;
+  }), xl = p(() => {
+    var l;
+    const o = (l = e.placeholder) != null ? l : a("el.select.placeholder");
+    return e.multiple || !Pe.value ? o : t.selectedLabel;
+  }), _l = p(() => Cl ? null : "mouseenter");
+  U(
+    () => e.modelValue,
+    (l, o) => {
+      e.multiple && e.filterable && !e.reserveKeyword && (t.inputValue = "", ye("")), Se(), !oe(l, o) && e.validateEvent && (B == null || B.validate("change").catch((s) => Sl(s)));
+    },
+    {
+      flush: "post",
+      deep: !0
+    }
+  ), U(
+    () => v.value,
+    (l) => {
+      l ? ye(t.inputValue) : (t.inputValue = "", t.previousQuery = null, t.isBeforeHide = !0, t.menuVisibleOnFocus = !1);
+    }
+  ), U(
+    // fix `Array.prototype.push/splice/..` cannot trigger non-deep watcher
+    // https://github.com/vuejs/vue-next/issues/2116
+    () => t.options.entries(),
+    () => {
+      Ll && (Se(), e.defaultFirstOption && (e.filterable || e.remote) && ce.value && al());
+    },
+    {
+      flush: "post"
+    }
+  ), U([() => t.hoveringIndex, N], ([l]) => {
+    Ft(l) && l > -1 ? k.value = N.value[l] || {} : k.value = {}, N.value.forEach((o) => {
+      o.hover = k.value === o;
+    });
+  }), Tt(() => {
+    t.isBeforeHide || tl();
+  });
+  const ye = (l) => {
+    t.previousQuery === l || Be.value || (t.previousQuery = l, e.filterable && be(e.filterMethod) ? e.filterMethod(l) : e.filterable && e.remote && be(e.remoteMethod) && e.remoteMethod(l), e.defaultFirstOption && (e.filterable || e.remote) && ce.value ? q(al) : q(et));
+  }, al = () => {
+    const l = N.value.filter(
+      (I) => I.visible && !I.disabled && !I.states.groupDisabled
+    ), o = l.find((I) => I.created), s = l[0], T = N.value.map((I) => I.value);
+    t.hoveringIndex = fl(
+      T,
+      o || s
+    );
+  }, Se = () => {
+    if (e.multiple)
+      t.selectedLabel = "";
+    else {
+      const o = K(e.modelValue) ? e.modelValue[0] : e.modelValue, s = Fe(o);
+      t.selectedLabel = s.currentLabel, t.selected = [s];
+      return;
+    }
+    const l = [];
+    Ve(e.modelValue) || Y(e.modelValue).forEach((o) => {
+      l.push(Fe(o));
+    }), t.selected = l;
+  }, Fe = (l) => {
+    let o;
+    const s = Kt(l);
+    for (let W = t.cachedOptions.size - 1; W >= 0; W--) {
+      const z = Zl.value[W];
+      if (s ? Q(z.value, e.valueKey) === Q(l, e.valueKey) : z.value === l) {
+        o = {
+          index: N.value.filter((ee) => !ee.created).indexOf(z),
+          value: l,
+          currentLabel: z.currentLabel,
+          get isDisabled() {
+            return z.isDisabled;
+          }
+        };
+        break;
+      }
+    }
+    if (o) return o;
+    const T = s ? l.label : l ?? "";
+    return {
+      index: -1,
+      value: l,
+      currentLabel: T
+    };
+  }, et = () => {
+    const l = t.selected.length;
+    if (l > 0) {
+      const o = t.selected[l - 1];
+      t.hoveringIndex = N.value.findIndex(
+        (s) => Ce(o) === Ce(s)
+      );
+    } else
+      t.hoveringIndex = -1;
+  }, lt = () => {
+    t.selectionWidth = Number.parseFloat(
+      window.getComputedStyle(O.value).width
+    );
+  }, tt = () => {
+    t.collapseItemWidth = L.value.getBoundingClientRect().width;
+  }, ze = () => {
+    var l, o;
+    (o = (l = h.value) == null ? void 0 : l.updatePopper) == null || o.call(l);
+  }, sl = () => {
+    var l, o;
+    (o = (l = y.value) == null ? void 0 : l.updatePopper) == null || o.call(l);
+  }, il = () => {
+    t.inputValue.length > 0 && !v.value && (v.value = !0), ye(t.inputValue);
+  }, rl = (l) => {
+    if (t.inputValue = l.target.value, e.remote)
+      ae.value = !0, ul();
+    else
+      return il();
+  }, ul = Xt(() => {
+    il(), ae.value = !1;
+  }, Ul), pe = (l) => {
+    oe(e.modelValue, l) || n(Xe, l);
+  }, nt = (l) => Qt(l, (o) => {
+    const s = t.cachedOptions.get(o);
+    return !(s != null && s.disabled) && !(s != null && s.states.groupDisabled);
+  }), dl = (l) => {
+    const o = El(l);
+    if (e.multiple && o !== A.delete && l.target.value.length <= 0) {
+      const s = Y(e.modelValue).slice(), T = nt(s);
+      if (T < 0) return;
+      const I = s[T];
+      s.splice(T, 1), n(le, s), pe(s), n("remove-tag", I);
+    }
+  }, ot = (l, o) => {
+    const s = t.selected.indexOf(o);
+    if (s > -1 && !de.value) {
+      const T = Y(e.modelValue).slice();
+      T.splice(s, 1), n(le, T), pe(T), n("remove-tag", o.value);
+    }
+    l.stopPropagation(), Oe();
+  }, cl = (l) => {
+    l.stopPropagation();
+    const o = e.multiple ? [] : x.value;
+    if (e.multiple)
+      for (const s of t.selected)
+        s.isDisabled && o.push(s.value);
+    n(le, o), pe(o), t.hoveringIndex = -1, v.value = !1, n("clear"), Oe();
+  }, pl = (l) => {
+    var o;
+    if (e.multiple) {
+      const s = Y((o = e.modelValue) != null ? o : []).slice(), T = fl(s, l);
+      T > -1 ? s.splice(T, 1) : (e.multipleLimit <= 0 || s.length < e.multipleLimit) && s.push(l.value), n(le, s), pe(s), l.created && ye(""), e.filterable && !e.reserveKeyword && (t.inputValue = "");
+    } else
+      !oe(e.modelValue, l.value) && n(le, l.value), pe(l.value), v.value = !1;
+    Oe(), !v.value && q(() => {
+      fe(l);
+    });
+  }, fl = (l, o) => Ve(o) ? -1 : J(o.value) ? l.findIndex((s) => oe(Q(s, e.valueKey), Ce(o))) : l.indexOf(o.value), fe = (l) => {
+    var o, s, T, I, W;
+    const z = K(l) ? l[l.length - 1] : l;
+    let _ = null;
+    if (!Ut(z == null ? void 0 : z.value)) {
+      const ee = N.value.filter(
+        (St) => St.value === z.value
+      );
+      ee.length > 0 && (_ = ee[0].$el);
+    }
+    if (h.value && _) {
+      const ee = (I = (T = (s = (o = h.value) == null ? void 0 : o.popperRef) == null ? void 0 : s.contentRef) == null ? void 0 : T.querySelector) == null ? void 0 : I.call(
+        T,
+        `.${f.be("dropdown", "wrap")}`
+      );
+      ee && an(ee, _);
+    }
+    (W = S.value) == null || W.handleScroll();
+  }, at = (l) => {
+    t.options.set(l.value, l), t.cachedOptions.set(l.value, l);
+  }, st = (l, o) => {
+    t.options.get(l) === o && t.options.delete(l);
+  }, it = p(() => {
+    var l, o;
+    return (o = (l = h.value) == null ? void 0 : l.popperRef) == null ? void 0 : o.contentRef;
+  }), rt = () => {
+    t.isBeforeHide = !1, q(() => {
+      var l;
+      (l = S.value) == null || l.update(), fe(t.selected);
+    });
+  }, Oe = () => {
+    var l;
+    (l = C.value) == null || l.focus();
+  }, ut = () => {
+    var l;
+    if (v.value) {
+      v.value = !1, q(() => {
+        var o;
+        return (o = C.value) == null ? void 0 : o.blur();
+      });
+      return;
+    }
+    (l = C.value) == null || l.blur();
+  }, dt = (l) => {
+    cl(l);
+  }, ct = (l) => {
+    if (v.value = !1, Ne.value) {
+      const o = new FocusEvent("blur", l);
+      q(() => Hl(o));
+    }
+  }, vl = () => {
+    t.inputValue.length > 0 ? t.inputValue = "" : v.value = !1;
+  }, bl = (l) => {
+    var o;
+    de.value || e.filterable && v.value && l && !((o = E.value) != null && o.contains(l.target)) || (Cl && (t.inputHovering = !0), t.menuVisibleOnFocus ? t.menuVisibleOnFocus = !1 : v.value = !v.value);
+  }, ml = () => {
+    if (!v.value)
+      bl();
+    else {
+      const l = N.value[t.hoveringIndex];
+      l && !l.isDisabled && pl(l);
+    }
+  }, Ce = (l) => J(l.value) ? Q(l.value, e.valueKey) : l.value, pt = p(
+    () => N.value.filter((l) => l.visible).every((l) => l.isDisabled)
+  ), ft = p(() => e.multiple ? e.collapseTags ? t.selected.slice(0, e.maxCollapseTags) : t.selected : []), vt = p(() => e.multiple ? e.collapseTags ? t.selected.slice(e.maxCollapseTags) : [] : []), we = (l) => {
+    if (!v.value) {
+      v.value = !0;
+      return;
+    }
+    if (!(t.options.size === 0 || ce.value === 0 || Be.value) && !pt.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 o = N.value[t.hoveringIndex];
+      (o.isDisabled || !o.visible) && we(l), q(() => fe(k.value));
+    }
+  }, gl = (l, o, s, T) => {
+    for (let I = o; I >= 0 && I < T; I += s) {
+      const W = l[I];
+      if (!(W != null && W.isDisabled) && (W != null && W.visible))
+        return I;
+    }
+    return null;
+  }, Ee = (l, o) => {
+    var s;
+    const T = t.options.size;
+    if (T === 0) return;
+    const I = qt(l, 0, T - 1), W = N.value, z = o === "up" ? -1 : 1, _ = (s = gl(W, I, z, T)) != null ? s : gl(W, I - z, -z, T);
+    _ != null && (t.hoveringIndex = _, q(() => fe(k.value)));
+  }, bt = (l) => {
+    const o = El(l);
+    let s = !0;
+    switch (o) {
+      case A.up:
+        we("prev");
+        break;
+      case A.down:
+        we("next");
+        break;
+      case A.enter:
+      case A.numpadEnter:
+        Be.value || ml();
+        break;
+      case A.esc:
+        vl();
+        break;
+      case A.backspace:
+        s = !1, dl(l);
+        return;
+      case A.home:
+        if (!v.value) return;
+        Ee(0, "down");
+        break;
+      case A.end:
+        if (!v.value) return;
+        Ee(t.options.size - 1, "up");
+        break;
+      case A.pageUp:
+        if (!v.value) return;
+        Ee(t.hoveringIndex - 10, "up");
+        break;
+      case A.pageDown:
+        if (!v.value) return;
+        Ee(t.hoveringIndex + 10, "down");
+        break;
+      default:
+        s = !1;
+        break;
+    }
+    s && (l.preventDefault(), l.stopPropagation());
+  }, mt = () => {
+    if (!O.value) return 0;
+    const l = window.getComputedStyle(O.value);
+    return Number.parseFloat(l.gap || "6px");
+  }, gt = p(() => {
+    const l = mt(), o = e.filterable ? l + Bl : 0;
+    return { maxWidth: `${L.value && e.maxCollapseTags === 1 ? t.selectionWidth - t.collapseItemWidth - l - o : t.selectionWidth - o}px` };
+  }), ht = p(() => ({ maxWidth: `${t.selectionWidth}px` })), yt = (l) => {
+    n("popup-scroll", l);
+  };
+  te(O, lt), te(el, ze), te(u, sl), te(L, tt);
+  let Te;
+  return U(
+    () => ol.value,
+    (l) => {
+      l ? Te = te(w, ze).stop : (Te == null || Te(), Te = void 0), n("visible-change", l);
+    }
+  ), Ze(() => {
+    Se();
+  }), {
+    inputId: _e,
+    contentId: c,
+    nsSelect: f,
+    nsInput: r,
+    states: t,
+    isFocused: Ne,
+    expanded: v,
+    optionsArray: N,
+    hoverOption: k,
+    selectSize: nl,
+    filteredOptionsCount: ce,
+    updateTooltip: ze,
+    updateTagTooltip: sl,
+    debouncedOnInputChange: ul,
+    onInput: rl,
+    deletePrevTag: dl,
+    deleteTag: ot,
+    deleteSelected: cl,
+    handleOptionSelect: pl,
+    scrollToOption: fe,
+    hasModelValue: Pe,
+    shouldShowPlaceholder: Yl,
+    currentPlaceholder: xl,
+    mouseEnterEventName: _l,
+    needStatusIcon: Kl,
+    showClearBtn: Al,
+    iconComponent: ll,
+    iconReverse: jl,
+    validateState: We,
+    validateIcon: Gl,
+    showNewOption: Jl,
+    updateOptions: tl,
+    collapseTagSize: Xl,
+    setSelected: Se,
+    selectDisabled: de,
+    emptyText: ql,
+    handleCompositionStart: Wl,
+    handleCompositionUpdate: Fl,
+    handleCompositionEnd: zl,
+    handleKeydown: bt,
+    onOptionCreate: at,
+    onOptionDestroy: st,
+    handleMenuEnter: rt,
+    focus: Oe,
+    blur: ut,
+    handleClearClick: dt,
+    handleClickOutside: ct,
+    handleEsc: vl,
+    toggleMenu: bl,
+    selectOption: ml,
+    getValueKey: Ce,
+    navigateOptions: we,
+    dropdownMenuVisible: ol,
+    showTagList: ft,
+    collapseTagList: vt,
+    popupScroll: yt,
+    getOption: Fe,
+    // computed style
+    tagStyle: gt,
+    collapseTagStyle: ht,
+    // DOM ref
+    popperRef: it,
+    inputRef: C,
+    tooltipRef: h,
+    tagTooltipRef: y,
+    prefixRef: d,
+    suffixRef: E,
+    selectRef: g,
+    wrapperRef: el,
+    selectionRef: O,
+    scrollbarRef: S,
+    menuRef: w,
+    tagMenuRef: u,
+    collapseItemRef: L
+  };
+};
+var Cn = re({
+  name: "ElOptions",
+  setup(e, { slots: n }) {
+    const a = De(Le);
+    let i = [];
+    return () => {
+      var c, f;
+      const r = (c = n.default) == null ? void 0 : c.call(n), t = [];
+      function g(O) {
+        K(O) && O.forEach((h) => {
+          var y, C, d, E;
+          const w = (y = (h == null ? void 0 : h.type) || {}) == null ? void 0 : y.name;
+          w === "ElOptionGroup" ? g(
+            !At(h.children) && !K(h.children) && be((C = h.children) == null ? void 0 : C.default) ? (d = h.children) == null ? void 0 : d.default() : h.children
+          ) : w === "ElOption" ? t.push((E = h.props) == null ? void 0 : E.value) : K(h.children) && g(h.children);
+        });
+      }
+      return r.length && g((f = r[0]) == null ? void 0 : f.children), oe(t, i) || (i = t, a && (a.states.optionValues = t)), r;
+    };
+  }
+});
+const wn = Je({
+  /**
+   * @description the name attribute of select input
+   */
+  name: String,
+  /**
+   * @description native input id
+   */
+  id: String,
+  /**
+   * @description binding value
+   */
+  modelValue: {
+    type: G([
+      Array,
+      String,
+      Number,
+      Boolean,
+      Object
+    ]),
+    default: void 0
+  },
+  /**
+   * @description the autocomplete attribute of select input
+   */
+  autocomplete: {
+    type: String,
+    default: "off"
+  },
+  /**
+   * @description for non-filterable Select, this prop decides if the option menu pops up when the input is focused
+   */
+  automaticDropdown: Boolean,
+  /**
+   * @description size of Input
+   */
+  size: zt,
+  /**
+   * @description tooltip theme, built-in theme: `dark` / `light`
+   */
+  effect: {
+    type: G(String),
+    default: "light"
+  },
+  /**
+   * @description whether Select is disabled
+   */
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  /**
+   * @description whether select can be cleared
+   */
+  clearable: Boolean,
+  /**
+   * @description whether Select is filterable
+   */
+  filterable: Boolean,
+  /**
+   * @description whether creating new items is allowed. To use this, `filterable` must be true
+   */
+  allowCreate: Boolean,
+  /**
+   * @description whether Select is loading data from server
+   */
+  loading: Boolean,
+  /**
+   * @description custom class name for Select's dropdown
+   */
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description custom style for Select's dropdown
+   */
+  popperStyle: {
+    type: G([String, Object])
+  },
+  /**
+   * @description [popper.js](https://popper.js.org/docs/v2/) parameters
+   */
+  popperOptions: {
+    type: G(Object),
+    default: () => ({})
+  },
+  /**
+   * @description whether options are loaded from server
+   */
+  remote: Boolean,
+  /**
+   * @description debounce delay during remote search, in milliseconds
+   */
+  debounce: {
+    type: Number,
+    default: 300
+  },
+  /**
+   * @description displayed text while loading data from server, default is 'Loading'
+   */
+  loadingText: String,
+  /**
+   * @description displayed text when no data matches the filtering query, you can also use slot `empty`, default is 'No matching data'
+   */
+  noMatchText: String,
+  /**
+   * @description displayed text when there is no options, you can also use slot `empty`, default is 'No data'
+   */
+  noDataText: String,
+  /**
+   * @description function that gets called when the input value changes. Its parameter is the current input value. To use this, `filterable` must be true
+   */
+  remoteMethod: {
+    type: G(Function)
+  },
+  /**
+   * @description custom filter method, the first parameter is the current input value. To use this, `filterable` must be true
+   */
+  filterMethod: {
+    type: G(Function)
+  },
+  /**
+   * @description whether multiple-select is activated
+   */
+  multiple: Boolean,
+  /**
+   * @description maximum number of options user can select when `multiple` is `true`. No limit when set to 0
+   */
+  multipleLimit: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description placeholder, default is 'Select'
+   */
+  placeholder: {
+    type: String
+  },
+  /**
+   * @description select first matching option on enter key. Use with `filterable` or `remote`
+   */
+  defaultFirstOption: Boolean,
+  /**
+   * @description when `multiple` and `filter` is true, whether to reserve current keyword after selecting an option
+   */
+  reserveKeyword: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description unique identity key name for value, required when value is an object
+   */
+  valueKey: {
+    type: String,
+    default: "value"
+  },
+  /**
+   * @description whether to collapse tags to a text when multiple selecting
+   */
+  collapseTags: Boolean,
+  /**
+   * @description whether show all selected tags when mouse hover text of collapse-tags. To use this, `collapse-tags` must be true
+   */
+  collapseTagsTooltip: Boolean,
+  /**
+   * @description the max tags number to be shown. To use this, `collapse-tags` must be true
+   */
+  maxCollapseTags: {
+    type: Number,
+    default: 1
+  },
+  /**
+   * @description whether select dropdown is teleported, if `true` it will be teleported to where `append-to` sets
+   */
+  teleported: yl.teleported,
+  /**
+   * @description when select dropdown is inactive and `persistent` is `false`, select dropdown will be destroyed
+   */
+  persistent: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description custom clear icon component
+   */
+  clearIcon: {
+    type: wl,
+    default: Gt
+  },
+  /**
+   * @description whether the width of the dropdown is the same as the input
+   */
+  fitInputWidth: Boolean,
+  /**
+   * @description custom suffix icon component
+   */
+  suffixIcon: {
+    type: wl,
+    default: jt
+  },
+  /**
+   * @description tag type
+   */
+  tagType: { ...je.type, default: "info" },
+  /**
+   * @description tag effect
+   */
+  tagEffect: { ...je.effect, default: "light" },
+  /**
+   * @description whether to trigger form validation
+   */
+  validateEvent: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description in remote search method show suffix icon
+   */
+  remoteShowSuffix: Boolean,
+  /**
+   * @description determines whether the arrow is displayed
+   */
+  showArrow: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description offset of the dropdown
+   */
+  offset: {
+    type: Number,
+    default: 12
+  },
+  /**
+   * @description position of dropdown
+   */
+  placement: {
+    type: G(String),
+    values: Rt,
+    default: "bottom-start"
+  },
+  /**
+   * @description list of possible positions for dropdown
+   */
+  fallbackPlacements: {
+    type: G(Array),
+    default: ["bottom-start", "top-start", "right", "left"]
+  },
+  /**
+   * @description tabindex for input
+   */
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  /**
+   * @description which element the selection dropdown appends to
+   */
+  appendTo: yl.appendTo,
+  options: {
+    type: G(Array)
+  },
+  props: {
+    type: G(Object),
+    default: () => Ge
+  },
+  ...$t,
+  ...ln(["ariaLabel"])
+}), Zn = {
+  [le]: (e) => !0,
+  [Xe]: (e) => !0,
+  "popup-scroll": Dt.scroll,
+  "remove-tag": (e) => !0,
+  "visible-change": (e) => !0,
+  focus: (e) => e instanceof FocusEvent,
+  blur: (e) => e instanceof FocusEvent,
+  clear: () => !0
+};
+var En = re({
+  name: "ElOptionGroup",
+  componentName: "ElOptionGroup",
+  props: {
+    /**
+     * @description name of the group
+     */
+    label: String,
+    /**
+     * @description whether to disable all options in this group
+     */
+    disabled: Boolean
+  },
+  setup(e) {
+    const n = ie("select"), a = D(), i = Re(), c = D([]);
+    Vl(
+      Nl,
+      ge({
+        ...Qe(e)
+      })
+    );
+    const f = p(
+      () => c.value.some((O) => O.visible === !0)
+    ), r = (O) => {
+      var h;
+      return O.type.name === "ElOption" && !!((h = O.component) != null && h.proxy);
+    }, t = (O) => {
+      const h = Y(O), y = [];
+      return h.forEach((C) => {
+        var d;
+        ke(C) && (r(C) ? y.push(C.component.proxy) : K(C.children) && C.children.length ? y.push(...t(C.children)) : (d = C.component) != null && d.subTree && y.push(...t(C.component.subTree)));
+      }), y;
+    }, g = () => {
+      c.value = t(i.subTree);
+    };
+    return Ze(() => {
+      g();
+    }), Yt(a, g, {
+      attributes: !0,
+      subtree: !0,
+      childList: !0
+    }), {
+      groupRef: a,
+      visible: f,
+      ns: n
+    };
+  }
+});
+function Tn(e, n, a, i, c, f) {
+  return $e((b(), V(
+    "ul",
+    {
+      ref: "groupRef",
+      class: m(e.ns.be("group", "wrap"))
+    },
+    [
+      $(
+        "li",
+        {
+          class: m(e.ns.be("group", "title"))
+        },
+        Z(e.label),
+        3
+        /* TEXT, CLASS */
+      ),
+      $("li", null, [
+        $(
+          "ul",
+          {
+            class: m(e.ns.b("group"))
+          },
+          [
+            M(e.$slots, "default")
+          ],
+          2
+          /* CLASS */
+        )
+      ])
+    ],
+    2
+    /* CLASS */
+  )), [
+    [qe, e.visible]
+  ]);
+}
+var xe = /* @__PURE__ */ Me(En, [["render", Tn]]);
+const Tl = "ElSelect", he = /* @__PURE__ */ new WeakMap(), In = (e) => (...n) => {
+  var a, i;
+  const c = n[0];
+  if (!c || c.includes(
+    'Slot "default" invoked outside of the render function'
+  ) && ((a = n[2]) != null && a.includes("ElTreeSelect")))
+    return;
+  const f = (i = he.get(e)) == null ? void 0 : i.originalWarnHandler;
+  if (f) {
+    f(...n);
+    return;
+  }
+  console.warn(...n);
+}, Vn = (e) => {
+  let n = he.get(e);
+  return n || (n = {
+    originalWarnHandler: e.config.warnHandler,
+    handler: In(e),
+    count: 0
+  }, he.set(e, n)), n;
+};
+var kn = re({
+  name: Tl,
+  componentName: Tl,
+  components: {
+    ElSelectMenu: Sn,
+    ElOption: Ye,
+    ElOptions: Cn,
+    ElOptionGroup: xe,
+    ElTag: cn,
+    ElScrollbar: Lt,
+    ElTooltip: Mt,
+    ElIcon: Ae
+  },
+  directives: { ClickOutside: tn },
+  props: wn,
+  emits: [
+    le,
+    Xe,
+    "remove-tag",
+    "clear",
+    "visible-change",
+    "focus",
+    "blur",
+    "popup-scroll"
+  ],
+  setup(e, { emit: n, slots: a }) {
+    const i = Re(), c = Vn(i.appContext);
+    c.count += 1, i.appContext.config.warnHandler = c.handler;
+    const f = p(() => {
+      const { modelValue: S, multiple: v } = e, k = v ? [] : void 0;
+      return K(S) ? v ? S : k : v ? k : S;
+    }), r = ge({
+      ...Qe(e),
+      modelValue: f
+    }), t = On(r, n), { calculatorRef: g, inputStyle: O } = on(), { getLabel: h, getValue: y, getOptions: C, getDisabled: d } = pn(e), E = (S) => ({
+      label: h(S),
+      value: y(S),
+      disabled: d(S)
+    }), w = (S) => S.reduce((v, k) => (v.push(k), k.children && k.children.length > 0 && v.push(...w(k.children)), v), []), u = (S) => {
+      me(S || []).forEach((k) => {
+        var ae;
+        if (J(k) && // @ts-expect-error
+        (k.type.name === "ElOption" || k.type.name === "ElTree")) {
+          const ue = k.type.name;
+          if (ue === "ElTree") {
+            const B = ((ae = k.props) == null ? void 0 : ae.data) || [];
+            w(B).forEach((x) => {
+              x.currentLabel = x.label || (J(x.value) ? "" : x.value), t.onOptionCreate(x);
+            });
+          } else if (ue === "ElOption") {
+            const B = { ...k.props };
+            B.currentLabel = B.label || (J(B.value) ? "" : B.value), t.onOptionCreate(B);
+          }
+        }
+      });
+    };
+    U(
+      () => {
+        var S;
+        return [(S = a.default) == null ? void 0 : S.call(a), f.value];
+      },
+      () => {
+        var S;
+        e.persistent || t.expanded.value || (t.states.options.clear(), u((S = a.default) == null ? void 0 : S.call(a)));
+      },
+      {
+        immediate: !0
+      }
+    ), Vl(
+      Le,
+      ge({
+        props: r,
+        states: t.states,
+        selectRef: t.selectRef,
+        optionsArray: t.optionsArray,
+        setSelected: t.setSelected,
+        handleOptionSelect: t.handleOptionSelect,
+        onOptionCreate: t.onOptionCreate,
+        onOptionDestroy: t.onOptionDestroy
+      })
+    );
+    const L = p(() => e.multiple ? t.states.selected.map((S) => S.currentLabel) : t.states.selectedLabel);
+    return Il(() => {
+      const S = he.get(i.appContext);
+      S && (S.count -= 1, S.count <= 0 && (i.appContext.config.warnHandler = S.originalWarnHandler, he.delete(i.appContext)));
+    }), {
+      ...t,
+      modelValue: f,
+      selectedLabel: L,
+      calculatorRef: g,
+      inputStyle: O,
+      getLabel: h,
+      getValue: y,
+      getOptions: C,
+      getDisabled: d,
+      getOptionProps: E
+    };
+  }
+});
+const Dn = ["id", "value", "name", "disabled", "autocomplete", "tabindex", "readonly", "aria-activedescendant", "aria-controls", "aria-expanded", "aria-label"], $n = ["textContent"], Rn = { key: 1 };
+function Mn(e, n, a, i, c, f) {
+  const r = X("el-tag"), t = X("el-tooltip"), g = X("el-icon"), O = X("el-option"), h = X("el-option-group"), y = X("el-options"), C = X("el-scrollbar"), d = X("el-select-menu"), E = It("click-outside");
+  return $e((b(), V(
+    "div",
+    He({
+      ref: "selectRef",
+      class: [e.nsSelect.b(), e.nsSelect.m(e.selectSize)]
+    }, {
+      [Vt(e.mouseEnterEventName)]: n[10] || (n[10] = (w) => e.states.inputHovering = !0)
+    }, {
+      onMouseleave: n[11] || (n[11] = (w) => e.states.inputHovering = !1)
+    }),
+    [
+      j(t, {
+        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[9] || (n[9] = (w) => e.states.isBeforeHide = !1)
+      }, {
+        default: R(() => {
+          var w;
+          return [
+            $(
+              "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[6] || (n[6] = ne((...u) => e.toggleMenu && e.toggleMenu(...u), ["prevent"]))
+              },
+              [
+                e.$slots.prefix ? (b(), V(
+                  "div",
+                  {
+                    key: 0,
+                    ref: "prefixRef",
+                    class: m(e.nsSelect.e("prefix"))
+                  },
+                  [
+                    M(e.$slots, "prefix")
+                  ],
+                  2
+                  /* CLASS */
+                )) : P("v-if", !0),
+                $(
+                  "div",
+                  {
+                    ref: "selectionRef",
+                    class: m([
+                      e.nsSelect.e("selection"),
+                      e.nsSelect.is(
+                        "near",
+                        e.multiple && !e.$slots.prefix && !!e.states.selected.length
+                      )
+                    ])
+                  },
+                  [
+                    e.multiple ? M(e.$slots, "tag", {
+                      key: 0,
+                      data: e.states.selected,
+                      deleteTag: e.deleteTag,
+                      selectDisabled: e.selectDisabled
+                    }, () => [
+                      (b(!0), V(
+                        ve,
+                        null,
+                        Ie(e.showTagList, (u) => (b(), V(
+                          "div",
+                          {
+                            key: e.getValueKey(u),
+                            class: m(e.nsSelect.e("selected-item"))
+                          },
+                          [
+                            j(r, {
+                              closable: !e.selectDisabled && !u.isDisabled,
+                              size: e.collapseTagSize,
+                              type: e.tagType,
+                              effect: e.tagEffect,
+                              "disable-transitions": "",
+                              style: se(e.tagStyle),
+                              onClose: (L) => e.deleteTag(L, u)
+                            }, {
+                              default: R(() => [
+                                $(
+                                  "span",
+                                  {
+                                    class: m(e.nsSelect.e("tags-text"))
+                                  },
+                                  [
+                                    M(e.$slots, "label", {
+                                      index: u.index,
+                                      label: u.currentLabel,
+                                      value: u.value
+                                    }, () => [
+                                      hl(
+                                        Z(u.currentLabel),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ])
+                                  ],
+                                  2
+                                  /* CLASS */
+                                )
+                              ]),
+                              _: 2
+                              /* DYNAMIC */
+                            }, 1032, ["closable", "size", "type", "effect", "style", "onClose"])
+                          ],
+                          2
+                          /* CLASS */
+                        ))),
+                        128
+                        /* KEYED_FRAGMENT */
+                      )),
+                      e.collapseTags && e.states.selected.length > e.maxCollapseTags ? (b(), H(t, {
+                        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,
+                        "popper-options": e.popperOptions
+                      }, {
+                        default: R(() => [
+                          $(
+                            "div",
+                            {
+                              ref: "collapseItemRef",
+                              class: m(e.nsSelect.e("selected-item"))
+                            },
+                            [
+                              j(r, {
+                                closable: !1,
+                                size: e.collapseTagSize,
+                                type: e.tagType,
+                                effect: e.tagEffect,
+                                "disable-transitions": "",
+                                style: se(e.collapseTagStyle)
+                              }, {
+                                default: R(() => [
+                                  $(
+                                    "span",
+                                    {
+                                      class: m(e.nsSelect.e("tags-text"))
+                                    },
+                                    " + " + Z(e.states.selected.length - e.maxCollapseTags),
+                                    3
+                                    /* TEXT, CLASS */
+                                  )
+                                ]),
+                                _: 1
+                                /* STABLE */
+                              }, 8, ["size", "type", "effect", "style"])
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ]),
+                        content: R(() => [
+                          $(
+                            "div",
+                            {
+                              ref: "tagMenuRef",
+                              class: m(e.nsSelect.e("selection"))
+                            },
+                            [
+                              (b(!0), V(
+                                ve,
+                                null,
+                                Ie(e.collapseTagList, (u) => (b(), V(
+                                  "div",
+                                  {
+                                    key: e.getValueKey(u),
+                                    class: m(e.nsSelect.e("selected-item"))
+                                  },
+                                  [
+                                    j(r, {
+                                      class: "in-tooltip",
+                                      closable: !e.selectDisabled && !u.isDisabled,
+                                      size: e.collapseTagSize,
+                                      type: e.tagType,
+                                      effect: e.tagEffect,
+                                      "disable-transitions": "",
+                                      onClose: (L) => e.deleteTag(L, u)
+                                    }, {
+                                      default: R(() => [
+                                        $(
+                                          "span",
+                                          {
+                                            class: m(e.nsSelect.e("tags-text"))
+                                          },
+                                          [
+                                            M(e.$slots, "label", {
+                                              index: u.index,
+                                              label: u.currentLabel,
+                                              value: u.value
+                                            }, () => [
+                                              hl(
+                                                Z(u.currentLabel),
+                                                1
+                                                /* TEXT */
+                                              )
+                                            ])
+                                          ],
+                                          2
+                                          /* CLASS */
+                                        )
+                                      ]),
+                                      _: 2
+                                      /* DYNAMIC */
+                                    }, 1032, ["closable", "size", "type", "effect", "onClose"])
+                                  ],
+                                  2
+                                  /* CLASS */
+                                ))),
+                                128
+                                /* KEYED_FRAGMENT */
+                              ))
+                            ],
+                            2
+                            /* CLASS */
+                          )
+                        ]),
+                        _: 3
+                        /* FORWARDED */
+                      }, 8, ["disabled", "effect", "popper-class", "popper-style", "teleported", "popper-options"])) : P("v-if", !0)
+                    ]) : P("v-if", !0),
+                    $(
+                      "div",
+                      {
+                        class: m([
+                          e.nsSelect.e("selected-item"),
+                          e.nsSelect.e("input-wrapper"),
+                          e.nsSelect.is("hidden", !e.filterable || e.selectDisabled)
+                        ])
+                      },
+                      [
+                        $("input", {
+                          id: e.inputId,
+                          ref: "inputRef",
+                          value: e.states.inputValue,
+                          type: "text",
+                          name: e.name,
+                          class: m([e.nsSelect.e("input"), e.nsSelect.is(e.selectSize)]),
+                          disabled: e.selectDisabled,
+                          autocomplete: e.autocomplete,
+                          style: se(e.inputStyle),
+                          tabindex: e.tabindex,
+                          role: "combobox",
+                          readonly: !e.filterable,
+                          spellcheck: "false",
+                          "aria-activedescendant": ((w = e.hoverOption) == null ? void 0 : w.id) || "",
+                          "aria-controls": e.contentId,
+                          "aria-expanded": e.dropdownMenuVisible,
+                          "aria-label": e.ariaLabel,
+                          "aria-autocomplete": "none",
+                          "aria-haspopup": "listbox",
+                          onKeydown: n[0] || (n[0] = (...u) => e.handleKeydown && e.handleKeydown(...u)),
+                          onCompositionstart: n[1] || (n[1] = (...u) => e.handleCompositionStart && e.handleCompositionStart(...u)),
+                          onCompositionupdate: n[2] || (n[2] = (...u) => e.handleCompositionUpdate && e.handleCompositionUpdate(...u)),
+                          onCompositionend: n[3] || (n[3] = (...u) => e.handleCompositionEnd && e.handleCompositionEnd(...u)),
+                          onInput: n[4] || (n[4] = (...u) => e.onInput && e.onInput(...u)),
+                          onClick: n[5] || (n[5] = ne((...u) => e.toggleMenu && e.toggleMenu(...u), ["stop"]))
+                        }, null, 46, Dn),
+                        e.filterable ? (b(), V("span", {
+                          key: 0,
+                          ref: "calculatorRef",
+                          "aria-hidden": "true",
+                          class: m(e.nsSelect.e("input-calculator")),
+                          textContent: Z(e.states.inputValue)
+                        }, null, 10, $n)) : P("v-if", !0)
+                      ],
+                      2
+                      /* CLASS */
+                    ),
+                    e.shouldShowPlaceholder ? (b(), 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 ? M(e.$slots, "label", {
+                          key: 0,
+                          index: e.getOption(e.modelValue).index,
+                          label: e.currentPlaceholder,
+                          value: e.modelValue
+                        }, () => [
+                          $(
+                            "span",
+                            null,
+                            Z(e.currentPlaceholder),
+                            1
+                            /* TEXT */
+                          )
+                        ]) : (b(), V(
+                          "span",
+                          Rn,
+                          Z(e.currentPlaceholder),
+                          1
+                          /* TEXT */
+                        ))
+                      ],
+                      2
+                      /* CLASS */
+                    )) : P("v-if", !0)
+                  ],
+                  2
+                  /* CLASS */
+                ),
+                $(
+                  "div",
+                  {
+                    ref: "suffixRef",
+                    class: m(e.nsSelect.e("suffix"))
+                  },
+                  [
+                    e.iconComponent && !e.showClearBtn ? (b(), H(g, {
+                      key: 0,
+                      class: m([e.nsSelect.e("caret"), e.nsSelect.e("icon"), e.iconReverse])
+                    }, {
+                      default: R(() => [
+                        (b(), H(Ke(e.iconComponent)))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["class"])) : P("v-if", !0),
+                    e.showClearBtn && e.clearIcon ? (b(), H(g, {
+                      key: 1,
+                      class: m([
+                        e.nsSelect.e("caret"),
+                        e.nsSelect.e("icon"),
+                        e.nsSelect.e("clear")
+                      ]),
+                      onClick: e.handleClearClick
+                    }, {
+                      default: R(() => [
+                        (b(), H(Ke(e.clearIcon)))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["class", "onClick"])) : P("v-if", !0),
+                    e.validateState && e.validateIcon && e.needStatusIcon ? (b(), H(g, {
+                      key: 2,
+                      class: m([
+                        e.nsInput.e("icon"),
+                        e.nsInput.e("validateIcon"),
+                        e.nsInput.is("loading", e.validateState === "validating")
+                      ])
+                    }, {
+                      default: R(() => [
+                        (b(), H(Ke(e.validateIcon)))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["class"])) : P("v-if", !0)
+                  ],
+                  2
+                  /* CLASS */
+                )
+              ],
+              2
+              /* CLASS */
+            )
+          ];
+        }),
+        content: R(() => [
+          j(
+            d,
+            { ref: "menuRef" },
+            {
+              default: R(() => [
+                e.$slots.header ? (b(), V(
+                  "div",
+                  {
+                    key: 0,
+                    class: m(e.nsSelect.be("dropdown", "header")),
+                    onClick: n[7] || (n[7] = ne(() => {
+                    }, ["stop"]))
+                  },
+                  [
+                    M(e.$slots, "header")
+                  ],
+                  2
+                  /* CLASS */
+                )) : P("v-if", !0),
+                $e(j(C, {
+                  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: R(() => [
+                    e.showNewOption ? (b(), H(O, {
+                      key: 0,
+                      value: e.states.inputValue,
+                      created: !0
+                    }, null, 8, ["value"])) : P("v-if", !0),
+                    j(y, null, {
+                      default: R(() => [
+                        M(e.$slots, "default", {}, () => [
+                          (b(!0), V(
+                            ve,
+                            null,
+                            Ie(e.options, (w, u) => {
+                              var L;
+                              return b(), V(
+                                ve,
+                                { key: u },
+                                [
+                                  (L = e.getOptions(w)) != null && L.length ? (b(), H(h, {
+                                    key: 0,
+                                    label: e.getLabel(w),
+                                    disabled: e.getDisabled(w)
+                                  }, {
+                                    default: R(() => [
+                                      (b(!0), V(
+                                        ve,
+                                        null,
+                                        Ie(e.getOptions(w), (S) => (b(), H(
+                                          O,
+                                          He({
+                                            key: e.getValue(S)
+                                          }, { ref_for: !0 }, e.getOptionProps(S)),
+                                          null,
+                                          16
+                                          /* FULL_PROPS */
+                                        ))),
+                                        128
+                                        /* KEYED_FRAGMENT */
+                                      ))
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  }, 1032, ["label", "disabled"])) : (b(), H(
+                                    O,
+                                    He({
+                                      key: 1,
+                                      ref_for: !0
+                                    }, e.getOptionProps(w)),
+                                    null,
+                                    16
+                                    /* FULL_PROPS */
+                                  ))
+                                ],
+                                64
+                                /* STABLE_FRAGMENT */
+                              );
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ])
+                      ]),
+                      _: 3
+                      /* FORWARDED */
+                    })
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                }, 8, ["id", "wrap-class", "view-class", "class", "aria-label", "onScroll"]), [
+                  [qe, e.states.options.size > 0 && !e.loading]
+                ]),
+                e.$slots.loading && e.loading ? (b(), V(
+                  "div",
+                  {
+                    key: 1,
+                    class: m(e.nsSelect.be("dropdown", "loading"))
+                  },
+                  [
+                    M(e.$slots, "loading")
+                  ],
+                  2
+                  /* CLASS */
+                )) : e.loading || e.filteredOptionsCount === 0 ? (b(), V(
+                  "div",
+                  {
+                    key: 2,
+                    class: m(e.nsSelect.be("dropdown", "empty"))
+                  },
+                  [
+                    M(e.$slots, "empty", {}, () => [
+                      $(
+                        "span",
+                        null,
+                        Z(e.emptyText),
+                        1
+                        /* TEXT */
+                      )
+                    ])
+                  ],
+                  2
+                  /* CLASS */
+                )) : P("v-if", !0),
+                e.$slots.footer ? (b(), V(
+                  "div",
+                  {
+                    key: 3,
+                    class: m(e.nsSelect.be("dropdown", "footer")),
+                    onClick: n[8] || (n[8] = ne(() => {
+                    }, ["stop"]))
+                  },
+                  [
+                    M(e.$slots, "footer")
+                  ],
+                  2
+                  /* CLASS */
+                )) : P("v-if", !0)
+              ]),
+              _: 3
+              /* FORWARDED */
+            },
+            512
+            /* NEED_PATCH */
+          )
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["visible", "placement", "teleported", "popper-class", "popper-style", "popper-options", "fallback-placements", "effect", "transition", "persistent", "append-to", "show-arrow", "offset", "onBeforeShow"])
+    ],
+    16
+    /* FULL_PROPS */
+  )), [
+    [E, e.handleClickOutside, e.popperRef]
+  ]);
+}
+var Ln = /* @__PURE__ */ Me(kn, [["render", Mn]]);
+const Jn = Dl(Ln, {
+  Option: Ye,
+  OptionGroup: xe
+}), Xn = $l(Ye), Yn = $l(xe);
+export {
+  Xn as ElOption,
+  Yn as ElOptionGroup,
+  Jn as ElSelect,
+  Jn as default,
+  Zn as selectEmits,
+  Nl as selectGroupKey,
+  Le as selectKey,
+  wn as selectProps
+};