@para-ui/core 5.0.0-beta.4 → 5.0.0-beta.7

package/es/Select/index.js

@@ -1,79 +1,81 @@
 import { j as s } from "../_virtual/jsx-runtime.js";
-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 { 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 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 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;
-}, Ye = (f, B) => {
-  const O = xe.useRef(!1);
-  xe.useEffect(() => {
-    O.current ? f() : O.current = !0;
-  }, B);
-}, uo = (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 = "",
-    searchPlaceholder: we,
-    label: A = "",
-    input: I = !1,
+    placeholder: le = "",
+    searchPlaceholder: je,
+    label: K = "",
+    input: P = !1,
     disabled: d = !1,
-    disabledTooltip: je,
+    disabledTooltip: Se,
     multiple: m = !1,
-    required: R = !1,
-    labelSign: V,
-    error: Se = !1,
-    hideErrorDom: Ze,
-    helperText: et = "",
-    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: tt,
-    renderContent: S,
-    selectCheckIcon: ue = !0,
-    blurChangeValueBol: ne = !1
-  } = Ht(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,11 +90,11 @@ const Bt = (f, B, O) => {
       }
     }
     return o;
-  }, ot = () => {
+  }, 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) {
@@ -107,160 +109,165 @@ const Bt = (f, B, O) => {
       }
     }
     return o;
