@para-ui/core 5.0.0-beta.8 → 5.0.0

package/es/Select/index.js

@@ -1,418 +1,420 @@
 import { j as s } from "../_virtual/jsx-runtime.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 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 "@snack-kit/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 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);
+const x = (M, p) => M[p], Gt = (M, p, T) => {
+  M[p] = T;
+}, Jt = (M, p, T) => {
+  const y = document.createElement("span");
+  y.id = "referenceSpan";
+  const k = { width: 0, height: 0 };
+  k.width = y.offsetWidth, k.height = y.offsetHeight, y.style.visibility = "hidden", y.style.fontSize = M, y.style.fontFamily = p, y.style.display = "inline-block";
+  const K = document.getElementById("referenceSpan");
+  return K && document.body.removeChild(K), document.body.appendChild(y), typeof y.textContent < "u" ? y.textContent = T : y.innerText = T, k.width = parseFloat(window.getComputedStyle(y).width) - k.width, k.height = parseFloat(window.getComputedStyle(y).height) - k.height, document.body.removeChild(y), k;
+}, ot = (M, p) => {
+  const T = Se.useRef(!1);
+  Se.useEffect(() => {
+    T.current ? M() : T.current = !0;
+  }, p);
 };
-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: le = "",
-    searchPlaceholder: je,
-    label: K = "",
-    input: P = !1,
-    disabled: d = !1,
-    disabledTooltip: Se,
-    multiple: m = !1,
-    required: A = !1,
-    labelSign: I,
-    error: ke = !1,
-    hideErrorDom: tt,
-    helperText: ot = "",
-    list: ne,
-    showName: N = "label",
-    showValue: $ = "value",
-    childrenName: D = "children",
-    value: b,
-    onChange: v,
-    overLine: be = !1,
-    search: V = !1,
-    searchModel: y = "inside",
-    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 = []) => {
+function Co(M) {
+  const p = M, {
+    className: T,
+    style: y,
+    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: u = !1,
+    disabledTooltip: be,
+    multiple: d = !1,
+    required: G = !1,
+    labelSign: V,
+    error: Ne = !1,
+    hideErrorDom: st,
+    helperText: lt = "",
+    list: ie,
+    showName: $ = "label",
+    showValue: D = "value",
+    childrenName: Y = "children",
+    value: N,
+    onChange: C,
+    overLine: $e = !1,
+    search: q = !1,
+    searchModel: w = "inside",
+    selectPopoverClassName: De,
+    morePopoverClassName: Te,
+    fetchSuggestions: Le,
+    searchInputProps: g,
+    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;
-  }, lt = () => {
+  }, rt = () => {
     let e = [];
-    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 = {};
+    return p.defaultValue !== void 0 && (d ? e = je(p.defaultValue || []) : e = p.defaultValue === "" ? [] : [p.defaultValue]), N !== void 0 && (d ? 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, w = c.length; a < w; a++) {
-          const p = c[a], M = String(p[$]);
-          o[M] = p;
+      const l = e[t], a = x(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(x(O, D));
+          o[F] = O;
         }
       } else {
-        const c = String(l[$]);
+        const c = String(x(l, D));
         o[c] = l;
       }
     }
     return o;
-  }, 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({
+  }, 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([]), [v, ct] = S(Ee()), [E, Ce] = S(null), [ge, Fe] = S(!1), [m, _] = 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: Pe, locale: Ie } = we.useContext(Mt), Ve = It("Select", Vt);
-  i.valueCom = [...r], i.listCom = J, i.searchModel = y, i.openMore = ve, O(() => () => {
+  }), { language: Ie, locale: Ve } = Se.useContext(Ot), qe = Vt("Select", qt);
+  i.valueCom = [...r], i.listCom = W, i.searchModel = w, i.openMore = ge, P(() => () => {
     clearTimeout(i.searchTimer), clearTimeout(i.timer), clearTimeout(i.scrollTimer), clearTimeout(i.dropDownTimer);
-  }, []), et(() => {
-    if (b === void 0) {
-      T([]);
+  }, []), ot(() => {
+    if (N === void 0) {
+      L([]);
       return;
     }
-    T(m ? xe(b || []) : b === "" ? [] : [b]);
-  }, [b, m]), O(() => {
-    ce();
-  }, [r, b]), O(() => {
-    if (y === "outside" && m)
-      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 !== ""));
-  }, [V, u, y, r, P]), O(() => {
-    if (q)
-      if (ie(!0), De)
-        De(u, (e) => {
-          const o = pe(e);
-          Fe(o, !0), ie(!1);
+    L(d ? je(N || []) : N === "" ? [] : [N]);
+  }, [N, d]), P(() => {
+    de();
+  }, [r, N]), P(() => {
+    if (w === "outside" && d)
+      return Pe(!0);
+    Pe($e);
+  }, [$e, w, d, I]), ot(() => {
+    ct(Ee());
+  }, [ie]), P(() => (!H && d ? window.addEventListener("resize", de) : window.removeEventListener("resize", de), () => {
+    window.removeEventListener("resize", de);
+  }), [H, d]), P(() => {
+    r && r.length > 0 ? ve(!0) : (ve(!1), w === "outside" && ve(m !== ""));
+  }, [q, m, w, r, I]), P(() => {
+    if (z)
+      if (ae(!0), Le)
+        Le(m, (e) => {
+          const o = he(e);
+          He(o, !0), ae(!1);
         });
       else {
-        const e = pe(ne);
-        Fe(e), ie(!1);
+        const e = he(ie);
+        He(e), ae(!1);
       }
-  }, [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) => {
+  }, [q, m, 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 && d && w === "outside" && yt(m);
+  }, [m, d, u, w, I]);
+  const ze = (e) => {
     if (e === null || e === 0) return;
     e === void 0 && (e = i.valueCom.length);
-    const o = document.querySelector(`.${Me} > .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;
-        he(t), qe(t);
+        Ce(t), ze(t);
       } else
-        i.valueCom.length <= e && Ke();
-  }, ce = () => {
-    if (i.valueCom.length === 0) return he(null);
+        i.valueCom.length <= e && Re();
+  }, de = () => {
+    if (i.valueCom.length === 0) return Ce(null);
     clearTimeout(i.timer), i.timer = setTimeout(() => {
-      he(i.valueCom.length), qe();
+      Ce(i.valueCom.length), ze();
     }, 50);
-  }, Fe = (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 w = a[D], p = [];
-        for (let M = 0, oe = w.length; M < oe; M++) {
-          const ye = w[M];
-          (o || Be(ye)) && p.push(ye);
+    for (let l = 0, a = n.length; l < a; l++) {
+      const c = { ...n[l] }, j = x(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 || Be(a)) && t.push(a);
+        (o || Ae(c)) && t.push(c);
     }
-    nt(t), ie(!1), it(t.length === 0);
-  }, ze = () => {
-    const e = te && te.current;
+    it(t), ae(!1), at(t.length === 0);
+  }, Be = () => {
+    const e = se && se.current;
     i.searchModel !== "inside" && e && e.focus({ preventScroll: !0 });
-  }, He = (e, o) => {
+  }, Ke = (e, o) => {
     let t = e;
     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;
-  }, Be = (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;
-  }, ct = () => {
-    d !== !0 && Y(!0);
-  }, at = () => {
-    Y(!1);
-  }, 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) {
+    if (m.trim() === "") return o;
+    const t = x(e, $);
+    return t && (typeof t == "number" || typeof t == "string") ? t.toString().toLowerCase().indexOf(m.trim().toLowerCase()) === -1 && (o = !1) : o = !1, o;
+  }, dt = () => {
+    u !== !0 && ee(!0);
+  }, mt = () => {
+    ee(!1);
+  }, ut = (e) => {
+    Fe(!0), ee(!1), e.stopPropagation();
+  }, Re = () => {
+    i.openMore && Fe(!1);
+  }, me = (e, o) => (t) => {
+    const n = x(e, D);
+    if (!(typeof u == "object" && u.indexOf(n) !== -1))
+      if (d) {
         const l = i.valueCom.indexOf(n);
-        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();
+        l !== -1 ? i.valueCom.splice(l, 1) : i.valueCom.push(n), p.value === void 0 && L([...i.valueCom]), C && C([...i.valueCom], t), o && J && J([...i.valueCom]), Be();
       } else
-        h.value === void 0 && T([n]), v && v(n, t), o && R && R(n), at(), U("");
-  }, Ae = (e, o) => (t) => {
+        p.value === void 0 && L([n]), C && C(n, t), o && J && J(n), mt(), _("");
+  }, Ge = (e, o) => (t) => {
     e || (e = {
-      [$]: o,
+      [D]: o,
       children: []
-    }), ae(e)(t), t.stopPropagation();
-  }, ut = () => {
-    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;
+    }), me(e)(t), t.stopPropagation();
   }, 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) => {
+    let e = `${h}-select`;
+    return d && !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`), d && (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}`), d ? 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), g && g.onChange && g.onChange(e);
+  }, Ct = (e, o) => {
+    _(e), o && g?.onChange && g.onChange(o);
+  }, Je = (e) => {
     if (e.keyCode === 13) {
-      Te && Te(u);
-      const o = document.querySelector(`.${X} .select-popover-list`);
+      Me && Me(m);
+      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 (h.input && u.trim() !== "") {
-        if (m) {
-          const t = [...r, u];
-          h.value === void 0 && T(t), v && v(t, e);
+      if (p.input && m.trim() !== "") {
+        if (d) {
+          const t = [...r, m];
+          p.value === void 0 && L(t), C && C(t, e);
         } else
-          h.value === void 0 && T([u]), v && v(u, e);
-        U("");
+          p.value === void 0 && L([m]), C && C(m, e);
+        _("");
       }
     }
-    C && C.onKeyDown && C.onKeyDown(e);
-  }, vt = (e) => {
-    if (h.input && re && u.trim() !== "") {
-      if (m) {
-        const o = [...r, u];
-        h.value === void 0 && T(o), v && v(o, e);
+    g && g.onKeyDown && g.onKeyDown(e);
+  }, gt = (e) => {
+    if (p.input && ce && m.trim() !== "") {
+      if (d) {
+        const o = [...r, m];
+        p.value === void 0 && L(o), C && C(o, e);
       } else
-        h.value === void 0 && T([u]), v && v(u, e);
-      U("");
+        p.value === void 0 && L([m]), C && C(m, e);
+      _("");
     }
-    i.inputOpen = !1, C && C.onBlur?.(e);
-  }, Ct = (e) => {
-    const o = te && te.current;
+    i.inputOpen = !1, g && g.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 = At(l, n, e).width;
-    a < 10 && (a = 10), o.style.width = `${a}px`;
-  }, Ge = (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", 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) {
+    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(w);
-        p && (p.classList.add("select-popover-list-item-keydown"), Je(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"), Je(l, o);
-  }, Je = (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);
-  }, ge = (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 w = a.dataset.val;
-        ae(x[w], !0)({ target: l });
+    let a = t;
+    if (n && (a = n), e.keyCode === 13) {
+      const c = l || n;
+      if (c) {
+        const j = c.dataset.val;
+        me(v[j], !0)({ target: l });
       } else
-        R && b !== void 0 && R(b);
+        J && N !== void 0 && J(N);
     }
-    l && (c = l, l.classList.remove("select-popover-list-item-keydown")), e.keyCode === 40 && Ge({
+    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 && Ge({
+      currentKeydownDom: a
+    }), e.keyCode === 38 && Ue({
       selectDom: o,
       keyCode: e.keyCode,
-      currentKeydownDom: c
+      currentKeydownDom: a
     });
-  }, Ue = (e) => {
+  }, _e = (e) => {
     if (i.scroll) return;
-    const o = He(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");
-  }, We = (e) => {
-    const o = He(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");
-  }, gt = z(() => {
-    const e = !!(K || A || I), 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(
-      Tt,
+    return /* @__PURE__ */ s.jsx(s.Fragment, { children: Q === "outside" && e && /* @__PURE__ */ s.jsx(
+      Mt,
       {
-        label: K,
-        required: A,
-        labelSign: I,
-        ...Q,
+        label: R,
+        required: G,
+        labelSign: V,
+        ...X,
         className: o()
       }
     ) });
-  }, [_, 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 })
+  }, [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, _, le, K, I, A]), _e = (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 w === "outside" ? /* @__PURE__ */ s.jsx(
       "input",
       {
-        ...C,
+        ...g,
         onClick: (t) => {
-          i.inputOpen = !0, C && C.onClick?.(t);
+          i.inputOpen = !0, g && g.onClick?.(t);
         },
-        onBlur: vt,
+        onBlur: gt,
         className: o,
-        value: u,
-        onChange: ft,
-        onKeyDown: Re,
-        ref: te
+        value: m,
+        onChange: vt,
+        onKeyDown: Je,
+        ref: se
       }
     ) : null;
-  }, xt = z(() => {
+  }, jt = B(() => {
     const e = () => {
-      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 });
+      if (m !== "" && (w === "outside" || I)) return null;
+      const o = String(r[0]), t = v[o] && x(v[o], $) || r[0], n = v[o] !== void 0 && b && b(v[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: [
+    return /* @__PURE__ */ s.jsx(s.Fragment, { children: !d && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
       /* @__PURE__ */ s.jsx("div", { className: "radio-select-content", children: e() }),
-      _e("radio")
+      Xe("radio")
     ] }) });
   }, [
-    m,
-    Z,
-    F,
-    x,
+    d,
+    te,
+    H,
+    v,
     r,
-    N,
-    V,
-    y,
+    $,
+    q,
+    w,
+    m,
     u,
-    d,
-    P,
-    C,
-    k,
-    re
-  ]), wt = z(() => {
+    I,
+    g,
+    b,
+    ce
+  ]), St = B(() => {
     const e = (o) => {
-      const t = String(r[o]), n = x[t] && x[t][N] || r[o];
-      return k && k(x[t], !1) || n;
+      const t = String(r[o]), n = v[t] && x(v[t], $) || r[o];
+      return v[t] !== void 0 && b && b(v[t], !1) || n;
     };
-    return /* @__PURE__ */ s.jsx(s.Fragment, { children: m && /* @__PURE__ */ s.jsxs("div", { className: "check-select-content", children: [
+    return /* @__PURE__ */ s.jsx(s.Fragment, { children: d && /* @__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(me, { 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(
-                Ze,
+                tt,
                 {
-                  onClick: Ae(x[String(r[t])], r[t])
+                  onClick: Ge(v[String(r[t])], r[t])
                 }
               )
             ]
@@ -421,76 +423,76 @@ function fo(W) {
         );
       }),
       (() => {
-        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: mt,
+              onClick: ut,
               children: /* @__PURE__ */ s.jsxs("span", { children: [
                 "+",
-                r.length - L
+                r.length - E
               ] })
             }
           );
       })(),
-      _e("check")
+      Xe("check")
     ] }) });
   }, [
-    m,
-    Z,
-    r,
-    L,
-    x,
     d,
+    te,
+    r,
+    E,
     v,
     u,
-    V,
-    y,
-    P,
     C,
-    k,
-    re
-  ]), jt = (e) => {
+    m,
+    q,
+    w,
+    I,
+    g,
+    b,
+    ce
+  ]), kt = (e) => {
     e.stopPropagation();
     const o = [];
     let t;
-    if (m && (t = [], d instanceof Array))
+    if (d && (t = [], u instanceof Array))
       for (let n = 0, l = r.length; n < l; n++) {
-        const c = r[n];
-        d.indexOf(c) !== -1 && (t.push(c), o.push(c));
+        const a = r[n];
+        u.indexOf(a) !== -1 && (t.push(a), o.push(a));
       }
-    h.value === void 0 && T(o), v && v(t, e), Y(!1), ue && ue();
-  }, St = () => {
-    if (r.length > 0 && d !== !0 && H)
+    p.value === void 0 && L(o), C && C(t, e), ee(!1), pe && pe();
+  }, bt = () => {
+    if (r.length > 0 && u !== !0 && K)
       return /* @__PURE__ */ s.jsx(
         "span",
         {
           className: "clean-up-icon",
-          onClick: jt,
-          children: /* @__PURE__ */ s.jsx(Et, {})
+          onClick: kt,
+          children: /* @__PURE__ */ s.jsx(Ft, {})
         }
       );
-  }, kt = () => {
+  }, Nt = () => {
     const e = (o) => {
-      const t = String(r[o]), n = x[t] && x[t][N] || r[o];
-      return k && k(x[t], "more") || n;
+      const t = String(r[o]), n = v[t] && x(v[t], $) || r[o];
+      return v[t] !== void 0 && b && b(v[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: Ve({ 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(me, { 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(
-                Ze,
+                tt,
                 {
-                  onClick: Ae(x[String(r[t])], r[t])
+                  onClick: Ge(v[String(r[t])], r[t])
                 }
               )
             ]
@@ -499,67 +501,67 @@ function fo(W) {
         );
       }) })
     ] });
-  }, Qe = z(() => /* @__PURE__ */ s.jsx(
-    Ft,
+  }, Ye = B(() => /* @__PURE__ */ s.jsx(
+    Ht,
     {
       placement: "bottom-end",
-      visible: ve,
-      content: kt(),
-      onVisibleChange: Ke,
-      overlayClassName: pt(),
+      visible: ge,
+      content: Nt(),
+      onVisibleChange: Re,
+      overlayClassName: ht(),
       children: /* @__PURE__ */ s.jsxs(
         "div",
         {
           className: "select-content",
-          onClick: ct,
-          ref: G,
+          onClick: dt,
+          ref: U,
           children: [
-            yt,
+            wt,
             /* @__PURE__ */ s.jsxs("span", { className: "select-svg", children: [
-              /* @__PURE__ */ s.jsx(Ot, {}),
-              St()
+              /* @__PURE__ */ s.jsx(Pt, {}),
+              bt()
             ] }),
-            xt,
-            wt
+            jt,
+            St
           ]
         }
       )
     }
   ), [
+    U,
+    te,
+    Q,
+    re,
+    R,
+    V,
     G,
-    Z,
-    _,
-    le,
-    K,
-    I,
-    A,
-    F,
-    x,
+    H,
+    v,
     r,
-    N,
-    m,
-    L,
+    $,
     d,
-    v,
+    E,
     u,
-    y,
-    P,
-    S,
     C,
-    H,
-    ue,
-    ve,
+    m,
+    w,
+    I,
     k,
-    re
-  ]), bt = z(() => {
+    g,
+    K,
+    pe,
+    ge,
+    b,
+    ce
+  ]), $t = B(() => {
     const e = () => {
       let t = "select-popover-list";
-      return ee && (t += " select-popover-list-loading"), t;
+      return oe && (t += " select-popover-list-loading"), t;
     }, o = (t) => {
-      const n = t[N] || t[$], l = k && k(t, !0);
+      const n = x(t, $) || x(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(me, { placement: "top-start", children: l || n }) }),
-        m && de && /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-svg", children: /* @__PURE__ */ s.jsx(Pt, {}) })
+        /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-label", children: /* @__PURE__ */ s.jsx(ue, { placement: "top-start", children: l || n }) }),
+        d && fe && /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-item-svg", children: /* @__PURE__ */ s.jsx(It, {}) })
       ] });
     };
     return /* @__PURE__ */ s.jsxs(
@@ -568,29 +570,30 @@ function fo(W) {
         className: e(),
         style: { outline: "1px  solid transparent" },
         children: [
-          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];
+          W && W.length > 0 ? /* @__PURE__ */ s.jsx(s.Fragment, { children: W.map((t, n) => {
+            const l = x(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((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(
+                    /* @__PURE__ */ s.jsx("span", { className: "select-popover-list-group-label", children: x(t, $) || x(t, D) }),
+                    j.map((f, O) => {
+                      const F = x(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: ae(w),
-                          className: oe,
-                          onMouseEnter: Ue,
-                          onMouseLeave: We,
-                          "data-val": M,
-                          children: o(w)
+                          onClick: me(f),
+                          className: le,
+                          onMouseEnter: _e,
+                          onMouseLeave: Qe,
+                          "data-val": F,
+                          children: o(f)
                         },
-                        p
+                        O
                       );
                     })
                   ]
@@ -598,133 +601,133 @@ function fo(W) {
                 n
               );
             }
-            const l = t[$];
+            const a = x(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: ae(t),
+                onClick: me(t),
                 className: c,
-                onMouseEnter: Ue,
-                onMouseLeave: We,
-                "data-val": l,
+                onMouseEnter: _e,
+                onMouseLeave: Qe,
+                "data-val": a,
                 children: o(t)
               },
               n
             );
-          }) }) : !ee && Ce && /* @__PURE__ */ s.jsx("div", { className: "select-nodata", children: /* @__PURE__ */ s.jsx(
-            Dt,
+          }) }) : !oe && ye && /* @__PURE__ */ s.jsx("div", { className: "select-nodata", children: /* @__PURE__ */ s.jsx(
+            Lt,
             {
-              ...se,
-              size: se?.size || "small"
+              ...ne,
+              size: ne?.size || "small"
             }
           ) }),
-          ee && /* @__PURE__ */ s.jsx(qt, {})
+          oe && /* @__PURE__ */ s.jsx(zt, {})
         ]
       }
     );
   }, [
-    J,
-    N,
+    W,
     $,
+    D,
     r,
-    v,
-    m,
-    ee,
-    Pe,
+    C,
+    d,
+    oe,
     Ie,
-    se,
-    Ce,
-    k,
-    de
-  ]), Nt = z(() => {
-    if (!S) return "";
+    Ve,
+    ne,
+    ye,
+    b,
+    fe
+  ]), Dt = B(() => {
+    if (!k) return "";
     const e = () => {
-      let o = `select-popover-content ${X}`;
-      return V && y === "inside" && (o += " select-popover-content-search"), o;
+      let o = `select-popover-content ${Z}`;
+      return q && w === "inside" && (o += " select-popover-content-search"), o;
     };
     return /* @__PURE__ */ s.jsxs(
       "div",
       {
-        style: { width: `${G && G.current ? G.current.offsetWidth : 0}px` },
+        style: { width: `${U && U.current ? U.current.offsetWidth : 0}px` },
         className: e(),
         children: [
-          V && y === "inside" && /* @__PURE__ */ s.jsx(
-            zt,
+          q && w === "inside" && /* @__PURE__ */ s.jsx(
+            Bt,
             {
-              placeholder: je || Ve({ id: "searchPlaceholder" }),
-              onKeydown: Re,
-              value: u,
-              onChange: ht,
+              placeholder: ke || qe({ id: "searchPlaceholder" }),
+              onKeydown: Je,
+              value: m,
+              onChange: Ct,
               className: "select-popover-search"
             }
           ),
-          bt
+          $t
         ]
       }
     );
   }, [
-    q,
-    G,
-    J,
+    z,
+    U,
+    W,
+    Y,
     D,
     $,
-    N,
     r,
-    u,
-    V,
-    X,
-    y,
     m,
-    je,
-    S,
-    ee,
-    C,
-    Pe,
-    Ie,
-    se,
-    Ce,
+    q,
+    Z,
+    w,
+    d,
+    ke,
     k,
-    de
-  ]), $t = () => /* @__PURE__ */ s.jsx(
-    Lt,
+    oe,
+    g,
+    Ie,
+    Ve,
+    ne,
+    ye,
+    b,
+    fe
+  ]), Tt = () => /* @__PURE__ */ s.jsx(
+    Et,
     {
-      visible: q,
+      visible: z,
       placement: "bottomLeft",
       trigger: ["click"],
-      overlay: /* @__PURE__ */ s.jsx(s.Fragment, { children: Nt }),
-      overlayClassName: dt(),
-      getPopupContainer: st,
+      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: Se ? /* @__PURE__ */ s.jsx(
-        Ht,
+      children: be ? /* @__PURE__ */ s.jsx(
+        Kt,
         {
           disabled: !0,
-          ...Se,
-          children: Qe
+          ...be,
+          children: Ye
         }
-      ) : Qe
+      ) : Ye
     }
   );
   return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: ut(),
-      style: g,
+      className: pt(),
+      style: y,
       children: [
-        gt,
-        $t(),
+        xt,
+        Tt(),
         /* @__PURE__ */ s.jsx(
-          Bt,
+          At,
           {
             className: "select-error-text",
-            error: ke,
-            helperText: ot,
-            hideErrorDom: tt
+            error: Ne,
+            helperText: lt,
+            hideErrorDom: st
           }
         )
       ]
@@ -732,6 +735,6 @@ function fo(W) {
   );
 }
 export {
-  fo as default
+  Co as default
 };
 //# sourceMappingURL=index.js.map