@para-ui/core 5.0.0-beta.13 → 5.0.0-beta.14

package/es/ComboSelect/index.js

@@ -1,123 +1,130 @@
 import { j as t } from "../_virtual/jsx-runtime.js";
-import Jt, { useRef as v, useState as g, useEffect as S, useMemo as N, useImperativeHandle as Ut } from "react";
-import { Down as Qt } from "../node_modules/@para-ui/icons/Down/index.js";
-import { Search as Xt } from "../node_modules/@para-ui/icons/Search/index.js";
-import { Close as ot } from "../node_modules/@para-ui/icons/Close/index.js";
-import { CloseCircleF as Yt } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
-import Zt from "../Table/index.js";
-import eo from "../Tree/Tree.js";
+import Qt, { useRef as v, useEffect as N, useState as x, useMemo as T, useImperativeHandle as Xt } from "react";
+import { Down as Yt } from "../node_modules/@para-ui/icons/Down/index.js";
+import { Search as Zt } from "../node_modules/@para-ui/icons/Search/index.js";
+import { Close as st } from "../node_modules/@para-ui/icons/Close/index.js";
+import { CloseCircleF as eo } from "../node_modules/@para-ui/icons/CloseCircleF/index.js";
+import to from "../Table/index.js";
+import oo from "../Tree/Tree.js";
 import './index.css';import '../Tree/style/index.css';/* empty css                       */
-import { Button as rt } from "../Button/index.js";
-import { Dropdown as to } from "../Dropdown/index.js";
-import { Popover as st } from "../Popover/index.js";
-import xe from "../AutoTips/index.js";
-import { Tooltip as oo } from "../Tooltip/index.js";
-import I from "clsx";
-import { getReplaceField as ro, isRemoteLoad as so, debounce as lo, toArray as lt, closest as no, getOverlaySize as co } from "./utils.js";
-import { DeepClone as io } from "@snack-kit/lib";
-import { ArrayToObject as ao } from "../Utils/snack-kit-shims.js";
-import mo from "../GlobalContext/index.js";
-import uo from "../Hooks/useGlobalProps.js";
-import fo from "../GlobalContext/useFormatMessage.js";
-import po from "./lang/index.js";
-import ho from "../Label/index.js";
-import bo from "../HelperText/index.js";
+import { Button as lt } from "../Button/index.js";
+import { Dropdown as ro } from "../Dropdown/index.js";
+import { Popover as nt } from "../Popover/index.js";
+import ge from "../AutoTips/index.js";
+import { Tooltip as so } from "../Tooltip/index.js";
+import A from "clsx";
+import { getReplaceField as lo, isRemoteLoad as no, debounce as co, toArray as ct, closest as ao, getOverlaySize as io } from "./utils.js";
+import { DeepClone as mo } from "@snack-kit/lib";
+import { ArrayToObject as uo } from "../Utils/snack-kit-shims.js";
+import fo from "../GlobalContext/index.js";
+import po from "../Hooks/useGlobalProps.js";
+import ho from "../GlobalContext/useFormatMessage.js";
+import bo from "./lang/index.js";
+import vo from "../Label/index.js";
+import xo from "../HelperText/index.js";
 import { $prefixCls as m } from "../GlobalContext/constant.js";
-import { Search as vo } from "../Search/index.js";
-import { LoadingF as go } from "../node_modules/@para-ui/icons/LoadingF/index.js";
+import { Search as go } from "../Search/index.js";
+import { LoadingF as jo } from "../node_modules/@para-ui/icons/LoadingF/index.js";
 /* empty css           */