-  }, 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({
+  }, 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(Tt), 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);
-  }, []), Ye(() => {
-    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]), Ye(() => {
-    lt(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);
-  })) : (W(""), window.removeEventListener("keydown", Ce)), () => {
-    clearTimeout(i.openTimer), window.removeEventListener("keydown", Ce);
-  }), [F]), E(() => {
-    d !== !0 && m && y === "outside" && ht(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 w = a[D], p = [];
         for (let M = 0, oe = w.length; M < oe; M++) {
-          const ge = w[M];
-          (o || ze(ge)) && p.push(ge);
+          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);
     }
-    st(t), re(!1), nt(t.length === 0);
-  }, qe = () => {
+    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;
-  }, rt = () => {
+  }, ct = () => {
     d !== !0 && Y(!0);
-  }, it = () => {
+  }, at = () => {
     Y(!1);
-  }, ct = (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), it(), W("");
-  }, 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();
-  }, 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;
-  }, 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;
+    }), ae(e)(t), t.stopPropagation();
   }, 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) => {
+    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 = `${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);
-        W("");
+          h.value === void 0 && T([u]), v && v(u, e);
+        U("");
       }
     }
-    g && g.onKeyDown && g.onKeyDown(e);
-  }, pt = (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);
-      W("");
+        h.value === void 0 && T([u]), v && v(u, e);
+      U("");
     }
-    i.inputOpen = !1, g && g.onBlur?.(e);
-  }, ht = (e) => {
+    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 = Bt(l, n, e).width;
+    let a = At(l, n, e).width;
     a < 10 && (a = 10), o.style.width = `${a}px`;
-  }, Ae = (e) => {
+  }, Ge = (e) => {
     const { selectDom: o, keyCode: t, currentKeydownDom: n } = e;
     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)
@@ -277,16 +284,16 @@ const Bt = (f, B, O) => {
     if (l)
       if (l.className.indexOf("select-popover-list-group") !== -1) {
         const p = l.querySelector(w);
-        p && (p.classList.add("select-popover-list-item-keydown"), Re(p, o));
+        p && (p.classList.add("select-popover-list-item-keydown"), Je(p, o));
       } else
-        l.classList.add("select-popover-list-item-keydown"), Re(l, o);
-  }, Re = (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");
@@ -295,100 +302,100 @@ const Bt = (f, B, O) => {
       const a = l || n;
       if (a) {
         const w = a.dataset.val;
-        ce(x[w], !0)({ target: l });
+        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 && Ae({
+    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 && Ae({
+    }), e.keyCode === 38 && Ge({
       selectDom: o,
       keyCode: e.keyCode,
       currentKeydownDom: c
     });
-  }, Ge = (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");
-  }, Je = (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");
-  }, vt = 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(
-      $t,
+      Tt,
       {
-        label: A,
-        required: R,
-        labelSign: V,
+        label: K,
+        required: A,
+        labelSign: I,
         ...Q,
         className: o()
       }
     ) });
-  }, [_, 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 })
+  }, [_, 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]), Ue = (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: pt,
+        onBlur: vt,
         className: o,
         value: u,
-        onChange: dt,
-        onKeyDown: Ke,
+        onChange: ft,
+        onKeyDown: Re,
         ref: te
       }
     ) : null;
-  }, gt = 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() }),
-      Ue("radio")
+      _e("radio")
     ] }) });
   }, [
     m,
     Z,
-    z,
+    F,
     x,
     r,
     N,
-    q,
+    V,
     y,
     u,
     d,
-    I,
-    g,
-    S,
-    ne
-  ]), yt = 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) => {
@@ -401,11 +408,11 @@ const Bt = (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(
-                Xe,
+                Ze,
                 {
-                  onClick: Be(x[String(r[t])], r[t])
+                  onClick: Ae(x[String(r[t])], r[t])
                 }
               )
             ]
@@ -419,7 +426,7 @@ const Bt = (f, B, O) => {
             "div",
             {
               className: "check-select-content-item check-select-content-item-more",
-              onClick: ct,
+              onClick: mt,
               children: /* @__PURE__ */ s.jsxs("span", { children: [
                 "+",
                 r.length - L
@@ -427,7 +434,7 @@ const Bt = (f, B, O) => {
             }
           );
       })(),
-      Ue("check")
+      _e("check")
     ] }) });
   }, [
     m,
@@ -436,41 +443,41 @@ const Bt = (f, B, O) => {
     L,
     x,
     d,
-    C,
+    v,
     u,
-    q,
+    V,
     y,
-    I,
-    g,
-    S,
-    ne
-  ]), xt = (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();
-  }, wt = () => {
-    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: xt,
-          children: /* @__PURE__ */ s.jsx(Lt, {})
+          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;
@@ -479,11 +486,11 @@ const Bt = (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(
-                Xe,
+                Ze,
                 {
-                  onClick: Be(x[String(r[t])], r[t])
+                  onClick: Ae(x[String(r[t])], r[t])
                 }
               )
             ]
@@ -492,67 +499,67 @@ const Bt = (f, B, O) => {
         );
       }) })
     ] });
-  }, We = H(() => /* @__PURE__ */ s.jsx(
-    Vt,
+  }, Qe = z(() => /* @__PURE__ */ s.jsx(
+    Ft,
     {
       placement: "bottom-end",
-      visible: he,
-      content: jt(),
-      onVisibleChange: He,
-      overlayClassName: ut(),
+      visible: ve,
+      content: kt(),
+      onVisibleChange: Ke,
+      overlayClassName: pt(),
       children: /* @__PURE__ */ s.jsxs(
         "div",
         {
           className: "select-content",
-          onClick: rt,
-          ref: J,
+          onClick: ct,
+          ref: G,
           children: [
-            Ct,
+            yt,
             /* @__PURE__ */ s.jsxs("span", { className: "select-svg", children: [
-              /* @__PURE__ */ s.jsx(Mt, {}),
-              wt()
+              /* @__PURE__ */ s.jsx(Ot, {}),
+              St()
             ] }),
-            gt,
-            yt
+            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
-  ]), St = H(() => {
+    C,
+    H,
+    ue,
+    ve,
+    k,
+    re
+  ]), bt = z(() => {
     const e = () => {
       let t = "select-popover-list";
       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(Et, {}) })
+        /* @__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(
@@ -561,7 +568,7 @@ const Bt = (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(
@@ -576,10 +583,10 @@ const Bt = (f, B, O) => {
                       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(w),
+                          onClick: ae(w),
                           className: oe,
-                          onMouseEnter: Ge,
-                          onMouseLeave: Je,
+                          onMouseEnter: Ue,
+                          onMouseLeave: We,
                           "data-val": M,
                           children: o(w)
                         },
@@ -596,135 +603,135 @@ const Bt = (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: Ge,
-                onMouseLeave: Je,
+                onMouseEnter: Ue,
+                onMouseLeave: We,
                 "data-val": l,
                 children: o(t)
               },
               n
             );
-          }) }) : !ee && ve && /* @__PURE__ */ s.jsx("div", { className: "select-nodata", children: /* @__PURE__ */ s.jsx(
-            Nt,
+          }) }) : !ee && Ce && /* @__PURE__ */ s.jsx("div", { className: "select-nodata", children: /* @__PURE__ */ s.jsx(
+            Dt,
             {
-              ...P,
-              size: P?.size || "small"
+              ...se,
+              size: se?.size || "small"
             }
           ) }),
-          ee && /* @__PURE__ */ s.jsx(It, {})
+          ee && /* @__PURE__ */ s.jsx(qt, {})
         ]
       }
     );
   }, [
-    U,
+    J,
     N,
     $,
     r,
-    C,
+    v,
     m,
     ee,
-    Ee,
-    Oe,
-    P,
-    ve,
-    S,
-    ue
-  ]), kt = H(() => {
-    if (!h) return "";
+    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.jsx(
-            qt,
+          V && y === "inside" && /* @__PURE__ */ s.jsx(
+            zt,
             {
-              placeholder: we || Pe({ id: "searchPlaceholder" }),
-              onKeydown: Ke,
+              placeholder: je || Ve({ id: "searchPlaceholder" }),
+              onKeydown: Re,
               value: u,
-              onChange: ft,
+              onChange: ht,
               className: "select-popover-search"
             }
           ),
-          St
+          bt
         ]
       }
     );
   }, [
-    F,
+    q,
+    G,
     J,
-    U,
     D,
     $,
     N,
     r,
     u,
-    q,
+    V,
     X,
     y,
     m,
-    we,
-    h,
-    ee,
-    g,
-    Ee,
-    Oe,
-    P,
-    ve,
+    je,
     S,
-    ue
-  ]), bt = () => /* @__PURE__ */ s.jsx(
-    Dt,
+    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: kt }),
-      overlayClassName: mt(),
-      getPopupContainer: tt,
+      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: je ? /* @__PURE__ */ s.jsx(
-        Ft,
+      children: Se ? /* @__PURE__ */ s.jsx(
+        Ht,
         {
           disabled: !0,
-          ...je,
-          children: We
+          ...Se,
+          children: Qe
         }
-      ) : We
+      ) : Qe
     }
   );
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: at(),
-      style: O,
+      className: ut(),
+      style: g,
       children: [
-        vt,
-        bt(),
+        gt,
+        $t(),
         /* @__PURE__ */ s.jsx(
-          zt,
+          Bt,
           {
             className: "select-error-text",
-            error: Se,
-            helperText: et,
-            hideErrorDom: Ze
+            error: ke,
+            helperText: ot,
+            hideErrorDom: tt
           }
         )
       ]
     }
   );
-};
+}
 export {
-  uo as default
+  fo as default
 };
 //# sourceMappingURL=index.js.map