@unicom-cloud/ui 0.8.123 → 0.8.125

package/select/Select.js

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