-const _o = (nt) => {
+const Uo = (at) => {
   const {
-    mode: d = "table",
+    mode: u = "table",
     placeholder: je,
-    searchPlaceholder: ct,
-    overLine: V = !1,
-    disabled: Ce = !1,
-    allowClear: it = !1,
-    className: at,
-    style: mt,
-    maxHeight: dt,
-    height: ut,
-    placement: ft = "bottomLeft",
-    popoverClassName: pt,
-    size: ht = "large",
-    popoverActions: ye = null,
-    showPopoverActions: we = !1,
+    searchPlaceholder: it,
+    maxCount: Ce,
+    overLine: I = !1,
+    disabled: ye = !1,
+    allowClear: mt = !1,
+    className: ut,
+    style: dt,
+    maxHeight: ft,
+    height: pt,
+    placement: ht = "bottomLeft",
+    popoverClassName: bt,
+    size: vt = "large",
+    popoverActions: we = null,
+    showPopoverActions: Ne = !1,
     defaultOpen: te = !1,
-    defaultValue: Ne,
-    replaceFields: bt = { key: "key", title: "title", children: "children" },
-    outputFields: vt = { outputKey: "key", outputTitle: "label" },
+    defaultValue: Te,
+    replaceFields: xt = { key: "key", title: "title", children: "children" },
+    outputFields: gt = { outputKey: "key", outputTitle: "label" },
     value: oe,
     onClear: re,
-    onCancel: gt,
-    onOk: xt,
-    onClose: jt,
-    onChange: T,
+    onCancel: jt,
+    onOk: Ct,
+    onClose: yt,
+    onChange: k,
     onSearch: se,
-    refresh: k,
+    refresh: P,
     TableProps: le,
     TreeProps: M,
-    checkable: i = !0,
-    url: Te,
-    ctx: ke,
+    checkable: a = !0,
+    url: ke,
+    ctx: Pe,
     params: R,
-    method: Pe = "Get",
+    method: Se = "Get",
     showSearch: H = !1,
-    realTimeSearch: Ct = !1,
-    error: Se = !1,
-    hideErrorDom: yt,
+    realTimeSearch: wt = !1,
+    error: Re = !1,
+    hideErrorDom: Nt,
     helperText: ne,
-    paramsCallback: wt,
-    fullPathKey: Nt,
-    fullPathRender: Re,
+    paramsCallback: Tt,
+    fullPathKey: kt,
+    fullPathRender: $e,
     disablePopup: f = !1,
     tagRender: ce,
-    onTagRemove: $e,
-    action: Tt,
-    label: Le = "",
-    labelTooltip: kt,
-    required: Me = !1,
-    emptyProps: Oe,
-    toggleSelectedOnSingle: Pt = !1,
-    optionRender: De,
+    onTagRemove: Le,
+    action: Pt,
+    label: Me = "",
+    labelTooltip: St,
+    required: Oe = !1,
+    emptyProps: De,
+    toggleSelectedOnSingle: Rt = !1,
+    optionRender: Ee,
     getOptionLabel: ze,
-    dropdownMatchSelectWidth: ie = !0,
-    getPopupContainer: St,
+    dropdownMatchSelectWidth: ae = !0,
+    getPopupContainer: $t,
     maxTagTextLength: W,
     renderInputContent: q,
-    renderTagLabel: ae,
-    renderMoreTagLabel: Ee
-  } = uo(nt, "ComboSelect"), { language: Fe, locale: Ke } = Jt.useContext(mo), $ = v(null), [p, me] = g(!1), [x, B] = g([]), G = v(/* @__PURE__ */ new Map()), [a, _] = g([]), [J, Ae] = g(""), U = v(void 0), [O, Ie] = g(null), [D, Rt] = g(!1), [L, $t] = g(0), [z, E] = g(!1), de = v([]), F = v(!1), Q = v(null), Ve = v({}), He = ro(
-    d,
-    bt,
+    renderTagLabel: ie,
+    renderMoreTagLabel: Fe
+  } = po(at, "ComboSelect"), { language: Ke, locale: Ve } = Qt.useContext(fo), $ = v(null), Ae = v(!1);
+  N(() => {
+    process.env.NODE_ENV !== "production" && Ce !== void 0 && !Ae.current && (Ae.current = !0, console.warn(
+      "[ComboSelect] maxCount 已在 v5.x 标记为 @deprecated 且自当前版本起 runtime 完全不生效(原代码 dead field)。请从 props 中移除 maxCount;tag 显示数量由 overLine 控制是否换行。v6.0 将移除该字段。"
+    ));
+  }, [Ce]);
+  const [p, me] = x(!1), [g, _] = x([]), B = v(/* @__PURE__ */ new Map()), [i, G] = x([]), [J, Ie] = x(""), U = v(void 0), [O, He] = x(null), [D, Lt] = x(!1), [L, Mt] = x(0), [E, z] = x(!1), ue = v([]), F = v(!1), Q = v(null), We = v({}), qe = lo(
+    u,
+    xt,
     le,
     M
-  ), { key: Lt, title: Mt } = He, K = Lt || "", We = Mt || "", { outputKey: j = "key", outputTitle: y = "label" } = vt || {}, P = fo("ComboSelect", po), qe = v(so(d, d === "table" ? le : M)), [ue, Ot] = g(), h = v({ list: [] }), [w, fe] = g(null), pe = v(null);
-  h.current.openMore = z, h.current.list = [...a];
-  const Dt = () => {
-    h.current.openMore && E(!1);
-  }, Be = (e) => {
+  ), { key: Ot, title: Dt } = qe, K = Ot || "", _e = Dt || "", { outputKey: j = "key", outputTitle: y = "label" } = gt || {}, S = ho("ComboSelect", bo), Be = v(no(u, u === "table" ? le : M)), [de, Et] = x(), h = v({ list: [] }), [w, fe] = x(null), pe = v(null);
+  h.current.openMore = E, h.current.list = [...i];
+  const zt = () => {
+    h.current.openMore && z(!1);
+  }, Ge = (e) => {
     if (e === null || e === 0 || (e === void 0 && (e = h.current.list.length), !pe.current)) return;
     const o = pe.current.querySelector(".comboselect-overflow-list");
     if (o)
       if (o.scrollHeight > o.clientHeight) {
         const r = Number(e) - 1;
-        fe(r), Be(r);
+        fe(r), Ge(r);
       } else
-        h.current.list.length <= e && Dt();
+        h.current.list.length <= e && zt();
   }, X = () => {
     if (h.current.list.length === 0) return fe(null);
     clearTimeout(h.current.resizeTimer), h.current.resizeTimer = setTimeout(() => {
-      fe(h.current.list.length), Be();
+      fe(h.current.list.length), Ge();
     }, 50);
   };
-  S(() => (X(), () => {
+  N(() => (X(), () => {
     clearTimeout(h.current.resizeTimer);
-  }), [a]), S(() => (!V && i ? window.addEventListener("resize", X) : window.removeEventListener("resize", X), () => {
+  }), [i]), N(() => (!I && a ? window.addEventListener("resize", X) : window.removeEventListener("resize", X), () => {
     window.removeEventListener("resize", X);
-  }), [V, i]);
-  const zt = (e) => {
-    if (!f && !Ce) {
+  }), [I, a]);
+  const Ft = (e) => {
+    if (!f && !ye) {
       if (F.current) {
         C();
         return;
@@ -125,77 +132,77 @@ const _o = (nt) => {
       F.current = !0, me(!0);
     }
   }, C = (e, o) => {
-    F.current = !1, U.current = void 0, Ve.current = {}, me(!1), Ie(null), Ae(""), jt?.(), o === "cancel" && Ge();
-  }, Ge = () => {
-    B([]), _([]);
+    F.current = !1, U.current = void 0, We.current = {}, me(!1), He(null), Ie(""), yt?.(), o === "cancel" && Je();
+  }, Je = () => {
+    _([]), G([]);
   }, he = (e, o) => {
-    B(e), It(o, e);
-  }, Et = (e) => {
-    B((o) => {
+    _(e), Ht(o, e);
+  }, Kt = (e) => {
+    _((o) => {
       const r = o.findIndex((l) => l === e[j]);
       return r > -1 && o.splice(r, 1), [...o];
     });
-  }, _e = (e, o) => {
-    if (e.stopPropagation(), o.closable === !1 || $e?.(o) === !1) return;
-    const r = [...a], l = r.findIndex((s) => s[j] === o[j]);
-    l > -1 && r.splice(l, 1), _(r), Et(o), T?.(r);
-  }, Ft = N(
-    () => lo(async (e) => {
+  }, Ue = (e, o) => {
+    if (e.stopPropagation(), o.closable === !1 || Le?.(o) === !1) return;
+    const r = [...i], l = r.findIndex((s) => s[j] === o[j]);
+    l > -1 && r.splice(l, 1), G(r), Kt(o), k?.(r);
+  }, Vt = T(
+    () => co(async (e) => {
       Y(e);
     }, 400),
     []
-  ), Kt = (e) => {
-    Ae(e), Ct && Ft(e);
+  ), At = (e) => {
+    Ie(e), wt && Vt(e);
   }, Y = (e) => {
     const o = e ?? J;
-    se ? se(o) : (U.current = o?.trim(), $t(Math.random())), qe.current && Ot([]);
-  }, Je = (e, o) => {
-    o ? (xt?.(a), C(null, "ok")) : (gt?.(), C(null, "cancel"));
-  }, Ue = () => {
+    se ? se(o) : (U.current = o?.trim(), Mt(Math.random())), Be.current && Et([]);
+  }, Qe = (e, o) => {
+    o ? (Ct?.(i), C(null, "ok")) : (jt?.(), C(null, "cancel"));
+  }, Xe = () => {
     let e = "auto";
     $.current && (e = `${$.current.offsetWidth}px`);
-    const o = co(d, qe.current, dt, ut), r = { minWidth: e, maxWidth: 960 };
-    return typeof ie == "number" ? r.width = ie : ie && (r.width = e), {
+    const o = io(u, Be.current, ft, pt), r = { minWidth: e, maxWidth: 960 };
+    return typeof ae == "number" ? r.width = ae : ae && (r.width = e), {
       overflow: "auto",
       ...r,
       ...o
     };
-  }, At = () => I(
+  }, It = () => A(
     `${m}-comboselect`,
-    at,
+    ut,
     {
       [`${m}-comboselect-focused`]: p && !f,
-      [`${m}-comboselect-disabled`]: Ce,
-      [`${m}-comboselect-radioable`]: !i,
-      [`${m}-comboselect-error`]: Se,
+      [`${m}-comboselect-disabled`]: ye,
+      [`${m}-comboselect-radioable`]: !a,
+      [`${m}-comboselect-error`]: Re,
       [`${m}-comboselect-clear`]: D,
       [`${m}-comboselect-non-popup`]: f,
-      [`${m}-comboselect-overLine`]: V
+      [`${m}-comboselect-overLine`]: I
     },
-    `${m}-comboselect-${ht}`
-  ), It = (e, o) => {
+    `${m}-comboselect-${vt}`
+  ), Ht = (e, o) => {
     let r = [];
     if (e?.length && (r = e.map((s) => {
       const c = {};
-      c[j] = s[K] || "", ze ? c[y] = ze(s) || "" : c[y] = s[We] || "";
-      const n = de.current?.find((u) => u[j] === c[j]);
+      c[j] = s[K] || "", ze ? c[y] = ze(s) || "" : c[y] = s[_e] || "";
+      const n = ue.current?.find((d) => d[j] === c[j]);
       return n && (n.disabled !== void 0 && (c.disabled = n.disabled), n.closable !== void 0 && (c.closable = n.closable)), c;
     })), o?.length && e) {
-      const s = o.filter((n) => e.findIndex((u) => u[K] === n) === -1), c = de.current?.filter((n) => s?.includes(n[j]));
+      const s = o.filter((n) => e.findIndex((d) => d[K] === n) === -1), c = ue.current?.filter((n) => s?.includes(n[j]));
       c && r.push(...c);
     }
-    _(r);
-    const l = io(e || []);
-    i ? T?.(r, l) : T?.(r[0], l[0]);
-  }, Qe = (e) => {
+    G(r);
+    const l = mo(e || []);
+    a ? k?.(r, l) : k?.(r[0], l[0]);
+  }, Ye = (e) => {
     const o = e.map((r) => r[j]);
-    _(e), B(o), de.current = e;
-  }, Vt = (e, o) => {
-    Ie(o.node);
-  }, Xe = () => {
+    G(e), _(o), ue.current = e;
+  }, Wt = (e, o) => {
+    He(o.node);
+  }, Ze = () => {
     let e = {};
     if (!f) {
-      const { width: o, minWidth: r, maxWidth: l } = Ue();
+      const { width: o, minWidth: r, maxWidth: l } = Xe();
       e = { width: o, minWidth: r, maxWidth: l };
     }
     return /* @__PURE__ */ t.jsx(
@@ -204,16 +211,16 @@ const _o = (nt) => {
         className: "comboselect-search",
         style: e,
         children: /* @__PURE__ */ t.jsx(
-          vo,
+          go,
           {
             className: "comboselect-search-input",
             rightIconExist: !0,
             showBtn: !1,
-            rightIcon: /* @__PURE__ */ t.jsx(Xt, {}),
+            rightIcon: /* @__PURE__ */ t.jsx(Zt, {}),
             btnType: "inside",
             value: J,
-            onChange: Kt,
-            placeholder: ct ?? P({ id: "searchPlaceholder" }),
+            onChange: At,
+            placeholder: it ?? S({ id: "searchPlaceholder" }),
             onClickBtn: () => {
               Y();
             },
@@ -227,49 +234,49 @@ const _o = (nt) => {
         )
       }
     );
-  }, Ye = () => ye ? /* @__PURE__ */ t.jsx("div", { className: "comboselect-actions", children: ye }) : /* @__PURE__ */ t.jsxs("div", { className: "comboselect-actions", children: [
+  }, et = () => we ? /* @__PURE__ */ t.jsx("div", { className: "comboselect-actions", children: we }) : /* @__PURE__ */ t.jsxs("div", { className: "comboselect-actions", children: [
     /* @__PURE__ */ t.jsx(
-      rt,
+      lt,
       {
-        onClick: (e) => Je(e, !1),
+        onClick: (e) => Qe(e, !1),
         variant: "outlined",
         size: "small",
-        children: P({ id: "cancel" })
+        children: S({ id: "cancel" })
       }
     ),
     /* @__PURE__ */ t.jsx(
-      rt,
+      lt,
       {
         variant: "outlined",
-        onClick: (e) => Je(e, !0),
+        onClick: (e) => Qe(e, !0),
         size: "small",
-        children: P({ id: "ok" })
+        children: S({ id: "ok" })
       }
     )
-  ] }), Ze = () => d !== "tree" || !O ? null : Re ? /* @__PURE__ */ t.jsx("div", { className: "comboselect-fullPath", children: Re(O ?? {}) }) : /* @__PURE__ */ t.jsxs("div", { className: "comboselect-fullPath", children: [
-    /* @__PURE__ */ t.jsx("span", { children: P({ id: "fullPath" }) }),
-    O?.[Nt] ?? ""
-  ] }), Ht = (e) => {
-    e.stopPropagation(), Ge(), C(), E(!1), re?.(), T?.(i ? [] : {});
-  }, Wt = (e) => {
-    e.stopPropagation(), E(!0), C();
+  ] }), tt = () => u !== "tree" || !O ? null : $e ? /* @__PURE__ */ t.jsx("div", { className: "comboselect-fullPath", children: $e(O ?? {}) }) : /* @__PURE__ */ t.jsxs("div", { className: "comboselect-fullPath", children: [
+    /* @__PURE__ */ t.jsx("span", { children: S({ id: "fullPath" }) }),
+    O?.[kt] ?? ""
+  ] }), qt = (e) => {
+    e.stopPropagation(), Je(), C(), z(!1), re?.(), k?.(a ? [] : {});
+  }, _t = (e) => {
+    e.stopPropagation(), z(!0), C();
   };
-  Ut(Tt, () => ({
+  Xt(Pt, () => ({
     closePopup: () => C()
-  })), S(() => {
+  })), N(() => {
     !f && te && (F.current = !0, me(te));
-  }, [te]), S(() => {
-    Ne && Qe(lt(Ne));
-  }, []), S(() => {
-    oe && Qe(lt(oe));
-  }, [oe]), S(() => {
-    it && Rt(!!a?.length);
-  }, [a]), S(() => {
+  }, [te]), N(() => {
+    Te && Ye(ct(Te));
+  }, []), N(() => {
+    oe && Ye(ct(oe));
+  }, [oe]), N(() => {
+    mt && Lt(!!i?.length);
+  }, [i]), N(() => {
     const e = (r) => r && r.ownerDocument || document, o = (r) => {
       const l = e($.current), s = r.target, c = !l.documentElement.contains(s) || Q.current?.contains(s) || $.current?.contains(s) || !1;
-      if (d === "table") {
-        const n = `.${m}-select-popover`, u = `.${m}-table-show-colums-popover`, b = `.${m}-filter-popover`;
-        if (no(s, `${n}, ${u}, ${b}`)) return;
+      if (u === "table") {
+        const n = `.${m}-select-popover`, d = `.${m}-table-show-colums-popover`, b = `.${m}-filter-popover`;
+        if (ao(s, `${n}, ${d}, ${b}`)) return;
       }
       F.current && !c && C();
     };
@@ -284,47 +291,47 @@ const _o = (nt) => {
       };
     }
   }, [p]);
-  const et = N(() => {
-    if (!a?.length) return null;
+  const ot = T(() => {
+    if (!i?.length) return null;
     if (q)
-      return q(i ? a : a[0]);
-    if (!i)
-      return /* @__PURE__ */ t.jsx("span", { className: "comboselect-single-content", children: /* @__PURE__ */ t.jsx(xe, { children: a[0]?.[y] }) });
-    if (!a.length) return;
+      return q(a ? i : i[0]);
+    if (!a)
+      return /* @__PURE__ */ t.jsx("span", { className: "comboselect-single-content", children: /* @__PURE__ */ t.jsx(ge, { children: i[0]?.[y] }) });
+    if (!i.length) return;
     const e = (l) => {
       if (ce) return ce(l);
       const { disabled: s, closable: c = !0 } = l ?? {};
       let n = l[y];
-      ae && (n = ae(l));
-      let u = !1;
+      ie && (n = ie(l));
+      let d = !1;
       if (typeof W == "number" && (typeof n == "string" || typeof n == "number")) {
         const b = String(n);
-        b.length > W && (n = `${b.slice(0, W)}...`, u = !0);
+        b.length > W && (n = `${b.slice(0, W)}...`, d = !0);
       }
       return /* @__PURE__ */ t.jsxs(
         "span",
         {
-          className: I("comboselect-item", {
+          className: A("comboselect-item", {
             "comboselect-item--disabled": s,
             "comboselect-item--unclosable": !c
           }),
           children: [
-            u ? /* @__PURE__ */ t.jsx(
-              oo,
+            d ? /* @__PURE__ */ t.jsx(
+              so,
               {
                 title: /* @__PURE__ */ t.jsx("div", { onClick: (b) => b.stopPropagation(), children: l[y] }),
                 arrow: !1,
                 placement: "bottomLeft",
                 children: /* @__PURE__ */ t.jsx("span", { className: "comboselect-item-content", children: n })
               }
-            ) : /* @__PURE__ */ t.jsx("span", { className: "comboselect-item-content", children: /* @__PURE__ */ t.jsx(xe, { children: n }) }),
+            ) : /* @__PURE__ */ t.jsx("span", { className: "comboselect-item-content", children: /* @__PURE__ */ t.jsx(ge, { children: n }) }),
             c === !0 && /* @__PURE__ */ t.jsx(
               "span",
               {
                 className: "comboselect-item-remove",
-                onClick: (b) => _e(b, l),
+                onClick: (b) => Ue(b, l),
                 onMouseDown: (b) => b.stopPropagation(),
-                children: /* @__PURE__ */ t.jsx(ot, {})
+                children: /* @__PURE__ */ t.jsx(st, {})
               }
             )
           ]
@@ -334,13 +341,13 @@ const _o = (nt) => {
       "span",
       {
         className: "comboselect-item",
-        onClick: Wt,
+        onClick: _t,
         children: /* @__PURE__ */ t.jsxs("span", { className: "comboselect-item-content", children: [
           "+",
           h.current.list.length - w
         ] })
       }
-    ) }) : null, r = a.map((l, s) => w !== null && w <= s ? null : /* @__PURE__ */ t.jsx(
+    ) }) : null, r = i.map((l, s) => w !== null && w <= s ? null : /* @__PURE__ */ t.jsx(
       "div",
       {
         className: "comboselect-overflow-item",
@@ -353,166 +360,166 @@ const _o = (nt) => {
       o()
     ] });
   }, [
-    a,
-    T,
     i,
+    k,
+    a,
     w,
     W,
     y,
     ce,
     q,
-    ae,
-    V
-  ]), Z = N(() => {
-    let e = R || Ve.current;
-    return H && !se && U.current !== void 0 && (e = { ...e, searchKey: U.current }), wt?.(e) || e;
-  }, [R, L, k, p]), be = N(() => {
-    if (!f && !p || d !== "table") return null;
+    ie,
+    I
+  ]), Z = T(() => {
+    let e = R || We.current;
+    return H && !se && U.current !== void 0 && (e = { ...e, searchKey: U.current }), Tt?.(e) || e;
+  }, [R, L, P, p]), be = T(() => {
+    if (!f && !p || u !== "table") return null;
     const e = {
-      url: Te,
-      ctx: ke,
+      url: ke,
+      ctx: Pe,
       search: Z,
-      method: Pe
+      method: Se
     }, o = (r, l) => {
-      !i && (C(), x.includes(r)) || he([r], [l]);
+      !a && (C(), g.includes(r)) || he([r], [l]);
     };
     return /* @__PURE__ */ t.jsx("div", { className: "comboselect-table", children: /* @__PURE__ */ t.jsx(
-      Zt,
+      to,
       {
         ...e,
         ...le,
-        emptyProps: Oe,
-        check: i,
-        radio: !i,
+        emptyProps: De,
+        check: a,
+        radio: !a,
         rowKey: K,
         setCheck: he,
         setRadio: o,
-        checkDefaultValue: x,
-        radioDefaultValue: x[0],
-        refresh: k ?? L,
+        checkDefaultValue: g,
+        radioDefaultValue: g[0],
+        refresh: P ?? L,
         autoSize: !1,
         refreshInside: !1,
         checkCount: !1,
         paginationType: "simple"
       }
     ) });
-  }, [x, k, R, L, f, p, Z, K, i]), ve = N(() => {
-    if (!f && !p || !["tree", "list"].includes(d)) return null;
+  }, [g, P, R, L, f, p, Z, K, a]), ve = T(() => {
+    if (!f && !p || !["tree", "list"].includes(u)) return null;
     const e = {
-      url: Te,
-      ctx: ke,
+      url: ke,
+      ctx: Pe,
       params: Z,
-      method: Pe
+      method: Se
     }, o = (s, c) => {
       if (!c.checked) {
-        const u = {};
-        if (u[j] = c.node[K] || "", u[y] = c.node[We] || "", $e?.(u) === !1)
+        const d = {};
+        if (d[j] = c.node[K] || "", d[y] = c.node[_e] || "", Le?.(d) === !1)
           return;
       }
-      if (!i && (C(), !Pt && x.includes(c.node?.key)))
+      if (!a && (C(), !Rt && g.includes(c.node?.key)))
         return;
       let n = c.checkedNodes;
-      if (i || s?.length && (n = [c.node]), i) {
-        const u = ao("key", n);
-        Array.from(G.current.keys()).forEach((A) => {
-          s.includes(A) || G.current.delete(A);
-        }), s.forEach((A) => {
-          const ge = String(A);
-          u[ge] && G.current.set(ge, u[ge]);
-        }), n = Array.from(G.current.values());
+      if (a || s?.length && (n = [c.node]), a) {
+        const d = uo("key", n);
+        Array.from(B.current.keys()).forEach((V) => {
+          s.includes(V) || B.current.delete(V);
+        }), s.forEach((V) => {
+          const xe = String(V);
+          d[xe] && B.current.set(xe, d[xe]);
+        }), n = Array.from(B.current.values());
       }
       he(s, n);
-    }, r = (s) => M?.titleRender ? M.titleRender(s) : De ? De(s) : s.title, l = I("comboselect-tree", {
-      "comboselect-list": d === "list",
-      "comboselect-list-single": d === "list" && !i
+    }, r = (s) => M?.titleRender ? M.titleRender(s) : Ee ? Ee(s) : s.title, l = A("comboselect-tree", {
+      "comboselect-list": u === "list",
+      "comboselect-list-single": u === "list" && !a
     });
     return /* @__PURE__ */ t.jsx("div", { className: l, children: /* @__PURE__ */ t.jsx(
-      eo,
+      oo,
       {
         blockNode: !0,
         ...e,
         ...M,
         wrapperStyle: { position: "static" },
-        emptyProps: { size: "small", ...Oe },
-        replaceFields: He,
-        checkable: i,
-        radioable: !i,
+        emptyProps: { size: "small", ...De },
+        replaceFields: qe,
+        checkable: a,
+        radioable: !a,
         showRadio: !1,
-        selectable: d !== "list",
-        loadedKeys: ue,
-        checkedKeys: x,
+        selectable: u !== "list",
+        loadedKeys: de,
+        checkedKeys: g,
         onCheck: o,
-        onSelect: Vt,
+        onSelect: Wt,
         titleRender: r,
-        refresh: k ?? L,
+        refresh: P ?? L,
         loadingNode: /* @__PURE__ */ t.jsxs("div", { className: "loading-node-content", children: [
-          /* @__PURE__ */ t.jsx("div", { className: "loading-icon", children: /* @__PURE__ */ t.jsx(go, {}) }),
-          P({ id: "searching" })
+          /* @__PURE__ */ t.jsx("div", { className: "loading-icon", children: /* @__PURE__ */ t.jsx(jo, {}) }),
+          S({ id: "searching" })
         ] })
       }
     ) });
-  }, [x, k, R, L, f, p, ue, d, Z, i]), ee = N(() => /* @__PURE__ */ t.jsxs(
+  }, [g, P, R, L, f, p, de, u, Z, a]), ee = T(() => /* @__PURE__ */ t.jsxs(
     "div",
     {
       className: "comboselect-wrapper",
       ref: $,
-      onClick: zt,
+      onClick: Ft,
       children: [
-        /* @__PURE__ */ t.jsx("div", { className: I("comboselect-overflow", !i && "comboselect-overflow-single"), children: et }),
-        !f && /* @__PURE__ */ t.jsx("span", { className: "comboselect-arrow", children: /* @__PURE__ */ t.jsx(Qt, {}) }),
+        /* @__PURE__ */ t.jsx("div", { className: A("comboselect-overflow", !a && "comboselect-overflow-single"), children: ot }),
+        !f && /* @__PURE__ */ t.jsx("span", { className: "comboselect-arrow", children: /* @__PURE__ */ t.jsx(Yt, {}) }),
         D && /* @__PURE__ */ t.jsx(
           "span",
           {
             className: "comboselect-clear",
-            onClick: Ht,
-            children: /* @__PURE__ */ t.jsx(Yt, {})
+            onClick: qt,
+            children: /* @__PURE__ */ t.jsx(eo, {})
           }
         ),
-        !a?.length && /* @__PURE__ */ t.jsx("span", { className: "comboselect-placeholder", children: je ?? P({ id: "pleaseSelect" }) })
+        !i?.length && /* @__PURE__ */ t.jsx("span", { className: "comboselect-placeholder", children: je ?? S({ id: "pleaseSelect" }) })
       ]
     }
-  ), [a, et, i, D, f, je]), qt = () => Le || Me ? /* @__PURE__ */ t.jsx(
-    ho,
+  ), [i, ot, a, D, f, je]), Bt = () => Me || Oe ? /* @__PURE__ */ t.jsx(
+    vo,
     {
-      label: Le,
-      required: Me,
-      ...kt
+      label: Me,
+      required: Oe,
+      ...St
     }
-  ) : null, Bt = () => /* @__PURE__ */ t.jsx(
+  ) : null, Gt = () => /* @__PURE__ */ t.jsx(
     "div",
     {
       ref: Q,
-      className: `comboselect-dropdown-wrapper ${H ? "show-search" : ""} mode-${d}`,
+      className: `comboselect-dropdown-wrapper ${H ? "show-search" : ""} mode-${u}`,
       children: /* @__PURE__ */ t.jsxs(
         "div",
         {
-          style: Ue(),
+          style: Xe(),
           className: `${m}-scrollbar-small dropdown-content`,
           children: [
-            H && Xe(),
-            d === "table" ? be : ve,
-            p && Ze(),
-            we && Ye()
+            H && Ze(),
+            u === "table" ? be : ve,
+            p && tt(),
+            Ne && et()
           ]
         }
       )
     }
-  ), tt = () => {
-    const e = () => a.map((o, r) => {
+  ), rt = () => {
+    const e = () => i.map((o, r) => {
       if (w !== null && w > r) return null;
       let l = o[y];
-      return Ee && (l = Ee(o)), /* @__PURE__ */ t.jsxs(
+      return Fe && (l = Fe(o)), /* @__PURE__ */ t.jsxs(
         "div",
         {
           className: "comboselect-more-item",
           children: [
-            /* @__PURE__ */ t.jsx("span", { className: "comboselect-more-item-text", children: /* @__PURE__ */ t.jsx(xe, { children: l }) }),
+            /* @__PURE__ */ t.jsx("span", { className: "comboselect-more-item-text", children: /* @__PURE__ */ t.jsx(ge, { children: l }) }),
             /* @__PURE__ */ t.jsx(
               "span",
               {
                 className: "comboselect-more-item-remove",
-                onClick: (s) => _e(s, o),
-                children: /* @__PURE__ */ t.jsx(ot, {})
+                onClick: (s) => Ue(s, o),
+                children: /* @__PURE__ */ t.jsx(st, {})
               }
             )
           ]
@@ -521,26 +528,26 @@ const _o = (nt) => {
       );
     });
     return /* @__PURE__ */ t.jsxs("div", { className: "comboselect-more-wrapper", children: [
-      /* @__PURE__ */ t.jsx("span", { className: "comboselect-more-title", children: /* @__PURE__ */ t.jsx("span", { children: P({ id: "more" }) }) }),
+      /* @__PURE__ */ t.jsx("span", { className: "comboselect-more-title", children: /* @__PURE__ */ t.jsx("span", { children: S({ id: "more" }) }) }),
       /* @__PURE__ */ t.jsx("div", { className: "comboselect-more-content", children: e() })
     ] });
-  }, Gt = N(() => /* @__PURE__ */ t.jsx(
-    to,
+  }, Jt = T(() => /* @__PURE__ */ t.jsx(
+    ro,
     {
-      overlay: Bt(),
+      overlay: Gt(),
       visible: p,
-      placement: ft,
+      placement: ht,
       trigger: ["click"],
-      overlayClassName: I(`${m}-comboselect-dropdown`, pt),
-      getPopupContainer: St,
+      overlayClassName: A(`${m}-comboselect-dropdown`, bt),
+      getPopupContainer: $t,
       children: /* @__PURE__ */ t.jsx(
-        st,
+        nt,
         {
-          visible: z,
+          visible: E,
           destroyTooltipOnHide: !0,
           placement: "rightTop",
-          content: tt(),
-          onVisibleChange: () => E(!1),
+          content: rt(),
+          onVisibleChange: () => z(!1),
           overlayClassName: `${m}-comboselect-more-popover`,
           children: ee
         }
@@ -548,74 +555,74 @@ const _o = (nt) => {
     }
   ), [
     p,
-    x,
+    g,
     J,
-    k,
+    P,
     R,
     O,
     L,
     D,
     ne,
-    Fe,
     Ke,
-    z,
-    ue,
-    T,
+    Ve,
+    E,
+    de,
+    k,
     re,
     ee,
-    a
-  ]), _t = N(() => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    i
+  ]), Ut = T(() => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
-      st,
+      nt,
       {
-        visible: z,
+        visible: E,
         destroyTooltipOnHide: !0,
         placement: "rightTop",
-        content: tt(),
-        onVisibleChange: () => E(!1),
+        content: rt(),
+        onVisibleChange: () => z(!1),
         overlayClassName: `${m}-comboselect-more-popover`,
         children: ee
       }
     ),
     /* @__PURE__ */ t.jsxs("div", { className: "comboselect-non-popup-content", children: [
-      H && Xe(),
-      d === "table" ? be : ve,
-      Ze(),
-      we && Ye()
+      H && Ze(),
+      u === "table" ? be : ve,
+      tt(),
+      Ne && et()
     ] })
   ] }), [
-    x,
+    g,
     J,
-    k,
+    P,
     R,
     O,
     D,
     ne,
-    Fe,
     Ke,
-    T,
+    Ve,
+    k,
     re,
     be,
     ve,
     ee,
-    z,
-    a
+    E,
+    i
   ]);
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: At(),
-      style: mt,
+      className: It(),
+      style: dt,
       ref: pe,
       children: [
-        qt(),
-        f ? _t : Gt,
+        Bt(),
+        f ? Ut : Jt,
         f ? null : /* @__PURE__ */ t.jsx(
-          bo,
+          xo,
           {
-            error: Se,
+            error: Re,
             helperText: ne,
-            hideErrorDom: yt
+            hideErrorDom: Nt
           }
         )
       ]
@@ -623,7 +630,7 @@ const _o = (nt) => {
   );
 };
 export {
-  _o as ComboSelect,
-  _o as default
+  Uo as ComboSelect,
+  Uo as default
 };
 //# sourceMappingURL=index.js.map