@unicom-cloud/ui 0.8.96 → 0.8.98

package/select/Select.js

@@ -1,551 +1,535 @@
-import { jsx as _, jsxs as gt } from "react/jsx-runtime";
-import D from "lodash/isArray";
-import Ot from "lodash/isFunction";
-import ht, { useContext as bt, useState as z, useMemo as Pe, useRef as C, useCallback as me, useEffect as V, useImperativeHandle as vt } from "react";
-import yt from "../checkbox/Checkbox.js";
+import { jsx as I, jsxs as ct } from "react/jsx-runtime";
+import T from "lodash/isArray";
+import ft from "lodash/isFunction";
+import dt, { useContext as mt, useState as j, useMemo as Ae, useRef as v, useCallback as ne, useEffect as b, useImperativeHandle as gt } from "react";
+import ht from "../checkbox/Checkbox.js";
 import "../checkbox/Group.js";
 import "../config-provider/ConfigProvider.js";
 import Ct from "../components/common/hooks/useId.js";
-import Vt from "../components/common/hooks/useMergeProps.js";
-import He from "../components/common/hooks/useMergeValue.js";
-import kt from "../select-view/index.js";
-import wt from "../trigger/index.js";
-import ge from "@unicom-cloud/utils/class-name";
-import { getHotkeyHandler as xt } from "../components/common/utils/getHotkeyHandler.js";
+import Ot from "../components/common/hooks/useMergeProps.js";
+import Pe from "../components/common/hooks/useMergeValue.js";
+import vt from "../select-view/index.js";
+import bt from "../trigger/index.js";
+import re from "@unicom-cloud/utils/class-name";
+import { getHotkeyHandler as yt } from "../components/common/utils/getHotkeyHandler.js";
 import "../components/common/utils/is.js";
