@unicom-cloud/ui 0.8.159 → 0.8.160

package/select/Select.js

@@ -1,58 +1,60 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isArrayAndNotEmpty as t, isEmptyArray as n, isFunction as r, isNil as i, isNull as a, isNumber as o, isPlainObject as s, isString as c, isUndefined as l } from "../utils/is.js";
 import { ArrowDown as u, ArrowUp as ee, Enter as te, Esc as ne, Tab as re } from "../utils/keyboardCode.js";
 import ie from "../hooks/use-controllable-value/index.js";
 import d from "../utils/className.js";
-import ae from "../hooks/use-merge-props/index.js";
-import oe from "../config-provider/context.js";
-import { FormContext as se, FormItemContext as ce } from "../form/context.js";
-import le from "../utils/omit.js";
+import { SELECT_COMPONENT_INFO as ae } from "../utils/names.js";
+import oe from "../hooks/use-merge-props/index.js";
+import se from "../config-provider/context.js";
+import { FormContext as ce, FormItemContext as le } from "../form/context.js";
+import ue from "../utils/omit.js";
 import "../config-provider/index.js";
-import ue from "../utils/getHotkeyHandler.js";
-import { castArray as de, difference as fe, intersection as pe, union as me } from "../utils/lodash.js";
-import he from "../hooks/use-resize-observers/index.js";
-import ge from "../hooks/use-id/index.js";
-import _e from "../trigger/index.js";
-import ve from "../checkbox/index.js";
-import ye from "../select-view/index.js";
-import be from "../virtual-list/index.js";
-import { flatChildren as xe, getValidValue as Se, isEmpty as Ce, isSelectOption as we, isSelectOptionGroup as Te, preventDefaultEvent as Ee } from "./utils.js";
-import { forwardRef as De, isValidElement as Oe, useCallback as ke, useContext as Ae, useEffect as f, useImperativeHandle as je, useMemo as Me, useRef as p, useState as m } from "react";
-import { Fragment as Ne, jsx as h, jsxs as Pe } from "react/jsx-runtime";
+import de from "../utils/getHotkeyHandler.js";
+import { castArray as fe, difference as pe, intersection as me, union as he } from "../utils/lodash.js";
+import ge from "../hooks/use-resize-observers/index.js";
+import _e from "../hooks/use-id/index.js";
+import { getArrowProp as ve } from "../trigger/utils.js";
+import ye from "../trigger/index.js";
+import be from "../checkbox/index.js";
+import xe from "../select-view/index.js";
+import Se from "../virtual-list/index.js";
+import { flatChildren as Ce, getValidValue as we, isEmpty as Te, isSelectOption as Ee, isSelectOptionGroup as De, preventDefaultEvent as Oe } from "./utils.js";
+import { forwardRef as ke, isValidElement as Ae, useCallback as je, useContext as Me, useEffect as f, useImperativeHandle as Ne, useMemo as Pe, useRef as p, useState as m } from "react";
+import { Fragment as Fe, jsx as h, jsxs as Ie } from "react/jsx-runtime";
 //#region components/pc/select/Select.tsx
