@layers.digital/layers-design-system-vue3 1.0.1 → 1.0.2

package/dist/layers-design-system-vue339.js

@@ -1,826 +1,1739 @@
-import { useLocale as Fe, ElTooltip as Ue, Ee as ze, EVENT_CODE as We } from "./layers-design-system-vue332.js";
-import { ElInput as $e } from "./layers-design-system-vue328.js";
-import { useFormItem as _e, useFormSize as Ke, useFormDisabled as je, UPDATE_MODEL_EVENT as H, useFormItemInputId as He, useSizeProp as Ne, CHANGE_EVENT as Ve, INPUT_EVENT as D } from "./layers-design-system-vue325.js";
-import { ElIcon as Pe, arrow_down_default as Ge, minus_default as qe, arrow_up_default as Je, plus_default as Qe } from "./layers-design-system-vue329.js";
-import { buildProps as he, useNamespace as pe, isNumber as X, isUndefined as me, isNil_default as ie, withInstall as Re, isString as ke, throwError as Ye, debugWarn as be, definePropType as ue, useEventListener as Ze, _export_sfc as Ie, isFunction as Ce, isArray as De, debounce_default as Te } from "./layers-design-system-vue326.js";
-import { defineComponent as te, ref as ee, reactive as Be, computed as V, watch as se, onMounted as Xe, onUpdated as et, openBlock as x, createElementBlock as O, normalizeClass as U, unref as t, withModifiers as ce, withDirectives as Le, withKeys as ve, createVNode as de, withCtx as ge, createBlock as Z, createCommentVNode as ne, toRefs as Ee, normalizeStyle as le, createElementVNode as ae, toDisplayString as tt, h as lt, provide as nt, Fragment as fe, renderList as we, nextTick as ye, shallowRef as at, inject as rt } from "vue";
-var ot = 100, ut = 600, Me = {
+import { ElTooltip as ot, useTooltipContentProps as it, Ee as at, useLocale as zl, EVENT_CODE as Al } from "./layers-design-system-vue328.js";
+import { ElInput as rt, isKorean as st } from "./layers-design-system-vue329.js";
+import { useFormSize as Yl, UPDATE_MODEL_EVENT as fe, CHANGE_EVENT as Xl, componentSizes as Jl, useFormItem as ut, componentSizeMap as dt } from "./layers-design-system-vue330.js";
+import { ElIcon as El, close_default as Dl, iconPropType as Kl, circle_close_default as ct, arrow_down_default as ft, ValidateComponentsMap as pt } from "./layers-design-system-vue331.js";
+import { isClient as be, buildProps as Je, useNamespace as ie, addUnit as Rl, useResizeObserver as Ml, useEventListener as Ll, withInstall as Pl, isIOS as vt, withNoopInstall as Zl, _export_sfc as pe, definePropType as mt, isNumber as Oe, isObject as kl, get_default as Y, escapeStringRegexp as ht, isEqual_default as Wl, debugWarn as gt, isFunction as ge, toRawType as Ol, debounce_default as Nl, isString as xl, getStyle as bt, isElement as yt, throwError as St } from "./layers-design-system-vue332.js";
+import { defineComponent as X, ref as O, computed as m, watch as W, nextTick as K, provide as Vl, reactive as $e, onMounted as Ze, onUpdated as Ct, openBlock as y, createElementBlock as H, normalizeClass as S, unref as h, createElementVNode as B, normalizeStyle as Q, createBlock as $, resolveDynamicComponent as Il, withCtx as M, renderSlot as oe, createCommentVNode as R, withModifiers as _, createVNode as ee, Transition as Ye, toRefs as Bl, getCurrentInstance as Hl, onBeforeUnmount as _l, inject as He, toRaw as Xe, shallowRef as ql, triggerRef as Ve, Fragment as Be, withDirectives as Ee, toDisplayString as ce, vShow as xe, resolveComponent as ue, resolveDirective as wt, renderList as Tl, withKeys as G, vModelText as Ot, createSlots as Tt, toRef as Fl } from "vue";
+var Et = (e, l) => {
+  if (!be)
+    return !1;
+  const n = {
+    undefined: "overflow",
+    true: "overflow-y",
+    false: "overflow-x"
+  }[String(l)], s = bt(e, n);
+  return ["scroll", "auto", "overlay"].some((u) => s.includes(u));
+}, Cn = (e, l) => {
+  if (!be)
+    return;
+  let n = e;
+  for (; n; ) {
+    if ([window, document, document.documentElement].includes(n))
+      return window;
+    if (Et(n, l))
+      return n;
+    n = n.parentNode;
+  }
+  return n;
+}, Ge, wn = (e) => {
+  var l;
+  if (!be)
+    return 0;
+  if (Ge !== void 0)
+    return Ge;
+  const n = document.createElement("div");
+  n.className = `${e}-scrollbar__wrap`, n.style.visibility = "hidden", n.style.width = "100px", n.style.position = "absolute", n.style.top = "-9999px", document.body.appendChild(n);
+  const s = n.offsetWidth;
+  n.style.overflow = "scroll";
+  const u = document.createElement("div");
+  u.style.width = "100%", n.appendChild(u);
+  const c = u.offsetWidth;
+  return (l = n.parentNode) == null || l.removeChild(n), Ge = s - c, Ge;
+};
+function Lt(e, l) {
+  if (!be)
+    return;
+  if (!l) {
+    e.scrollTop = 0;
+    return;
+  }
+  const n = [];
+  let s = l.offsetParent;
+  for (; s !== null && e !== s && e.contains(s); )
+    n.push(s), s = s.offsetParent;
+  const u = l.offsetTop + n.reduce((a, C) => a + C.offsetTop, 0), c = u + l.offsetHeight, r = e.scrollTop, p = r + e.clientHeight;
+  u < r ? e.scrollTop = u : c > p && (e.scrollTop = c - e.clientHeight);
+}
+var On = [
+  "year",
+  "month",
+  "date",
+  "dates",
+  "week",
+  "datetime",
+  "datetimerange",
+  "daterange",
+  "monthrange"
+], Tn = [
+  "sun",
+  "mon",
+  "tue",
+  "wed",
+  "thu",
+  "fri",
+  "sat"
+], kt = (e) => dt[e || "default"], It = (e) => ["", ...Jl].includes(e), de = /* @__PURE__ */ new Map(), jl;
+be && (document.addEventListener("mousedown", (e) => jl = e), document.addEventListener("mouseup", (e) => {
+  for (const l of de.values())
+    for (const { documentHandler: n } of l)
+      n(e, jl);
+}));
+function Ql(e, l) {
+  let n = [];
+  return Array.isArray(l.arg) ? n = l.arg : yt(l.arg) && n.push(l.arg), function(s, u) {
+    const c = l.instance.popperRef, r = s.target, p = u == null ? void 0 : u.target, a = !l || !l.instance, C = !r || !p, b = e.contains(r) || e.contains(p), f = e === r, I = n.length && n.some((L) => L == null ? void 0 : L.contains(r)) || n.length && n.includes(p), E = c && (c.contains(r) || c.contains(p));
+    a || C || b || f || I || E || l.value(s, u);
+  };
+}
+var zt = {
   beforeMount(e, l) {
-    const o = l.value, { interval: a = ot, delay: c = ut } = Ce(o) ? {} : o;
-    let i, u;
-    const d = () => Ce(o) ? o() : o.handler(), y = () => {
-      u && (clearTimeout(u), u = void 0), i && (clearInterval(i), i = void 0);
-    };
-    e.addEventListener("mousedown", (v) => {
-      v.button === 0 && (y(), d(), document.addEventListener("mouseup", () => y(), {
-        once: !0
-      }), u = setTimeout(() => {
-        i = setInterval(() => {
-          d();
-        }, a);
-      }, c));
+    de.has(e) || de.set(e, []), de.get(e).push({
+      documentHandler: Ql(e, l),
+      bindingFn: l.value
     });
-  }
-}, it = he({
-  id: {
-    type: String,
-    default: void 0
-  },
-  step: {
-    type: Number,
-    default: 1
-  },
-  stepStrictly: Boolean,
-  max: {
-    type: Number,
-    default: Number.POSITIVE_INFINITY
   },
-  min: {
-    type: Number,
-    default: Number.NEGATIVE_INFINITY
-  },
-  modelValue: Number,
-  readonly: Boolean,
-  disabled: Boolean,
-  size: Ne,
-  controls: {
-    type: Boolean,
-    default: !0
-  },
-  controlsPosition: {
-    type: String,
-    default: "",
-    values: ["", "right"]
+  updated(e, l) {
+    de.has(e) || de.set(e, []);
+    const n = de.get(e), s = n.findIndex((c) => c.bindingFn === l.oldValue), u = {
+      documentHandler: Ql(e, l),
+      bindingFn: l.value
+    };
+    s >= 0 ? n.splice(s, 1, u) : n.push(u);
   },
-  valueOnClear: {
-    type: [String, Number, null],
-    validator: (e) => e === null || X(e) || ["min", "max"].includes(e),
-    default: null
+  unmounted(e) {
+    de.delete(e);
+  }
+}, Mt = ({ from: e, replacement: l, scope: n, version: s, ref: u, type: c = "API" }, r) => {
+  W(() => h(r), (p) => {
+  }, {
+    immediate: !0
+  });
+}, Te = 4, Pt = {
+  vertical: {
+    offset: "offsetHeight",
+    scroll: "scrollTop",
+    scrollSize: "scrollHeight",
+    size: "height",
+    key: "vertical",
+    axis: "Y",
+    client: "clientY",
+    direction: "top"
   },
-  name: String,
-  label: String,
-  placeholder: String,
-  precision: {
+  horizontal: {
+    offset: "offsetWidth",
+    scroll: "scrollLeft",
+    scrollSize: "scrollWidth",
+    size: "width",
+    key: "horizontal",
+    axis: "X",
+    client: "clientX",
+    direction: "left"
+  }
+}, Vt = ({
+  move: e,
+  size: l,
+  bar: n
+}) => ({
+  [n.size]: l,
+  transform: `translate${n.axis}(${e}%)`
+}), et = Symbol("scrollbarContextKey"), Bt = Je({
+  vertical: Boolean,
+  size: String,
+  move: Number,
+  ratio: {
     type: Number,
-    validator: (e) => e >= 0 && e === Number.parseInt(`${e}`, 10)
+    required: !0
   },
-  validateEvent: {
-    type: Boolean,
-    default: !0
-  }
-}), st = {
-  [Ve]: (e, l) => l !== e,
-  blur: (e) => e instanceof FocusEvent,
-  focus: (e) => e instanceof FocusEvent,
-  [D]: (e) => X(e) || ie(e),
-  [H]: (e) => X(e) || ie(e)
-}, dt = ["aria-label", "onKeydown"], mt = ["aria-label", "onKeydown"], ct = te({
-  name: "ElInputNumber"
-}), vt = /* @__PURE__ */ te({
-  ...ct,
-  props: it,
-  emits: st,
-  setup(e, { expose: l, emit: o }) {
-    const a = e, { t: c } = Fe(), i = pe("input-number"), u = ee(), d = Be({
-      currentValue: a.modelValue,
-      userInput: null
-    }), { formItem: y } = _e(), v = V(() => X(a.modelValue) && a.modelValue <= a.min), h = V(() => X(a.modelValue) && a.modelValue >= a.max), s = V(() => {
-      const n = Y(a.step);
-      return me(a.precision) ? Math.max(Y(a.modelValue), n) : (n > a.precision, a.precision);
-    }), C = V(() => a.controls && a.controlsPosition === "right"), F = Ke(), T = je(), z = V(() => {
-      if (d.userInput !== null)
-        return d.userInput;
-      let n = d.currentValue;
-      if (ie(n))
-        return "";
-      if (X(n)) {
-        if (Number.isNaN(n))
-          return "";
-        me(a.precision) || (n = n.toFixed(a.precision));
-      }
-      return n;
-    }), _ = (n, r) => {
-      if (me(r) && (r = s.value), r === 0)
-        return Math.round(n);
-      let b = String(n);
-      const N = b.indexOf(".");
-      if (N === -1 || !b.replace(".", "").split("")[N + r])
-        return n;
-      const M = b.length;
-      return b.charAt(M - 1) === "5" && (b = `${b.slice(0, Math.max(0, M - 1))}6`), Number.parseFloat(Number(b).toFixed(r));
-    }, Y = (n) => {
-      if (ie(n))
-        return 0;
-      const r = n.toString(), b = r.indexOf(".");
-      let N = 0;
-      return b !== -1 && (N = r.length - b - 1), N;
-    }, L = (n, r = 1) => X(n) ? _(n + a.step * r) : d.currentValue, K = () => {
-      if (a.readonly || T.value || h.value)
+  always: Boolean
+}), Ht = "Thumb", $t = /* @__PURE__ */ X({
+  __name: "thumb",
+  props: Bt,
+  setup(e) {
+    const l = e, n = He(et), s = ie("scrollbar");
+    n || St(Ht, "can not inject scrollbar context");
+    const u = O(), c = O(), r = O({}), p = O(!1);
+    let a = !1, C = !1, b = be ? document.onselectstart : null;
+    const f = m(() => Pt[l.vertical ? "vertical" : "horizontal"]), I = m(() => Vt({
+      size: l.size,
+      move: l.move,
+      bar: f.value
+    })), E = m(() => u.value[f.value.offset] ** 2 / n.wrapElement[f.value.scrollSize] / l.ratio / c.value[f.value.offset]), L = (T) => {
+      var v;
+      if (T.stopPropagation(), T.ctrlKey || [1, 2].includes(T.button))
         return;
-      const n = Number(z.value) || 0, r = L(n);
-      w(r), o(D, d.currentValue);
-    }, P = () => {
-      if (a.readonly || T.value || v.value)
+      (v = window.getSelection()) == null || v.removeAllRanges(), w(T);
+      const P = T.currentTarget;
+      P && (r.value[f.value.axis] = P[f.value.offset] - (T[f.value.client] - P.getBoundingClientRect()[f.value.direction]));
+    }, i = (T) => {
+      if (!c.value || !u.value || !n.wrapElement)
         return;
-      const n = Number(z.value) || 0, r = L(n, -1);
-      w(r), o(D, d.currentValue);
-    }, p = (n, r) => {
-      const { max: b, min: N, step: S, precision: B, stepStrictly: M, valueOnClear: A } = a;
-      b < N && Ye("InputNumber", "min should not be greater than max.");
-      let E = Number(n);
-      if (ie(n) || Number.isNaN(E))
-        return null;
-      if (n === "") {
-        if (A === null)
-          return null;
-        E = ke(A) ? { min: N, max: b }[A] : A;
-      }
-      return M && (E = _(Math.round(E / S) * S, B)), me(B) || (E = _(E, B)), (E > b || E < N) && (E = E > b ? b : N, r && o(H, E)), E;
-    }, w = (n, r = !0) => {
-      var b;
-      const N = d.currentValue, S = p(n);
-      if (!r) {
-        o(H, S);
+      const v = Math.abs(T.target.getBoundingClientRect()[f.value.direction] - T[f.value.client]), P = c.value[f.value.offset] / 2, U = (v - P) * 100 * E.value / u.value[f.value.offset];
+      n.wrapElement[f.value.scroll] = U * n.wrapElement[f.value.scrollSize] / 100;
+    }, w = (T) => {
+      T.stopImmediatePropagation(), a = !0, document.addEventListener("mousemove", k), document.addEventListener("mouseup", z), b = document.onselectstart, document.onselectstart = () => !1;
+    }, k = (T) => {
+      if (!u.value || !c.value || a === !1)
         return;
-      }
-      N !== S && (d.userInput = null, o(H, S), o(Ve, S, N), a.validateEvent && ((b = y == null ? void 0 : y.validate) == null || b.call(y, "change").catch((B) => be())), d.currentValue = S);
-    }, q = (n) => {
-      d.userInput = n;
-      const r = n === "" ? null : Number(n);
-      o(D, r), w(r, !1);
-    }, J = (n) => {
-      const r = n !== "" ? Number(n) : "";
-      (X(r) && !Number.isNaN(r) || n === "") && w(r), d.userInput = null;
-    }, W = () => {
-      var n, r;
-      (r = (n = u.value) == null ? void 0 : n.focus) == null || r.call(n);
-    }, G = () => {
-      var n, r;
-      (r = (n = u.value) == null ? void 0 : n.blur) == null || r.call(n);
-    }, g = (n) => {
-      o("focus", n);
-    }, k = (n) => {
-      var r;
-      o("blur", n), a.validateEvent && ((r = y == null ? void 0 : y.validate) == null || r.call(y, "blur").catch((b) => be()));
+      const v = r.value[f.value.axis];
+      if (!v)
+        return;
+      const P = (u.value.getBoundingClientRect()[f.value.direction] - T[f.value.client]) * -1, U = c.value[f.value.offset] - v, J = (P - U) * 100 * E.value / u.value[f.value.offset];
+      n.wrapElement[f.value.scroll] = J * n.wrapElement[f.value.scrollSize] / 100;
+    }, z = () => {
+      a = !1, r.value[f.value.axis] = 0, document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", z), F(), C && (p.value = !1);
+    }, N = () => {
+      C = !1, p.value = !!l.size;
+    }, ae = () => {
+      C = !0, p.value = a;
     };
-    return se(() => a.modelValue, (n) => {
-      const r = p(d.userInput), b = p(n, !0);
-      !X(r) && (!r || r !== b) && (d.currentValue = b, d.userInput = null);
-    }, { immediate: !0 }), Xe(() => {
-      var n;
-      const { min: r, max: b, modelValue: N } = a, S = (n = u.value) == null ? void 0 : n.input;
-      if (S.setAttribute("role", "spinbutton"), Number.isFinite(b) ? S.setAttribute("aria-valuemax", String(b)) : S.removeAttribute("aria-valuemax"), Number.isFinite(r) ? S.setAttribute("aria-valuemin", String(r)) : S.removeAttribute("aria-valuemin"), S.setAttribute("aria-valuenow", String(d.currentValue)), S.setAttribute("aria-disabled", String(T.value)), !X(N) && N != null) {
-        let B = Number(N);
-        Number.isNaN(B) && (B = null), o(H, B);
-      }
-    }), et(() => {
-      var n;
-      const r = (n = u.value) == null ? void 0 : n.input;
-      r == null || r.setAttribute("aria-valuenow", `${d.currentValue}`);
-    }), l({
-      focus: W,
-      blur: G
-    }), (n, r) => (x(), O("div", {
-      class: U([
-        t(i).b(),
-        t(i).m(t(F)),
-        t(i).is("disabled", t(T)),
-        t(i).is("without-controls", !n.controls),
-        t(i).is("controls-right", t(C))
+    _l(() => {
+      F(), document.removeEventListener("mouseup", z);
+    });
+    const F = () => {
+      document.onselectstart !== b && (document.onselectstart = b);
+    };
+    return Ll(Fl(n, "scrollbarElement"), "mousemove", N), Ll(Fl(n, "scrollbarElement"), "mouseleave", ae), (T, v) => (y(), $(Ye, {
+      name: h(s).b("fade"),
+      persisted: ""
+    }, {
+      default: M(() => [
+        Ee(B("div", {
+          ref_key: "instance",
+          ref: u,
+          class: S([h(s).e("bar"), h(s).is(h(f).key)]),
+          onMousedown: i
+        }, [
+          B("div", {
+            ref_key: "thumb",
+            ref: c,
+            class: S(h(s).e("thumb")),
+            style: Q(h(I)),
+            onMousedown: L
+          }, null, 38)
+        ], 34), [
+          [xe, T.always || p.value]
+        ])
       ]),
-      onDragstart: r[1] || (r[1] = ce(() => {
-      }, ["prevent"]))
-    }, [
-      n.controls ? Le((x(), O("span", {
-        key: 0,
-        role: "button",
-        "aria-label": t(c)("el.inputNumber.decrease"),
-        class: U([t(i).e("decrease"), t(i).is("disabled", t(v))]),
-        onKeydown: ve(P, ["enter"])
-      }, [
-        de(t(Pe), null, {
-          default: ge(() => [
-            t(C) ? (x(), Z(t(Ge), { key: 0 })) : (x(), Z(t(qe), { key: 1 }))
-          ]),
-          _: 1
-        })
-      ], 42, dt)), [
-        [t(Me), P]
-      ]) : ne("v-if", !0),
-      n.controls ? Le((x(), O("span", {
-        key: 1,
-        role: "button",
-        "aria-label": t(c)("el.inputNumber.increase"),
-        class: U([t(i).e("increase"), t(i).is("disabled", t(h))]),
-        onKeydown: ve(K, ["enter"])
-      }, [
-        de(t(Pe), null, {
-          default: ge(() => [
-            t(C) ? (x(), Z(t(Je), { key: 0 })) : (x(), Z(t(Qe), { key: 1 }))
-          ]),
-          _: 1
-        })
-      ], 42, mt)), [
-        [t(Me), K]
-      ]) : ne("v-if", !0),
-      de(t($e), {
-        id: n.id,
-        ref_key: "input",
-        ref: u,
-        type: "number",
-        step: n.step,
-        "model-value": t(z),
-        placeholder: n.placeholder,
-        readonly: n.readonly,
-        disabled: t(T),
-        size: t(F),
-        max: n.max,
-        min: n.min,
-        name: n.name,
-        label: n.label,
-        "validate-event": !1,
-        onWheel: r[0] || (r[0] = ce(() => {
-        }, ["prevent"])),
-        onKeydown: [
-          ve(ce(K, ["prevent"]), ["up"]),
-          ve(ce(P, ["prevent"]), ["down"])
-        ],
-        onBlur: k,
-        onFocus: g,
-        onInput: q,
-        onChange: J
-      }, null, 8, ["id", "step", "model-value", "placeholder", "readonly", "disabled", "size", "max", "min", "name", "label", "onKeydown"])
-    ], 34));
+      _: 1
+    }, 8, ["name"]));
   }
-}), ft = /* @__PURE__ */ Ie(vt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/input-number/src/input-number.vue"]]), bt = Re(ft), Oe = Symbol("sliderContextKey"), gt = he({
-  modelValue: {
-    type: ue([Number, Array]),
-    default: 0
-  },
-  id: {
-    type: String,
-    default: void 0
-  },
-  min: {
-    type: Number,
-    default: 0
+}), Ul = /* @__PURE__ */ pe($t, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/thumb.vue"]]), At = Je({
+  always: {
+    type: Boolean,
+    default: !0
   },
-  max: {
+  width: String,
+  height: String,
+  ratioX: {
     type: Number,
-    default: 100
+    default: 1
   },
-  step: {
+  ratioY: {
     type: Number,
     default: 1
+  }
+}), Dt = /* @__PURE__ */ X({
+  __name: "bar",
+  props: At,
+  setup(e, { expose: l }) {
+    const n = e, s = O(0), u = O(0);
+    return l({
+      handleScroll: (r) => {
+        if (r) {
+          const p = r.offsetHeight - Te, a = r.offsetWidth - Te;
+          u.value = r.scrollTop * 100 / p * n.ratioY, s.value = r.scrollLeft * 100 / a * n.ratioX;
+        }
+      }
+    }), (r, p) => (y(), H(Be, null, [
+      ee(Ul, {
+        move: s.value,
+        ratio: r.ratioX,
+        size: r.width,
+        always: r.always
+      }, null, 8, ["move", "ratio", "size", "always"]),
+      ee(Ul, {
+        move: u.value,
+        ratio: r.ratioY,
+        size: r.height,
+        vertical: "",
+        always: r.always
+      }, null, 8, ["move", "ratio", "size", "always"])
+    ], 64));
+  }
+}), Kt = /* @__PURE__ */ pe(Dt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/bar.vue"]]), Rt = Je({
+  height: {
+    type: [String, Number],
+    default: ""
   },
-  showInput: Boolean,
-  showInputControls: {
-    type: Boolean,
-    default: !0
+  maxHeight: {
+    type: [String, Number],
+    default: ""
   },
-  size: Ne,
-  inputSize: Ne,
-  showStops: Boolean,
-  showTooltip: {
+  native: {
     type: Boolean,
-    default: !0
+    default: !1
   },
-  formatTooltip: {
-    type: ue(Function),
-    default: void 0
+  wrapStyle: {
+    type: mt([String, Object, Array]),
+    default: ""
   },
-  disabled: Boolean,
-  range: Boolean,
-  vertical: Boolean,
-  height: String,
-  debounce: {
-    type: Number,
-    default: 300
+  wrapClass: {
+    type: [String, Array],
+    default: ""
   },
-  label: {
-    type: String,
-    default: void 0
+  viewClass: {
+    type: [String, Array],
+    default: ""
   },
-  rangeStartLabel: {
-    type: String,
-    default: void 0
+  viewStyle: {
+    type: [String, Array, Object],
+    default: ""
   },
-  rangeEndLabel: {
+  noresize: Boolean,
+  tag: {
     type: String,
-    default: void 0
+    default: "div"
   },
-  formatValueText: {
-    type: ue(Function),
-    default: void 0
+  always: Boolean,
+  minSize: {
+    type: Number,
+    default: 20
+  }
+}), Wt = {
+  scroll: ({
+    scrollTop: e,
+    scrollLeft: l
+  }) => [e, l].every(Oe)
+}, Nt = "ElScrollbar", qt = X({
+  name: Nt
+}), Ft = /* @__PURE__ */ X({
+  ...qt,
+  props: Rt,
+  emits: Wt,
+  setup(e, { expose: l, emit: n }) {
+    const s = e, u = ie("scrollbar");
+    let c, r;
+    const p = O(), a = O(), C = O(), b = O("0"), f = O("0"), I = O(), E = O(1), L = O(1), i = m(() => {
+      const v = {};
+      return s.height && (v.height = Rl(s.height)), s.maxHeight && (v.maxHeight = Rl(s.maxHeight)), [s.wrapStyle, v];
+    }), w = m(() => [
+      s.wrapClass,
+      u.e("wrap"),
+      { [u.em("wrap", "hidden-default")]: !s.native }
+    ]), k = m(() => [u.e("view"), s.viewClass]), z = () => {
+      var v;
+      a.value && ((v = I.value) == null || v.handleScroll(a.value), n("scroll", {
+        scrollTop: a.value.scrollTop,
+        scrollLeft: a.value.scrollLeft
+      }));
+    };
+    function N(v, P) {
+      kl(v) ? a.value.scrollTo(v) : Oe(v) && Oe(P) && a.value.scrollTo(v, P);
+    }
+    const ae = (v) => {
+      Oe(v) && (a.value.scrollTop = v);
+    }, F = (v) => {
+      Oe(v) && (a.value.scrollLeft = v);
+    }, T = () => {
+      if (!a.value)
+        return;
+      const v = a.value.offsetHeight - Te, P = a.value.offsetWidth - Te, U = v ** 2 / a.value.scrollHeight, J = P ** 2 / a.value.scrollWidth, Z = Math.max(U, s.minSize), V = Math.max(J, s.minSize);
+      E.value = U / (v - U) / (Z / (v - Z)), L.value = J / (P - J) / (V / (P - V)), f.value = Z + Te < v ? `${Z}px` : "", b.value = V + Te < P ? `${V}px` : "";
+    };
+    return W(() => s.noresize, (v) => {
+      v ? (c == null || c(), r == null || r()) : ({ stop: c } = Ml(C, T), r = Ll("resize", T));
+    }, { immediate: !0 }), W(() => [s.maxHeight, s.height], () => {
+      s.native || K(() => {
+        var v;
+        T(), a.value && ((v = I.value) == null || v.handleScroll(a.value));
+      });
+    }), Vl(et, $e({
+      scrollbarElement: p,
+      wrapElement: a
+    })), Ze(() => {
+      s.native || K(() => {
+        T();
+      });
+    }), Ct(() => T()), l({
+      wrapRef: a,
+      update: T,
+      scrollTo: N,
+      setScrollTop: ae,
+      setScrollLeft: F,
+      handleScroll: z
+    }), (v, P) => (y(), H("div", {
+      ref_key: "scrollbarRef",
+      ref: p,
+      class: S(h(u).b())
+    }, [
+      B("div", {
+        ref_key: "wrapRef",
+        ref: a,
+        class: S(h(w)),
+        style: Q(h(i)),
+        onScroll: z
+      }, [
+        (y(), $(Il(v.tag), {
+          ref_key: "resizeRef",
+          ref: C,
+          class: S(h(k)),
+          style: Q(v.viewStyle)
+        }, {
+          default: M(() => [
+            oe(v.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["class", "style"]))
+      ], 38),
+      v.native ? R("v-if", !0) : (y(), $(Kt, {
+        key: 0,
+        ref_key: "barRef",
+        ref: I,
+        height: f.value,
+        width: b.value,
+        always: v.always,
+        "ratio-x": L.value,
+        "ratio-y": E.value
+      }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"]))
+    ], 2));
+  }
+}), jt = /* @__PURE__ */ pe(Ft, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/scrollbar.vue"]]), Qt = Pl(jt), lt = Je({
+  type: {
+    type: String,
+    values: ["success", "info", "warning", "danger", ""],
+    default: ""
   },
-  tooltipClass: {
+  closable: Boolean,
+  disableTransitions: Boolean,
+  hit: Boolean,
+  color: {
     type: String,
-    default: void 0
+    default: ""
   },
-  placement: {
+  size: {
     type: String,
-    values: ze,
-    default: "top"
+    values: Jl,
+    default: ""
   },
-  marks: {
-    type: ue(Object)
+  effect: {
+    type: String,
+    values: ["dark", "light", "plain"],
+    default: "light"
   },
-  validateEvent: {
-    type: Boolean,
-    default: !0
+  round: Boolean
+}), Ut = {
+  close: (e) => e instanceof MouseEvent,
+  click: (e) => e instanceof MouseEvent
+}, Gt = X({
+  name: "ElTag"
+}), Yt = /* @__PURE__ */ X({
+  ...Gt,
+  props: lt,
+  emits: Ut,
+  setup(e, { emit: l }) {
+    const n = e, s = Yl(), u = ie("tag"), c = m(() => {
+      const { type: a, hit: C, effect: b, closable: f, round: I } = n;
+      return [
+        u.b(),
+        u.is("closable", f),
+        u.m(a),
+        u.m(s.value),
+        u.m(b),
+        u.is("hit", C),
+        u.is("round", I)
+      ];
+    }), r = (a) => {
+      l("close", a);
+    }, p = (a) => {
+      l("click", a);
+    };
+    return (a, C) => a.disableTransitions ? (y(), H("span", {
+      key: 0,
+      class: S(h(c)),
+      style: Q({ backgroundColor: a.color }),
+      onClick: p
+    }, [
+      B("span", {
+        class: S(h(u).e("content"))
+      }, [
+        oe(a.$slots, "default")
+      ], 2),
+      a.closable ? (y(), $(h(El), {
+        key: 0,
+        class: S(h(u).e("close")),
+        onClick: _(r, ["stop"])
+      }, {
+        default: M(() => [
+          ee(h(Dl))
+        ]),
+        _: 1
+      }, 8, ["class", "onClick"])) : R("v-if", !0)
+    ], 6)) : (y(), $(Ye, {
+      key: 1,
+      name: `${h(u).namespace.value}-zoom-in-center`,
+      appear: ""
+    }, {
+      default: M(() => [
+        B("span", {
+          class: S(h(c)),
+          style: Q({ backgroundColor: a.color }),
+          onClick: p
+        }, [
+          B("span", {
+            class: S(h(u).e("content"))
+          }, [
+            oe(a.$slots, "default")
+          ], 2),
+          a.closable ? (y(), $(h(El), {
+            key: 0,
+            class: S(h(u).e("close")),
+            onClick: _(r, ["stop"])
+          }, {
+            default: M(() => [
+              ee(h(Dl))
+            ]),
+            _: 1
+          }, 8, ["class", "onClick"])) : R("v-if", !0)
+        ], 6)
+      ]),
+      _: 3
+    }, 8, ["name"]));
   }
-}), Se = (e) => X(e) || De(e) && e.every(X), yt = {
-  [H]: Se,
-  [D]: Se,
-  [Ve]: Se
-}, Vt = (e, l, o) => {
-  const a = ee();
-  return Xe(async () => {
-    e.range ? (Array.isArray(e.modelValue) ? (l.firstValue = Math.max(e.min, e.modelValue[0]), l.secondValue = Math.min(e.max, e.modelValue[1])) : (l.firstValue = e.min, l.secondValue = e.max), l.oldValue = [l.firstValue, l.secondValue]) : (typeof e.modelValue != "number" || Number.isNaN(e.modelValue) ? l.firstValue = e.min : l.firstValue = Math.min(e.max, Math.max(e.min, e.modelValue)), l.oldValue = l.firstValue), Ze(window, "resize", o), await ye(), o();
-  }), {
-    sliderWrapper: a
+}), Xt = /* @__PURE__ */ pe(Yt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]), Jt = Pl(Xt), tt = Symbol("ElSelectGroup"), _e = Symbol("ElSelect");
+function Zt(e, l) {
+  const n = He(_e), s = He(tt, { disabled: !1 }), u = m(() => Object.prototype.toString.call(e.value).toLowerCase() === "[object object]"), c = m(() => n.props.multiple ? f(n.props.modelValue, e.value) : I(e.value, n.props.modelValue)), r = m(() => {
+    if (n.props.multiple) {
+      const i = n.props.modelValue || [];
+      return !c.value && i.length >= n.props.multipleLimit && n.props.multipleLimit > 0;
+    } else
+      return !1;
+  }), p = m(() => e.label || (u.value ? "" : e.value)), a = m(() => e.value || e.label || ""), C = m(() => e.disabled || l.groupDisabled || r.value), b = Hl(), f = (i = [], w) => {
+    if (u.value) {
+      const k = n.props.valueKey;
+      return i && i.some((z) => Xe(Y(z, k)) === Y(w, k));
+    } else
+      return i && i.includes(w);
+  }, I = (i, w) => {
+    if (u.value) {
+      const { valueKey: k } = n.props;
+      return Y(i, k) === Y(w, k);
+    } else
+      return i === w;
+  }, E = () => {
+    !e.disabled && !s.disabled && (n.hoverIndex = n.optionsArray.indexOf(b.proxy));
   };
-}, ht = (e) => V(() => e.marks ? Object.keys(e.marks).map(Number.parseFloat).sort((o, a) => o - a).filter((o) => o <= e.max && o >= e.min).map((o) => ({
-  point: o,
-  position: (o - e.min) * 100 / (e.max - e.min),
-  mark: e.marks[o]
-})) : []), pt = (e, l, o) => {
-  const { form: a, formItem: c } = _e(), i = at(), u = ee(), d = ee(), y = {
-    firstButton: u,
-    secondButton: d
-  }, v = V(() => e.disabled || (a == null ? void 0 : a.disabled) || !1), h = V(() => Math.min(l.firstValue, l.secondValue)), s = V(() => Math.max(l.firstValue, l.secondValue)), C = V(() => e.range ? `${100 * (s.value - h.value) / (e.max - e.min)}%` : `${100 * (l.firstValue - e.min) / (e.max - e.min)}%`), F = V(() => e.range ? `${100 * (h.value - e.min) / (e.max - e.min)}%` : "0%"), T = V(() => e.vertical ? { height: e.height } : {}), z = V(() => e.vertical ? {
-    height: C.value,
-    bottom: F.value
-  } : {
-    width: C.value,
-    left: F.value
-  }), _ = () => {
-    i.value && (l.sliderSize = i.value[`client${e.vertical ? "Height" : "Width"}`]);
-  }, Y = (g) => {
-    const k = e.min + g * (e.max - e.min) / 100;
-    if (!e.range)
-      return u;
-    let n;
-    return Math.abs(h.value - k) < Math.abs(s.value - k) ? n = l.firstValue < l.secondValue ? "firstButton" : "secondButton" : n = l.firstValue > l.secondValue ? "firstButton" : "secondButton", y[n];
-  }, L = (g) => {
-    const k = Y(g);
-    return k.value.setPosition(g), k;
-  }, K = (g) => {
-    l.firstValue = g, p(e.range ? [h.value, s.value] : g);
-  }, P = (g) => {
-    l.secondValue = g, e.range && p([h.value, s.value]);
-  }, p = (g) => {
-    o(H, g), o(D, g);
-  }, w = async () => {
-    await ye(), o(Ve, e.range ? [h.value, s.value] : e.modelValue);
-  }, q = (g) => {
-    var k, n, r, b, N, S;
-    if (v.value || l.dragging)
-      return;
-    _();
-    let B = 0;
-    if (e.vertical) {
-      const M = (r = (n = (k = g.touches) == null ? void 0 : k.item(0)) == null ? void 0 : n.clientY) != null ? r : g.clientY;
-      B = (i.value.getBoundingClientRect().bottom - M) / l.sliderSize * 100;
-    } else {
-      const M = (S = (N = (b = g.touches) == null ? void 0 : b.item(0)) == null ? void 0 : N.clientX) != null ? S : g.clientX, A = i.value.getBoundingClientRect().left;
-      B = (M - A) / l.sliderSize * 100;
+  W(() => p.value, () => {
+    !e.created && !n.props.remote && n.setSelected();
+  }), W(() => e.value, (i, w) => {
+    const { remote: k, valueKey: z } = n.props;
+    if (Object.is(i, w) || (n.onOptionDestroy(w, b.proxy), n.onOptionCreate(b.proxy)), !e.created && !k) {
+      if (z && typeof i == "object" && typeof w == "object" && i[z] === w[z])
+        return;
+      n.setSelected();
     }
-    if (!(B < 0 || B > 100))
-      return L(B);
+  }), W(() => s.disabled, () => {
+    l.groupDisabled = s.disabled;
+  }, { immediate: !0 });
+  const { queryChange: L } = Xe(n);
+  return W(L, (i) => {
+    const { query: w } = h(i), k = new RegExp(ht(w), "i");
+    l.visible = k.test(p.value) || e.created, l.visible || n.filteredOptionsCount--;
+  }, { immediate: !0 }), {
+    select: n,
+    currentLabel: p,
+    currentValue: a,
+    itemSelected: c,
+    isDisabled: C,
+    hoverItem: E
   };
-  return {
-    elFormItem: c,
-    slider: i,
-    firstButton: u,
-    secondButton: d,
-    sliderDisabled: v,
-    minValue: h,
-    maxValue: s,
-    runwayStyle: T,
-    barStyle: z,
-    resetSize: _,
-    setPosition: L,
-    emitChange: w,
-    onSliderWrapperPrevent: (g) => {
-      var k, n;
-      ((k = y.firstButton.value) != null && k.dragging || (n = y.secondButton.value) != null && n.dragging) && g.preventDefault();
-    },
-    onSliderClick: (g) => {
-      q(g) && w();
-    },
-    onSliderDown: async (g) => {
-      const k = q(g);
-      k && (await ye(), k.value.onButtonDown(g));
+}
+var xt = X({
+  name: "ElOption",
+  componentName: "ElOption",
+  props: {
+    value: {
+      required: !0,
+      type: [String, Number, Boolean, Object]
     },
-    setFirstValue: K,
-    setSecondValue: P
-  };
-}, { left: wt, down: St, right: Nt, up: kt, home: Et, end: It, pageUp: Bt, pageDown: xt } = We, Pt = (e, l, o) => {
-  const a = ee(), c = ee(!1), i = V(() => l.value instanceof Function), u = V(() => i.value && l.value(e.modelValue) || e.modelValue), d = Te(() => {
-    o.value && (c.value = !0);
-  }, 50), y = Te(() => {
-    o.value && (c.value = !1);
-  }, 50);
-  return {
-    tooltip: a,
-    tooltipVisible: c,
-    formatValue: u,
-    displayTooltip: d,
-    hideTooltip: y
-  };
-}, Ct = (e, l, o) => {
-  const {
-    disabled: a,
-    min: c,
-    max: i,
-    step: u,
-    showTooltip: d,
-    precision: y,
-    sliderSize: v,
-    formatTooltip: h,
-    emitChange: s,
-    resetSize: C,
-    updateDragging: F
-  } = rt(Oe), { tooltip: T, tooltipVisible: z, formatValue: _, displayTooltip: Y, hideTooltip: L } = Pt(e, h, d), K = ee(), P = V(() => `${(e.modelValue - c.value) / (i.value - c.value) * 100}%`), p = V(() => e.vertical ? { bottom: P.value } : { left: P.value }), w = () => {
-    l.hovering = !0, Y();
-  }, q = () => {
-    l.hovering = !1, l.dragging || L();
-  }, J = (m) => {
-    a.value || (m.preventDefault(), B(m), window.addEventListener("mousemove", M), window.addEventListener("touchmove", M), window.addEventListener("mouseup", A), window.addEventListener("touchend", A), window.addEventListener("contextmenu", A), K.value.focus());
-  }, W = (m) => {
-    a.value || (l.newPosition = Number.parseFloat(P.value) + m / (i.value - c.value) * 100, E(l.newPosition), s());
-  }, G = () => {
-    W(-u.value);
-  }, g = () => {
-    W(u.value);
-  }, k = () => {
-    W(-u.value * 4);
-  }, n = () => {
-    W(u.value * 4);
-  }, r = () => {
-    a.value || (E(0), s());
-  }, b = () => {
-    a.value || (E(100), s());
-  }, N = (m) => {
-    let I = !0;
-    [wt, St].includes(m.key) ? G() : [Nt, kt].includes(m.key) ? g() : m.key === Et ? r() : m.key === It ? b() : m.key === xt ? k() : m.key === Bt ? n() : I = !1, I && m.preventDefault();
-  }, S = (m) => {
-    let I, $;
-    return m.type.startsWith("touch") ? ($ = m.touches[0].clientY, I = m.touches[0].clientX) : ($ = m.clientY, I = m.clientX), {
-      clientX: I,
-      clientY: $
-    };
-  }, B = (m) => {
-    l.dragging = !0, l.isClick = !0;
-    const { clientX: I, clientY: $ } = S(m);
-    e.vertical ? l.startY = $ : l.startX = I, l.startPosition = Number.parseFloat(P.value), l.newPosition = l.startPosition;
-  }, M = (m) => {
-    if (l.dragging) {
-      l.isClick = !1, Y(), C();
-      let I;
-      const { clientX: $, clientY: Q } = S(m);
-      e.vertical ? (l.currentY = Q, I = (l.startY - l.currentY) / v.value * 100) : (l.currentX = $, I = (l.currentX - l.startX) / v.value * 100), l.newPosition = l.startPosition + I, E(l.newPosition);
+    label: [String, Number],
+    created: Boolean,
+    disabled: {
+      type: Boolean,
+      default: !1
     }
-  }, A = () => {
-    l.dragging && (setTimeout(() => {
-      l.dragging = !1, l.hovering || L(), l.isClick || E(l.newPosition), s();
-    }, 0), window.removeEventListener("mousemove", M), window.removeEventListener("touchmove", M), window.removeEventListener("mouseup", A), window.removeEventListener("touchend", A), window.removeEventListener("contextmenu", A));
-  }, E = async (m) => {
-    if (m === null || Number.isNaN(+m))
-      return;
-    m < 0 ? m = 0 : m > 100 && (m = 100);
-    const I = 100 / ((i.value - c.value) / u.value);
-    let Q = Math.round(m / I) * I * (i.value - c.value) * 0.01 + c.value;
-    Q = Number.parseFloat(Q.toFixed(y.value)), Q !== e.modelValue && o(H, Q), !l.dragging && e.modelValue !== l.oldValue && (l.oldValue = e.modelValue), await ye(), l.dragging && Y(), T.value.updatePopper();
-  };
-  return se(() => l.dragging, (m) => {
-    F(m);
-  }), {
-    disabled: a,
-    button: K,
-    tooltip: T,
-    tooltipVisible: z,
-    showTooltip: d,
-    wrapperStyle: p,
-    formatValue: _,
-    handleMouseEnter: w,
-    handleMouseLeave: q,
-    onButtonDown: J,
-    onKeyDown: N,
-    setPosition: E
-  };
-}, Tt = (e, l, o, a) => ({
-  stops: V(() => {
-    if (!e.showStops || e.min > e.max)
-      return [];
-    if (e.step === 0)
-      return [];
-    const u = (e.max - e.min) / e.step, d = 100 * e.step / (e.max - e.min), y = Array.from({ length: u - 1 }).map((v, h) => (h + 1) * d);
-    return e.range ? y.filter((v) => v < 100 * (o.value - e.min) / (e.max - e.min) || v > 100 * (a.value - e.min) / (e.max - e.min)) : y.filter((v) => v > 100 * (l.firstValue - e.min) / (e.max - e.min));
-  }),
-  getStopStyle: (u) => e.vertical ? { bottom: `${u}%` } : { left: `${u}%` }
-}), Lt = (e, l, o, a, c, i) => {
-  const u = (v) => {
-    c(H, v), c(D, v);
-  }, d = () => e.range ? ![o.value, a.value].every((v, h) => v === l.oldValue[h]) : e.modelValue !== l.oldValue, y = () => {
-    var v, h;
-    e.min > e.max && Ye("Slider", "min should not be greater than max.");
-    const s = e.modelValue;
-    e.range && Array.isArray(s) ? s[1] < e.min ? u([e.min, e.min]) : s[0] > e.max ? u([e.max, e.max]) : s[0] < e.min ? u([e.min, s[1]]) : s[1] > e.max ? u([s[0], e.max]) : (l.firstValue = s[0], l.secondValue = s[1], d() && (e.validateEvent && ((v = i == null ? void 0 : i.validate) == null || v.call(i, "change").catch((C) => be())), l.oldValue = s.slice())) : !e.range && typeof s == "number" && !Number.isNaN(s) && (s < e.min ? u(e.min) : s > e.max ? u(e.max) : (l.firstValue = s, d() && (e.validateEvent && ((h = i == null ? void 0 : i.validate) == null || h.call(i, "change").catch((C) => be())), l.oldValue = s)));
-  };
-  y(), se(() => l.dragging, (v) => {
-    v || y();
-  }), se(() => e.modelValue, (v, h) => {
-    l.dragging || Array.isArray(v) && Array.isArray(h) && v.every((s, C) => s === h[C]) && l.firstValue === v[0] && l.secondValue === v[1] || y();
-  }, {
-    deep: !0
-  }), se(() => [e.min, e.max], () => {
-    y();
-  });
-}, Mt = he({
-  modelValue: {
-    type: Number,
-    default: 0
   },
-  vertical: Boolean,
-  tooltipClass: String,
-  placement: {
-    type: String,
-    values: ze,
-    default: "top"
+  setup(e) {
+    const l = ie("select"), n = m(() => [
+      l.be("dropdown", "item"),
+      l.is("disabled", h(r)),
+      {
+        selected: h(c),
+        hover: h(b)
+      }
+    ]), s = $e({
+      index: -1,
+      groupDisabled: !1,
+      visible: !0,
+      hitState: !1,
+      hover: !1
+    }), { currentLabel: u, itemSelected: c, isDisabled: r, select: p, hoverItem: a } = Zt(e, s), { visible: C, hover: b } = Bl(s), f = Hl().proxy;
+    p.onOptionCreate(f), _l(() => {
+      const E = f.value, { selected: L } = p, w = (p.props.multiple ? L : [L]).some((k) => k.value === f.value);
+      K(() => {
+        p.cachedOptions.get(E) === f && !w && p.cachedOptions.delete(E);
+      }), p.onOptionDestroy(E, f);
+    });
+    function I() {
+      e.disabled !== !0 && s.groupDisabled !== !0 && p.handleOptionSelect(f);
+    }
+    return {
+      ns: l,
+      containerKls: n,
+      currentLabel: u,
+      itemSelected: c,
+      isDisabled: r,
+      select: p,
+      hoverItem: a,
+      visible: C,
+      hover: b,
+      selectOptionClick: I,
+      states: s
+    };
   }
-}), At = {
-  [H]: (e) => X(e)
-}, Ft = ["tabindex"], zt = te({
-  name: "ElSliderButton"
-}), _t = /* @__PURE__ */ te({
-  ...zt,
-  props: Mt,
-  emits: At,
-  setup(e, { expose: l, emit: o }) {
-    const a = e, c = pe("slider"), i = Be({
-      hovering: !1,
-      dragging: !1,
-      isClick: !1,
-      startX: 0,
-      currentX: 0,
-      startY: 0,
-      currentY: 0,
-      startPosition: 0,
-      newPosition: 0,
-      oldValue: a.modelValue
+});
+function _t(e, l, n, s, u, c) {
+  return Ee((y(), H("li", {
+    class: S(e.containerKls),
+    onMouseenter: l[0] || (l[0] = (...r) => e.hoverItem && e.hoverItem(...r)),
+    onClick: l[1] || (l[1] = _((...r) => e.selectOptionClick && e.selectOptionClick(...r), ["stop"]))
+  }, [
+    oe(e.$slots, "default", {}, () => [
+      B("span", null, ce(e.currentLabel), 1)
+    ])
+  ], 34)), [
+    [xe, e.visible]
+  ]);
+}
+var $l = /* @__PURE__ */ pe(xt, [["render", _t], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/option.vue"]]), en = X({
+  name: "ElSelectDropdown",
+  componentName: "ElSelectDropdown",
+  setup() {
+    const e = He(_e), l = ie("select"), n = m(() => e.props.popperClass), s = m(() => e.props.multiple), u = m(() => e.props.fitInputWidth), c = O("");
+    function r() {
+      var p;
+      c.value = `${(p = e.selectWrapper) == null ? void 0 : p.offsetWidth}px`;
+    }
+    return Ze(() => {
+      r(), Ml(e.selectWrapper, r);
     }), {
-      disabled: u,
-      button: d,
-      tooltip: y,
-      showTooltip: v,
-      tooltipVisible: h,
-      wrapperStyle: s,
-      formatValue: C,
-      handleMouseEnter: F,
-      handleMouseLeave: T,
-      onButtonDown: z,
-      onKeyDown: _,
-      setPosition: Y
-    } = Ct(a, i, o), { hovering: L, dragging: K } = Ee(i);
-    return l({
-      onButtonDown: z,
-      onKeyDown: _,
-      setPosition: Y,
-      hovering: L,
-      dragging: K
-    }), (P, p) => (x(), O("div", {
-      ref_key: "button",
-      ref: d,
-      class: U([t(c).e("button-wrapper"), { hover: t(L), dragging: t(K) }]),
-      style: le(t(s)),
-      tabindex: t(u) ? -1 : 0,
-      onMouseenter: p[0] || (p[0] = (...w) => t(F) && t(F)(...w)),
-      onMouseleave: p[1] || (p[1] = (...w) => t(T) && t(T)(...w)),
-      onMousedown: p[2] || (p[2] = (...w) => t(z) && t(z)(...w)),
-      onTouchstart: p[3] || (p[3] = (...w) => t(z) && t(z)(...w)),
-      onFocus: p[4] || (p[4] = (...w) => t(F) && t(F)(...w)),
-      onBlur: p[5] || (p[5] = (...w) => t(T) && t(T)(...w)),
-      onKeydown: p[6] || (p[6] = (...w) => t(_) && t(_)(...w))
-    }, [
-      de(t(Ue), {
-        ref_key: "tooltip",
-        ref: y,
-        visible: t(h),
-        placement: P.placement,
-        "fallback-placements": ["top", "bottom", "right", "left"],
-        "stop-popper-mouse-event": !1,
-        "popper-class": P.tooltipClass,
-        disabled: !t(v),
-        persistent: ""
-      }, {
-        content: ge(() => [
-          ae("span", null, tt(t(C)), 1)
-        ]),
-        default: ge(() => [
-          ae("div", {
-            class: U([t(c).e("button"), { hover: t(L), dragging: t(K) }])
-          }, null, 2)
-        ]),
-        _: 1
-      }, 8, ["visible", "placement", "popper-class", "disabled"])
-    ], 46, Ft));
-  }
-}), Ae = /* @__PURE__ */ Ie(_t, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/button.vue"]]), Kt = he({
-  mark: {
-    type: ue([String, Object]),
-    default: void 0
+      ns: l,
+      minWidth: c,
+      popperClass: n,
+      isMultiple: s,
+      isFitInputWidth: u
+    };
   }
-}), Rt = te({
-  name: "ElSliderMarker",
-  props: Kt,
-  setup(e) {
-    const l = pe("slider"), o = V(() => ke(e.mark) ? e.mark : e.mark.label), a = V(() => ke(e.mark) ? void 0 : e.mark.style);
-    return () => lt("div", {
-      class: l.e("marks-text"),
-      style: a.value
-    }, o.value);
+});
+function ln(e, l, n, s, u, c) {
+  return y(), H("div", {
+    class: S([e.ns.b("dropdown"), e.ns.is("multiple", e.isMultiple), e.popperClass]),
+    style: Q({ [e.isFitInputWidth ? "width" : "minWidth"]: e.minWidth })
+  }, [
+    oe(e.$slots, "default")
+  ], 6);
+}
+var tn = /* @__PURE__ */ pe(en, [["render", ln], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/select-dropdown.vue"]]);
+function nn(e) {
+  const { t: l } = zl();
+  return $e({
+    options: /* @__PURE__ */ new Map(),
+    cachedOptions: /* @__PURE__ */ new Map(),
+    createdLabel: null,
+    createdSelected: !1,
+    selected: e.multiple ? [] : {},
+    inputLength: 20,
+    inputWidth: 0,
+    optionsCount: 0,
+    filteredOptionsCount: 0,
+    visible: !1,
+    selectedLabel: "",
+    hoverIndex: -1,
+    query: "",
+    previousQuery: null,
+    inputHovering: !1,
+    cachedPlaceHolder: "",
+    currentPlaceholder: l("el.select.placeholder"),
+    menuVisibleOnFocus: !1,
+    isOnComposition: !1,
+    prefixWidth: 11,
+    mouseEnter: !1,
+    focused: !1
+  });
+}
+var on = (e, l, n) => {
+  const { t: s } = zl(), u = ie("select");
+  Mt({
+    from: "suffixTransition",
+    replacement: "override style scheme",
+    version: "2.3.0",
+    scope: "props",
+    ref: "https://element-plus.org/en-US/component/select.html#select-attributes"
+  }, m(() => e.suffixTransition === !1));
+  const c = O(null), r = O(null), p = O(null), a = O(null), C = O(null), b = O(null), f = O(null), I = O(null), E = O(-1), L = ql({ query: "" }), i = ql(""), w = O([]);
+  let k = 0;
+  const { form: z, formItem: N } = ut(), ae = m(() => !e.filterable || e.multiple || !l.visible), F = m(() => e.disabled || (z == null ? void 0 : z.disabled)), T = m(() => {
+    const t = e.multiple ? Array.isArray(e.modelValue) && e.modelValue.length > 0 : e.modelValue !== void 0 && e.modelValue !== null && e.modelValue !== "";
+    return e.clearable && !F.value && l.inputHovering && t;
+  }), v = m(() => e.remote && e.filterable && !e.remoteShowSuffix ? "" : e.suffixIcon), P = m(() => u.is("reverse", v.value && l.visible && e.suffixTransition)), U = m(() => (z == null ? void 0 : z.statusIcon) && (N == null ? void 0 : N.validateState) && pt[N == null ? void 0 : N.validateState]), J = m(() => e.remote ? 300 : 0), Z = m(() => e.loading ? e.loadingText || s("el.select.loading") : e.remote && l.query === "" && l.options.size === 0 ? !1 : e.filterable && l.query && l.options.size > 0 && l.filteredOptionsCount === 0 ? e.noMatchText || s("el.select.noMatch") : l.options.size === 0 ? e.noDataText || s("el.select.noData") : null), V = m(() => {
+    const t = Array.from(l.options.values()), o = [];
+    return w.value.forEach((d) => {
+      const g = t.findIndex((A) => A.currentLabel === d);
+      g > -1 && o.push(t[g]);
+    }), o.length ? o : t;
+  }), el = m(() => Array.from(l.cachedOptions.values())), ll = m(() => {
+    const t = V.value.filter((o) => !o.created).some((o) => o.currentLabel === l.query);
+    return e.filterable && e.allowCreate && l.query !== "" && !t;
+  }), ve = Yl(), tl = m(() => ["small"].includes(ve.value) ? "small" : "default"), nl = m({
+    get() {
+      return l.visible && Z.value !== !1;
+    },
+    set(t) {
+      l.visible = t;
+    }
+  });
+  W([() => F.value, () => ve.value, () => z == null ? void 0 : z.size], () => {
+    K(() => {
+      x();
+    });
+  }), W(() => e.placeholder, (t) => {
+    l.cachedPlaceHolder = l.currentPlaceholder = t, e.multiple && Array.isArray(e.modelValue) && e.modelValue.length > 0 && (l.currentPlaceholder = "");
+  }), W(() => e.modelValue, (t, o) => {
+    e.multiple && (x(), t && t.length > 0 || r.value && l.query !== "" ? l.currentPlaceholder = "" : l.currentPlaceholder = l.cachedPlaceHolder, e.filterable && !e.reserveKeyword && (l.query = "", re(l.query))), Le(), e.filterable && !e.multiple && (l.inputLength = 20), !Wl(t, o) && e.validateEvent && (N == null || N.validate("change").catch((d) => gt()));
+  }, {
+    flush: "post",
+    deep: !0
+  }), W(() => l.visible, (t) => {
+    var o, d, g, A, D;
+    t ? ((d = (o = a.value) == null ? void 0 : o.updatePopper) == null || d.call(o), e.filterable && (l.filteredOptionsCount = l.optionsCount, l.query = e.remote ? "" : l.selectedLabel, (A = (g = p.value) == null ? void 0 : g.focus) == null || A.call(g), e.multiple ? (D = r.value) == null || D.focus() : l.selectedLabel && (l.currentPlaceholder = `${l.selectedLabel}`, l.selectedLabel = ""), re(l.query), !e.multiple && !e.remote && (L.value.query = "", Ve(L), Ve(i)))) : (e.filterable && (ge(e.filterMethod) && e.filterMethod(""), ge(e.remoteMethod) && e.remoteMethod("")), l.query = "", l.previousQuery = null, l.selectedLabel = "", l.inputLength = 20, l.menuVisibleOnFocus = !1, ol(), K(() => {
+      r.value && r.value.value === "" && l.selected.length === 0 && (l.currentPlaceholder = l.cachedPlaceHolder);
+    }), e.multiple || (l.selected && (e.filterable && e.allowCreate && l.createdSelected && l.createdLabel ? l.selectedLabel = l.createdLabel : l.selectedLabel = l.selected.currentLabel, e.filterable && (l.query = l.selectedLabel)), e.filterable && (l.currentPlaceholder = l.cachedPlaceHolder))), n.emit("visible-change", t);
+  }), W(() => l.options.entries(), () => {
+    var t, o, d;
+    if (!be)
+      return;
+    (o = (t = a.value) == null ? void 0 : t.updatePopper) == null || o.call(t), e.multiple && x();
+    const g = ((d = f.value) == null ? void 0 : d.querySelectorAll("input")) || [];
+    Array.from(g).includes(document.activeElement) || Le(), e.defaultFirstOption && (e.filterable || e.remote) && l.filteredOptionsCount && De();
+  }, {
+    flush: "post"
+  }), W(() => l.hoverIndex, (t) => {
+    Oe(t) && t > -1 ? E.value = V.value[t] || {} : E.value = {}, V.value.forEach((o) => {
+      o.hover = E.value === o;
+    });
+  });
+  const x = () => {
+    K(() => {
+      var t, o;
+      if (!c.value)
+        return;
+      const d = c.value.$el.querySelector("input");
+      k = k || (d.clientHeight > 0 ? d.clientHeight + 2 : 0);
+      const g = b.value, A = kt(ve.value || (z == null ? void 0 : z.size)), D = ve.value || A === k || k <= 0 ? A : k;
+      !(d.offsetParent === null) && (d.style.height = `${(l.selected.length === 0 ? D : Math.max(g ? g.clientHeight + (g.clientHeight > D ? 6 : 0) : 0, D)) - 2}px`), l.visible && Z.value !== !1 && ((o = (t = a.value) == null ? void 0 : t.updatePopper) == null || o.call(t));
+    });
+  }, re = async (t) => {
+    if (!(l.previousQuery === t || l.isOnComposition)) {
+      if (l.previousQuery === null && (ge(e.filterMethod) || ge(e.remoteMethod))) {
+        l.previousQuery = t;
+        return;
+      }
+      l.previousQuery = t, K(() => {
+        var o, d;
+        l.visible && ((d = (o = a.value) == null ? void 0 : o.updatePopper) == null || d.call(o));
+      }), l.hoverIndex = -1, e.multiple && e.filterable && K(() => {
+        const o = r.value.value.length * 15 + 20;
+        l.inputLength = e.collapseTags ? Math.min(50, o) : o, Ae(), x();
+      }), e.remote && ge(e.remoteMethod) ? (l.hoverIndex = -1, e.remoteMethod(t)) : ge(e.filterMethod) ? (e.filterMethod(t), Ve(i)) : (l.filteredOptionsCount = l.optionsCount, L.value.query = t, Ve(L), Ve(i)), e.defaultFirstOption && (e.filterable || e.remote) && l.filteredOptionsCount && (await K(), De());
+    }
+  }, Ae = () => {
+    l.currentPlaceholder !== "" && (l.currentPlaceholder = r.value.value ? "" : l.cachedPlaceHolder);
+  }, De = () => {
+    const t = V.value.filter((g) => g.visible && !g.disabled && !g.states.groupDisabled), o = t.find((g) => g.created), d = t[0];
+    l.hoverIndex = Ne(V.value, o || d);
+  }, Le = () => {
+    var t;
+    if (e.multiple)
+      l.selectedLabel = "";
+    else {
+      const d = Ke(e.modelValue);
+      (t = d.props) != null && t.created ? (l.createdLabel = d.props.value, l.createdSelected = !0) : l.createdSelected = !1, l.selectedLabel = d.currentLabel, l.selected = d, e.filterable && (l.query = l.selectedLabel);
+      return;
+    }
+    const o = [];
+    Array.isArray(e.modelValue) && e.modelValue.forEach((d) => {
+      o.push(Ke(d));
+    }), l.selected = o, K(() => {
+      x();
+    });
+  }, Ke = (t) => {
+    let o;
+    const d = Ol(t).toLowerCase() === "object", g = Ol(t).toLowerCase() === "null", A = Ol(t).toLowerCase() === "undefined";
+    for (let ne = l.cachedOptions.size - 1; ne >= 0; ne--) {
+      const j = el.value[ne];
+      if (d ? Y(j.value, e.valueKey) === Y(t, e.valueKey) : j.value === t) {
+        o = {
+          value: t,
+          currentLabel: j.currentLabel,
+          isDisabled: j.isDisabled
+        };
+        break;
+      }
+    }
+    if (o)
+      return o;
+    const D = d ? t.label : !g && !A ? t : "", te = {
+      value: t,
+      currentLabel: D
+    };
+    return e.multiple && (te.hitState = !1), te;
+  }, ol = () => {
+    setTimeout(() => {
+      const t = e.valueKey;
+      e.multiple ? l.selected.length > 0 ? l.hoverIndex = Math.min.apply(null, l.selected.map((o) => V.value.findIndex((d) => Y(d, t) === Y(o, t)))) : l.hoverIndex = -1 : l.hoverIndex = V.value.findIndex((o) => Ce(o) === Ce(l.selected));
+    }, 300);
+  }, il = () => {
+    var t, o;
+    al(), (o = (t = a.value) == null ? void 0 : t.updatePopper) == null || o.call(t), e.multiple && x();
+  }, al = () => {
+    var t;
+    l.inputWidth = (t = c.value) == null ? void 0 : t.$el.offsetWidth;
+  }, rl = () => {
+    e.filterable && l.query !== l.selectedLabel && (l.query = l.selectedLabel, re(l.query));
+  }, sl = Nl(() => {
+    rl();
+  }, J.value), ul = Nl((t) => {
+    re(t.target.value);
+  }, J.value), me = (t) => {
+    Wl(e.modelValue, t) || n.emit(Xl, t);
+  }, ke = (t) => {
+    if (t.code !== Al.delete) {
+      if (t.target.value.length <= 0 && !ze()) {
+        const o = e.modelValue.slice();
+        o.pop(), n.emit(fe, o), me(o);
+      }
+      t.target.value.length === 1 && e.modelValue.length === 0 && (l.currentPlaceholder = l.cachedPlaceHolder);
+    }
+  }, Re = (t, o) => {
+    const d = l.selected.indexOf(o);
+    if (d > -1 && !F.value) {
+      const g = e.modelValue.slice();
+      g.splice(d, 1), n.emit(fe, g), me(g), n.emit("remove-tag", o.value);
+    }
+    t.stopPropagation(), ye();
+  }, We = (t) => {
+    t.stopPropagation();
+    const o = e.multiple ? [] : "";
+    if (!xl(o))
+      for (const d of l.selected)
+        d.isDisabled && o.push(d.value);
+    n.emit(fe, o), me(o), l.hoverIndex = -1, l.visible = !1, n.emit("clear"), ye();
+  }, Ie = (t) => {
+    var o;
+    if (e.multiple) {
+      const d = (e.modelValue || []).slice(), g = Ne(d, t.value);
+      g > -1 ? d.splice(g, 1) : (e.multipleLimit <= 0 || d.length < e.multipleLimit) && d.push(t.value), n.emit(fe, d), me(d), t.created && (l.query = "", re(""), l.inputLength = 20), e.filterable && ((o = r.value) == null || o.focus());
+    } else
+      n.emit(fe, t.value), me(t.value), l.visible = !1;
+    dl(), !l.visible && K(() => {
+      se(t);
+    });
+  }, Ne = (t = [], o) => {
+    if (!kl(o))
+      return t.indexOf(o);
+    const d = e.valueKey;
+    let g = -1;
+    return t.some((A, D) => Xe(Y(A, d)) === Y(o, d) ? (g = D, !0) : !1), g;
+  }, dl = () => {
+    const t = r.value || c.value;
+    t && (t == null || t.focus());
+  }, se = (t) => {
+    var o, d, g, A, D;
+    const te = Array.isArray(t) ? t[0] : t;
+    let ne = null;
+    if (te != null && te.value) {
+      const j = V.value.filter((wl) => wl.value === te.value);
+      j.length > 0 && (ne = j[0].$el);
+    }
+    if (a.value && ne) {
+      const j = (A = (g = (d = (o = a.value) == null ? void 0 : o.popperRef) == null ? void 0 : d.contentRef) == null ? void 0 : g.querySelector) == null ? void 0 : A.call(g, `.${u.be("dropdown", "wrap")}`);
+      j && Lt(j, ne);
+    }
+    (D = I.value) == null || D.handleScroll();
+  }, cl = (t) => {
+    l.optionsCount++, l.filteredOptionsCount++, l.options.set(t.value, t), l.cachedOptions.set(t.value, t);
+  }, fl = (t, o) => {
+    l.options.get(t) === o && (l.optionsCount--, l.filteredOptionsCount--, l.options.delete(t));
+  }, pl = (t) => {
+    t.code !== Al.backspace && ze(!1), l.inputLength = r.value.value.length * 15 + 20, x();
+  }, ze = (t) => {
+    if (!Array.isArray(l.selected))
+      return;
+    const o = l.selected[l.selected.length - 1];
+    if (o)
+      return t === !0 || t === !1 ? (o.hitState = t, t) : (o.hitState = !o.hitState, o.hitState);
+  }, vl = (t) => {
+    const o = t.target.value;
+    if (t.type === "compositionend")
+      l.isOnComposition = !1, K(() => re(o));
+    else {
+      const d = o[o.length - 1] || "";
+      l.isOnComposition = !st(d);
+    }
+  }, ml = () => {
+    K(() => se(l.selected));
+  }, hl = (t) => {
+    l.focused || ((e.automaticDropdown || e.filterable) && (e.filterable && !l.visible && (l.menuVisibleOnFocus = !0), l.visible = !0), l.focused = !0, n.emit("focus", t));
+  }, ye = () => {
+    var t, o;
+    l.visible ? (t = r.value || c.value) == null || t.focus() : (o = c.value) == null || o.focus();
+  }, le = () => {
+    var t, o, d;
+    l.visible = !1, (t = c.value) == null || t.blur(), (d = (o = p.value) == null ? void 0 : o.blur) == null || d.call(o);
+  }, Me = (t) => {
+    var o, d, g;
+    (o = a.value) != null && o.isFocusInsideContent(t) || (d = C.value) != null && d.isFocusInsideContent(t) || (g = f.value) != null && g.contains(t.relatedTarget) || (l.visible && Se(), l.focused = !1, n.emit("blur", t));
+  }, qe = (t) => {
+    We(t);
+  }, Se = () => {
+    l.visible = !1;
+  }, gl = (t) => {
+    l.visible && (t.preventDefault(), t.stopPropagation(), l.visible = !1);
+  }, Fe = (t) => {
+    t && !l.mouseEnter || F.value || (l.menuVisibleOnFocus ? l.menuVisibleOnFocus = !1 : (!a.value || !a.value.isFocusInsideContent()) && (l.visible = !l.visible), ye());
+  }, je = () => {
+    l.visible ? V.value[l.hoverIndex] && Ie(V.value[l.hoverIndex]) : Fe();
+  }, Ce = (t) => kl(t.value) ? Y(t.value, e.valueKey) : t.value, bl = m(() => V.value.filter((t) => t.visible).every((t) => t.disabled)), Pe = m(() => l.selected.slice(0, e.maxCollapseTags)), yl = m(() => l.selected.slice(e.maxCollapseTags)), Qe = (t) => {
+    if (!l.visible) {
+      l.visible = !0;
+      return;
+    }
+    if (!(l.options.size === 0 || l.filteredOptionsCount === 0) && !l.isOnComposition && !bl.value) {
+      t === "next" ? (l.hoverIndex++, l.hoverIndex === l.options.size && (l.hoverIndex = 0)) : t === "prev" && (l.hoverIndex--, l.hoverIndex < 0 && (l.hoverIndex = l.options.size - 1));
+      const o = V.value[l.hoverIndex];
+      (o.disabled === !0 || o.states.groupDisabled === !0 || !o.visible) && Qe(t), K(() => se(E.value));
+    }
+  }, Ue = () => {
+    l.mouseEnter = !0;
+  }, Sl = () => {
+    l.mouseEnter = !1;
+  }, Cl = (t, o) => {
+    var d, g;
+    Re(t, o), (g = (d = C.value) == null ? void 0 : d.updatePopper) == null || g.call(d);
+  }, we = m(() => ({
+    maxWidth: `${h(l.inputWidth) - 32 - (U.value ? 22 : 0)}px`,
+    width: "100%"
+  }));
+  return {
+    optionList: w,
+    optionsArray: V,
+    selectSize: ve,
+    handleResize: il,
+    debouncedOnInputChange: sl,
+    debouncedQueryChange: ul,
+    deletePrevTag: ke,
+    deleteTag: Re,
+    deleteSelected: We,
+    handleOptionSelect: Ie,
+    scrollToOption: se,
+    readonly: ae,
+    resetInputHeight: x,
+    showClose: T,
+    iconComponent: v,
+    iconReverse: P,
+    showNewOption: ll,
+    collapseTagSize: tl,
+    setSelected: Le,
+    managePlaceholder: Ae,
+    selectDisabled: F,
+    emptyText: Z,
+    toggleLastOptionHitState: ze,
+    resetInputState: pl,
+    handleComposition: vl,
+    onOptionCreate: cl,
+    onOptionDestroy: fl,
+    handleMenuEnter: ml,
+    handleFocus: hl,
+    focus: ye,
+    blur: le,
+    handleBlur: Me,
+    handleClearClick: qe,
+    handleClose: Se,
+    handleKeydownEscape: gl,
+    toggleMenu: Fe,
+    selectOption: je,
+    getValueKey: Ce,
+    navigateOptions: Qe,
+    handleDeleteTooltipTag: Cl,
+    dropMenuVisible: nl,
+    queryChange: L,
+    groupQueryChange: i,
+    showTagList: Pe,
+    collapseTagList: yl,
+    selectTagsStyle: we,
+    reference: c,
+    input: r,
+    iOSInput: p,
+    tooltipRef: a,
+    tagTooltipRef: C,
+    tags: b,
+    selectWrapper: f,
+    scrollbar: I,
+    handleMouseEnter: Ue,
+    handleMouseLeave: Sl
+  };
+}, an = X({
+  name: "ElOptions",
+  emits: ["update-options"],
+  setup(e, { slots: l, emit: n }) {
+    let s = [];
+    function u(c, r) {
+      if (c.length !== r.length)
+        return !1;
+      for (const [p] of c.entries())
+        if (c[p] != r[p])
+          return !1;
+      return !0;
+    }
+    return () => {
+      var c, r;
+      const p = (c = l.default) == null ? void 0 : c.call(l), a = [];
+      function C(b) {
+        Array.isArray(b) && b.forEach((f) => {
+          var I, E, L, i;
+          const w = (I = (f == null ? void 0 : f.type) || {}) == null ? void 0 : I.name;
+          w === "ElOptionGroup" ? C(!xl(f.children) && !Array.isArray(f.children) && ge((E = f.children) == null ? void 0 : E.default) ? (L = f.children) == null ? void 0 : L.default() : f.children) : w === "ElOption" ? a.push((i = f.props) == null ? void 0 : i.label) : Array.isArray(f.children) && C(f.children);
+        });
+      }
+      return p.length && C((r = p[0]) == null ? void 0 : r.children), u(a, s) || (s = a, n("update-options", a)), p;
+    };
   }
-}), Yt = ["id", "role", "aria-label", "aria-labelledby"], Xt = { key: 1 }, Ot = te({
-  name: "ElSlider"
-}), Ut = /* @__PURE__ */ te({
-  ...Ot,
-  props: gt,
-  emits: yt,
-  setup(e, { expose: l, emit: o }) {
-    const a = e, c = pe("slider"), { t: i } = Fe(), u = Be({
-      firstValue: 0,
-      secondValue: 0,
-      oldValue: 0,
-      dragging: !1,
-      sliderSize: 1
-    }), {
-      elFormItem: d,
-      slider: y,
-      firstButton: v,
-      secondButton: h,
-      sliderDisabled: s,
-      minValue: C,
-      maxValue: F,
-      runwayStyle: T,
-      barStyle: z,
-      resetSize: _,
-      emitChange: Y,
-      onSliderWrapperPrevent: L,
-      onSliderClick: K,
-      onSliderDown: P,
-      setFirstValue: p,
-      setSecondValue: w
-    } = pt(a, u, o), { stops: q, getStopStyle: J } = Tt(a, u, C, F), { inputId: W, isLabeledByFormItem: G } = He(a, {
-      formItemContext: d
-    }), g = Ke(), k = V(() => a.inputSize || g.value), n = V(() => a.label || i("el.slider.defaultLabel", {
-      min: a.min,
-      max: a.max
-    })), r = V(() => a.range ? a.rangeStartLabel || i("el.slider.defaultRangeStartLabel") : n.value), b = V(() => a.formatValueText ? a.formatValueText(m.value) : `${m.value}`), N = V(() => a.rangeEndLabel || i("el.slider.defaultRangeEndLabel")), S = V(() => a.formatValueText ? a.formatValueText(I.value) : `${I.value}`), B = V(() => [
-      c.b(),
-      c.m(g.value),
-      c.is("vertical", a.vertical),
-      { [c.m("with-input")]: a.showInput }
-    ]), M = ht(a);
-    Lt(a, u, C, F, o, d);
-    const A = V(() => {
-      const f = [a.min, a.max, a.step].map((j) => {
-        const re = `${j}`.split(".")[1];
-        return re ? re.length : 0;
-      });
-      return Math.max.apply(null, f);
-    }), { sliderWrapper: E } = Vt(a, u, _), { firstValue: m, secondValue: I, sliderSize: $ } = Ee(u), Q = (f) => {
-      u.dragging = f;
+}), Gl = "ElSelect", rn = X({
+  name: Gl,
+  componentName: Gl,
+  components: {
+    ElInput: rt,
+    ElSelectMenu: tn,
+    ElOption: $l,
+    ElOptions: an,
+    ElTag: Jt,
+    ElScrollbar: Qt,
+    ElTooltip: ot,
+    ElIcon: El
+  },
+  directives: { ClickOutside: zt },
+  props: {
+    name: String,
+    id: String,
+    modelValue: {
+      type: [Array, String, Number, Boolean, Object],
+      default: void 0
+    },
+    autocomplete: {
+      type: String,
+      default: "off"
+    },
+    automaticDropdown: Boolean,
+    size: {
+      type: String,
+      validator: It
+    },
+    effect: {
+      type: String,
+      default: "light"
+    },
+    disabled: Boolean,
+    clearable: Boolean,
+    filterable: Boolean,
+    allowCreate: Boolean,
+    loading: Boolean,
+    popperClass: {
+      type: String,
+      default: ""
+    },
+    popperOptions: {
+      type: Object,
+      default: () => ({})
+    },
+    remote: Boolean,
+    loadingText: String,
+    noMatchText: String,
+    noDataText: String,
+    remoteMethod: Function,
+    filterMethod: Function,
+    multiple: Boolean,
+    multipleLimit: {
+      type: Number,
+      default: 0
+    },
+    placeholder: {
+      type: String
+    },
+    defaultFirstOption: Boolean,
+    reserveKeyword: {
+      type: Boolean,
+      default: !0
+    },
+    valueKey: {
+      type: String,
+      default: "value"
+    },
+    collapseTags: Boolean,
+    collapseTagsTooltip: {
+      type: Boolean,
+      default: !1
+    },
+    maxCollapseTags: {
+      type: Number,
+      default: 1
+    },
+    teleported: it.teleported,
+    persistent: {
+      type: Boolean,
+      default: !0
+    },
+    clearIcon: {
+      type: Kl,
+      default: ct
+    },
+    fitInputWidth: {
+      type: Boolean,
+      default: !1
+    },
+    suffixIcon: {
+      type: Kl,
+      default: ft
+    },
+    tagType: { ...lt.type, default: "info" },
+    validateEvent: {
+      type: Boolean,
+      default: !0
+    },
+    remoteShowSuffix: {
+      type: Boolean,
+      default: !1
+    },
+    suffixTransition: {
+      type: Boolean,
+      default: !0
+    },
+    placement: {
+      type: String,
+      values: at,
+      default: "bottom-start"
+    }
+  },
+  emits: [
+    fe,
+    Xl,
+    "remove-tag",
+    "clear",
+    "visible-change",
+    "focus",
+    "blur"
+  ],
+  setup(e, l) {
+    const n = ie("select"), s = ie("input"), { t: u } = zl(), c = nn(e), {
+      optionList: r,
+      optionsArray: p,
+      selectSize: a,
+      readonly: C,
+      handleResize: b,
+      collapseTagSize: f,
+      debouncedOnInputChange: I,
+      debouncedQueryChange: E,
+      deletePrevTag: L,
+      deleteTag: i,
+      deleteSelected: w,
+      handleOptionSelect: k,
+      scrollToOption: z,
+      setSelected: N,
+      resetInputHeight: ae,
+      managePlaceholder: F,
+      showClose: T,
+      selectDisabled: v,
+      iconComponent: P,
+      iconReverse: U,
+      showNewOption: J,
+      emptyText: Z,
+      toggleLastOptionHitState: V,
+      resetInputState: el,
+      handleComposition: ll,
+      onOptionCreate: ve,
+      onOptionDestroy: tl,
+      handleMenuEnter: nl,
+      handleFocus: x,
+      focus: re,
+      blur: Ae,
+      handleBlur: De,
+      handleClearClick: Le,
+      handleClose: Ke,
+      handleKeydownEscape: ol,
+      toggleMenu: il,
+      selectOption: al,
+      getValueKey: rl,
+      navigateOptions: sl,
+      handleDeleteTooltipTag: ul,
+      dropMenuVisible: me,
+      reference: ke,
+      input: Re,
+      iOSInput: We,
+      tooltipRef: Ie,
+      tagTooltipRef: Ne,
+      tags: dl,
+      selectWrapper: se,
+      scrollbar: cl,
+      queryChange: fl,
+      groupQueryChange: pl,
+      handleMouseEnter: ze,
+      handleMouseLeave: vl,
+      showTagList: ml,
+      collapseTagList: hl,
+      selectTagsStyle: ye
+    } = on(e, c, l), {
+      inputWidth: le,
+      selected: Me,
+      inputLength: qe,
+      filteredOptionsCount: Se,
+      visible: gl,
+      selectedLabel: Fe,
+      hoverIndex: je,
+      query: Ce,
+      inputHovering: bl,
+      currentPlaceholder: Pe,
+      menuVisibleOnFocus: yl,
+      isOnComposition: Qe,
+      options: Ue,
+      cachedOptions: Sl,
+      optionsCount: Cl,
+      prefixWidth: we
+    } = Bl(c), t = m(() => {
+      const q = [n.b()], he = h(a);
+      return he && q.push(n.m(he)), e.disabled && q.push(n.m("disabled")), q;
+    }), o = m(() => [
+      n.e("tags"),
+      n.is("disabled", h(v))
+    ]), d = m(() => [
+      n.b("tags-wrapper"),
+      { "has-prefix": h(we) && h(Me).length }
+    ]), g = m(() => [
+      n.e("input"),
+      n.is(h(a)),
+      n.is("disabled", h(v))
+    ]), A = m(() => [
+      n.e("input"),
+      n.is(h(a)),
+      n.em("input", "iOS")
+    ]), D = m(() => [
+      n.is("empty", !e.allowCreate && !!h(Ce) && h(Se) === 0)
+    ]), te = m(() => ({ maxWidth: `${h(le) > 123 ? h(le) - 123 : h(le) - 75}px` })), ne = m(() => ({
+      marginLeft: `${h(we)}px`,
+      flexGrow: 1,
+      width: `${h(qe) / (h(le) - 32)}%`,
+      maxWidth: `${h(le) - 42}px`
+    }));
+    Vl(_e, $e({
+      props: e,
+      options: Ue,
+      optionsArray: p,
+      cachedOptions: Sl,
+      optionsCount: Cl,
+      filteredOptionsCount: Se,
+      hoverIndex: je,
+      handleOptionSelect: k,
+      onOptionCreate: ve,
+      onOptionDestroy: tl,
+      selectWrapper: se,
+      selected: Me,
+      setSelected: N,
+      queryChange: fl,
+      groupQueryChange: pl
+    })), Ze(() => {
+      c.cachedPlaceHolder = Pe.value = e.placeholder || (() => u("el.select.placeholder")), e.multiple && Array.isArray(e.modelValue) && e.modelValue.length > 0 && (Pe.value = ""), Ml(se, b), e.remote && e.multiple && ae(), K(() => {
+        const q = ke.value && ke.value.$el;
+        if (q && (le.value = q.getBoundingClientRect().width, l.slots.prefix)) {
+          const he = q.querySelector(`.${s.e("prefix")}`);
+          we.value = Math.max(he.getBoundingClientRect().width + 11, 30);
+        }
+      }), N();
+    }), e.multiple && !Array.isArray(e.modelValue) && l.emit(fe, []), !e.multiple && Array.isArray(e.modelValue) && l.emit(fe, "");
+    const j = m(() => {
+      var q, he;
+      return (he = (q = Ie.value) == null ? void 0 : q.popperRef) == null ? void 0 : he.contentRef;
+    });
+    return {
+      isIOS: vt,
+      onOptionsRendered: (q) => {
+        r.value = q;
+      },
+      prefixWidth: we,
+      selectSize: a,
+      readonly: C,
+      handleResize: b,
+      collapseTagSize: f,
+      debouncedOnInputChange: I,
+      debouncedQueryChange: E,
+      deletePrevTag: L,
+      deleteTag: i,
+      handleDeleteTooltipTag: ul,
+      deleteSelected: w,
+      handleOptionSelect: k,
+      scrollToOption: z,
+      inputWidth: le,
+      selected: Me,
+      inputLength: qe,
+      filteredOptionsCount: Se,
+      visible: gl,
+      selectedLabel: Fe,
+      hoverIndex: je,
+      query: Ce,
+      inputHovering: bl,
+      currentPlaceholder: Pe,
+      menuVisibleOnFocus: yl,
+      isOnComposition: Qe,
+      options: Ue,
+      resetInputHeight: ae,
+      managePlaceholder: F,
+      showClose: T,
+      selectDisabled: v,
+      iconComponent: P,
+      iconReverse: U,
+      showNewOption: J,
+      emptyText: Z,
+      toggleLastOptionHitState: V,
+      resetInputState: el,
+      handleComposition: ll,
+      handleMenuEnter: nl,
+      handleFocus: x,
+      focus: re,
+      blur: Ae,
+      handleBlur: De,
+      handleClearClick: Le,
+      handleClose: Ke,
+      handleKeydownEscape: ol,
+      toggleMenu: il,
+      selectOption: al,
+      getValueKey: rl,
+      navigateOptions: sl,
+      dropMenuVisible: me,
+      reference: ke,
+      input: Re,
+      iOSInput: We,
+      tooltipRef: Ie,
+      popperPaneRef: j,
+      tags: dl,
+      selectWrapper: se,
+      scrollbar: cl,
+      wrapperKls: t,
+      tagsKls: o,
+      tagWrapperKls: d,
+      inputKls: g,
+      iOSInputKls: A,
+      scrollbarKls: D,
+      selectTagsStyle: ye,
+      nsSelect: n,
+      tagTextStyle: te,
+      inputStyle: ne,
+      handleMouseEnter: ze,
+      handleMouseLeave: vl,
+      showTagList: ml,
+      collapseTagList: hl,
+      tagTooltipRef: Ne
     };
-    return nt(Oe, {
-      ...Ee(a),
-      sliderSize: $,
-      disabled: s,
-      precision: A,
-      emitChange: Y,
-      resetSize: _,
-      updateDragging: Q
-    }), l({
-      onSliderClick: K
-    }), (f, j) => {
-      var re, xe;
-      return x(), O("div", {
-        id: f.range ? t(W) : void 0,
-        ref_key: "sliderWrapper",
-        ref: E,
-        class: U(t(B)),
-        role: f.range ? "group" : void 0,
-        "aria-label": f.range && !t(G) ? t(n) : void 0,
-        "aria-labelledby": f.range && t(G) ? (re = t(d)) == null ? void 0 : re.labelId : void 0,
-        onTouchstart: j[2] || (j[2] = (...R) => t(L) && t(L)(...R)),
-        onTouchmove: j[3] || (j[3] = (...R) => t(L) && t(L)(...R))
-      }, [
-        ae("div", {
-          ref_key: "slider",
-          ref: y,
-          class: U([
-            t(c).e("runway"),
-            { "show-input": f.showInput && !f.range },
-            t(c).is("disabled", t(s))
-          ]),
-          style: le(t(T)),
-          onMousedown: j[0] || (j[0] = (...R) => t(P) && t(P)(...R)),
-          onTouchstart: j[1] || (j[1] = (...R) => t(P) && t(P)(...R))
+  }
+}), sn = ["disabled", "autocomplete"], un = ["disabled"], dn = { style: { height: "100%", display: "flex", "justify-content": "center", "align-items": "center" } };
+function cn(e, l, n, s, u, c) {
+  const r = ue("el-tag"), p = ue("el-tooltip"), a = ue("el-icon"), C = ue("el-input"), b = ue("el-option"), f = ue("el-options"), I = ue("el-scrollbar"), E = ue("el-select-menu"), L = wt("click-outside");
+  return Ee((y(), H("div", {
+    ref: "selectWrapper",
+    class: S(e.wrapperKls),
+    onMouseenter: l[22] || (l[22] = (...i) => e.handleMouseEnter && e.handleMouseEnter(...i)),
+    onMouseleave: l[23] || (l[23] = (...i) => e.handleMouseLeave && e.handleMouseLeave(...i)),
+    onClick: l[24] || (l[24] = _((...i) => e.toggleMenu && e.toggleMenu(...i), ["stop"]))
+  }, [
+    ee(p, {
+      ref: "tooltipRef",
+      visible: e.dropMenuVisible,
+      placement: e.placement,
+      teleported: e.teleported,
+      "popper-class": [e.nsSelect.e("popper"), e.popperClass],
+      "popper-options": e.popperOptions,
+      "fallback-placements": ["bottom-start", "top-start", "right", "left"],
+      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,
+      onShow: e.handleMenuEnter
+    }, {
+      default: M(() => [
+        B("div", {
+          class: "select-trigger",
+          onMouseenter: l[20] || (l[20] = (i) => e.inputHovering = !0),
+          onMouseleave: l[21] || (l[21] = (i) => e.inputHovering = !1)
         }, [
-          ae("div", {
-            class: U(t(c).e("bar")),
-            style: le(t(z))
-          }, null, 6),
-          de(Ae, {
-            id: f.range ? void 0 : t(W),
-            ref_key: "firstButton",
-            ref: v,
-            "model-value": t(m),
-            vertical: f.vertical,
-            "tooltip-class": f.tooltipClass,
-            placement: f.placement,
-            role: "slider",
-            "aria-label": f.range || !t(G) ? t(r) : void 0,
-            "aria-labelledby": !f.range && t(G) ? (xe = t(d)) == null ? void 0 : xe.labelId : void 0,
-            "aria-valuemin": f.min,
-            "aria-valuemax": f.range ? t(I) : f.max,
-            "aria-valuenow": t(m),
-            "aria-valuetext": t(b),
-            "aria-orientation": f.vertical ? "vertical" : "horizontal",
-            "aria-disabled": t(s),
-            "onUpdate:modelValue": t(p)
-          }, null, 8, ["id", "model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-labelledby", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"]),
-          f.range ? (x(), Z(Ae, {
+          e.multiple ? (y(), H("div", {
             key: 0,
-            ref_key: "secondButton",
-            ref: h,
-            "model-value": t(I),
-            vertical: f.vertical,
-            "tooltip-class": f.tooltipClass,
-            placement: f.placement,
-            role: "slider",
-            "aria-label": t(N),
-            "aria-valuemin": t(m),
-            "aria-valuemax": f.max,
-            "aria-valuenow": t(I),
-            "aria-valuetext": t(S),
-            "aria-orientation": f.vertical ? "vertical" : "horizontal",
-            "aria-disabled": t(s),
-            "onUpdate:modelValue": t(w)
-          }, null, 8, ["model-value", "vertical", "tooltip-class", "placement", "aria-label", "aria-valuemin", "aria-valuemax", "aria-valuenow", "aria-valuetext", "aria-orientation", "aria-disabled", "onUpdate:modelValue"])) : ne("v-if", !0),
-          f.showStops ? (x(), O("div", Xt, [
-            (x(!0), O(fe, null, we(t(q), (R, oe) => (x(), O("div", {
-              key: oe,
-              class: U(t(c).e("stop")),
-              style: le(t(J)(R))
-            }, null, 6))), 128))
-          ])) : ne("v-if", !0),
-          t(M).length > 0 ? (x(), O(fe, { key: 2 }, [
-            ae("div", null, [
-              (x(!0), O(fe, null, we(t(M), (R, oe) => (x(), O("div", {
-                key: oe,
-                style: le(t(J)(R.position)),
-                class: U([t(c).e("stop"), t(c).e("marks-stop")])
-              }, null, 6))), 128))
+            ref: "tags",
+            tabindex: "-1",
+            class: S(e.tagsKls),
+            style: Q(e.selectTagsStyle),
+            onClick: l[15] || (l[15] = (...i) => e.focus && e.focus(...i))
+          }, [
+            e.collapseTags && e.selected.length ? (y(), $(Ye, {
+              key: 0,
+              onAfterLeave: e.resetInputHeight
+            }, {
+              default: M(() => [
+                B("span", {
+                  class: S(e.tagWrapperKls)
+                }, [
+                  (y(!0), H(Be, null, Tl(e.showTagList, (i) => (y(), $(r, {
+                    key: e.getValueKey(i),
+                    closable: !e.selectDisabled && !i.isDisabled,
+                    size: e.collapseTagSize,
+                    hit: i.hitState,
+                    type: e.tagType,
+                    "disable-transitions": "",
+                    onClose: (w) => e.deleteTag(w, i)
+                  }, {
+                    default: M(() => [
+                      B("span", {
+                        class: S(e.nsSelect.e("tags-text")),
+                        style: Q(e.tagTextStyle)
+                      }, ce(i.currentLabel), 7)
+                    ]),
+                    _: 2
+                  }, 1032, ["closable", "size", "hit", "type", "onClose"]))), 128)),
+                  e.selected.length > e.maxCollapseTags ? (y(), $(r, {
+                    key: 0,
+                    closable: !1,
+                    size: e.collapseTagSize,
+                    type: e.tagType,
+                    "disable-transitions": ""
+                  }, {
+                    default: M(() => [
+                      e.collapseTagsTooltip ? (y(), $(p, {
+                        key: 0,
+                        ref: "tagTooltipRef",
+                        disabled: e.dropMenuVisible,
+                        "fallback-placements": ["bottom", "top", "right", "left"],
+                        effect: e.effect,
+                        placement: "bottom",
+                        teleported: e.teleported
+                      }, {
+                        default: M(() => [
+                          B("span", {
+                            class: S(e.nsSelect.e("tags-text"))
+                          }, "+ " + ce(e.selected.length - e.maxCollapseTags), 3)
+                        ]),
+                        content: M(() => [
+                          B("div", {
+                            class: S(e.nsSelect.e("collapse-tags"))
+                          }, [
+                            (y(!0), H(Be, null, Tl(e.collapseTagList, (i) => (y(), H("div", {
+                              key: e.getValueKey(i),
+                              class: S(e.nsSelect.e("collapse-tag"))
+                            }, [
+                              ee(r, {
+                                class: "in-tooltip",
+                                closable: !e.selectDisabled && !i.isDisabled,
+                                size: e.collapseTagSize,
+                                hit: i.hitState,
+                                type: e.tagType,
+                                "disable-transitions": "",
+                                style: { margin: "2px" },
+                                onClose: (w) => e.handleDeleteTooltipTag(w, i)
+                              }, {
+                                default: M(() => [
+                                  B("span", {
+                                    class: S(e.nsSelect.e("tags-text")),
+                                    style: Q({
+                                      maxWidth: e.inputWidth - 75 + "px"
+                                    })
+                                  }, ce(i.currentLabel), 7)
+                                ]),
+                                _: 2
+                              }, 1032, ["closable", "size", "hit", "type", "onClose"])
+                            ], 2))), 128))
+                          ], 2)
+                        ]),
+                        _: 1
+                      }, 8, ["disabled", "effect", "teleported"])) : (y(), H("span", {
+                        key: 1,
+                        class: S(e.nsSelect.e("tags-text"))
+                      }, "+ " + ce(e.selected.length - e.maxCollapseTags), 3))
+                    ]),
+                    _: 1
+                  }, 8, ["size", "type"])) : R("v-if", !0)
+                ], 2)
+              ]),
+              _: 1
+            }, 8, ["onAfterLeave"])) : R("v-if", !0),
+            e.collapseTags ? R("v-if", !0) : (y(), $(Ye, {
+              key: 1,
+              onAfterLeave: e.resetInputHeight
+            }, {
+              default: M(() => [
+                B("span", {
+                  class: S(e.tagWrapperKls),
+                  style: Q(e.prefixWidth && e.selected.length ? { marginLeft: `${e.prefixWidth}px` } : "")
+                }, [
+                  (y(!0), H(Be, null, Tl(e.selected, (i) => (y(), $(r, {
+                    key: e.getValueKey(i),
+                    closable: !e.selectDisabled && !i.isDisabled,
+                    size: e.collapseTagSize,
+                    hit: i.hitState,
+                    type: e.tagType,
+                    "disable-transitions": "",
+                    onClose: (w) => e.deleteTag(w, i)
+                  }, {
+                    default: M(() => [
+                      B("span", {
+                        class: S(e.nsSelect.e("tags-text")),
+                        style: Q({ maxWidth: e.inputWidth - 75 + "px" })
+                      }, ce(i.currentLabel), 7)
+                    ]),
+                    _: 2
+                  }, 1032, ["closable", "size", "hit", "type", "onClose"]))), 128))
+                ], 6)
+              ]),
+              _: 1
+            }, 8, ["onAfterLeave"])),
+            e.filterable && !e.selectDisabled ? Ee((y(), H("input", {
+              key: 2,
+              ref: "input",
+              "onUpdate:modelValue": l[0] || (l[0] = (i) => e.query = i),
+              type: "text",
+              class: S(e.inputKls),
+              disabled: e.selectDisabled,
+              autocomplete: e.autocomplete,
+              style: Q(e.inputStyle),
+              onFocus: l[1] || (l[1] = (...i) => e.handleFocus && e.handleFocus(...i)),
+              onBlur: l[2] || (l[2] = (...i) => e.handleBlur && e.handleBlur(...i)),
+              onKeyup: l[3] || (l[3] = (...i) => e.managePlaceholder && e.managePlaceholder(...i)),
+              onKeydown: [
+                l[4] || (l[4] = (...i) => e.resetInputState && e.resetInputState(...i)),
+                l[5] || (l[5] = G(_((i) => e.navigateOptions("next"), ["prevent"]), ["down"])),
+                l[6] || (l[6] = G(_((i) => e.navigateOptions("prev"), ["prevent"]), ["up"])),
+                l[7] || (l[7] = G((...i) => e.handleKeydownEscape && e.handleKeydownEscape(...i), ["esc"])),
+                l[8] || (l[8] = G(_((...i) => e.selectOption && e.selectOption(...i), ["stop", "prevent"]), ["enter"])),
+                l[9] || (l[9] = G((...i) => e.deletePrevTag && e.deletePrevTag(...i), ["delete"])),
+                l[10] || (l[10] = G((i) => e.visible = !1, ["tab"]))
+              ],
+              onCompositionstart: l[11] || (l[11] = (...i) => e.handleComposition && e.handleComposition(...i)),
+              onCompositionupdate: l[12] || (l[12] = (...i) => e.handleComposition && e.handleComposition(...i)),
+              onCompositionend: l[13] || (l[13] = (...i) => e.handleComposition && e.handleComposition(...i)),
+              onInput: l[14] || (l[14] = (...i) => e.debouncedQueryChange && e.debouncedQueryChange(...i))
+            }, null, 46, sn)), [
+              [Ot, e.query]
+            ]) : R("v-if", !0)
+          ], 6)) : R("v-if", !0),
+          R(" fix: https://github.com/element-plus/element-plus/issues/11415 "),
+          e.isIOS && !e.multiple && e.filterable && e.readonly ? (y(), H("input", {
+            key: 1,
+            ref: "iOSInput",
+            class: S(e.iOSInputKls),
+            disabled: e.selectDisabled,
+            type: "text"
+          }, null, 10, un)) : R("v-if", !0),
+          ee(C, {
+            id: e.id,
+            ref: "reference",
+            modelValue: e.selectedLabel,
+            "onUpdate:modelValue": l[16] || (l[16] = (i) => e.selectedLabel = i),
+            type: "text",
+            placeholder: typeof e.currentPlaceholder == "function" ? e.currentPlaceholder() : e.currentPlaceholder,
+            name: e.name,
+            autocomplete: e.autocomplete,
+            size: e.selectSize,
+            disabled: e.selectDisabled,
+            readonly: e.readonly,
+            "validate-event": !1,
+            class: S([e.nsSelect.is("focus", e.visible)]),
+            tabindex: e.multiple && e.filterable ? -1 : void 0,
+            onFocus: e.handleFocus,
+            onBlur: e.handleBlur,
+            onInput: e.debouncedOnInputChange,
+            onPaste: e.debouncedOnInputChange,
+            onCompositionstart: e.handleComposition,
+            onCompositionupdate: e.handleComposition,
+            onCompositionend: e.handleComposition,
+            onKeydown: [
+              l[17] || (l[17] = G(_((i) => e.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
+              l[18] || (l[18] = G(_((i) => e.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
+              G(_(e.selectOption, ["stop", "prevent"]), ["enter"]),
+              G(e.handleKeydownEscape, ["esc"]),
+              l[19] || (l[19] = G((i) => e.visible = !1, ["tab"]))
+            ]
+          }, Tt({
+            suffix: M(() => [
+              e.iconComponent && !e.showClose ? (y(), $(a, {
+                key: 0,
+                class: S([e.nsSelect.e("caret"), e.nsSelect.e("icon"), e.iconReverse])
+              }, {
+                default: M(() => [
+                  (y(), $(Il(e.iconComponent)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : R("v-if", !0),
+              e.showClose && e.clearIcon ? (y(), $(a, {
+                key: 1,
+                class: S([e.nsSelect.e("caret"), e.nsSelect.e("icon")]),
+                onClick: e.handleClearClick
+              }, {
+                default: M(() => [
+                  (y(), $(Il(e.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["class", "onClick"])) : R("v-if", !0)
+            ]),
+            _: 2
+          }, [
+            e.$slots.prefix ? {
+              name: "prefix",
+              fn: M(() => [
+                B("div", dn, [
+                  oe(e.$slots, "prefix")
+                ])
+              ])
+            } : void 0
+          ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
+        ], 32)
+      ]),
+      content: M(() => [
+        ee(E, null, {
+          default: M(() => [
+            Ee(ee(I, {
+              ref: "scrollbar",
+              tag: "ul",
+              "wrap-class": e.nsSelect.be("dropdown", "wrap"),
+              "view-class": e.nsSelect.be("dropdown", "list"),
+              class: S(e.scrollbarKls)
+            }, {
+              default: M(() => [
+                e.showNewOption ? (y(), $(b, {
+                  key: 0,
+                  value: e.query,
+                  created: !0
+                }, null, 8, ["value"])) : R("v-if", !0),
+                ee(f, { onUpdateOptions: e.onOptionsRendered }, {
+                  default: M(() => [
+                    oe(e.$slots, "default")
+                  ]),
+                  _: 3
+                }, 8, ["onUpdateOptions"])
+              ]),
+              _: 3
+            }, 8, ["wrap-class", "view-class", "class"]), [
+              [xe, e.options.size > 0 && !e.loading]
             ]),
-            ae("div", {
-              class: U(t(c).e("marks"))
-            }, [
-              (x(!0), O(fe, null, we(t(M), (R, oe) => (x(), Z(t(Rt), {
-                key: oe,
-                mark: R.mark,
-                style: le(t(J)(R.position))
-              }, null, 8, ["mark", "style"]))), 128))
-            ], 2)
-          ], 64)) : ne("v-if", !0)
-        ], 38),
-        f.showInput && !f.range ? (x(), Z(t(bt), {
-          key: 0,
-          ref: "input",
-          "model-value": t(m),
-          class: U(t(c).e("input")),
-          step: f.step,
-          disabled: t(s),
-          controls: f.showInputControls,
-          min: f.min,
-          max: f.max,
-          debounce: f.debounce,
-          size: t(k),
-          "onUpdate:modelValue": t(p),
-          onChange: t(Y)
-        }, null, 8, ["model-value", "class", "step", "disabled", "controls", "min", "max", "debounce", "size", "onUpdate:modelValue", "onChange"])) : ne("v-if", !0)
-      ], 42, Yt);
+            e.emptyText && (!e.allowCreate || e.loading || e.allowCreate && e.options.size === 0) ? (y(), H(Be, { key: 0 }, [
+              e.$slots.empty ? oe(e.$slots, "empty", { key: 0 }) : (y(), H("p", {
+                key: 1,
+                class: S(e.nsSelect.be("dropdown", "empty"))
+              }, ce(e.emptyText), 3))
+            ], 64)) : R("v-if", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "effect", "transition", "persistent", "onShow"])
+  ], 34)), [
+    [L, e.handleClose, e.popperPaneRef]
+  ]);
+}
+var fn = /* @__PURE__ */ pe(rn, [["render", cn], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/select.vue"]]), pn = X({
+  name: "ElOptionGroup",
+  componentName: "ElOptionGroup",
+  props: {
+    label: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const l = ie("select"), n = O(!0), s = Hl(), u = O([]);
+    Vl(tt, $e({
+      ...Bl(e)
+    }));
+    const c = He(_e);
+    Ze(() => {
+      u.value = r(s.subTree);
+    });
+    const r = (a) => {
+      const C = [];
+      return Array.isArray(a.children) && a.children.forEach((b) => {
+        var f;
+        b.type && b.type.name === "ElOption" && b.component && b.component.proxy ? C.push(b.component.proxy) : (f = b.children) != null && f.length && C.push(...r(b));
+      }), C;
+    }, { groupQueryChange: p } = Xe(c);
+    return W(p, () => {
+      n.value = u.value.some((a) => a.visible === !0);
+    }, { flush: "post" }), {
+      visible: n,
+      ns: l
     };
   }
-}), Wt = /* @__PURE__ */ Ie(Ut, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/slider/src/slider.vue"]]), Qt = Re(Wt);
+});
+function vn(e, l, n, s, u, c) {
+  return Ee((y(), H("ul", {
+    class: S(e.ns.be("group", "wrap"))
+  }, [
+    B("li", {
+      class: S(e.ns.be("group", "title"))
+    }, ce(e.label), 3),
+    B("li", null, [
+      B("ul", {
+        class: S(e.ns.b("group"))
+      }, [
+        oe(e.$slots, "default")
+      ], 2)
+    ])
+  ], 2)), [
+    [xe, e.visible]
+  ]);
+}
+var nt = /* @__PURE__ */ pe(pn, [["render", vn], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/option-group.vue"]]), En = Pl(fn, {
+  Option: $l,
+  OptionGroup: nt
+}), Ln = Zl($l);
+Zl(nt);
 export {
-  bt as ElInputNumber,
-  Qt as ElSlider,
-  st as inputNumberEmits,
-  it as inputNumberProps,
-  Oe as sliderContextKey,
-  yt as sliderEmits,
-  gt as sliderProps,
-  Me as vRepeatClick
+  Pt as BAR_MAP,
+  zt as ClickOutside,
+  Ln as ElOption,
+  Qt as ElScrollbar,
+  En as ElSelect,
+  Jt as ElTag,
+  Te as GAP,
+  Tn as WEEK_DAYS,
+  On as datePickTypes,
+  wn as getScrollBarWidth,
+  Cn as getScrollContainer,
+  It as isValidComponentSize,
+  Vt as renderThumbStyle,
+  Lt as scrollIntoView,
+  et as scrollbarContextKey,
+  Wt as scrollbarEmits,
+  Rt as scrollbarProps,
+  tt as selectGroupKey,
+  _e as selectKey,
+  Ut as tagEmits,
+  lt as tagProps,
+  Bt as thumbProps,
+  Mt as useDeprecated
 };