@para-ui/core 5.0.0-beta.1 → 5.0.0-beta.2

package/es/Select/index.js

@@ -1,38 +1,38 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
-import xe, { useRef as Qe, useState as w, useEffect as E, useMemo as H } from "react";
-import bt from "../Empty/index.js";
-import Nt from "../Label/index.js";
-import { Dropdown as $t } from "../Dropdown/index.js";
-import { UUID as Xe, DeepClone as ye } from "@paraview/lib";
-import Dt from "../GlobalContext/index.js";
-import Ye from "@para-ui/icons/Close";
-import Tt from "@para-ui/icons/CloseCircleF";
-import Lt from "@para-ui/icons/Down";
-import Mt from "@para-ui/icons/Check";
-import Et from "@para-ui/icons/Search";
+import xe, { useRef as _e, useState as j, useEffect as E, useMemo as H } from "react";
+import Nt from "../Empty/index.js";
+import $t from "../Label/index.js";
+import { Dropdown as Dt } from "../Dropdown/index.js";
+import { UUID as Qe, DeepClone as ye } from "@paraview/lib";
+import Tt from "../GlobalContext/index.js";
+import { Close as Xe } from "../node_modules/@para-ui/icons/Close/index.js";
+import { CloseCircleF as Lt } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
+import { Down as Mt } from "../node_modules/@para-ui/icons/Down/index.js";
+import { Check as Et } from "../node_modules/@para-ui/icons/Check/index.js";
 import Ot from "../GlobalContext/useFormatMessage.js";
 import Pt from "./lang/index.js";
 import ae from "../AutoTips/index.js";
 import { Loading as It } from "../Loading/index.js";
 import { Popover as Vt } from "../Popover/index.js";
-import { Tooltip as qt } from "../Tooltip/index.js";
-import Ft from "../HelperText/index.js";
-import zt from "../Hooks/useGlobalProps.js";
+import { Search as qt } from "../Search/index.js";
+import { Tooltip as Ft } from "../Tooltip/index.js";
+import zt from "../HelperText/index.js";
+import Ht from "../Hooks/useGlobalProps.js";
 import { $prefixCls as v } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