-var g = (t) => c(t) || o(t) ? String(t) : e(t) ? t.map((e, t, n) => g(e)).join("") : Oe(t) ? g(t.props?.children) : "", Fe = "userCreatingOption";
-function Ie(o, c) {
-	let De = {
+var g = (t) => c(t) || o(t) ? String(t) : e(t) ? t.map((e, t, n) => g(e)).join("") : Ae(t) ? g(t.props?.children) : "", Le = "userCreatingOption";
+function Re(o, c) {
+	let ke = {
 		trigger: "click",
 		bordered: !0,
 		filterOption: !0,
 		unmountOnExit: !0,
 		defaultActiveFirstOption: !1
-	}, Oe = 4, { prefixCls: Ie, getPrefixCls: _, renderEmpty: Le, componentConfig: Re, rtl: ze, locale: Be } = Ae(oe), Ve = Ae(se), He = Ae(ce), v = _?.("select"), y = ae(o, De, Re?.Select), { children: Ue, renderFormat: We, defaultActiveFirstOption: Ge, disabled: Ke, unmountOnExit: qe, notFoundContent: Je, showSearch: Ye, tokenSeparators: Xe, options: Ze, filterOption: Qe, labelInValue: b, getPopupContainer: $e, trigger: et, triggerElement: x, triggerProps: S, dropdownRender: tt, dropdownMenuStyle: nt, dropdownMenuClassName: rt, virtualListProps: it, immediateTriggerChangeOnMount: at, readOnly: ot = He?.readOnly ?? Ve?.readOnly, mode: st, allowCheckAll: ct, allowCreate: C, onChange: lt, onSelect: ut, onDeselect: dt, onClear: ft, onSearch: pt, onFocus: mt, onBlur: ht, onPopupScroll: gt, onVisibleChange: _t, onInputValueChange: vt, onPaste: yt, onKeyDown: bt } = y, w = "value" in y, xt = "defaultValue" in y;
+	}, Ae = 4, { prefixCls: Re, getPrefixCls: _, renderEmpty: ze, componentConfig: Be, rtl: Ve, locale: He } = Me(se), Ue = Me(ce), We = Me(le), v = _?.("select"), y = oe(o, ke, Be?.Select), { children: Ge, renderFormat: Ke, defaultActiveFirstOption: qe, disabled: Je, unmountOnExit: Ye, notFoundContent: Xe, showSearch: Ze, tokenSeparators: Qe, options: $e, filterOption: et, labelInValue: b, getPopupContainer: tt, trigger: nt, triggerElement: x, triggerProps: S, dropdownRender: rt, dropdownMenuStyle: it, dropdownMenuClassName: at, virtualListProps: ot, immediateTriggerChangeOnMount: st, readOnly: ct = We?.readOnly ?? Ue?.readOnly, mode: lt, allowCheckAll: ut, allowCreate: C, onChange: dt, onSelect: ft, onDeselect: pt, onClear: mt, onSearch: ht, onFocus: gt, onBlur: _t, onPopupScroll: vt, onVisibleChange: yt, onInputValueChange: bt, onPaste: xt, onKeyDown: St } = y, w = "value" in y, Ct = "defaultValue" in y;
 	"options" in y;
-	let St = "inputValue" in y, Ct = "popupVisible" in y, wt = "notFoundContent" in y, T = ct, E = st === "multiple";
+	let wt = "inputValue" in y, Tt = "popupVisible" in y, Et = "notFoundContent" in y, T = ut, E = lt === "multiple";
 	E ? T ??= !0 : T = !1;
-	let [Tt, D] = m(Se(y.defaultValue, E, b)), O = w ? Se(y.value, E, b) : Tt, [k, Et, Dt] = ie({ value: St ? y.inputValue || "" : void 0 }, {
+	let [Dt, D] = m(we(y.defaultValue, E, b)), O = w ? we(y.value, E, b) : Dt, [k, Ot, kt] = ie({ value: wt ? y.inputValue || "" : void 0 }, {
 		defaultValue: "",
 		triggerPropName: !1
-	}), [A, Ot] = ie({
+	}), [A, At] = ie({
 		defaultValue: y.defaultPopupVisible,
-		value: Ct ? y.popupVisible : S && "popupVisible" in S ? S.popupVisible : void 0
+		value: Tt ? y.popupVisible : S && "popupVisible" in S ? S.popupVisible : void 0
 	}, {
 		defaultValue: !1,
 		triggerPropName: !1
-	}), [j, kt] = m(null), [M, At] = m([]), [N, P] = m(() => e(O) ? O[0] : O), { childrenList: F, optionInfoMap: I, optionValueList: L, optionIndexListForArrowKey: R, hasOptionGroup: jt, hasComplexLabelInOptions: Mt } = xe({
-		children: Ue,
-		options: Ze,
-		filterOption: Qe
+	}), [j, jt] = m(null), [M, Mt] = m([]), [N, P] = m(() => e(O) ? O[0] : O), { childrenList: F, optionInfoMap: I, optionValueList: L, optionIndexListForArrowKey: R, hasOptionGroup: Nt, hasComplexLabelInOptions: Pt } = Ce({
+		children: Ge,
+		options: $e,
+		filterOption: et
 	}, {
 		prefixCls: v,
 		inputValue: k,
 		userCreatedOptions: M,
 		userCreatingOption: j
-	}), z = p(null), Nt = p(null), B = p(null), V = p([]), H = p(null), Pt = p(k), Ft = p(null), U = p(0), It = p(!1), Lt = ge(`${v}-popup`), W = Ce(O, E), Rt = Me(() => {
-		if (Ge) {
-			let t = e(O) ? O[0] : O, n = !W && I.get(t)?._valid, r = I?.get?.(L[0])?._origin === Fe;
+	}), z = p(null), Ft = p(null), B = p(null), V = p([]), H = p(null), It = p(k), Lt = p(null), U = p(0), Rt = p(!1), zt = _e(`${v}-popup`), W = Te(O, E), Bt = Pe(() => {
+		if (qe) {
+			let t = e(O) ? O[0] : O, n = !W && I.get(t)?._valid, r = I?.get?.(L[0])?._origin === Le;
 			return n && !r ? t : L[R[0]];
 		}
 	}, [
@@ -60,42 +62,42 @@ function Ie(o, c) {
 		I,
 		L,
 		R,
-		Ge,
+		qe,
 		W
-	]), G = ke((e, t) => {
+	]), G = je((e, t) => {
 		let n = I.get(e);
 		z.current && n?.child?.props && z.current.scrollTo({
 			key: n.child.props._key,
 			options: t
 		});
-	}, [I]), K = ke((e, t = !1) => s(C) && r(C?.formatter) ? C.formatter(e, t) : e, [C]), q = (e, t) => {
-		(e !== Pt.current || t !== Ft.current) && (Et(e), Pt.current = e, Ft.current = t, vt?.(e, t));
+	}, [I]), K = je((e, t = !1) => s(C) && r(C?.formatter) ? C.formatter(e, t) : e, [C]), q = (e, t) => {
+		(e !== It.current || t !== Lt.current) && (Ot(e), It.current = e, Lt.current = t, bt?.(e, t));
 	}, J = (e) => {
-		A !== e && (Ot(e), _t?.(e), S?.onVisibleChange?.(e));
+		A !== e && (At(e), yt?.(e), S?.onVisibleChange?.(e));
 	};
 	f(() => {
 		E ? e(O) || D(l(O) ? [] : [O]) : e(O) && D(O.length ? O[0] : void 0);
 	}, [E, O]), f(() => {
-		if (A && (P(Rt), !W)) {
+		if (A && (P(Bt), !W)) {
 			let t = e(O) ? O[0] : O;
 			I.has(t) && setTimeout(() => G(t));
 		}
 	}, [A]), f(() => {
 		(H.current === "up" || H.current === "down") && (G(N), H.current = "none");
 	}, [N]);
-	let zt = F.map((e) => e?.props?.value);
+	let Vt = F.map((e) => e?.props?.value);
 	f(() => {
-		P(Rt);
-	}, [zt.join("-")]), f(() => {
+		P(Bt);
+	}, [Vt.join("-")]), f(() => {
 		V.current = V.current.filter((t) => E ? e(O) && O.includes(t.value) : t.value === O);
 	}, [O, E]), f(() => {
 		if (C) {
 			let e;
-			if (Ce(O, E)) e = [];
+			if (Te(O, E)) e = [];
 			else {
-				let t = de(O), n = t.filter((e, t, n) => {
+				let t = fe(O), n = t.filter((e, t, n) => {
 					let r = I.get(e) || V.current.find((t) => t.value === e)?.option;
-					return !r || r._origin === Fe;
+					return !r || r._origin === Le;
 				}).map((e) => K(e));
 				e = M.filter((e) => {
 					let n = s(e) ? e.value : e;
@@ -103,7 +105,7 @@ function Ie(o, c) {
 				}).concat(n);
 			}
 			let t = (e) => e.map((e) => s(e) ? e.value : e).toString();
-			t(e) !== t(M) && At(e);
+			t(e) !== t(M) && Mt(e);
 		}
 	}, [
 		O,
@@ -111,12 +113,12 @@ function Ie(o, c) {
 		E,
 		K
 	]), f(() => {
-		C && kt(k && !I.has(k) ? K(k, !0) : null);
+		C && jt(k && !I.has(k) ? K(k, !0) : null);
 	}, [k, K]), f(() => {
-		let { current: e } = Ft;
-		Dt === k && (e === "manual" || e === "optionListHide") && pt?.(k, e);
+		let { current: e } = Lt;
+		kt === k && (e === "manual" || e === "optionListHide") && ht?.(k, e);
 	}, [k]);
-	let Y = ke((e) => {
+	let Y = je((e) => {
 		let t = I.get(e);
 		if (t) {
 			let n = V.current.findIndex((t) => t.value === e);
@@ -129,17 +131,17 @@ function Ie(o, c) {
 			}), t;
 		}
 		return V.current.find((t) => t.value === e)?.option;
-	}, [I]), Bt = (e) => {
+	}, [I]), Ht = (e) => {
 		if (!R.length) return;
 		if (l(N) || !I.has(N)) return L[R[0]];
 		let t = I.get(N)._index, n = R.indexOf(t), r = R.length;
 		return L[R[((e === "up" ? n - 1 : n + 1) + r) % r]];
-	}, X = (t, n = Ce(t, E)) => {
+	}, X = (t, n = Te(t, E)) => {
 		let r = t, i = l(t) ? void 0 : e(t) ? t.map(Y) : Y(t);
 		if (b && !n) {
 			let n = (t, n) => {
 				if (n) return n.children;
-				let r = w ? y.value : xt ? y.defaultValue : null;
+				let r = w ? y.value : Ct ? y.defaultValue : null;
 				if (e(r)) {
 					for (let e of r) if (s(e) && e.value === t) return e.label;
 				} else if (s(r) && r.value === t) return r.label;
@@ -157,78 +159,78 @@ function Ie(o, c) {
 			value: r
 		};
 	};
-	function Vt(e) {
-		if (lt) {
+	function Ut(e) {
+		if (dt) {
 			let t = X(e);
-			lt(t.value, t.option);
+			dt(t.value, t.option);
 		}
 	}
 	let Z = (e) => {
-		D(e), Vt(e);
-	}, Ht = (e, t) => {
+		D(e), Ut(e);
+	}, Wt = (e, t) => {
 		if (t === "remove" || t === "add" && I.get(e)) {
-			let n = t === "add" ? O.concat(e) : O.filter((t, n, r) => t !== e), i = t === "add" ? ut : dt;
+			let n = t === "add" ? O.concat(e) : O.filter((t, n, r) => t !== e), i = t === "add" ? ft : pt;
 			if (Z(n), r(i)) {
 				let t = X(e, !1);
 				i(t.value, t.option);
 			}
 		}
-	}, Ut = (e, t) => {
-		t || (E ? (Ht(e, O.includes(e) ? "remove" : "add"), (!s(Ye) || !Ye.retainInputValueWhileSelect) && q("", "optionChecked")) : (e !== O && Z(e), setTimeout(() => {
+	}, Gt = (e, t) => {
+		t || (E ? (Wt(e, O.includes(e) ? "remove" : "add"), (!s(Ze) || !Ze.retainInputValueWhileSelect) && q("", "optionChecked")) : (e !== O && Z(e), setTimeout(() => {
 			J(!1);
 		})));
-	}, Q = ue(new Map([
+	}, Q = de(new Map([
 		[ne.key, () => J(!1)],
 		[te.key, () => {
 			if (A) {
 				let e = I.get(N);
-				e && Ut(N, e.disabled);
+				e && Gt(N, e.disabled);
 			} else J(!0);
 		}],
 		[re.key, () => J(!1)],
 		[ee.key, () => {
-			if (A) return H.current = "up", P(Bt("up")), !1;
+			if (A) return H.current = "up", P(Ht("up")), !1;
 		}],
 		[u.key, () => {
-			if (A) return H.current = "down", P(Bt("down")), !1;
+			if (A) return H.current = "down", P(Ht("down")), !1;
 		}]
-	])), Wt = () => {
-		let e = S?.autoAlignPopupWidth === !1 && (!S?.style?.width || S?.style?.width === "auto"), t = e && Mt, i = wt ? Je : Le("Select"), o = F.length ? /* @__PURE__ */ h(be, {
-			id: Lt,
+	])), Kt = () => {
+		let e = S?.autoAlignPopupWidth === !1 && (!S?.style?.width || S?.style?.width === "auto"), t = e && Pt, i = Et ? Xe : ze?.(ae.displayName), o = F.length ? /* @__PURE__ */ h(Se, {
+			id: zt,
 			role: "listbox",
-			style: nt,
-			className: d(`${v}-popup-inner`, rt),
+			style: it,
+			className: d(`${v}-popup-inner`, at),
 			ref: z,
 			data: F,
 			height: null,
-			isStaticItemHeight: !jt,
+			isStaticItemHeight: !Nt,
 			measureLongestItem: e,
 			itemKey: (e) => e.props._key,
-			onMouseDown: Ee,
+			onMouseDown: Oe,
 			onMouseMove: () => {
 				H.current = null;
 			},
-			onScroll: (e) => gt?.(e.target),
-			...it,
-			threshold: t ? null : it?.threshold,
+			onScroll: (e) => vt?.(e.target),
+			...ot,
+			threshold: t ? null : ot?.threshold,
 			children: (e) => {
-				if (Te(e)) {
+				if (De(e)) {
 					let t = e.type;
 					return /* @__PURE__ */ h(t, {
 						...e.props,
 						prefixCls: v
 					});
 				}
-				if (we(e)) {
+				if (Ee(e)) {
 					let t = e.props?.value, n = s(j) ? j.value : j, r = M.map((e) => s(e) ? e.value : e), i = {
 						prefixCls: v,
-						rtl: ze,
+						rtl: Ve,
 						_valueActive: N,
 						_valueSelect: O,
 						_isMultipleMode: E,
 						_isUserCreatingOption: C && n === t,
 						_isUserCreatedOption: C && r.includes(t),
-						_onClick: Ut,
+						_onClick: Gt,
 						_onMouseEnter: (e) => {
 							a(H.current) && P(e);
 						},
@@ -244,21 +246,21 @@ function Ie(o, c) {
 				return e;
 			}
 		}) : null, c = i && !(C && k) ? /* @__PURE__ */ h("div", {
-			style: nt,
-			className: d(`${v}-popup-inner`, rt),
+			style: it,
+			className: d(`${v}-popup-inner`, at),
 			children: i
-		}) : null, l = o || c, u = r(tt) ? tt(l) : l;
-		if (E && T && !(s(T) && T.search === !1 && k) && o && zt.length > 1) {
-			let e = [].concat(zt), t = [].concat(O), r = n(fe(e, t)), i = !n(pe(e, t));
-			u = /* @__PURE__ */ Pe(Ne, { children: [/* @__PURE__ */ h(ve, {
+		}) : null, l = o || c, u = r(rt) ? rt(l) : l;
+		if (E && T && !(s(T) && T.search === !1 && k) && o && Vt.length > 1) {
+			let e = [].concat(Vt), t = [].concat(O), r = n(pe(e, t)), i = !n(me(e, t));
+			u = /* @__PURE__ */ Ie(Fe, { children: [/* @__PURE__ */ h(be, {
 				"aria-hidden": "true",
 				className: d(`${v}-checkbox`, `${v}-checkbox-all`),
 				checked: r,
 				indeterminate: i && !r,
 				onChange: (n) => {
-					Z(n ? me(t, e) : fe(t, e));
+					Z(n ? he(t, e) : pe(t, e));
 				},
-				children: /* @__PURE__ */ h("span", { children: Be?.Select?.checkAll })
+				children: /* @__PURE__ */ h("span", { children: He?.Select?.checkAll })
 			}), u] });
 		}
 		return u = /* @__PURE__ */ h("div", {
@@ -268,8 +270,8 @@ function Ie(o, c) {
 			children: u
 		}), u;
 	}, $ = (e) => {
-		if (U.current = null, E && t(Xe)) {
-			let t = e.split(RegExp(`[${Xe.join("")}]`));
+		if (U.current = null, E && t(Qe)) {
+			let t = e.split(RegExp(`[${Qe.join("")}]`));
 			if (t.length > 1) {
 				U.current = Date.now();
 				let e = t.filter((e, n) => e && t.indexOf(e) === n), n = O.slice(0), r = !1;
@@ -279,10 +281,10 @@ function Ie(o, c) {
 			}
 		}
 		return !!U.current;
-	}, Gt = {
-		onFocus: mt,
+	}, qt = {
+		onFocus: gt,
 		onBlur: (e) => {
-			ht?.(e), !A && !It.current && q("", "optionListHide");
+			_t?.(e), !A && !Rt.current && q("", "optionListHide");
 		},
 		onKeyDown: (e) => {
 			if (e.target.tagName === "INPUT" && e.target.value) {
@@ -292,22 +294,22 @@ function Ie(o, c) {
 					$(e.target.value + r) && q("", "tokenSeparator");
 				}
 			}
-			Q(e), bt?.(e);
+			Q(e), St?.(e);
 		},
 		onChangeInputValue: (e, { nativeEvent: { inputType: t } }) => {
 			t !== "insertFromPaste" && $(e), U.current ? q("", "tokenSeparator") : q(e, "manual"), A || e && J(!0);
 		},
 		onPaste: (e) => {
-			$(e.clipboardData.getData("text")), yt?.(e);
+			$(e.clipboardData.getData("text")), xt?.(e);
 		},
 		onRemoveCheckedItem: (e, t, n) => {
-			n.stopPropagation(), Ht(O[t], "remove");
+			n.stopPropagation(), Wt(O[t], "remove");
 		},
 		onClear: (e) => {
-			e.stopPropagation(), Z(E ? O.filter((e, t, n) => I.get(e)?.disabled) : void 0), q("", "manual"), ft?.(A);
+			e.stopPropagation(), Z(E ? O.filter((e, t, n) => I.get(e)?.disabled) : void 0), q("", "manual"), mt?.(A);
 		}
 	};
-	je(c, () => ({
+	Ne(c, () => ({
 		focus() {
 			B.current?.focus?.();
 		},
@@ -328,59 +330,59 @@ function Ie(o, c) {
 		N,
 		Y,
 		G
-	]), S?.showArrow && (Oe += 4);
-	let Kt = (e) => {
-		if (ot) return e;
+	]), ve(S) && (Ae += 4);
+	let Jt = (e) => {
+		if (ct) return e;
 		let t = { ...S }, n = t.popupStyle?.width;
 		return l(n) || (t.style = {
 			...t.style,
 			width: n
-		}), /* @__PURE__ */ h(_e, {
-			ref: Nt,
-			popup: Wt,
-			trigger: et,
-			disabled: Ke,
-			getPopupContainer: $e,
-			classNames: `${Ie}-slide-dynamic-origin`,
+		}), /* @__PURE__ */ h(ye, {
+			ref: Ft,
+			popup: Kt,
+			trigger: nt,
+			disabled: Je,
+			getPopupContainer: tt,
+			classNames: `${Re}-slide-dynamic-origin`,
 			autoAlignPopupWidth: !0,
-			popupAlign: Oe,
+			popupAlign: Ae,
 			popupVisible: A,
-			unmountOnExit: qe,
+			unmountOnExit: Ye,
 			onVisibleChange: J,
 			childrenPrefix: `${v}-trigger`,
 			__onExit: (e) => {
-				It.current = !0;
+				Rt.current = !0;
 			},
 			__onExited: (e) => {
-				It.current = !1, q("", "optionListHide");
+				Rt.current = !1, q("", "optionListHide");
 			},
-			...le(t, ["popupVisible", "onVisibleChange"]),
+			...ue(t, ["popupVisible", "onVisibleChange"]),
 			children: e
 		});
 	};
-	he((e) => {
-		Nt.current?.updatePopupPosition?.();
-	}, [B.current?.getRootElement?.()], { immediate: !0 }), f(() => (at && (w || xt) && Vt(y.value ?? y.defaultValue), () => {}), []);
-	let qt, Jt = r(x) ? x(X(O)) : x;
-	return qt = i(Jt) ? /* @__PURE__ */ h(ye, {
+	ge((e) => {
+		Ft.current?.updatePopupPosition?.();
+	}, [B.current?.getRootElement?.()], { immediate: !0 }), f(() => (st && (w || Ct) && Ut(y.value ?? y.defaultValue), () => {}), []);
+	let Yt, Xt = r(x) ? x(X(O)) : x;
+	return Yt = i(Xt) ? /* @__PURE__ */ h(xe, {
 		...y,
-		...Gt,
+		...qt,
 		ref: B,
 		value: O,
 		inputValue: k,
 		popupVisible: A,
-		rtl: ze,
+		rtl: Ve,
 		prefixCls: v,
 		allowCreate: !!C,
-		ariaControls: Lt,
+		ariaControls: zt,
 		isEmptyValue: W,
 		isMultiple: E,
 		onSort: Z,
 		renderText: (t) => {
 			let n = Y(t), i = t, a = String(t);
-			if (r(We)) {
+			if (r(Ke)) {
 				let e = X(t, !1);
-				i = We(e.option || null, e.value), a = g(i);
+				i = Ke(e.option || null, e.value), a = g(i);
 			} else {
 				let r = !1;
 				if (b) {
@@ -398,12 +400,12 @@ function Ie(o, c) {
 				disabled: n?.disabled
 			};
 		},
-		readOnly: ot,
-		renderView: Kt
-	}) : Kt(Jt), qt;
+		readOnly: ct,
+		renderView: Jt
+	}) : Jt(Xt), Yt;
 }
-var _ = De(Ie);
-_.displayName = "Select";
+var _ = ke(Re);
+_.displayName = ae.displayName;
 //#endregion
 export { _ as default };
 /* 独立思考，明辨是非 */

package/select/index.d.ts

@@ -1,6 +1,7 @@
 import Option from './Option';
 import OptionGroup from './OptionGroup';
 declare const Select: import("react").ForwardRefExoticComponent<import("./interface").SelectProps & import("react").RefAttributes<import("./interface").SelectHandle>> & {
+    id: string;
     Option: import("react").ForwardRefExoticComponent<import("./interface").OptionProps & import("react").RefAttributes<unknown>> & {
         ___PQB_SELECT_OPTION___: boolean;
     };

package/select/index.js

@@ -1,12 +1,14 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import e from "./Option.js";
-import t from "./OptionGroup.js";
-import n from "./Select.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { SELECT_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./Option.js";
+import n from "./OptionGroup.js";
+import r from "./Select.js";
 //#region components/pc/select/index.ts
-var r = Object.assign(n, {
-	Option: e,
-	OptionGroup: t
+var i = Object.assign(r, {
+	id: e.id,
+	Option: t,
+	OptionGroup: n
 });
 //#endregion
-export { e as SelectOption, t as SelectOptionGroup, r as default };
+export { t as SelectOption, n as SelectOptionGroup, i as default };
 /* 独立思考，明辨是非 */

package/select/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isArrayAndNotEmpty as t, isEmptyArray as n, isFunction as r, isNil as i, isNumber as a, isPlainObject as o, isPresent as s, isString as c, isUndefined as l } from "../utils/is.js";
 import u from "../utils/fillNBSP.js";
 import d from "../utils/getHighlightText.js";

package/select-view/Core.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isExist as t, isFunction as n, isNil as r, isNull as i, isNumber as a, isNumberOrString as o, isObjectLike as s, isPlainObject as c, isString as ee, isStringOrNumber as l, isUndefined as u } from "../utils/is.js";
 import te from "../hooks/use-force-update/index.js";
 import { Backspace as ne, Enter as d } from "../utils/keyboardCode.js";

package/select-view/SelectView.js

@@ -1,18 +1,19 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e, isNil as t, isPlainObject as n } from "../utils/is.js";
 import r from "../utils/className.js";
 import { pickDataAttributes as i } from "../utils/pick.js";
-import { FormContext as a, FormItemContext as o } from "../form/context.js";
-import s from "./Core.js";
-import { forwardRef as c, useContext as l, useImperativeHandle as u, useRef as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { SELECT_VIEW_COMPONENT_INFO as a } from "../utils/names.js";
+import { FormContext as o, FormItemContext as s } from "../form/context.js";
+import c from "./Core.js";
+import { forwardRef as l, useContext as u, useImperativeHandle as d, useRef as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region components/pc/select-view/SelectView.tsx
-function m(c, m) {
-	let h = l(a), g = l(o), { prefixCls: _, id: v, style: y, className: b, addBefore: x, addAfter: S, rtl: C, readOnly: w = g?.readOnly ?? h?.readOnly, renderView: T, autoWidth: E, ...D } = c, O = d(null), k = E ? {
+function h(a, l) {
+	let h = u(o), g = u(s), { prefixCls: _, id: v, style: y, className: b, addBefore: x, addAfter: S, rtl: C, readOnly: w = g?.readOnly ?? h?.readOnly, renderView: T, autoWidth: E, ...D } = a, O = f(null), k = E ? {
 		minWidth: 0,
 		maxWidth: "100%",
 		...n(E) ? E : {}
-	} : null, A = d(null), j = !t(x), M = !t(S), N = j || M, P = {
+	} : null, A = f(null), j = !t(x), M = !t(S), N = j || M, P = {
 		id: v,
 		style: {
 			...k,
@@ -21,37 +22,37 @@ function m(c, m) {
 		},
 		className: b
 	}, F = i(D);
-	u(m, () => Object.assign({}, A.current, { getRootElement() {
+	d(l, () => Object.assign({}, A.current, { getRootElement() {
 		return O.current || A.current.getRootElement();
 	} }));
-	let I = /* @__PURE__ */ f(s, {
-		...c,
+	let I = /* @__PURE__ */ p(c, {
+		...a,
 		ref: A,
 		id: N ? void 0 : P.id,
 		style: N ? void 0 : P.style,
 		className: N ? void 0 : P.className,
 		htmlDataAttributes: N ? {} : F
 	});
-	return e(T) && (I = T(I)), w || !N ? I : /* @__PURE__ */ p("div", {
+	return e(T) && (I = T(I)), w || !N ? I : /* @__PURE__ */ m("div", {
 		ref: O,
 		...F,
 		...P,
 		className: r(`${_}-wrapper`, { [`${_}-wrapper-rtl`]: C }, P.className),
 		children: [
-			j && /* @__PURE__ */ f("div", {
+			j && /* @__PURE__ */ p("div", {
 				className: `${_}-addbefore`,
 				children: x
 			}),
 			I,
-			M && /* @__PURE__ */ f("div", {
+			M && /* @__PURE__ */ p("div", {
 				className: `${_}-addafter`,
 				children: S
 			})
 		]
 	});
 }
-var h = c(m);
-h.displayName = "SelectView";
+var g = l(h);
+g.displayName = a.displayName;
 //#endregion
-export { h as default };
+export { g as default };
 /* 独立思考，明辨是非 */

package/select-view/index.d.ts

@@ -1,3 +1,5 @@
-declare const SelectView: import("react").ForwardRefExoticComponent<import("./interface").SelectViewProps & import("react").RefAttributes<import("./interface").SelectViewHandle>>;
+declare const SelectView: import("react").ForwardRefExoticComponent<import("./interface").SelectViewProps & import("react").RefAttributes<import("./interface").SelectViewHandle>> & {
+    id: string;
+};
 export default SelectView;
 export type { SelectViewCommonProps, SelectViewProps } from './interface';

package/select-view/index.js

@@ -1,7 +1,8 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import e from "./SelectView.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { SELECT_VIEW_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./SelectView.js";
 //#region components/pc/select-view/index.ts
-var t = Object.assign(e, {});
+var n = Object.assign(t, { id: e.id });
 //#endregion
-export { t as default };
+export { n as default };
 /* 独立思考，明辨是非 */

package/skeleton/Image.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../utils/className.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region components/pc/skeleton/Image.tsx