@unicom-cloud/ui 0.8.133 → 0.8.135

package/select/Select.js

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