-const Ht = (f, B, O) => {
+const Bt = (f, B, O) => {
   const h = document.createElement("span");
   h.id = "referenceSpan";
   const b = { width: 0, height: 0 };
   b.width = h.offsetWidth, b.height = h.offsetHeight, h.style.visibility = "hidden", h.style.fontSize = f, h.style.fontFamily = B, h.style.display = "inline-block";
   const P = document.getElementById("referenceSpan");
   return P && document.body.removeChild(P), document.body.appendChild(h), typeof h.textContent < "u" ? h.textContent = O : h.innerText = O, b.width = parseFloat(window.getComputedStyle(h).width) - b.width, b.height = parseFloat(window.getComputedStyle(h).height) - b.height, document.body.removeChild(h), b;
-}, Ze = (f, B) => {
+}, Ye = (f, B) => {
   const O = xe.useRef(!1);
   xe.useEffect(() => {
     O.current ? f() : O.current = !0;
   }, B);
-}, mo = (f) => {
+}, uo = (f) => {
   const {
     className: B,
     style: O,
@@ -43,17 +43,17 @@ const Ht = (f, B, O) => {
     labelMode: _ = "outside",
     labelTooltip: Q,
     placeholder: se = "",
-    searchPlaceholder: je,
+    searchPlaceholder: we,
     label: A = "",
     input: I = !1,
     disabled: d = !1,
-    disabledTooltip: we,
+    disabledTooltip: je,
     multiple: m = !1,
     required: R = !1,
     labelSign: V,
     error: Se = !1,
-    hideErrorDom: et,
-    helperText: tt = "",
+    hideErrorDom: Ze,
+    helperText: et = "",
     list: le,
     showName: N = "label",
     showValue: $ = "value",
@@ -69,11 +69,11 @@ const Ht = (f, B, O) => {
     onEnter: G,
     onEnterInput: $e,
     onClear: me,
-    getPopupContainer: ot,
+    getPopupContainer: tt,
     renderContent: S,
     selectCheckIcon: ue = !0,
     blurChangeValueBol: ne = !1
-  } = zt(f, "Select"), de = (e = []) => {
+  } = Ht(f, "Select"), de = (e = []) => {
     const o = [];
     for (let t = 0, n = e.length; t < n; t++) {
       const l = e[t];
@@ -88,7 +88,7 @@ const Ht = (f, B, O) => {
       }
     }
     return o;
-  }, st = () => {
+  }, ot = () => {
     let e = [];
     return f.defaultValue !== void 0 && (f.multiple ? e = ye(f.defaultValue || []) : e = f.defaultValue === "" ? [] : [f.defaultValue]), k !== void 0 && (m ? e = ye(k || []) : e = k === "" ? [] : [k]), e;
   }, De = () => {
@@ -97,7 +97,7 @@ const Ht = (f, B, O) => {
       const l = e[t];
       if (l[D] && l[D].length > 0) {
         const c = l[D];
-        for (let a = 0, j = c.length; a < j; a++) {
+        for (let a = 0, w = c.length; a < w; a++) {
           const p = c[a], M = String(p[$]);
           o[M] = p;
         }
@@ -107,16 +107,16 @@ const Ht = (f, B, O) => {
       }
     }
     return o;
-  }, J = Qe(null), [Te] = w(`${v}-select-${Xe()}`), [X] = w(`select-popover-${Xe()}`), [F, Y] = w(!1), [Z, fe] = w(!1), [r, T] = w(st()), [U, lt] = w([]), [x, nt] = w(De()), [L, pe] = w(null), [he, Le] = w(!1), [u, ee] = w(""), [z, Me] = w(!1), [te, re] = w(!1), [ve, rt] = w(!1), W = Qe(null), [i] = w({
+  }, J = _e(null), [Te] = j(`${v}-select-${Qe()}`), [X] = j(`select-popover-${Qe()}`), [F, Y] = j(!1), [Z, fe] = j(!1), [r, T] = j(ot()), [U, st] = j([]), [x, lt] = j(De()), [L, pe] = j(null), [he, Le] = j(!1), [u, W] = j(""), [z, Me] = j(!1), [ee, re] = j(!1), [ve, nt] = j(!1), te = _e(null), [i] = j({
     valueCom: [],
     listCom: [],
     searchModel: "inside",
     // default
     openMore: !1
-  }), { language: Ee, locale: Oe } = xe.useContext(Dt), Pe = Ot("Select", Pt);
+  }), { language: Ee, locale: Oe } = xe.useContext(Tt), Pe = Ot("Select", Pt);
   i.valueCom = [...r], i.listCom = U, i.searchModel = y, i.openMore = he, E(() => () => {
     clearTimeout(i.searchTimer), clearTimeout(i.timer), clearTimeout(i.scrollTimer), clearTimeout(i.dropDownTimer);
-  }, []), Ze(() => {
+  }, []), Ye(() => {
     k !== void 0 && T(m ? ye(k || []) : k === "" ? [] : [k]);
   }, [k, m]), E(() => {
     ie();
@@ -124,8 +124,8 @@ const Ht = (f, B, O) => {
     if (y === "outside" && m)
       return Me(!0);
     Me(ke);
-  }, [ke, y, m, I]), Ze(() => {
-    nt(De());
+  }, [ke, y, m, I]), Ye(() => {
+    lt(De());
   }, [le]), E(() => (!z && m ? window.addEventListener("resize", ie) : window.removeEventListener("resize", ie), () => {
     window.removeEventListener("resize", ie);
   }), [z, m]), E(() => {
@@ -143,10 +143,10 @@ const Ht = (f, B, O) => {
       }
   }, [q, u, le, F]), E(() => (F ? (clearTimeout(i.openTimer), i.openTimer = setTimeout(() => {
     qe(), window.addEventListener("keydown", Ce);
-  })) : (ee(""), window.removeEventListener("keydown", Ce)), () => {
+  })) : (W(""), window.removeEventListener("keydown", Ce)), () => {
     clearTimeout(i.openTimer), window.removeEventListener("keydown", Ce);
   }), [F]), E(() => {
-    d !== !0 && m && y === "outside" && pt(u);
+    d !== !0 && m && y === "outside" && ht(u);
   }, [u, m, d, y, I]);
   const Ie = (e) => {
     if (e === null || e === 0) return;
@@ -168,18 +168,18 @@ const Ht = (f, B, O) => {
     for (let l = 0, c = n.length; l < c; l++) {
       const a = { ...n[l] };
       if (a[D] && a[D].length > 0) {
-        const j = a[D], p = [];
-        for (let M = 0, oe = j.length; M < oe; M++) {
-          const ge = j[M];
+        const w = a[D], p = [];
+        for (let M = 0, oe = w.length; M < oe; M++) {
+          const ge = w[M];
           (o || ze(ge)) && p.push(ge);
         }
         p.length > 0 && (a[D] = p, t.push(a));
       } else
         (o || ze(a)) && t.push(a);
     }
-    lt(t), re(!1), rt(t.length === 0);
+    st(t), re(!1), nt(t.length === 0);
   }, qe = () => {
-    const e = W && W.current;
+    const e = te && te.current;
     i.searchModel !== "inside" && e && e.focus({ preventScroll: !0 });
   }, Fe = (e, o) => {
     let t = e;
@@ -192,11 +192,11 @@ const Ht = (f, B, O) => {
     if (u.trim() === "") return o;
     const t = e[N];
     return t && (typeof t == "number" || typeof t == "string") ? t.toString().toLowerCase().indexOf(u.trim().toLowerCase()) === -1 && (o = !1) : o = !1, o;
-  }, it = () => {
+  }, rt = () => {
     d !== !0 && Y(!0);
-  }, ct = () => {
+  }, it = () => {
     Y(!1);
-  }, at = (e) => {
+  }, ct = (e) => {
     Le(!0), Y(!1), e.stopPropagation();
   }, He = () => {
     i.openMore && Le(!1);
@@ -207,24 +207,26 @@ const Ht = (f, B, O) => {
         const l = i.valueCom.indexOf(n);
         l !== -1 ? i.valueCom.splice(l, 1) : i.valueCom.push(n), f.value === void 0 && T([...i.valueCom]), C && C([...i.valueCom], t), o && G && G([...i.valueCom]), qe();
       } else
-        f.value === void 0 && T([n]), C && C(n, t), o && G && G(n), ct(), ee("");
+        f.value === void 0 && T([n]), C && C(n, t), o && G && G(n), it(), W("");
   }, Be = (e, o) => (t) => {
     e || (e = {
       [$]: o,
       children: []
     }), ce(e)(t), t.stopPropagation();
-  }, mt = () => {
+  }, at = () => {
     let e = `${v}-select`;
     return m && !z && (e += ` ${Te}`), B && (e += ` ${B}`), K && (e += ` ${v}-select-${K}`), Se && (e += ` ${v}-select-error`), d === !0 && (e += ` ${v}-select-disabled`), F && (e += ` ${v}-select-open`), m && (e += ` ${v}-select-multiple`), z && (e += ` ${v}-select-over-line`), h && (e += ` ${v}-select-show-select`), r.length > 0 && (e += ` ${v}-select-value`), b && (e += ` ${v}-select-allow-clear`), e;
-  }, ut = () => {
+  }, mt = () => {
     let e = `${v}-select-popover ${v}-scrollbar-small`;
     return K && (e += ` ${v}-select-popover-${K}`), m ? e += ` ${v}-select-popover-multiple` : e += ` ${v}-select-popover-radio`, be && (e += ` ${be}`), h || (e += ` ${v}-select-popover-hide`), e;
-  }, dt = () => {
+  }, ut = () => {
     let e = `${v}-select-more-popover ${v}-scrollbar-small`;
     return K && (e += ` ${v}-select-more-popover-${K}`), Ne && (e += ` ${Ne}`), e;
+  }, dt = (e) => {
+    W(e.target.value), g && g.onChange && g.onChange(e);
+  }, ft = (e, o) => {
+    W(e), o && g?.onChange && g.onChange(o);
   }, Ke = (e) => {
-    ee(e.target.value), g && g.onChange && g.onChange(e);
-  }, Ae = (e) => {
     if (e.keyCode === 13) {
       $e && $e(u);
       const o = document.querySelector(`.${X} .select-popover-list`);
@@ -238,30 +240,30 @@ const Ht = (f, B, O) => {
           f.value === void 0 && T(t), C && C(t, e);
         } else
           f.value === void 0 && T([u]), C && C(u, e);
-        ee("");
+        W("");
       }
     }
     g && g.onKeyDown && g.onKeyDown(e);
-  }, ft = (e) => {
+  }, pt = (e) => {
     if (f.input && ne && u.trim() !== "") {
       if (m) {
         const o = [...r, u];
         f.value === void 0 && T(o), C && C(o, e);
       } else
         f.value === void 0 && T([u]), C && C(u, e);
-      ee("");
+      W("");
     }
     i.inputOpen = !1, g && g.onBlur?.(e);
-  }, pt = (e) => {
-    const o = W && W.current;
+  }, ht = (e) => {
+    const o = te && te.current;
     if (!o) return null;
     const t = window.getComputedStyle(o), n = t.fontFamily, l = t.fontSize;
-    let a = Ht(l, n, e).width;
+    let a = Bt(l, n, e).width;
     a < 10 && (a = 10), o.style.width = `${a}px`;
-  }, Re = (e) => {
+  }, Ae = (e) => {
     const { selectDom: o, keyCode: t, currentKeydownDom: n } = e;
-    let l = null, c = "nextElementSibling", a = ".select-popover-list > div", j = ".select-popover-list-item";
-    if (t === 38 && (c = "previousElementSibling", a = ".select-popover-list > div:last-child", j = ".select-popover-list-item:last-child"), !n)
+    let l = null, c = "nextElementSibling", a = ".select-popover-list > div", w = ".select-popover-list-item";
+    if (t === 38 && (c = "previousElementSibling", a = ".select-popover-list > div:last-child", w = ".select-popover-list-item:last-child"), !n)
       l = o.querySelector(a);
     else if (l = n[c], l) {
       if (l.className.indexOf("select-popover-list-group-label") !== -1) {
@@ -274,11 +276,11 @@ const Ht = (f, B, O) => {
     }
     if (l)
       if (l.className.indexOf("select-popover-list-group") !== -1) {
-        const p = l.querySelector(j);
-        p && (p.classList.add("select-popover-list-item-keydown"), Ge(p, o));
+        const p = l.querySelector(w);
+        p && (p.classList.add("select-popover-list-item-keydown"), Re(p, o));
       } else
-        l.classList.add("select-popover-list-item-keydown"), Ge(l, o);
-  }, Ge = (e, o) => {
+        l.classList.add("select-popover-list-item-keydown"), Re(l, o);
+  }, Re = (e, o) => {
     clearTimeout(i.scrollTimer);
     const t = o.clientHeight, l = e.offsetTop + e.clientHeight - t;
     i.scroll = !0, l > 0 ? o.scrollTop = l : o.scrollTop = 0, i.scrollTimer = setTimeout(() => {
@@ -292,21 +294,21 @@ const Ht = (f, B, O) => {
     if (n && (c = n), e.keyCode === 13) {
       const a = l || n;
       if (a) {
-        const j = a.dataset.val;
-        ce(x[j], !0)({ target: l });
+        const w = a.dataset.val;
+        ce(x[w], !0)({ target: l });
       } else
         G && k !== void 0 && G(k);
     }
-    l && (c = l, l.classList.remove("select-popover-list-item-keydown")), e.keyCode === 40 && Re({
+    l && (c = l, l.classList.remove("select-popover-list-item-keydown")), e.keyCode === 40 && Ae({
       selectDom: o,
       keyCode: e.keyCode,
       currentKeydownDom: c
-    }), e.keyCode === 38 && Re({
+    }), e.keyCode === 38 && Ae({
       selectDom: o,
       keyCode: e.keyCode,
       currentKeydownDom: c
     });
-  }, Je = (e) => {
+  }, Ge = (e) => {
     if (i.scroll) return;
     const o = Fe(e.target, ".select-popover-list-item");
     if (!o) return;
@@ -315,16 +317,16 @@ const Ht = (f, B, O) => {
     if (!t) return;
     const n = t.querySelector(".select-popover-list-item-keydown");
     n && n.classList.remove("select-popover-list-item-keydown");
-  }, Ue = (e) => {
+  }, Je = (e) => {
     const o = Fe(e.target, ".select-popover-list-item");
     o && o.classList.remove("select-popover-list-item-hover");
-  }, ht = H(() => {
+  }, vt = H(() => {
     const e = !!(A || R || V), o = () => {
       let t = "select-label";
       return Q && Q.className && (t += ` ${Q.className}`), t;
     };
     return /* @__PURE__ */ s.jsx(s.Fragment, { children: _ === "outside" && e && /* @__PURE__ */ s.jsx(
-      Nt,
+      $t,
       {
         label: A,
         required: R,
@@ -333,14 +335,14 @@ const Ht = (f, B, O) => {
         className: o()
       }
     ) });
-  }, [_, A, V, R, Q]), vt = H(() => {
+  }, [_, A, V, R, Q]), Ct = H(() => {
     const e = () => _ === "outside" ? se : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       A || se,
       R && /* @__PURE__ */ s.jsx("span", { className: "select-required", children: "*" }),
       V && /* @__PURE__ */ s.jsx("span", { children: V })
     ] });
     return /* @__PURE__ */ s.jsx(s.Fragment, { children: !Z && /* @__PURE__ */ s.jsx("span", { className: "select-label-placeholder", children: e() }) });
-  }, [Z, _, se, A, V, R]), We = (e) => {
+  }, [Z, _, se, A, V, R]), Ue = (e) => {
     if (d === !0) return null;
     const o = `${e}-search-outside`;
     return y === "outside" ? /* @__PURE__ */ s.jsx(
@@ -350,15 +352,15 @@ const Ht = (f, B, O) => {
         onClick: (t) => {
           i.inputOpen = !0, g && g.onClick?.(t);
         },
-        onBlur: ft,
+        onBlur: pt,
         className: o,
         value: u,
-        onChange: Ke,
-        onKeyDown: Ae,
-        ref: W
+        onChange: dt,
+        onKeyDown: Ke,
+        ref: te
       }
     ) : null;
-  }, Ct = H(() => {
+  }, gt = H(() => {
     const e = () => {
       if (u !== "" && (y === "outside" || I)) return null;
       const o = String(r[0]), t = x[o] && x[o][N] || r[0], n = S && S(x[o], !1);
@@ -366,7 +368,7 @@ const Ht = (f, B, O) => {
     };
     return /* @__PURE__ */ s.jsx(s.Fragment, { children: !m && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx("div", { className: "radio-select-content", children: e() }),
-      We("radio")
+      Ue("radio")
     ] }) });
   }, [
     m,
@@ -383,7 +385,7 @@ const Ht = (f, B, O) => {
     g,
     S,
     ne
-  ]), gt = H(() => {
+  ]), yt = H(() => {
     const e = (o) => {
       const t = String(r[o]), n = x[t] && x[t][N] || r[o];
       return S && S(x[t], !1) || n;
@@ -401,7 +403,7 @@ const Ht = (f, B, O) => {
             children: [
               /* @__PURE__ */ s.jsx("span", { children: /* @__PURE__ */ s.jsx(ae, { placement: "top-start", children: e(t) }) }),
               n && /* @__PURE__ */ s.jsx(
-                Ye,
+                Xe,
                 {
                   onClick: Be(x[String(r[t])], r[t])
                 }
@@ -417,7 +419,7 @@ const Ht = (f, B, O) => {
             "div",
             {
               className: "check-select-content-item check-select-content-item-more",
-              onClick: at,
+              onClick: ct,
               children: /* @__PURE__ */ s.jsxs("span", { children: [
                 "+",
                 r.length - L
@@ -425,7 +427,7 @@ const Ht = (f, B, O) => {
             }
           );
       })(),
-      We("check")
+      Ue("check")
     ] }) });
   }, [
     m,
@@ -442,7 +444,7 @@ const Ht = (f, B, O) => {
     g,
     S,
     ne
-  ]), yt = (e) => {
+  ]), xt = (e) => {
     e.stopPropagation();
     let o = "";
     const t = [];
@@ -452,14 +454,14 @@ const Ht = (f, B, O) => {
         d.indexOf(c) !== -1 && (o.push(c), t.push(c));
       }
     f.value === void 0 && T(t), C && C(o, e), Y(!1), me && me();
-  }, xt = () => {
+  }, wt = () => {
     if (r.length > 0 && d !== !0 && b)
       return /* @__PURE__ */ s.jsx(
         "span",
         {
           className: "clean-up-icon",
-          onClick: yt,
-          children: /* @__PURE__ */ s.jsx(Tt, {})
+          onClick: xt,
+          children: /* @__PURE__ */ s.jsx(Lt, {})
         }
       );
   }, jt = () => {
@@ -479,7 +481,7 @@ const Ht = (f, B, O) => {
             children: [
               /* @__PURE__ */ s.jsx("span", { children: /* @__PURE__ */ s.jsx(ae, { placement: "top-start", children: e(t) }) }),
               n && /* @__PURE__ */ s.jsx(
-                Ye,
+                Xe,
                 {
                   onClick: Be(x[String(r[t])], r[t])
                 }
@@ -490,28 +492,28 @@ const Ht = (f, B, O) => {
         );
       }) })
     ] });
-  }, _e = H(() => /* @__PURE__ */ s.jsx(
+  }, We = H(() => /* @__PURE__ */ s.jsx(
     Vt,
     {
       placement: "bottom-end",
       visible: he,
       content: jt(),
       onVisibleChange: He,
-      overlayClassName: dt(),
+      overlayClassName: ut(),
       children: /* @__PURE__ */ s.jsxs(
         "div",
         {
           className: "select-content",
-          onClick: it,
+          onClick: rt,
           ref: J,
           children: [
-            vt,
+            Ct,
             /* @__PURE__ */ s.jsxs("span", { className: "select-svg", children: [
-              /* @__PURE__ */ s.jsx(Lt, {}),
-              xt()
+              /* @__PURE__ */ s.jsx(Mt, {}),
+              wt()
             ] }),
-            Ct,
-            gt
+            gt,
+            yt
           ]
         }
       )
@@ -542,15 +544,15 @@ const Ht = (f, B, O) => {
     he,
     S,
     ne
-  ]), wt = H(() => {
+  ]), St = H(() => {
     const e = () => {
       let t = "select-popover-list";
-      return te && (t += " select-popover-list-loading"), t;
+      return ee && (t += " select-popover-list-loading"), t;
     }, o = (t) => {
       const n = t[N] || t[$], l = S && S(t, !0);
       return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-label", children: /* @__PURE__ */ s.jsx(ae, { placement: "top-start", children: l || n }) }),
-        m && ue && /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-svg", children: /* @__PURE__ */ s.jsx(Mt, {}) })
+        m && ue && /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-svg", children: /* @__PURE__ */ s.jsx(Et, {}) })
       ] });
     };
     return /* @__PURE__ */ s.jsxs(
@@ -568,18 +570,18 @@ const Ht = (f, B, O) => {
                   className: "select-popover-list-group",
                   children: [
                     /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-group-label", children: t[N] || t[$] }),
-                    a.map((j, p) => {
-                      const M = j[$];
+                    a.map((w, p) => {
+                      const M = w[$];
                       let oe = "select-popover-list-item";
                       return r.indexOf(M) !== -1 && (oe += " select-popover-list-item-select"), typeof d == "object" && d.indexOf(M) !== -1 && (oe += " select-popover-list-item-disabled"), /* @__PURE__ */ s.jsx(
                         "div",
                         {
-                          onClick: ce(j),
+                          onClick: ce(w),
                           className: oe,
-                          onMouseEnter: Je,
-                          onMouseLeave: Ue,
+                          onMouseEnter: Ge,
+                          onMouseLeave: Je,
                           "data-val": M,
-                          children: o(j)
+                          children: o(w)
                         },
                         p
                       );
@@ -596,21 +598,21 @@ const Ht = (f, B, O) => {
               {
                 onClick: ce(t),
                 className: c,
-                onMouseEnter: Je,
-                onMouseLeave: Ue,
+                onMouseEnter: Ge,
+                onMouseLeave: Je,
                 "data-val": l,
                 children: o(t)
               },
               n
             );
-          }) }) : !te && ve && /* @__PURE__ */ s.jsx("div", { className: "select-nodata", children: /* @__PURE__ */ s.jsx(
-            bt,
+          }) }) : !ee && ve && /* @__PURE__ */ s.jsx("div", { className: "select-nodata", children: /* @__PURE__ */ s.jsx(
+            Nt,
             {
               ...P,
               size: P?.size || "small"
             }
           ) }),
-          te && /* @__PURE__ */ s.jsx(It, {})
+          ee && /* @__PURE__ */ s.jsx(It, {})
         ]
       }
     );
@@ -621,14 +623,14 @@ const Ht = (f, B, O) => {
     r,
     C,
     m,
-    te,
+    ee,
     Ee,
     Oe,
     P,
     ve,
     S,
     ue
-  ]), St = H(() => {
+  ]), kt = H(() => {
     if (!h) return "";
     const e = () => {
       let o = `select-popover-content ${X}`;
@@ -640,21 +642,17 @@ const Ht = (f, B, O) => {
         style: { width: `${J && J.current ? J.current.offsetWidth : 0}px` },
         className: e(),
         children: [
-          q && y === "inside" && /* @__PURE__ */ s.jsxs("div", { className: "select-popover-search", children: [
-            /* @__PURE__ */ s.jsx(
-              "input",
-              {
-                ...g,
-                placeholder: je || Pe({ id: "searchPlaceholder" }),
-                value: u,
-                onChange: Ke,
-                onKeyDown: Ae,
-                ref: W
-              }
-            ),
-            /* @__PURE__ */ s.jsx(Et, {})
-          ] }),
-          wt
+          q && y === "inside" && /* @__PURE__ */ s.jsx(
+            qt,
+            {
+              placeholder: we || Pe({ id: "searchPlaceholder" }),
+              onKeydown: Ke,
+              value: u,
+              onChange: ft,
+              className: "select-popover-search"
+            }
+          ),
+          St
         ]
       }
     );
@@ -671,9 +669,9 @@ const Ht = (f, B, O) => {
     X,
     y,
     m,
-    je,
+    we,
     h,
-    te,
+    ee,
     g,
     Ee,
     Oe,
@@ -681,45 +679,45 @@ const Ht = (f, B, O) => {
     ve,
     S,
     ue
-  ]), kt = () => /* @__PURE__ */ s.jsx(
-    $t,
+  ]), bt = () => /* @__PURE__ */ s.jsx(
+    Dt,
     {
       visible: F,
       placement: "bottomLeft",
       trigger: ["click"],
-      overlay: /* @__PURE__ */ s.jsx(s.Fragment, { children: St }),
-      overlayClassName: ut(),
-      getPopupContainer: ot,
+      overlay: /* @__PURE__ */ s.jsx(s.Fragment, { children: kt }),
+      overlayClassName: mt(),
+      getPopupContainer: tt,
       onVisibleChange: (e) => {
         e || (clearTimeout(i.dropDownTimer), i.dropDownTimer = setTimeout(() => {
           i.inputOpen || Y(!1);
         }, 0));
       },
-      children: we ? /* @__PURE__ */ s.jsx(
-        qt,
+      children: je ? /* @__PURE__ */ s.jsx(
+        Ft,
         {
           disabled: !0,
-          ...we,
-          children: _e
+          ...je,
+          children: We
         }
-      ) : _e
+      ) : We
     }
   );
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: mt(),
+      className: at(),
       style: O,
       children: [
-        ht,
-        kt(),
+        vt,
+        bt(),
         /* @__PURE__ */ s.jsx(
-          Ft,
+          zt,
           {
             className: "select-error-text",
             error: Se,
-            helperText: tt,
-            hideErrorDom: et
+            helperText: et,
+            hideErrorDom: Ze
           }
         )
       ]
@@ -727,6 +725,6 @@ const Ht = (f, B, O) => {
   );
 };
 export {
-  mo as default
+  uo as default
 };
 //# sourceMappingURL=index.js.map