-import { Esc as At, Enter as $e, Tab as Ge, ArrowUp as St, ArrowDown as It } from "@unicom-cloud/utils/constant/keyboardCode";
-import { omit as _t } from "../components/common/utils/omit.js";
-import { resizeObserverEffect as Et } from "../components/common/utils/resizeObserverEffect.js";
-import { warning as Ft } from "../components/common/utils/warning.js";
-import Mt from "../virtual-list/VirtualList.js";
-import Nt from "./OptGroup.js";
-import Tt from "./Option.js";
-import { getValidValue as je, flatChildren as Lt, isEmpty as Oe, preventDefaultEvent as Ut, isSelectOptGroup as Dt, isSelectOption as Rt } from "./util.js";
-import Pt from "../config-provider/context.js";
-import { isPlainObject as v } from "@unicom-cloud/utils/is";
-const Ke = "userCreatingOption", Ht = {
+import { Esc as Vt, Enter as Ie, Tab as _e, ArrowUp as wt, ArrowDown as kt } from "@unicom-cloud/utils/constant/keyboardCode";
+import { omit as xt } from "../components/common/utils/omit.js";
+import { resizeObserver as St } from "../components/common/utils/resizeObserver.js";
+import { warning as At } from "../components/common/utils/warning.js";
+import Pt from "../virtual-list/VirtualList.js";
+import It from "./OptGroup.js";
+import _t from "./Option.js";
+import { getValidValue as Ee, flatChildren as Et, isEmpty as oe, preventDefaultEvent as Mt, isSelectOptGroup as Ft, isSelectOption as Lt } from "./util.js";
+import Nt from "../config-provider/context.js";
+import { isPlainObject as C } from "@unicom-cloud/utils/is";
+const Me = "userCreatingOption", Tt = {
   trigger: "click",
   bordered: !0,
   filterOption: !0,
   unmountOnExit: !0,
   defaultActiveFirstOption: !0,
   allowCheckAll: !0
-}, $t = { bottom: 4 };
-function Gt(We, qe) {
-  var Re;
-  const { getPrefixCls: B, renderEmpty: ze, componentConfig: J, rtl: be } = bt(Pt), u = Vt(
-    We,
-    Ht,
-    J == null ? void 0 : J.Select
+}, Ut = { bottom: 4 };
+function Dt(Fe, Le) {
+  const { getPrefixCls: Ne, renderEmpty: Te, componentConfig: Ue, rtl: le } = mt(Nt), a = Ot(
+    Fe,
+    Tt,
+    Ue?.Select
   ), {
-    children: ve,
-    renderFormat: ye,
-    defaultActiveFirstOption: Ce,
-    disabled: Be,
-    unmountOnExit: Je,
-    notFoundContent: Qe,
-    showSearch: Ve,
-    tokenSeparators: Q,
-    options: ke,
-    filterOption: we,
-    labelInValue: R,
-    getPopupContainer: Xe,
-    trigger: Ye,
-    triggerElement: X,
-    triggerProps: c,
-    dropdownRender: xe,
-    dropdownMenuStyle: Ae,
-    dropdownMenuClassName: Se,
-    virtualListProps: P,
+    children: se,
+    renderFormat: ae,
+    defaultActiveFirstOption: ue,
+    disabled: De,
+    unmountOnExit: Re,
+    notFoundContent: He,
+    showSearch: pe,
+    tokenSeparators: W,
+    options: ce,
+    filterOption: fe,
+    labelInValue: U,
+    getPopupContainer: $e,
+    trigger: Ge,
+    triggerElement: B,
+    triggerProps: y,
+    dropdownRender: de,
+    dropdownMenuStyle: me,
+    dropdownMenuClassName: ge,
+    virtualListProps: he,
     // events
-    onChange: Ie,
-    onSelect: Ze,
-    onDeselect: et,
-    onClear: Y,
-    onSearch: Z,
-    onFocus: tt,
-    onBlur: ee,
-    onPopupScroll: te,
-    onVisibleChange: ne,
-    onInputValueChange: re,
-    onPaste: oe,
-    onKeyDown: ie
-  } = u;
-  let { mode: le, allowCheckAll: _e, allowCreate: d } = u;
-  le === "tags" && (le = "multiple", d = !0, Ft(
+    onChange: Ce,
+    onSelect: Ke,
+    onDeselect: je,
+    onClear: We,
+    onSearch: Be,
+    onFocus: qe,
+    onBlur: ze,
+    onPopupScroll: Je,
+    onVisibleChange: Qe,
+    onInputValueChange: Xe,
+    onPaste: Ye,
+    onKeyDown: Ze
+  } = a;
+  let { mode: q, allowCheckAll: Oe, allowCreate: c } = a;
+  q === "tags" && (q = "multiple", c = !0, At(
     !0,
     `[Pqb Select] The 'tags' mode will be removed in the next major version, please use {mode: "multiple", allowCreate: true} instead.`
   ));
-  const m = B == null ? void 0 : B("select"), p = le === "multiple";
-  p || (_e = !1);
-  const [nt, se] = z(
-    je(u.defaultValue, p, R)
-  ), o = "value" in u ? je(u.value, p, R) : nt, [g, rt, ot] = He("", {
-    value: "inputValue" in u ? u.inputValue || "" : void 0
-  }), [O, it] = He(!1, {
-    defaultValue: u.defaultPopupVisible,
-    value: "popupVisible" in u ? u.popupVisible : c && "popupVisible" in c ? c.popupVisible : void 0
-  }), [M, lt] = z(null), [N, st] = z([]), [h, E] = z(
-    D(o) ? o[0] : o
+  const f = Ne?.("select"), u = q === "multiple";
+  u || (Oe = !1);
+  const [et, z] = j(
+    Ee(a.defaultValue, u, U)
+  ), n = "value" in a ? Ee(a.value, u, U) : et, [d, tt, nt] = Pe("", {
+    value: "inputValue" in a ? a.inputValue || "" : void 0
+  }), [m, rt] = Pe(!1, {
+    defaultValue: a.defaultPopupVisible,
+    value: "popupVisible" in a ? a.popupVisible : y && "popupVisible" in y ? y.popupVisible : void 0
+  }), [M, ot] = j(null), [F, it] = j([]), [g, _] = j(
+    T(n) ? n[0] : n
   ), {
-    childrenList: ae,
-    optionInfoMap: a,
-    optionValueList: k,
+    childrenList: J,
+    optionInfoMap: p,
+    optionValueList: V,
     optionIndexListForArrowKey: x,
-    hasOptGroup: at,
-    hasComplexLabelInOptions: ut
-  } = Pe(() => Lt(
-    { children: ve, options: ke, filterOption: we },
+    hasOptGroup: lt,
+    hasComplexLabelInOptions: st
+  } = Ae(() => Et(
+    { children: se, options: ce, filterOption: fe },
     {
-      prefixCls: m,
-      inputValue: g,
-      userCreatedOptions: N,
+      prefixCls: f,
+      inputValue: d,
+      userCreatedOptions: F,
       userCreatingOption: M
     }
   ), [
-    ve,
-    ke,
-    we,
-    g,
+    se,
+    ce,
+    fe,
+    d,
     M,
-    N
-  ]), ue = C(null), Ee = C(null), y = C(null), A = C([]), w = C(null), Fe = C(g), ce = C(null), H = C(0), pe = C(!1), Me = Ct(`${m}-popup-`), $ = Oe(o, p), Ne = Pe(() => {
-    var e, t;
-    if (Ce) {
-      const n = D(o) ? o[0] : o, r = !$ && ((e = a.get(n)) == null ? void 0 : e._valid), l = ((t = a == null ? void 0 : a.get(k[0])) == null ? void 0 : t._origin) === Ke;
-      return r && !l ? n : k[x[0]];
+    F
+  ]), Q = v(null), ve = v(null), O = v(null), S = v([]), w = v(null), be = v(d), X = v(null), D = v(0), Y = v(!1), ye = Ct(`${f}-popup-`), R = oe(n, u), Ve = Ae(() => {
+    if (ue) {
+      const e = T(n) ? n[0] : n, t = !R && p.get(e)?._valid, o = p?.get(V[0])?._origin === Me;
+      return t && !o ? e : V[x[0]];
     }
   }, [
-    o,
-    a,
-    k,
+    n,
+    p,
+    V,
     x,
-    Ce,
-    $
-  ]), G = me(
+    ue,
+    R
+  ]), H = ne(
     (e, t) => {
-      var r;
-      const n = a.get(e);
-      ue.current && ((r = n == null ? void 0 : n.child) != null && r.props) && ue.current.scrollTo({
-        key: n.child.props._key,
+      const o = p.get(e);
+      Q.current && o?.child?.props && Q.current.scrollTo({
+        key: o.child.props._key,
         options: t
       });
     },
-    [a]
-  ), j = me(
-    (e, t = !1) => v(d) && typeof (d == null ? void 0 : d.formatter) == "function" ? d.formatter(e, t) : e,
-    [d]
-  ), S = (e, t) => {
-    (e !== Fe.current || t !== ce.current) && (rt(e), Fe.current = e, ce.current = t, re == null || re(e, t));
-  }, F = (e) => {
-    var t;
-    O !== e && (it(e), ne == null || ne(e), (t = c == null ? void 0 : c.onVisibleChange) == null || t.call(c, e));
+    [p]
+  ), $ = ne(
+    (e, t = !1) => C(c) && typeof c?.formatter == "function" ? c.formatter(e, t) : e,
+    [c]
+  ), A = (e, t) => {
+    (e !== be.current || t !== X.current) && (tt(e), be.current = e, X.current = t, Xe?.(e, t));
+  }, E = (e) => {
+    m !== e && (rt(e), Qe?.(e), y?.onVisibleChange?.(e));
   };
-  V(() => {
-    p ? Array.isArray(o) || se(o === void 0 ? [] : [o]) : Array.isArray(o) && se(o.length === 0 ? void 0 : o[0]);
-  }, [p, o]), V(() => {
-    if (O) {
-      E(Ne);
-      const e = D(o) ? o[0] : o;
-      !$ && a.has(e) && setTimeout(() => G(e));
+  b(() => {
+    u ? Array.isArray(n) || z(n === void 0 ? [] : [n]) : Array.isArray(n) && z(n.length === 0 ? void 0 : n[0]);
+  }, [u, n]), b(() => {
+    if (m) {
+      _(Ve);
+      const e = T(n) ? n[0] : n;
+      !R && p.has(e) && setTimeout(() => H(e));
     }
-  }, [O]), V(() => {
-    (w.current === "up" || w.current === "down") && (G(h), w.current = "none");
-  }, [h]), V(() => {
-    E(Ne);
-  }, [JSON.stringify(ae.map((e) => {
-    var t;
-    return (t = e == null ? void 0 : e.props) == null ? void 0 : t.value;
-  }))]), V(() => {
-    A.current = A.current.filter((e) => p ? D(o) && o.indexOf(e.value) > -1 : e.value === o);
-  }, [o, p]), V(() => {
-    if (d) {
+  }, [m]), b(() => {
+    (w.current === "up" || w.current === "down") && (H(g), w.current = "none");
+  }, [g]), b(() => {
+    _(Ve);
+  }, [JSON.stringify(J.map((e) => e?.props?.value))]), b(() => {
+    S.current = S.current.filter((e) => u ? T(n) && n.indexOf(e.value) > -1 : e.value === n);
+  }, [n, u]), b(() => {
+    if (c) {
       let e;
-      if (Oe(o, p))
+      if (oe(n, u))
         e = [];
       else {
-        const n = Array.isArray(o) ? o : [o], r = n.filter((i, f, b) => {
-          var L;
-          const s = a.get(i) || ((L = A.current.find((q) => q.value === i)) == null ? void 0 : L.option);
-          return !s || s._origin === Ke;
-        }).map((i) => j(i));
-        e = N.filter((i) => {
-          const f = v(i) ? i.value : i;
-          return n.indexOf(f) !== -1;
+        const o = Array.isArray(n) ? n : [n], r = o.filter((i, l, h) => {
+          const k = p.get(i) || S.current.find((te) => te.value === i)?.option;
+          return !k || k._origin === Me;
+        }).map((i) => $(i));
+        e = F.filter((i) => {
+          const l = C(i) ? i.value : i;
+          return o.indexOf(l) !== -1;
         }).concat(
           r
         );
       }
-      const t = (n) => n.map((r) => v(r) ? r.value : r).toString();
-      t(e) !== t(N) && st(e);
+      const t = (o) => o.map((r) => C(r) ? r.value : r).toString();
+      t(e) !== t(F) && it(e);
     }
-  }, [o, d, p, j]), V(() => {
-    d && lt(
-      g && !a.has(g) ? j(g, !0) : null
+  }, [n, c, u, $]), b(() => {
+    c && ot(
+      d && !p.has(d) ? $(d, !0) : null
     );
-  }, [g, j]), V(() => {
-    const { current: e } = ce;
-    ot === g && (e === "manual" || e === "optionListHide") && (Z == null || Z(g, e));
-  }, [g]);
-  const T = me(
+  }, [d, $]), b(() => {
+    const { current: e } = X;
+    nt === d && (e === "manual" || e === "optionListHide") && Be?.(d, e);
+  }, [d]);
+  const L = ne(
     (e) => {
-      const t = a.get(e);
+      const t = p.get(e);
       if (t) {
-        const r = A.current.findIndex(
-          (l) => l.value === e
+        const r = S.current.findIndex(
+          (s) => s.value === e
         );
-        return r > -1 ? A.current.splice(r, 1, { value: e, option: t }) : A.current.push({ value: e, option: t }), t;
+        return r > -1 ? S.current.splice(r, 1, { value: e, option: t }) : S.current.push({ value: e, option: t }), t;
       }
-      const n = A.current.find((r) => r.value === e);
-      return n && n.option;
+      const o = S.current.find((r) => r.value === e);
+      return o && o.option;
     },
-    [a]
-  ), Te = (e) => {
+    [p]
+  ), we = (e) => {
     if (!x.length)
       return;
-    if (h === void 0 || !a.has(h))
-      return k[x[0]];
-    const n = a.get(h)._index, r = x.indexOf(n), l = x.length;
-    return k[x[((e === "up" ? r - 1 : r + 1) + l) % l]];
-  }, K = (e, t = Oe(e, p)) => {
-    let n = e;
-    const r = e === void 0 ? void 0 : Array.isArray(e) ? e.map(T) : T(e);
-    if (R && !t) {
-      const l = (i, f) => {
-        if (f)
-          return f.children;
-        const b = "value" in u ? u.value : "defaultValue" in u ? u.defaultValue : null;
-        if (Array.isArray(b)) {
-          for (const s of b)
-            if (v(s) && s.value === i)
-              return s.label;
-        } else if (v(b) && b.value === i)
-          return b.label;
+    if (g === void 0 || !p.has(g))
+      return V[x[0]];
+    const o = p.get(g)._index, r = x.indexOf(o), s = x.length;
+    return V[x[((e === "up" ? r - 1 : r + 1) + s) % s]];
+  }, G = (e, t = oe(e, u)) => {
+    let o = e;
+    const r = e === void 0 ? void 0 : Array.isArray(e) ? e.map(L) : L(e);
+    if (U && !t) {
+      const s = (i, l) => {
+        if (l)
+          return l.children;
+        const h = "value" in a ? a.value : "defaultValue" in a ? a.defaultValue : null;
+        if (Array.isArray(h)) {
+          for (const k of h)
+            if (C(k) && k.value === i)
+              return k.label;
+        } else if (C(h) && h.value === i)
+          return h.label;
       };
-      Array.isArray(e) ? n = e.map((i, f) => ({
+      Array.isArray(e) ? o = e.map((i, l) => ({
         value: i,
-        label: l(i, r[f])
-      })) : n = {
+        label: s(i, r[l])
+      })) : o = {
         value: e,
-        label: l(e, r)
+        label: s(e, r)
       };
     }
-    return { option: r, value: n };
-  }, I = (e) => {
-    if (se(e), Ie) {
-      const t = K(e);
-      Ie(t.value, t.option);
+    return { option: r, value: o };
+  }, P = (e) => {
+    if (z(e), Ce) {
+      const t = G(e);
+      Ce(t.value, t.option);
     }
-  }, Le = (e, t) => {
-    if (t === "remove" || t === "add" && a.get(e)) {
-      const n = t === "add" ? o.concat(e) : o.filter((l, i, f) => l !== e), r = t === "add" ? Ze : et;
-      if (I(n), typeof r == "function") {
-        const l = K(
+  }, ke = (e, t) => {
+    if (t === "remove" || t === "add" && p.get(e)) {
+      const o = t === "add" ? n.concat(e) : n.filter((s, i, l) => s !== e), r = t === "add" ? Ke : je;
+      if (P(o), typeof r == "function") {
+        const s = G(
           e,
           !1
         );
         r(
-          l.value,
-          l.option
+          s.value,
+          s.option
         );
       }
     }
-  }, Ue = (e, t) => {
-    t || (p ? (Le(
+  }, xe = (e, t) => {
+    t || (u ? (ke(
       e,
-      o.indexOf(e) === -1 ? "add" : "remove"
-    ), (!v(Ve) || !Ve.retainInputValueWhileSelect) && S("", "optionChecked")) : (e !== o && I(e), setTimeout(() => {
-      F(!1);
+      n.indexOf(e) === -1 ? "add" : "remove"
+    ), (!C(pe) || !pe.retainInputValueWhileSelect) && A("", "optionChecked")) : (e !== n && P(e), setTimeout(() => {
+      E(!1);
     })));
-  }, W = xt(
+  }, K = yt(
     /* @__PURE__ */ new Map([
-      [At.key, () => F(!1)],
+      [Vt.key, () => E(!1)],
       [
-        $e.key,
+        Ie.key,
         () => {
-          if (O) {
-            const e = a.get(h);
-            e && Ue(h, e.disabled);
+          if (m) {
+            const e = p.get(g);
+            e && xe(g, e.disabled);
           } else
-            F(!0);
+            E(!0);
         }
       ],
       [
-        Ge.key,
+        _e.key,
         // 按tab键切换，关闭开启的弹出框
-        () => F(!1)
+        () => E(!1)
       ],
       [
-        St.key,
+        wt.key,
         () => {
-          if (O)
-            return w.current = "up", E(Te("up")), !1;
+          if (m)
+            return w.current = "up", _(we("up")), !1;
         }
       ],
       [
-        It.key,
+        kt.key,
         () => {
-          if (O)
-            return w.current = "down", E(Te("down")), !1;
+          if (m)
+            return w.current = "down", _(we("down")), !1;
         }
       ]
     ])
-  ), ct = () => {
-    var f, b;
-    const e = (c == null ? void 0 : c.autoAlignPopupWidth) === !1 && (!((f = c == null ? void 0 : c.style) != null && f.width) || ((b = c == null ? void 0 : c.style) == null ? void 0 : b.width) === "auto"), t = e && ut, n = "notFoundContent" in u ? Qe : ze("Select"), r = ae.length ? /* @__PURE__ */ _(
-      Mt,
+  ), at = () => {
+    const e = y?.autoAlignPopupWidth === !1 && (!y?.style?.width || y?.style?.width === "auto"), t = e && st, o = "notFoundContent" in a ? He : Te("Select"), r = J.length ? /* @__PURE__ */ I(
+      Pt,
       {
-        id: Me,
+        id: ye,
         role: "listbox",
-        style: Ae,
-        className: ge(`${m}-popup-inner`, Se),
-        ref: ue,
-        data: ae,
+        style: me,
+        className: re(`${f}-popup-inner`, ge),
+        ref: Q,
+        data: J,
         height: null,
-        isStaticItemHeight: !at,
+        isStaticItemHeight: !lt,
         measureLongestItem: e,
-        itemKey: (s) => s.props._key,
-        onMouseDown: Ut,
+        itemKey: (l) => l.props._key,
+        onMouseDown: Mt,
         onMouseMove: () => {
           w.current = null;
         },
-        onScroll: (s) => te == null ? void 0 : te(s.target),
-        ...P,
-        threshold: t ? null : P == null ? void 0 : P.threshold,
-        children: (s) => {
-          var L;
-          if (Dt(s))
-            return /* @__PURE__ */ _(s.type, { ...s.props, prefixCls: m });
-          if (Rt(s)) {
-            const q = (L = s.props) == null ? void 0 : L.value, ft = v(M) ? M.value : M, dt = N.map(
-              (U) => v(U) ? U.value : U
-            ), mt = {
-              prefixCls: m,
-              rtl: be,
-              _valueActive: h,
-              _valueSelect: o,
-              _isMultipleMode: p,
-              _isUserCreatingOption: d && ft === q,
-              _isUserCreatedOption: d && dt.indexOf(q) > -1,
-              _onClick: Ue,
-              _onMouseEnter: (U) => {
-                w.current === null && E(U);
+        onScroll: (l) => Je?.(l.target),
+        ...he,
+        threshold: t ? null : he?.threshold,
+        children: (l) => {
+          if (Ft(l))
+            return /* @__PURE__ */ I(l.type, { ...l.props, prefixCls: f });
+          if (Lt(l)) {
+            const h = l.props?.value, k = C(M) ? M.value : M, te = F.map(
+              (N) => C(N) ? N.value : N
+            ), pt = {
+              prefixCls: f,
+              rtl: le,
+              _valueActive: g,
+              _valueSelect: n,
+              _isMultipleMode: u,
+              _isUserCreatingOption: c && k === h,
+              _isUserCreatedOption: c && te.indexOf(h) > -1,
+              _onClick: xe,
+              _onMouseEnter: (N) => {
+                w.current === null && _(N);
               },
               _onMouseLeave: () => {
-                w.current === null && E(void 0);
+                w.current === null && _(void 0);
               }
             };
-            return s && /* @__PURE__ */ _(s.type, { ...s.props, ...mt });
+            return l && /* @__PURE__ */ I(l.type, { ...l.props, ...pt });
           }
-          return s;
+          return l;
         }
       }
-    ) : null, i = n && !(d && g) ? /* @__PURE__ */ _(
+    ) : null, i = o && !(c && d) ? /* @__PURE__ */ I(
       "div",
       {
-        style: Ae,
-        className: ge(`${m}-popup-inner`, Se),
-        children: n
+        style: me,
+        className: re(`${f}-popup-inner`, ge),
+        children: o
       }
     ) : null;
-    return /* @__PURE__ */ gt(
+    return /* @__PURE__ */ ct(
       "div",
       {
-        className: ge(`${m}-popup`, {
-          [`${m}-popup-hidden`]: r === null && i === null,
-          [`${m}-popup-multiple`]: p
+        className: re(`${f}-popup`, {
+          [`${f}-popup-hidden`]: r === null && i === null,
+          [`${f}-popup-multiple`]: u
         }),
         tabIndex: -1,
-        onKeyDown: (s) => W(s),
+        onKeyDown: (l) => K(l),
         children: [
-          !!p && !!r && !!_e && // 潘启宝添加
-          /* @__PURE__ */ _(
-            yt,
+          !!u && !!r && !!Oe && // 潘启宝添加
+          /* @__PURE__ */ I(
+            ht,
             {
               "aria-hidden": "true",
-              className: `${m}-checkbox ${m}-checkbox-all`,
-              checked: k.length === o.length,
-              indeterminate: k.length !== o.length && o.length !== 0,
-              onChange: (s) => {
-                I(s ? [...k] : []);
+              className: `${f}-checkbox ${f}-checkbox-all`,
+              checked: V.length === n.length,
+              indeterminate: V.length !== n.length && n.length !== 0,
+              onChange: (l) => {
+                P(l ? [...V] : []);
               },
               children: "全选"
             }
           ),
-          typeof xe == "function" ? xe(r || i) : r || i
+          typeof de == "function" ? de(r || i) : r || i
         ]
       }
     );
-  }, fe = (e) => {
-    if (H.current = null, p && D(Q) && Q.length) {
-      const t = e.split(new RegExp(`[${Q.join("")}]`));
+  }, Z = (e) => {
+    if (D.current = null, u && T(W) && W.length) {
+      const t = e.split(new RegExp(`[${W.join("")}]`));
       if (t.length > 1) {
-        H.current = Date.now();
-        const n = t.filter(
-          (i, f) => i && t.indexOf(i) === f
-        ), r = o.slice(0);
-        let l = !1;
-        n.forEach((i, f, b) => {
-          r.indexOf(i) === -1 && (d || a.get(i)) && (r.push(i), l = !0);
-        }), l && I(r);
+        D.current = Date.now();
+        const o = t.filter(
+          (i, l) => i && t.indexOf(i) === l
+        ), r = n.slice(0);
+        let s = !1;
+        o.forEach((i, l, h) => {
+          r.indexOf(i) === -1 && (c || p.get(i)) && (r.push(i), s = !0);
+        }), s && P(r);
       }
     }
-    return !!H.current;
-  }, pt = {
-    onFocus: tt,
+    return !!D.current;
+  }, ut = {
+    onFocus: qe,
     onBlur: (e) => {
-      ee == null || ee(e), !O && !pe.current && S("", "optionListHide");
+      ze?.(e), !m && !Y.current && A("", "optionListHide");
     },
     onKeyDown: (e) => {
       if (e.target.tagName === "INPUT" && e.target.value) {
-        const t = e.key === Ge.key, n = e.key === $e.key;
-        if (n || t) {
-          const r = n ? `
+        const t = e.key === _e.key, o = e.key === Ie.key;
+        if (o || t) {
+          const r = o ? `
 ` : t ? "	" : "";
-          fe(e.target.value + r) && S("", "tokenSeparator");
+          Z(e.target.value + r) && A("", "tokenSeparator");
         }
       }
-      W(e), ie == null || ie(e);
+      K(e), Ze?.(e);
     },
     onChangeInputValue: (e, { nativeEvent: { inputType: t } }) => {
-      t !== "insertFromPaste" && fe(e), H.current ? S("", "tokenSeparator") : S(e, "manual"), !O && e && F(!0);
+      t !== "insertFromPaste" && Z(e), D.current ? A("", "tokenSeparator") : A(e, "manual"), !m && e && E(!0);
     },
     onPaste: (e) => {
-      fe(e.clipboardData.getData("text")), oe == null || oe(e);
+      Z(e.clipboardData.getData("text")), Ye?.(e);
     },
     // Option Items
-    onRemoveCheckedItem: (e, t, n) => {
-      n.stopPropagation(), Le(o[t], "remove");
+    onRemoveCheckedItem: (e, t, o) => {
+      o.stopPropagation(), ke(n[t], "remove");
     },
     onClear: (e) => {
-      if (e.stopPropagation(), p) {
-        const t = o.filter((n, r, l) => {
-          const i = a.get(n);
+      if (e.stopPropagation(), u) {
+        const t = n.filter((o, r, s) => {
+          const i = p.get(o);
           return i && i.disabled;
         });
-        I(t);
+        P(t);
       } else
-        I(void 0);
-      S("", "manual"), Y == null || Y(O);
+        P(void 0);
+      A("", "manual"), We?.(m);
     }
   };
-  vt(
-    qe,
-    () => {
-      var e;
-      return {
-        dom: (e = y.current) == null ? void 0 : e.dom,
-        focus() {
-          y.current && y.current.focus();
-        },
-        blur() {
-          y.current && y.current.blur();
-        },
-        hotkeyHandler: W,
-        activeOptionValue: h,
-        getOptionInfoByValue: T,
-        getOptionInfoList: () => [...a.values()].filter((t) => t._valid),
-        scrollIntoView: G,
-        getRootDOMNode() {
-          var t, n;
-          return (n = (t = y.current) == null ? void 0 : t.getRootDOMNode) == null ? void 0 : n.call(t);
-        }
-      };
-    },
+  gt(
+    Le,
+    () => ({
+      dom: O.current?.dom,
+      focus() {
+        O.current && O.current.focus();
+      },
+      blur() {
+        O.current && O.current.blur();
+      },
+      hotkeyHandler: K,
+      activeOptionValue: g,
+      getOptionInfoByValue: L,
+      getOptionInfoList: () => [...p.values()].filter((e) => e._valid),
+      scrollIntoView: H,
+      getRootDOMNode() {
+        return O.current?.getRootDOMNode?.();
+      }
+    }),
     [
-      W,
-      a,
-      h,
-      T,
-      G
+      K,
+      p,
+      g,
+      L,
+      H
     ]
   );
-  const De = (e) => /* @__PURE__ */ _(
-    wt,
+  const Se = (e) => /* @__PURE__ */ I(
+    bt,
     {
-      ref: Ee,
-      popup: ct,
-      trigger: Ye,
-      disabled: Be,
-      getPopupContainer: Xe,
+      ref: ve,
+      popup: at,
+      trigger: Ge,
+      disabled: De,
+      getPopupContainer: $e,
       classNames: "slideDynamicOrigin",
       autoAlignPopupWidth: !0,
-      popupAlign: $t,
-      popupVisible: O,
-      unmountOnExit: Je,
-      onVisibleChange: F,
+      popupAlign: Ut,
+      popupVisible: m,
+      unmountOnExit: Re,
+      onVisibleChange: E,
       __onExit: () => {
-        pe.current = !0;
+        Y.current = !0;
       },
       __onExited: () => {
-        pe.current = !1, S("", "optionListHide");
+        Y.current = !1, A("", "optionListHide");
       },
-      ..._t(c, ["popupVisible", "onVisibleChange"]),
+      ...xt(y, ["popupVisible", "onVisibleChange"]),
       children: e
     }
-  ), de = typeof X == "function" ? X(K(o)) : X;
-  return V(() => {
-    var t;
-    const e = Et([(t = y.current) == null ? void 0 : t.dom], () => {
-      var n, r;
-      (r = (n = Ee.current) == null ? void 0 : n.updatePopupPosition) == null || r.call(n);
+  ), ee = typeof B == "function" ? B(G(n)) : B;
+  return b(() => {
+    const e = St([O.current?.dom], () => {
+      ve.current?.updatePopupPosition?.();
     });
     return () => {
       e();
     };
-  }, [(Re = y.current) == null ? void 0 : Re.dom]), de != null ? De(de) : /* @__PURE__ */ _(
-    kt,
+  }, [O.current?.dom]), ee != null ? Se(ee) : /* @__PURE__ */ I(
+    vt,
     {
-      ...u,
-      ...pt,
-      ref: y,
-      value: o,
-      inputValue: g,
-      popupVisible: O,
-      rtl: be,
-      prefixCls: m,
-      allowCreate: !!d,
-      ariaControls: Me,
-      isEmptyValue: $,
-      isMultiple: p,
-      onSort: I,
+      ...a,
+      ...ut,
+      ref: O,
+      value: n,
+      inputValue: d,
+      popupVisible: m,
+      rtl: le,
+      prefixCls: f,
+      allowCreate: !!c,
+      ariaControls: ye,
+      isEmptyValue: R,
+      isMultiple: u,
+      onSort: P,
       renderText: (e) => {
-        const t = T(e);
-        let n = e;
-        if (Ot(ye)) {
-          const r = K(e, !1);
-          n = ye(
+        const t = L(e);
+        let o = e;
+        if (ft(ae)) {
+          const r = G(e, !1);
+          o = ae(
             r.option || null,
             r.value
           );
         } else {
           let r = !1;
-          if (R) {
-            const l = u.value || u.defaultValue;
-            if (Array.isArray(l)) {
-              const i = l.find(
-                (f) => v(f) && f.value === e
+          if (U) {
+            const s = a.value || a.defaultValue;
+            if (Array.isArray(s)) {
+              const i = s.find(
+                (l) => C(l) && l.value === e
               );
-              i && (n = i.label, r = !0);
-            } else v(l) && (n = l.label, r = !0);
+              i && (o = i.label, r = !0);
+            } else C(s) && (o = s.label, r = !0);
           }
-          !r && t && "children" in t && (n = t.children);
+          !r && t && "children" in t && (o = t.children);
         }
         return {
-          text: n,
+          text: o,
           disabled: t && t.disabled
         };
       },
-      renderView: De
+      renderView: Se
     }
   );
 }
-const jt = ht.forwardRef(Gt), he = jt;
-he.displayName = "Select";
-he.Option = Tt;
-he.OptGroup = Nt;
+const Rt = dt.forwardRef(Dt), ie = Rt;
+ie.displayName = "Select";
+ie.Option = _t;
+ie.OptGroup = It;
 export {
-  Tt as SelectOption,
-  Nt as SelectOptionGroup,
-  he as default
+  _t as SelectOption,
+  It as SelectOptionGroup,
+  ie as default
 };