vft 0.0.511 → 0.0.513

package/es/components/select/useSelect.js

@@ -1,29 +1,28 @@
 import "../form/index.js";
-import { EVENT_CODE as Ot } from "../../constants/aria.js";
-import { UPDATE_MODEL_EVENT as It, CHANGE_EVENT as pt } from "../../constants/event.js";
+import { EVENT_CODE as xt } from "../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as Ot, CHANGE_EVENT as It } from "../../constants/event.js";
 import { useResizeObserver as p } from "@vueuse/core";
-import { isArray as w, isFunction as A, isObject as te, isNumber as wt, isUndefined as yt } from "@vft/utils";
-import { debugWarn as le } from "../../utils/error.js";
+import { isArray as w, isFunction as z, isObject as ee, isNumber as pt, isUndefined as wt } from "@vft/utils";
+import { debugWarn as te } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
-import { reactive as Ct, ref as m, computed as o, toRaw as Et, watch as T, nextTick as h, watchEffect as Me, onMounted as Tt } from "vue";
-import { escapeStringRegexp as St } from "../../utils/vue/data-helper.js";
-import { debounce as Mt, get as _, isEqual as $, findLastIndex as Rt } from "lodash-es";
+import { reactive as yt, ref as m, computed as o, toRaw as Ct, watch as T, nextTick as h, watchEffect as Se, onMounted as Et } from "vue";
+import { escapeStringRegexp as Tt } from "../../utils/vue/data-helper.js";
+import { debounce as St, get as A, isEqual as _, findLastIndex as Rt } from "lodash-es";
 import { useNamespace as Re } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useComposition as Wt } from "../../hooks/use-composition/index.js";
