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

package/es/Select/index.js

@@ -1,79 +1,81 @@
 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 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 { $prefixCls as v } from "../GlobalContext/constant.js";
+import we, { useRef as Xe, useState as j, useEffect as O, useMemo as z } from "react";
+import Dt from "../Empty/index.js";
+import Tt from "../Label/index.js";
+import { Dropdown as Lt } from "../Dropdown/index.js";
+import { UUID as Ye, DeepClone as xe } from "@paraview/lib";
+import Mt from "../GlobalContext/index.js";
+import { Close as Ze } from "../node_modules/@para-ui/icons/Close/index.js";
+import { CloseCircleF as Et } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
+import { Down as Ot } from "../node_modules/@para-ui/icons/Down/index.js";
+import { Check as Pt } from "../node_modules/@para-ui/icons/Check/index.js";
+import It from "../GlobalContext/useFormatMessage.js";
+import Vt from "./lang/index.js";
+import me from "../AutoTips/index.js";
+import { Loading as qt } from "../Loading/index.js";
+import { Popover as Ft } from "../Popover/index.js";
+import { Search as zt } from "../Search/index.js";
+import { Tooltip as Ht } from "../Tooltip/index.js";
+import Bt from "../HelperText/index.js";
+import Kt from "../Hooks/useGlobalProps.js";
+import { $prefixCls as f } from "../GlobalContext/constant.js";
 import './index.css';/* empty css           */
