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

package/es/Select/index.js

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