-import { useFocusController as Ft } from "../../hooks/use-focus-controller/index.js";
-import { useEmptyValues as Lt } from "../../hooks/use-empty-values/index.js";
-import Nt from "../../locale/use-locale.js";
-import { useAllowCreate as Dt } from "./useAllowCreate.js";
-import { useProps as Ht } from "./useProps.js";
-import { useFormItem as Bt, useFormItemInputId as Pt } from "../form/hooks/use-form-item.js";
-import { useFormSize as Kt } from "../form/hooks/use-form-common-props.js";
-const sl = (t, v) => {
-  const { t: S } = Nt(), G = Re("select"), We = Re("input"), { form: ne, formItem: M } = Bt(), { inputId: Fe } = Pt(t, {
-    formItemContext: M
-  }), { aliasProps: ae, getLabel: g, getValue: r, getDisabled: R, getOptions: Le } = Ht(t), { valueOnClear: Ne, isEmptyValue: ie } = Lt(t), l = Ct({
+import { useComposition as Mt } from "../../hooks/use-composition/index.js";
+import { useFocusController as Wt } from "../../hooks/use-focus-controller/index.js";
+import { useEmptyValues as Ft } from "../../hooks/use-empty-values/index.js";
+import { useAllowCreate as Lt } from "./useAllowCreate.js";
+import { useProps as Nt } from "./useProps.js";
+import { useFormItem as Dt, useFormItemInputId as Ht } from "../form/hooks/use-form-item.js";
+import { useFormSize as Bt } from "../form/hooks/use-form-common-props.js";
+const il = (t, v) => {
+  const $ = Re("select"), Me = Re("input"), { form: le, formItem: S } = Dt(), { inputId: We } = Ht(t, {
+    formItemContext: S
+  }), { aliasProps: ne, getLabel: g, getValue: d, getDisabled: R, getOptions: Fe } = Nt(t), { valueOnClear: Le, isEmptyValue: ae } = Ft(t), l = yt({
     inputValue: "",
     cachedOptions: [],
     createdOptions: [],
@@ -36,186 +35,186 @@ const sl = (t, v) => {
     selectedLabel: "",
     menuVisibleOnFocus: !1,
     isBeforeHide: !1
-  }), W = m(-1), Q = m(), y = m(), F = m(), U = m(), V = m(), De = m(), He = m(), b = m(), oe = m(), L = m(), {
-    isComposing: ue,
-    handleCompositionStart: Be,
-    handleCompositionEnd: Pe,
-    handleCompositionUpdate: Ke
-  } = Wt({
-    afterComposition: (e) => Te(e)
-  }), x = o(() => t.disabled || !!ne?.disabled), { wrapperRef: se, isFocused: ce, handleBlur: ke } = Ft(V, {
+  }), M = m(-1), G = m(), y = m(), W = m(), Q = m(), V = m(), Ne = m(), De = m(), b = m(), ie = m(), F = m(), {
+    isComposing: oe,
+    handleCompositionStart: He,
+    handleCompositionEnd: Be,
+    handleCompositionUpdate: Pe
+  } = Mt({
+    afterComposition: (e) => Ee(e)
+  }), x = o(() => t.disabled || !!le?.disabled), { wrapperRef: ue, isFocused: se, handleBlur: Ke } = Wt(V, {
     disabled: x,
     afterFocus() {
       t.automaticDropdown && !u.value && (u.value = !0, l.menuVisibleOnFocus = !0);
     },
     beforeBlur(e) {
-      return F.value?.isFocusInsideContent(e) || U.value?.isFocusInsideContent(e);
+      return W.value?.isFocusInsideContent(e) || Q.value?.isFocusInsideContent(e);
     },
     afterBlur() {
-      u.value = !1, l.menuVisibleOnFocus = !1, t.validateEvent && M?.validate?.("blur").catch((e) => le(e));
+      u.value = !1, l.menuVisibleOnFocus = !1, t.validateEvent && S?.validate?.("blur").catch((e) => te(e));
     }
-  }), re = o(() => he("")), N = o(() => t.loading ? !1 : t.options.length > 0 || l.createdOptions.length > 0), s = m([]), u = m(!1), ze = o(() => ne?.statusIcon ?? !1), Ae = o(() => {
+  }), ce = o(() => me("")), L = o(() => t.loading ? !1 : t.options.length > 0 || l.createdOptions.length > 0), s = m([]), u = m(!1), ke = o(() => le?.statusIcon ?? !1), ze = o(() => {
     const e = s.value.length * t.itemHeight;
     return e > t.height ? t.height : e;
-  }), D = o(() => t.multiple ? w(t.modelValue) && t.modelValue.length > 0 : !ie(t.modelValue)), _e = o(() => t.clearable && !x.value && l.inputHovering && D.value), de = o(
+  }), N = o(() => t.multiple ? w(t.modelValue) && t.modelValue.length > 0 : !ae(t.modelValue)), Ae = o(() => t.clearable && !x.value && l.inputHovering && N.value), de = o(
     () => t.remote && t.filterable ? "" : "icon-arrow-down"
-  ), $e = o(
-    () => de.value && G.is("reverse", u.value)
-  ), Ge = o(() => M?.validateState || ""), Qe = "validateIcon", fe = o(() => t.remote ? 300 : 0), me = o(() => t.loading ? t.loadingText || S("vft.select.loading") : t.remote && !l.inputValue && !N.value ? !1 : t.filterable && l.inputValue && N.value && s.value.length === 0 ? t.noMatchText || S("vft.select.noMatch") : N.value ? null : t.noDataText || S("vft.select.noData")), he = (e) => {
-    const n = new RegExp(St(e), "i"), { filterMethod: a, remoteMethod: i } = Et(t), c = t.filterable && A(a), f = t.filterable && t.remote && A(i), K = (O) => c || f ? !0 : e ? n.test(g(O) || "") : !0;
+  ), _e = o(
+    () => de.value && $.is("reverse", u.value)
+  ), $e = o(() => S?.validateState || ""), Ge = "validateIcon", re = o(() => t.remote ? 300 : 0), fe = o(() => t.loading ? t.loadingText || "加载中" : t.remote && !l.inputValue && !L.value ? !1 : t.filterable && l.inputValue && L.value && s.value.length === 0 ? t.noMatchText || "无匹配数据" : L.value ? null : t.noDataText || "暂无数据"), me = (e) => {
+    const n = new RegExp(Tt(e), "i"), { filterMethod: a, remoteMethod: i } = Ct(t), c = t.filterable && z(a), f = t.filterable && t.remote && z(i), P = (O) => c || f ? !0 : e ? n.test(g(O) || "") : !0;
     return t.loading ? [] : [...l.createdOptions, ...t.options].reduce((O, I) => {
-      const k = Le(I);
-      if (w(k)) {
-        const z = k.filter(K);
-        z.length > 0 && O.push(
+      const K = Fe(I);
+      if (w(K)) {
+        const k = K.filter(P);
+        k.length > 0 && O.push(
           {
             label: g(I),
             type: "Group"
           },
-          ...z
+          ...k
         );
-      } else (t.remote || K(I)) && O.push(I);
+      } else (t.remote || P(I)) && O.push(I);
       return O;
     }, []);
-  }, ve = () => {
-    s.value = he(l.inputValue);
-  }, ge = o(() => {
+  }, he = () => {
+    s.value = me(l.inputValue);
+  }, ve = o(() => {
     const e = /* @__PURE__ */ new Map();
-    return re.value.forEach((n, a) => {
-      e.set(d(r(n)), { option: n, index: a });
+    return ce.value.forEach((n, a) => {
+      e.set(r(d(n)), { option: n, index: a });
     }), e;
-  }), H = o(() => {
+  }), D = o(() => {
     const e = /* @__PURE__ */ new Map();
     return s.value.forEach((n, a) => {
-      e.set(d(r(n)), { option: n, index: a });
+      e.set(r(d(n)), { option: n, index: a });
     }), e;
-  }), Ue = o(
+  }), Qe = o(
     () => s.value.every((e) => R(e))
-  ), Ve = Kt(), je = o(
-    () => Ve.value === "small" ? "small" : "default"
+  ), ge = Bt(), Ue = o(
+    () => ge.value === "small" ? "small" : "default"
   ), C = () => {
-    if (wt(t.fitInputWidth)) {
-      W.value = t.fitInputWidth;
+    if (pt(t.fitInputWidth)) {
+      M.value = t.fitInputWidth;
       return;
     }
-    const e = Q.value?.offsetWidth || 200;
-    !t.fitInputWidth && N.value ? h(() => {
-      W.value = Math.max(e, qe());
-    }) : W.value = e;
-  }, qe = () => {
-    const n = document.createElement("canvas").getContext("2d"), a = G.be("dropdown", "item"), c = (b.value?.listRef?.innerRef || document).querySelector(`.${a}`);
+    const e = G.value?.offsetWidth || 200;
+    !t.fitInputWidth && L.value ? h(() => {
+      M.value = Math.max(e, je());
+    }) : M.value = e;
+  }, je = () => {
+    const n = document.createElement("canvas").getContext("2d"), a = $.be("dropdown", "item"), c = (b.value?.listRef?.innerRef || document).querySelector(`.${a}`);
     if (c === null || n === null) return 0;
-    const f = getComputedStyle(c), K = Number.parseFloat(f.paddingLeft) + Number.parseFloat(f.paddingRight);
+    const f = getComputedStyle(c), P = Number.parseFloat(f.paddingLeft) + Number.parseFloat(f.paddingRight);
     return n.font = `bold ${f.font.replace(
       new RegExp(`\\b${f.fontWeight}\\b`),
       ""
-    )}`, s.value.reduce((I, k) => {
-      const z = n.measureText(g(k));
-      return Math.max(z.width, I);
-    }, 0) + K;
-  }, Je = () => {
+    )}`, s.value.reduce((I, K) => {
+      const k = n.measureText(g(K));
+      return Math.max(k.width, I);
+    }, 0) + P;
+  }, qe = () => {
     if (!y.value) return 0;
     const e = window.getComputedStyle(y.value);
     return Number.parseFloat(e.gap || "6px");
-  }, Xe = o(() => {
-    const e = Je();
-    return { maxWidth: `${L.value && t.maxCollapseTags === 1 ? l.selectionWidth - l.collapseItemWidth - e : l.selectionWidth}px` };
-  }), Ye = o(() => ({ maxWidth: `${l.selectionWidth}px` })), Ze = o(() => w(t.modelValue) ? t.modelValue.length === 0 && !l.inputValue : t.filterable ? !l.inputValue : !0), et = o(() => {
-    const e = t.placeholder || S("vft.select.placeholder");
-    return t.multiple || !D.value ? e : l.selectedLabel;
-  }), tt = o(() => F.value?.popperRef?.contentRef), lt = o(() => {
+  }, Je = o(() => {
+    const e = qe();
+    return { maxWidth: `${F.value && t.maxCollapseTags === 1 ? l.selectionWidth - l.collapseItemWidth - e : l.selectionWidth}px` };
+  }), Xe = o(() => ({ maxWidth: `${l.selectionWidth}px` })), Ye = o(() => w(t.modelValue) ? t.modelValue.length === 0 && !l.inputValue : t.filterable ? !l.inputValue : !0), Ze = o(() => {
+    const e = t.placeholder || "请选择";
+    return t.multiple || !N.value ? e : l.selectedLabel;
+  }), et = o(() => W.value?.popperRef?.contentRef), tt = o(() => {
     if (t.multiple) {
       const e = t.modelValue.length;
-      if (t.modelValue.length > 0 && H.value.has(t.modelValue[e - 1])) {
-        const { index: n } = H.value.get(
+      if (t.modelValue.length > 0 && D.value.has(t.modelValue[e - 1])) {
+        const { index: n } = D.value.get(
           t.modelValue[e - 1]
         );
         return n;
       }
-    } else if (!ie(t.modelValue) && H.value.has(t.modelValue)) {
-      const { index: e } = H.value.get(t.modelValue);
+    } else if (!ae(t.modelValue) && D.value.has(t.modelValue)) {
+      const { index: e } = D.value.get(t.modelValue);
       return e;
     }
     return -1;
-  }), nt = o({
+  }), lt = o({
     get() {
-      return u.value && me.value !== !1;
+      return u.value && fe.value !== !1;
     },
     set(e) {
       u.value = e;
     }
-  }), at = o(() => t.multiple ? t.collapseTags ? l.cachedOptions.slice(0, t.maxCollapseTags) : l.cachedOptions : []), it = o(() => t.multiple ? t.collapseTags ? l.cachedOptions.slice(t.maxCollapseTags) : [] : []), {
-    createNewOption: be,
-    removeNewOption: j,
-    selectNewOption: xe,
-    clearAllNewOption: q
-  } = Dt(t, l), J = () => {
+  }), nt = o(() => t.multiple ? t.collapseTags ? l.cachedOptions.slice(0, t.maxCollapseTags) : l.cachedOptions : []), at = o(() => t.multiple ? t.collapseTags ? l.cachedOptions.slice(t.maxCollapseTags) : [] : []), {
+    createNewOption: Ve,
+    removeNewOption: U,
+    selectNewOption: be,
+    clearAllNewOption: j
+  } = Lt(t, l), q = () => {
     x.value || (l.menuVisibleOnFocus ? l.menuVisibleOnFocus = !1 : u.value = !u.value);
-  }, Oe = () => {
-    l.inputValue.length > 0 && !u.value && (u.value = !0), be(l.inputValue), h(() => {
-      X(l.inputValue);
+  }, xe = () => {
+    l.inputValue.length > 0 && !u.value && (u.value = !0), Ve(l.inputValue), h(() => {
+      J(l.inputValue);
     });
-  }, Ie = Mt(Oe, fe.value), X = (e) => {
-    l.previousQuery === e || ue.value || (l.previousQuery = e, t.filterable && A(t.filterMethod) ? t.filterMethod(e) : t.filterable && t.remote && A(t.remoteMethod) && t.remoteMethod(e), t.defaultFirstOption && (t.filterable || t.remote) && s.value.length ? h(ot) : h(Vt));
-  }, ot = () => {
+  }, Oe = St(xe, re.value), J = (e) => {
+    l.previousQuery === e || oe.value || (l.previousQuery = e, t.filterable && z(t.filterMethod) ? t.filterMethod(e) : t.filterable && t.remote && z(t.remoteMethod) && t.remoteMethod(e), t.defaultFirstOption && (t.filterable || t.remote) && s.value.length ? h(it) : h(gt));
+  }, it = () => {
     const e = s.value.filter(
       (i) => !i.disabled && i.type !== "Group"
     ), n = e.find((i) => i.created), a = e[0];
-    l.hoveringIndex = Y(
+    l.hoveringIndex = X(
       s.value,
       n || a
     );
-  }, ut = (e) => {
-    $(t.modelValue, e) || v(pt, e);
+  }, ot = (e) => {
+    _(t.modelValue, e) || v(It, e);
   }, E = (e) => {
-    v(It, e), ut(e), l.previousValue = t.multiple ? String(e) : e, h(() => {
+    v(Ot, e), ot(e), l.previousValue = t.multiple ? String(e) : e, h(() => {
       if (t.multiple && w(t.modelValue)) {
         const n = l.cachedOptions.slice(), a = t.modelValue.map(
-          (i) => Se(i, n)
+          (i) => Te(i, n)
         );
-        $(l.cachedOptions, a) || (l.cachedOptions = a);
+        _(l.cachedOptions, a) || (l.cachedOptions = a);
       } else
-        P(!0);
+        B(!0);
     });
-  }, Y = (e = [], n) => {
-    if (!te(n))
+  }, X = (e = [], n) => {
+    if (!ee(n))
       return e.indexOf(n);
     const a = t.valueKey;
     let i = -1;
-    return e.some((c, f) => _(c, a) === _(n, a) ? (i = f, !0) : !1), i;
-  }, d = (e) => te(e) ? _(e, t.valueKey) : e, pe = () => {
+    return e.some((c, f) => A(c, a) === A(n, a) ? (i = f, !0) : !1), i;
+  }, r = (e) => ee(e) ? A(e, t.valueKey) : e, Ie = () => {
     C();
-  }, we = () => {
+  }, pe = () => {
     l.selectionWidth = Number.parseFloat(
       window.getComputedStyle(y.value).width
     );
-  }, st = () => {
-    l.collapseItemWidth = L.value.getBoundingClientRect().width;
-  }, Z = () => {
-    F.value?.updatePopper?.();
-  }, ye = () => {
-    U.value?.updatePopper?.();
-  }, Ce = (e) => {
+  }, ut = () => {
+    l.collapseItemWidth = F.value.getBoundingClientRect().width;
+  }, Y = () => {
+    W.value?.updatePopper?.();
+  }, we = () => {
+    Q.value?.updatePopper?.();
+  }, ye = (e) => {
     if (t.multiple) {
       let n = t.modelValue.slice();
-      const a = Y(n, r(e));
+      const a = X(n, d(e));
       a > -1 ? (n = [
         ...n.slice(0, a),
         ...n.slice(a + 1)
-      ], l.cachedOptions.splice(a, 1), j(e)) : (t.multipleLimit <= 0 || n.length < t.multipleLimit) && (n = [...n, r(e)], l.cachedOptions.push(e), xe(e)), E(n), e.created && X(""), t.filterable && !t.reserveKeyword && (l.inputValue = "");
+      ], l.cachedOptions.splice(a, 1), U(e)) : (t.multipleLimit <= 0 || n.length < t.multipleLimit) && (n = [...n, d(e)], l.cachedOptions.push(e), be(e)), E(n), e.created && J(""), t.filterable && !t.reserveKeyword && (l.inputValue = "");
     } else
-      l.selectedLabel = g(e), E(r(e)), u.value = !1, xe(e), e.created || q();
-    B();
-  }, ct = (e, n) => {
+      l.selectedLabel = g(e), E(d(e)), u.value = !1, be(e), e.created || j();
+    H();
+  }, st = (e, n) => {
     let a = t.modelValue.slice();
-    const i = Y(a, r(n));
+    const i = X(a, d(n));
     i > -1 && !x.value && (a = [
       ...t.modelValue.slice(0, i),
       ...t.modelValue.slice(i + 1)
-    ], l.cachedOptions.splice(i, 1), E(a), v("remove-tag", r(n)), j(n)), e.stopPropagation(), B();
-  }, B = () => {
+    ], l.cachedOptions.splice(i, 1), E(a), v("remove-tag", d(n)), U(n)), e.stopPropagation(), H();
+  }, H = () => {
     V.value?.focus();
-  }, rt = () => {
+  }, ct = () => {
     if (u.value) {
       u.value = !1, h(() => V.value?.blur());
       return;
@@ -223,100 +222,100 @@ const sl = (t, v) => {
     V.value?.blur();
   }, dt = () => {
     l.inputValue.length > 0 ? l.inputValue = "" : u.value = !1;
-  }, ft = (e) => Rt(
+  }, rt = (e) => Rt(
     e,
     (n) => !l.cachedOptions.some(
-      (a) => r(a) === n && R(a)
+      (a) => d(a) === n && R(a)
     )
-  ), mt = (e) => {
-    if (t.multiple && e.code !== Ot.delete && l.inputValue.length === 0) {
+  ), ft = (e) => {
+    if (t.multiple && e.code !== xt.delete && l.inputValue.length === 0) {
       e.preventDefault();
-      const n = t.modelValue.slice(), a = ft(n);
+      const n = t.modelValue.slice(), a = rt(n);
       if (a < 0) return;
       const i = n[a];
       n.splice(a, 1);
       const c = l.cachedOptions[a];
-      l.cachedOptions.splice(a, 1), j(c), E(n), v("remove-tag", i);
+      l.cachedOptions.splice(a, 1), U(c), E(n), v("remove-tag", i);
     }
-  }, ht = () => {
+  }, mt = () => {
     let e;
-    w(t.modelValue) ? e = [] : e = Ne.value, l.selectedLabel = "", u.value = !1, E(e), v("clear"), q(), B();
-  }, Ee = (e, n = void 0) => {
+    w(t.modelValue) ? e = [] : e = Le.value, l.selectedLabel = "", u.value = !1, E(e), v("clear"), j(), H();
+  }, Ce = (e, n = void 0) => {
     const a = s.value;
-    if (!["forward", "backward"].includes(e) || x.value || a.length <= 0 || Ue.value || ue.value)
+    if (!["forward", "backward"].includes(e) || x.value || a.length <= 0 || Qe.value || oe.value)
       return;
     if (!u.value)
-      return J();
-    yt(n) && (n = l.hoveringIndex);
+      return q();
+    wt(n) && (n = l.hoveringIndex);
     let i = -1;
     e === "forward" ? (i = n + 1, i >= a.length && (i = 0)) : e === "backward" && (i = n - 1, (i < 0 || i >= a.length) && (i = a.length - 1));
     const c = a[i];
     if (R(c) || c.type === "Group")
-      return Ee(e, i);
-    l.hoveringIndex = i, ee(i);
-  }, vt = () => {
+      return Ce(e, i);
+    l.hoveringIndex = i, Z(i);
+  }, ht = () => {
     if (u.value)
-      ~l.hoveringIndex && s.value[l.hoveringIndex] && Ce(s.value[l.hoveringIndex]);
-    else return J();
-  }, gt = (e) => {
+      ~l.hoveringIndex && s.value[l.hoveringIndex] && ye(s.value[l.hoveringIndex]);
+    else return q();
+  }, vt = (e) => {
     l.hoveringIndex = e ?? -1;
-  }, Vt = () => {
+  }, gt = () => {
     t.multiple ? l.hoveringIndex = s.value.findIndex(
       (e) => t.modelValue.some(
-        (n) => d(n) === d(r(e))
+        (n) => r(n) === r(d(e))
       )
-    ) : l.hoveringIndex = s.value.findIndex((e) => d(r(e)) === d(t.modelValue));
-  }, Te = (e) => {
+    ) : l.hoveringIndex = s.value.findIndex((e) => r(d(e)) === r(t.modelValue));
+  }, Ee = (e) => {
     if (l.inputValue = e.target.value, t.remote)
-      Ie();
+      Oe();
     else
-      return Oe();
-  }, bt = (e) => {
-    if (u.value = !1, ce.value) {
+      return xe();
+  }, Vt = (e) => {
+    if (u.value = !1, se.value) {
       const n = new FocusEvent("focus", e);
-      ke(n);
+      Ke(n);
     }
-  }, xt = () => (l.isBeforeHide = !1, h(() => {
-    ~lt.value && ee(l.hoveringIndex);
-  })), ee = (e) => {
+  }, bt = () => (l.isBeforeHide = !1, h(() => {
+    ~tt.value && Z(l.hoveringIndex);
+  })), Z = (e) => {
     b.value.scrollToItem(e);
-  }, Se = (e, n) => {
-    const a = d(e);
-    if (ge.value.has(a)) {
-      const { option: i } = ge.value.get(a);
+  }, Te = (e, n) => {
+    const a = r(e);
+    if (ve.value.has(a)) {
+      const { option: i } = ve.value.get(a);
       return i;
     }
     if (n && n.length) {
       const i = n.find(
-        (c) => d(r(c)) === a
+        (c) => r(d(c)) === a
       );
       if (i)
         return i;
     }
     return {
-      [ae.value.value]: e,
-      [ae.value.label]: e
+      [ne.value.value]: e,
+      [ne.value.label]: e
     };
-  }, P = (e = !1) => {
+  }, B = (e = !1) => {
     if (t.multiple)
       if (t.modelValue.length > 0) {
         const n = l.cachedOptions.slice();
         l.cachedOptions.length = 0, l.previousValue = t.modelValue.toString();
         for (const a of t.modelValue) {
-          const i = Se(a, n);
+          const i = Te(a, n);
           l.cachedOptions.push(i);
         }
       } else
         l.cachedOptions = [], l.previousValue = void 0;
-    else if (D.value) {
+    else if (N.value) {
       l.previousValue = t.modelValue;
       const n = s.value, a = n.findIndex(
-        (i) => d(r(i)) === d(t.modelValue)
+        (i) => r(d(i)) === r(t.modelValue)
       );
-      ~a ? l.selectedLabel = g(n[a]) : (!l.selectedLabel || e) && (l.selectedLabel = d(t.modelValue));
+      ~a ? l.selectedLabel = g(n[a]) : (!l.selectedLabel || e) && (l.selectedLabel = r(t.modelValue));
     } else
       l.selectedLabel = "", l.previousValue = void 0;
-    q(), C();
+    j(), C();
   };
   return T(
     () => t.fitInputWidth,
@@ -324,11 +323,11 @@ const sl = (t, v) => {
       C();
     }
   ), T(u, (e) => {
-    e ? (t.persistent || C(), X("")) : (l.inputValue = "", l.previousQuery = null, l.isBeforeHide = !0, be("")), v("visible-change", e);
+    e ? (t.persistent || C(), J("")) : (l.inputValue = "", l.previousQuery = null, l.isBeforeHide = !0, Ve("")), v("visible-change", e);
   }), T(
     () => t.modelValue,
     (e, n) => {
-      (!e || w(e) && e.length === 0 || t.multiple && !$(e.toString(), l.previousValue) || !t.multiple && d(e) !== d(l.previousValue)) && P(!0), !$(e, n) && t.validateEvent && M?.validate?.("change").catch((i) => le(i));
+      (!e || w(e) && e.length === 0 || t.multiple && !_(e.toString(), l.previousValue) || !t.multiple && r(e) !== r(l.previousValue)) && B(!0), !_(e, n) && t.validateEvent && S?.validate?.("change").catch((i) => te(i));
     },
     {
       deep: !0
@@ -337,7 +336,7 @@ const sl = (t, v) => {
     () => t.options,
     () => {
       const e = V.value;
-      (!e || e && document.activeElement !== e) && P();
+      (!e || e && document.activeElement !== e) && B();
     },
     {
       deep: !0,
@@ -346,15 +345,15 @@ const sl = (t, v) => {
   ), T(
     () => s.value,
     () => (C(), b.value && h(b.value.resetScrollTop))
-  ), Me(() => {
-    l.isBeforeHide || ve();
-  }), Me(() => {
+  ), Se(() => {
+    l.isBeforeHide || he();
+  }), Se(() => {
     const { valueKey: e, options: n } = t, a = /* @__PURE__ */ new Map();
     for (const i of n) {
-      const c = r(i);
+      const c = d(i);
       let f = c;
-      if (te(f) && (f = _(c, e)), a.get(f)) {
-        le(
+      if (ee(f) && (f = A(c, e)), a.get(f)) {
+        te(
           "ElSelectV2",
           "The option values you provided seem to be duplicated, which may cause some problems, please check."
         );
@@ -362,83 +361,83 @@ const sl = (t, v) => {
       } else
         a.set(f, !0);
     }
-  }), Tt(() => {
-    P();
-  }), p(Q, pe), p(y, we), p(b, Z), p(se, Z), p(oe, ye), p(L, st), {
+  }), Et(() => {
+    B();
+  }), p(G, Ie), p(y, pe), p(b, Y), p(ue, Y), p(ie, we), p(F, ut), {
     // data exports
-    inputId: Fe,
-    collapseTagSize: je,
-    currentPlaceholder: et,
+    inputId: We,
+    collapseTagSize: Ue,
+    currentPlaceholder: Ze,
     expanded: u,
-    emptyText: me,
-    popupHeight: Ae,
-    debounce: fe,
-    allOptions: re,
+    emptyText: fe,
+    popupHeight: ze,
+    debounce: re,
+    allOptions: ce,
     filteredOptions: s,
     iconComponent: de,
-    iconReverse: $e,
-    tagStyle: Xe,
-    collapseTagStyle: Ye,
-    popperSize: W,
-    dropdownMenuVisible: nt,
-    hasModelValue: D,
-    shouldShowPlaceholder: Ze,
+    iconReverse: _e,
+    tagStyle: Je,
+    collapseTagStyle: Xe,
+    popperSize: M,
+    dropdownMenuVisible: lt,
+    hasModelValue: N,
+    shouldShowPlaceholder: Ye,
     selectDisabled: x,
-    selectSize: Ve,
-    needStatusIcon: ze,
-    showClearBtn: _e,
+    selectSize: ge,
+    needStatusIcon: ke,
+    showClearBtn: Ae,
     states: l,
-    isFocused: ce,
-    nsSelect: G,
-    nsInput: We,
+    isFocused: se,
+    nsSelect: $,
+    nsInput: Me,
     // refs items exports
     inputRef: V,
     menuRef: b,
-    tagMenuRef: oe,
-    tooltipRef: F,
-    tagTooltipRef: U,
-    selectRef: Q,
-    wrapperRef: se,
+    tagMenuRef: ie,
+    tooltipRef: W,
+    tagTooltipRef: Q,
+    selectRef: G,
+    wrapperRef: ue,
     selectionRef: y,
-    prefixRef: De,
-    suffixRef: He,
-    collapseItemRef: L,
-    popperRef: tt,
-    validateState: Ge,
-    validateIcon: Qe,
-    showTagList: at,
-    collapseTagList: it,
+    prefixRef: Ne,
+    suffixRef: De,
+    collapseItemRef: F,
+    popperRef: et,
+    validateState: $e,
+    validateIcon: Ge,
+    showTagList: nt,
+    collapseTagList: at,
     // methods exports
-    debouncedOnInputChange: Ie,
-    deleteTag: ct,
+    debouncedOnInputChange: Oe,
+    deleteTag: st,
     getLabel: g,
-    getValue: r,
+    getValue: d,
     getDisabled: R,
-    getValueKey: d,
-    handleClear: ht,
-    handleClickOutside: bt,
-    handleDel: mt,
+    getValueKey: r,
+    handleClear: mt,
+    handleClickOutside: Vt,
+    handleDel: ft,
     handleEsc: dt,
-    focus: B,
-    blur: rt,
-    handleMenuEnter: xt,
-    handleResize: pe,
-    resetSelectionWidth: we,
-    updateTooltip: Z,
-    updateTagTooltip: ye,
-    updateOptions: ve,
-    toggleMenu: J,
-    scrollTo: ee,
-    onInput: Te,
-    onKeyboardNavigate: Ee,
-    onKeyboardSelect: vt,
-    onSelect: Ce,
-    onHover: gt,
-    handleCompositionStart: Be,
-    handleCompositionEnd: Pe,
-    handleCompositionUpdate: Ke
+    focus: H,
+    blur: ct,
+    handleMenuEnter: bt,
+    handleResize: Ie,
+    resetSelectionWidth: pe,
+    updateTooltip: Y,
+    updateTagTooltip: we,
+    updateOptions: he,
+    toggleMenu: q,
+    scrollTo: Z,
+    onInput: Ee,
+    onKeyboardNavigate: Ce,
+    onKeyboardSelect: ht,
+    onSelect: ye,
+    onHover: vt,
+    handleCompositionStart: He,
+    handleCompositionEnd: Be,
+    handleCompositionUpdate: Pe
   };
 };
 export {
-  sl as default
+  il as default
 };