-const Ht = (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) => {
-  const O = xe.useRef(!1);
-  xe.useEffect(() => {
-    O.current ? f() : O.current = !0;
-  }, B);
-}, mo = (f) => {
-  const {
-    className: B,
-    style: O,
-    showSelect: h = !0,
-    allowClear: b = !1,
-    emptyProps: P,
-    size: K = "large",
+const At = (W, h, E) => {
+  const g = document.createElement("span");
+  g.id = "referenceSpan";
+  const S = { width: 0, height: 0 };
+  S.width = g.offsetWidth, S.height = g.offsetHeight, g.style.visibility = "hidden", g.style.fontSize = W, g.style.fontFamily = h, g.style.display = "inline-block";
+  const H = document.getElementById("referenceSpan");
+  return H && document.body.removeChild(H), document.body.appendChild(g), typeof g.textContent < "u" ? g.textContent = E : g.innerText = E, S.width = parseFloat(window.getComputedStyle(g).width) - S.width, S.height = parseFloat(window.getComputedStyle(g).height) - S.height, document.body.removeChild(g), S;
+}, et = (W, h) => {
+  const E = we.useRef(!1);
+  we.useEffect(() => {
+    E.current ? W() : E.current = !0;
+  }, h);
+};
+function fo(W) {
+  const h = W, {
+    className: E,
+    style: g,
+    showSelect: S = !0,
+    allowClear: H = !1,
+    emptyProps: se,
+    size: B = "large",
     labelMode: _ = "outside",
     labelTooltip: Q,
-    placeholder: se = "",
+    placeholder: le = "",
     searchPlaceholder: je,
-    label: A = "",
-    input: I = !1,
+    label: K = "",
+    input: P = !1,
     disabled: d = !1,
-    disabledTooltip: we,
+    disabledTooltip: Se,
     multiple: m = !1,
-    required: R = !1,
-    labelSign: V,
-    error: Se = !1,
-    hideErrorDom: et,
-    helperText: tt = "",
-    list: le,
+    required: A = !1,
+    labelSign: I,
+    error: ke = !1,
+    hideErrorDom: tt,
+    helperText: ot = "",
+    list: ne,
     showName: N = "label",
     showValue: $ = "value",
     childrenName: D = "children",
-    value: k,
-    onChange: C,
-    overLine: ke = !1,
-    search: q = !1,
+    value: b,
+    onChange: v,
+    overLine: be = !1,
+    search: V = !1,
     searchModel: y = "inside",
-    selectPopoverClassName: be,
-    morePopoverClassName: Ne,
-    searchInputProps: g,
-    onEnter: G,
-    onEnterInput: $e,
-    onClear: me,
-    getPopupContainer: ot,
-    renderContent: S,
-    selectCheckIcon: ue = !0,
-    blurChangeValueBol: ne = !1
-  } = zt(f, "Select"), de = (e = []) => {
+    selectPopoverClassName: Ne,
+    morePopoverClassName: $e,
+    fetchSuggestions: De,
+    searchInputProps: C,
+    onEnter: R,
+    onEnterInput: Te,
+    onClear: ue,
+    getPopupContainer: st,
+    renderContent: k,
+    selectCheckIcon: de = !0,
+    blurChangeValueBol: re = !1
+  } = Kt(h, "Select"), pe = (e = []) => {
     const o = [];
     for (let t = 0, n = e.length; t < n; t++) {
       const l = e[t];
@@ -88,16 +90,16 @@ const Ht = (f, B, O) => {
       }
     }
     return o;
-  }, st = () => {
+  }, lt = () => {
     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 = () => {
-    const e = de(le), o = {};
+    return h.defaultValue !== void 0 && (m ? e = xe(h.defaultValue || []) : e = h.defaultValue === "" ? [] : [h.defaultValue]), b !== void 0 && (m ? e = xe(b || []) : e = b === "" ? [] : [b]), e;
+  }, Le = () => {
+    const e = pe(ne), o = {};
     for (let t = 0, n = e.length; t < n; t++) {
       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,161 +109,168 @@ 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({
+  }, G = Xe(null), [Me] = j(`${f}-select-${Ye()}`), [X] = j(`select-popover-${Ye()}`), [q, Y] = j(!1), [Z, fe] = j(!1), [r, T] = j(lt()), [J, nt] = j([]), [x, rt] = j(Le()), [L, he] = j(null), [ve, Ee] = j(!1), [u, U] = j(""), [F, Oe] = j(!1), [ee, ie] = j(!1), [Ce, it] = j(!1), te = Xe(null), [i] = j({
     valueCom: [],
     listCom: [],
     searchModel: "inside",
     // default
     openMore: !1
-  }), { language: Ee, locale: Oe } = xe.useContext(Dt), Pe = Ot("Select", Pt);
-  i.valueCom = [...r], i.listCom = U, i.searchModel = y, i.openMore = he, E(() => () => {
+  }), { language: Pe, locale: Ie } = we.useContext(Mt), Ve = It("Select", Vt);
+  i.valueCom = [...r], i.listCom = J, i.searchModel = y, i.openMore = ve, O(() => () => {
     clearTimeout(i.searchTimer), clearTimeout(i.timer), clearTimeout(i.scrollTimer), clearTimeout(i.dropDownTimer);
-  }, []), Ze(() => {
-    k !== void 0 && T(m ? ye(k || []) : k === "" ? [] : [k]);
-  }, [k, m]), E(() => {
-    ie();
-  }, [r, k]), E(() => {
+  }, []), et(() => {
+    if (b === void 0) {
+      T([]);
+      return;
+    }
+    T(m ? xe(b || []) : b === "" ? [] : [b]);
+  }, [b, m]), O(() => {
+    ce();
+  }, [r, b]), O(() => {
     if (y === "outside" && m)
-      return Me(!0);
-    Me(ke);
-  }, [ke, y, m, I]), Ze(() => {
-    nt(De());
-  }, [le]), E(() => (!z && m ? window.addEventListener("resize", ie) : window.removeEventListener("resize", ie), () => {
-    window.removeEventListener("resize", ie);
-  }), [z, m]), E(() => {
+      return Oe(!0);
+    Oe(be);
+  }, [be, y, m, P]), et(() => {
+    rt(Le());
+  }, [ne]), O(() => (!F && m ? window.addEventListener("resize", ce) : window.removeEventListener("resize", ce), () => {
+    window.removeEventListener("resize", ce);
+  }), [F, m]), O(() => {
     r && r.length > 0 ? fe(!0) : (fe(!1), y === "outside" && fe(u !== ""));
-  }, [q, u, y, r, I]), E(() => {
-    if (F)
-      if (re(!0), f.fetchSuggestions)
-        f.fetchSuggestions(u, (e) => {
-          const o = de(e);
-          Ve(o, !0), re(!1);
+  }, [V, u, y, r, P]), O(() => {
+    if (q)
+      if (ie(!0), De)
+        De(u, (e) => {
+          const o = pe(e);
+          Fe(o, !0), ie(!1);
         });
       else {
-        const e = de(le);
-        Ve(e), re(!1);
+        const e = pe(ne);
+        Fe(e), ie(!1);
       }
-  }, [q, u, le, F]), E(() => (F ? (clearTimeout(i.openTimer), i.openTimer = setTimeout(() => {
-    qe(), window.addEventListener("keydown", Ce);
-  })) : (ee(""), window.removeEventListener("keydown", Ce)), () => {
-    clearTimeout(i.openTimer), window.removeEventListener("keydown", Ce);
-  }), [F]), E(() => {
-    d !== !0 && m && y === "outside" && pt(u);
-  }, [u, m, d, y, I]);
-  const Ie = (e) => {
+  }, [V, u, ne, q]), O(() => (q ? (clearTimeout(i.openTimer), i.openTimer = setTimeout(() => {
+    ze(), window.addEventListener("keydown", ge);
+  })) : (U(""), window.removeEventListener("keydown", ge)), () => {
+    clearTimeout(i.openTimer), window.removeEventListener("keydown", ge);
+  }), [q]), O(() => {
+    d !== !0 && m && y === "outside" && Ct(u);
+  }, [u, m, d, y, P]);
+  const qe = (e) => {
     if (e === null || e === 0) return;
     e === void 0 && (e = i.valueCom.length);
-    const o = document.querySelector(`.${Te} > .select-content > .check-select-content`);
+    const o = document.querySelector(`.${Me} > .select-content > .check-select-content`);
     if (o)
       if (o.scrollHeight > o.clientHeight) {
         const t = Number(e) - 1;
-        pe(t), Ie(t);
+        he(t), qe(t);
       } else
-        i.valueCom.length <= e && He();
-  }, ie = () => {
-    if (i.valueCom.length === 0) return pe(null);
+        i.valueCom.length <= e && Ke();
+  }, ce = () => {
+    if (i.valueCom.length === 0) return he(null);
     clearTimeout(i.timer), i.timer = setTimeout(() => {
-      pe(i.valueCom.length), Ie();
+      he(i.valueCom.length), qe();
     }, 50);
-  }, Ve = (e, o) => {
+  }, Fe = (e, o) => {
     const t = [], n = [...e];
     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];
-          (o || ze(ge)) && p.push(ge);
+        const w = a[D], p = [];
+        for (let M = 0, oe = w.length; M < oe; M++) {
+          const ye = w[M];
+          (o || Be(ye)) && p.push(ye);
         }
         p.length > 0 && (a[D] = p, t.push(a));
       } else
-        (o || ze(a)) && t.push(a);
+        (o || Be(a)) && t.push(a);
     }
-    lt(t), re(!1), rt(t.length === 0);
-  }, qe = () => {
-    const e = W && W.current;
+    nt(t), ie(!1), it(t.length === 0);
+  }, ze = () => {
+    const e = te && te.current;
     i.searchModel !== "inside" && e && e.focus({ preventScroll: !0 });
-  }, Fe = (e, o) => {
+  }, He = (e, o) => {
     let t = e;
-    const n = t.matches || t.webkitMatchesSelector || t.mozMatchesSelector || t.msMatchesSelector;
+    const n = t && (t.matches || t.webkitMatchesSelector || t.mozMatchesSelector || t.msMatchesSelector);
+    if (!n) return null;
     for (; t && !n.call(t, o); )
       t = t.parentElement;
     return t;
-  }, ze = (e) => {
+  }, Be = (e) => {
     let o = !0;
     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 = () => {
-    d !== !0 && Y(!0);
   }, ct = () => {
+    d !== !0 && Y(!0);
+  }, at = () => {
     Y(!1);
-  }, at = (e) => {
-    Le(!0), Y(!1), e.stopPropagation();
-  }, He = () => {
-    i.openMore && Le(!1);
-  }, ce = (e, o) => (t) => {
+  }, mt = (e) => {
+    Ee(!0), Y(!1), e.stopPropagation();
+  }, Ke = () => {
+    i.openMore && Ee(!1);
+  }, ae = (e, o) => (t) => {
     const n = e[$];
     if (!(typeof d == "object" && d.indexOf(n) !== -1))
       if (m) {
         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();
+        l !== -1 ? i.valueCom.splice(l, 1) : i.valueCom.push(n), h.value === void 0 && T([...i.valueCom]), v && v([...i.valueCom], t), o && R && R([...i.valueCom]), ze();
       } else
-        f.value === void 0 && T([n]), C && C(n, t), o && G && G(n), ct(), ee("");
-  }, Be = (e, o) => (t) => {
+        h.value === void 0 && T([n]), v && v(n, t), o && R && R(n), at(), U("");
+  }, Ae = (e, o) => (t) => {
     e || (e = {
       [$]: o,
       children: []
-    }), ce(e)(t), t.stopPropagation();
-  }, mt = () => {
-    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;
+    }), ae(e)(t), t.stopPropagation();
   }, ut = () => {
-    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;
+    let e = `${f}-select`;
+    return m && !F && (e += ` ${Me}`), E && (e += ` ${E}`), B && (e += ` ${f}-select-${B}`), ke && (e += ` ${f}-select-error`), d === !0 && (e += ` ${f}-select-disabled`), q && (e += ` ${f}-select-open`), m && (e += ` ${f}-select-multiple`), F && (e += ` ${f}-select-over-line`), S && (e += ` ${f}-select-show-select`), r.length > 0 && (e += ` ${f}-select-value`), H && (e += ` ${f}-select-allow-clear`), e;
   }, dt = () => {
-    let e = `${v}-select-more-popover ${v}-scrollbar-small`;
-    return K && (e += ` ${v}-select-more-popover-${K}`), Ne && (e += ` ${Ne}`), e;
-  }, Ke = (e) => {
-    ee(e.target.value), g && g.onChange && g.onChange(e);
-  }, Ae = (e) => {
+    let e = `${f}-select-popover ${f}-scrollbar-small`;
+    return B && (e += ` ${f}-select-popover-${B}`), m ? e += ` ${f}-select-popover-multiple` : e += ` ${f}-select-popover-radio`, Ne && (e += ` ${Ne}`), S || (e += ` ${f}-select-popover-hide`), e;
+  }, pt = () => {
+    let e = `${f}-select-more-popover ${f}-scrollbar-small`;
+    return B && (e += ` ${f}-select-more-popover-${B}`), $e && (e += ` ${$e}`), e;
+  }, ft = (e) => {
+    U(e.target.value), C && C.onChange && C.onChange(e);
+  }, ht = (e, o) => {
+    U(e), o && C?.onChange && C.onChange(o);
+  }, Re = (e) => {
     if (e.keyCode === 13) {
-      $e && $e(u);
+      Te && Te(u);
       const o = document.querySelector(`.${X} .select-popover-list`);
       if (o) {
         const t = o.querySelector(".select-popover-list-item-hover");
         if (o.querySelector(".select-popover-list-item-keydown") || t) return;
       }
-      if (f.input && u.trim() !== "") {
+      if (h.input && u.trim() !== "") {
         if (m) {
           const t = [...r, u];
-          f.value === void 0 && T(t), C && C(t, e);
+          h.value === void 0 && T(t), v && v(t, e);
         } else
-          f.value === void 0 && T([u]), C && C(u, e);
-        ee("");
+          h.value === void 0 && T([u]), v && v(u, e);
+        U("");
       }
     }
-    g && g.onKeyDown && g.onKeyDown(e);
-  }, ft = (e) => {
-    if (f.input && ne && u.trim() !== "") {
+    C && C.onKeyDown && C.onKeyDown(e);
+  }, vt = (e) => {
+    if (h.input && re && u.trim() !== "") {
       if (m) {
         const o = [...r, u];
-        f.value === void 0 && T(o), C && C(o, e);
+        h.value === void 0 && T(o), v && v(o, e);
       } else
-        f.value === void 0 && T([u]), C && C(u, e);
-      ee("");
+        h.value === void 0 && T([u]), v && v(u, e);
+      U("");
     }
-    i.inputOpen = !1, g && g.onBlur?.(e);
-  }, pt = (e) => {
-    const o = W && W.current;
+    i.inputOpen = !1, C && C.onBlur?.(e);
+  }, Ct = (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 = At(l, n, e).width;
     a < 10 && (a = 10), o.style.width = `${a}px`;
-  }, Re = (e) => {
+  }, Ge = (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,17 +283,17 @@ 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"), Je(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"), Je(l, o);
+  }, Je = (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(() => {
       i.scroll = !1;
     }, 100);
-  }, Ce = (e) => {
+  }, ge = (e) => {
     const o = document.querySelector(`.${X} .select-popover-list`);
     if (!o) return;
     const t = o.querySelector(".select-popover-list-item-select"), n = o.querySelector(".select-popover-list-item-hover"), l = o.querySelector(".select-popover-list-item-keydown");
@@ -292,101 +301,101 @@ 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;
+        ae(x[w], !0)({ target: l });
       } else
-        G && k !== void 0 && G(k);
+        R && b !== void 0 && R(b);
     }
-    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 && Ge({
       selectDom: o,
       keyCode: e.keyCode,
       currentKeydownDom: c
-    }), e.keyCode === 38 && Re({
+    }), e.keyCode === 38 && Ge({
       selectDom: o,
       keyCode: e.keyCode,
       currentKeydownDom: c
     });
-  }, Je = (e) => {
+  }, Ue = (e) => {
     if (i.scroll) return;
-    const o = Fe(e.target, ".select-popover-list-item");
+    const o = He(e.target, ".select-popover-list-item");
     if (!o) return;
     o.classList.add("select-popover-list-item-hover");
     const t = document.querySelector(`.${X}`);
     if (!t) return;
     const n = t.querySelector(".select-popover-list-item-keydown");
     n && n.classList.remove("select-popover-list-item-keydown");
-  }, Ue = (e) => {
-    const o = Fe(e.target, ".select-popover-list-item");
+  }, We = (e) => {
+    const o = He(e.target, ".select-popover-list-item");
     o && o.classList.remove("select-popover-list-item-hover");
-  }, ht = H(() => {
-    const e = !!(A || R || V), o = () => {
+  }, gt = z(() => {
+    const e = !!(K || A || I), 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,
+      Tt,
       {
-        label: A,
-        required: R,
-        labelSign: V,
+        label: K,
+        required: A,
+        labelSign: I,
         ...Q,
         className: o()
       }
     ) });
-  }, [_, A, V, R, Q]), vt = 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 })
+  }, [_, K, I, A, Q]), yt = z(() => {
+    const e = () => _ === "outside" ? le : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      K || le,
+      A && /* @__PURE__ */ s.jsx("span", { className: "select-required", children: "*" }),
+      I && /* @__PURE__ */ s.jsx("span", { children: I })
     ] });
     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, _, le, K, I, A]), _e = (e) => {
     if (d === !0) return null;
     const o = `${e}-search-outside`;
     return y === "outside" ? /* @__PURE__ */ s.jsx(
       "input",
       {
-        ...g,
+        ...C,
         onClick: (t) => {
-          i.inputOpen = !0, g && g.onClick?.(t);
+          i.inputOpen = !0, C && C.onClick?.(t);
         },
-        onBlur: ft,
+        onBlur: vt,
         className: o,
         value: u,
-        onChange: Ke,
-        onKeyDown: Ae,
-        ref: W
+        onChange: ft,
+        onKeyDown: Re,
+        ref: te
       }
     ) : null;
-  }, Ct = H(() => {
+  }, xt = z(() => {
     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);
-      return z ? n || t : /* @__PURE__ */ s.jsx(ae, { placement: "top-start", children: n || t });
+      if (u !== "" && (y === "outside" || P)) return null;
+      const o = String(r[0]), t = x[o] && x[o][N] || r[0], n = k && k(x[o], !1);
+      return F ? n || t : /* @__PURE__ */ s.jsx(me, { placement: "top-start", children: n || t });
     };
     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")
+      _e("radio")
     ] }) });
   }, [
     m,
     Z,
-    z,
+    F,
     x,
     r,
     N,
-    q,
+    V,
     y,
     u,
     d,
-    I,
-    g,
-    S,
-    ne
-  ]), gt = H(() => {
+    P,
+    C,
+    k,
+    re
+  ]), wt = z(() => {
     const e = (o) => {
       const t = String(r[o]), n = x[t] && x[t][N] || r[o];
-      return S && S(x[t], !1) || n;
+      return k && k(x[t], !1) || n;
     };
     return /* @__PURE__ */ s.jsx(s.Fragment, { children: m && /* @__PURE__ */ s.jsxs("div", { className: "check-select-content", children: [
       r && r.map((o, t) => {
@@ -399,11 +408,11 @@ const Ht = (f, B, O) => {
           {
             className: l,
             children: [
-              /* @__PURE__ */ s.jsx("span", { children: /* @__PURE__ */ s.jsx(ae, { placement: "top-start", children: e(t) }) }),
+              /* @__PURE__ */ s.jsx("span", { children: /* @__PURE__ */ s.jsx(me, { placement: "top-start", children: e(t) }) }),
               n && /* @__PURE__ */ s.jsx(
-                Ye,
+                Ze,
                 {
-                  onClick: Be(x[String(r[t])], r[t])
+                  onClick: Ae(x[String(r[t])], r[t])
                 }
               )
             ]
@@ -417,7 +426,7 @@ const Ht = (f, B, O) => {
             "div",
             {
               className: "check-select-content-item check-select-content-item-more",
-              onClick: at,
+              onClick: mt,
               children: /* @__PURE__ */ s.jsxs("span", { children: [
                 "+",
                 r.length - L
@@ -425,7 +434,7 @@ const Ht = (f, B, O) => {
             }
           );
       })(),
-      We("check")
+      _e("check")
     ] }) });
   }, [
     m,
@@ -434,41 +443,41 @@ const Ht = (f, B, O) => {
     L,
     x,
     d,
-    C,
+    v,
     u,
-    q,
+    V,
     y,
-    I,
-    g,
-    S,
-    ne
-  ]), yt = (e) => {
+    P,
+    C,
+    k,
+    re
+  ]), jt = (e) => {
     e.stopPropagation();
-    let o = "";
-    const t = [];
-    if (m && (o = [], d instanceof Array))
+    const o = [];
+    let t;
+    if (m && (t = [], d instanceof Array))
       for (let n = 0, l = r.length; n < l; n++) {
         const c = r[n];
-        d.indexOf(c) !== -1 && (o.push(c), t.push(c));
+        d.indexOf(c) !== -1 && (t.push(c), o.push(c));
       }
-    f.value === void 0 && T(t), C && C(o, e), Y(!1), me && me();
-  }, xt = () => {
-    if (r.length > 0 && d !== !0 && b)
+    h.value === void 0 && T(o), v && v(t, e), Y(!1), ue && ue();
+  }, St = () => {
+    if (r.length > 0 && d !== !0 && H)
       return /* @__PURE__ */ s.jsx(
         "span",
         {
           className: "clean-up-icon",
-          onClick: yt,
-          children: /* @__PURE__ */ s.jsx(Tt, {})
+          onClick: jt,
+          children: /* @__PURE__ */ s.jsx(Et, {})
         }
       );
-  }, jt = () => {
+  }, kt = () => {
     const e = (o) => {
       const t = String(r[o]), n = x[t] && x[t][N] || r[o];
-      return S && S(x[t], "more") || n;
+      return k && k(x[t], "more") || n;
     };
     return /* @__PURE__ */ s.jsxs("div", { className: "select-more", children: [
-      /* @__PURE__ */ s.jsx("div", { className: "select-more-title", children: /* @__PURE__ */ s.jsx("span", { children: Pe({ id: "more" }) }) }),
+      /* @__PURE__ */ s.jsx("div", { className: "select-more-title", children: /* @__PURE__ */ s.jsx("span", { children: Ve({ id: "more" }) }) }),
       /* @__PURE__ */ s.jsx("div", { className: "select-more-content", children: r && r.map((o, t) => {
         if (L !== null && L > t) return null;
         let n = !0;
@@ -477,11 +486,11 @@ const Ht = (f, B, O) => {
           {
             className: "select-more-content-item",
             children: [
-              /* @__PURE__ */ s.jsx("span", { children: /* @__PURE__ */ s.jsx(ae, { placement: "top-start", children: e(t) }) }),
+              /* @__PURE__ */ s.jsx("span", { children: /* @__PURE__ */ s.jsx(me, { placement: "top-start", children: e(t) }) }),
               n && /* @__PURE__ */ s.jsx(
-                Ye,
+                Ze,
                 {
-                  onClick: Be(x[String(r[t])], r[t])
+                  onClick: Ae(x[String(r[t])], r[t])
                 }
               )
             ]
@@ -490,67 +499,67 @@ const Ht = (f, B, O) => {
         );
       }) })
     ] });
-  }, _e = H(() => /* @__PURE__ */ s.jsx(
-    Vt,
+  }, Qe = z(() => /* @__PURE__ */ s.jsx(
+    Ft,
     {
       placement: "bottom-end",
-      visible: he,
-      content: jt(),
-      onVisibleChange: He,
-      overlayClassName: dt(),
+      visible: ve,
+      content: kt(),
+      onVisibleChange: Ke,
+      overlayClassName: pt(),
       children: /* @__PURE__ */ s.jsxs(
         "div",
         {
           className: "select-content",
-          onClick: it,
-          ref: J,
+          onClick: ct,
+          ref: G,
           children: [
-            vt,
+            yt,
             /* @__PURE__ */ s.jsxs("span", { className: "select-svg", children: [
-              /* @__PURE__ */ s.jsx(Lt, {}),
-              xt()
+              /* @__PURE__ */ s.jsx(Ot, {}),
+              St()
             ] }),
-            Ct,
-            gt
+            xt,
+            wt
           ]
         }
       )
     }
   ), [
-    J,
+    G,
     Z,
     _,
-    se,
+    le,
+    K,
+    I,
     A,
-    V,
-    R,
-    z,
+    F,
     x,
     r,
     N,
     m,
     L,
     d,
-    C,
+    v,
     u,
     y,
-    I,
-    h,
-    g,
-    b,
-    me,
-    he,
+    P,
     S,
-    ne
-  ]), wt = H(() => {
+    C,
+    H,
+    ue,
+    ve,
+    k,
+    re
+  ]), bt = z(() => {
     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);
+      const n = t[N] || t[$], l = k && k(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, {}) })
+        /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-label", children: /* @__PURE__ */ s.jsx(me, { placement: "top-start", children: l || n }) }),
+        m && de && /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-svg", children: /* @__PURE__ */ s.jsx(Pt, {}) })
       ] });
     };
     return /* @__PURE__ */ s.jsxs(
@@ -559,7 +568,7 @@ const Ht = (f, B, O) => {
         className: e(),
         style: { outline: "1px  solid transparent" },
         children: [
-          U && U.length > 0 ? /* @__PURE__ */ s.jsx(s.Fragment, { children: U.map((t, n) => {
+          J && J.length > 0 ? /* @__PURE__ */ s.jsx(s.Fragment, { children: J.map((t, n) => {
             if (t[D] && t[D].length > 0) {
               const a = t[D];
               return /* @__PURE__ */ s.jsxs(
@@ -568,18 +577,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: ae(w),
                           className: oe,
-                          onMouseEnter: Je,
-                          onMouseLeave: Ue,
+                          onMouseEnter: Ue,
+                          onMouseLeave: We,
                           "data-val": M,
-                          children: o(j)
+                          children: o(w)
                         },
                         p
                       );
@@ -594,139 +603,135 @@ const Ht = (f, B, O) => {
             return r.indexOf(l) !== -1 && (c += " select-popover-list-item-select"), typeof d == "object" && d.indexOf(l) !== -1 && (c += " select-popover-list-item-disabled"), /* @__PURE__ */ s.jsx(
               "div",
               {
-                onClick: ce(t),
+                onClick: ae(t),
                 className: c,
-                onMouseEnter: Je,
-                onMouseLeave: Ue,
+                onMouseEnter: Ue,
+                onMouseLeave: We,
                 "data-val": l,
                 children: o(t)
               },
               n
             );
-          }) }) : !te && ve && /* @__PURE__ */ s.jsx("div", { className: "select-nodata", children: /* @__PURE__ */ s.jsx(
-            bt,
+          }) }) : !ee && Ce && /* @__PURE__ */ s.jsx("div", { className: "select-nodata", children: /* @__PURE__ */ s.jsx(
+            Dt,
             {
-              ...P,
-              size: P?.size || "small"
+              ...se,
+              size: se?.size || "small"
             }
           ) }),
-          te && /* @__PURE__ */ s.jsx(It, {})
+          ee && /* @__PURE__ */ s.jsx(qt, {})
         ]
       }
     );
   }, [
-    U,
+    J,
     N,
     $,
     r,
-    C,
+    v,
     m,
-    te,
-    Ee,
-    Oe,
-    P,
-    ve,
-    S,
-    ue
-  ]), St = H(() => {
-    if (!h) return "";
+    ee,
+    Pe,
+    Ie,
+    se,
+    Ce,
+    k,
+    de
+  ]), Nt = z(() => {
+    if (!S) return "";
     const e = () => {
       let o = `select-popover-content ${X}`;
-      return q && y === "inside" && (o += " select-popover-content-search"), o;
+      return V && y === "inside" && (o += " select-popover-content-search"), o;
     };
     return /* @__PURE__ */ s.jsxs(
       "div",
       {
-        style: { width: `${J && J.current ? J.current.offsetWidth : 0}px` },
+        style: { width: `${G && G.current ? G.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
+          V && y === "inside" && /* @__PURE__ */ s.jsx(
+            zt,
+            {
+              placeholder: je || Ve({ id: "searchPlaceholder" }),
+              onKeydown: Re,
+              value: u,
+              onChange: ht,
+              className: "select-popover-search"
+            }
+          ),
+          bt
         ]
       }
     );
   }, [
-    F,
+    q,
+    G,
     J,
-    U,
     D,
     $,
     N,
     r,
     u,
-    q,
+    V,
     X,
     y,
     m,
     je,
-    h,
-    te,
-    g,
-    Ee,
-    Oe,
-    P,
-    ve,
     S,
-    ue
-  ]), kt = () => /* @__PURE__ */ s.jsx(
-    $t,
+    ee,
+    C,
+    Pe,
+    Ie,
+    se,
+    Ce,
+    k,
+    de
+  ]), $t = () => /* @__PURE__ */ s.jsx(
+    Lt,
     {
-      visible: F,
+      visible: q,
       placement: "bottomLeft",
       trigger: ["click"],
-      overlay: /* @__PURE__ */ s.jsx(s.Fragment, { children: St }),
-      overlayClassName: ut(),
-      getPopupContainer: ot,
+      overlay: /* @__PURE__ */ s.jsx(s.Fragment, { children: Nt }),
+      overlayClassName: dt(),
+      getPopupContainer: st,
       onVisibleChange: (e) => {
         e || (clearTimeout(i.dropDownTimer), i.dropDownTimer = setTimeout(() => {
           i.inputOpen || Y(!1);
         }, 0));
       },
-      children: we ? /* @__PURE__ */ s.jsx(
-        qt,
+      children: Se ? /* @__PURE__ */ s.jsx(
+        Ht,
         {
           disabled: !0,
-          ...we,
-          children: _e
+          ...Se,
+          children: Qe
         }
-      ) : _e
+      ) : Qe
     }
   );
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: mt(),
-      style: O,
+      className: ut(),
+      style: g,
       children: [
-        ht,
-        kt(),
+        gt,
+        $t(),
         /* @__PURE__ */ s.jsx(
-          Ft,
+          Bt,
           {
             className: "select-error-text",
-            error: Se,
-            helperText: tt,
-            hideErrorDom: et
+            error: ke,
+            helperText: ot,
+            hideErrorDom: tt
           }
         )
       ]
     }
   );
-};
+}
 export {
-  mo as default
+  fo as default
 };
 //# sourceMappingURL=index.js.map