@unicom-cloud/ui 0.8.156 → 0.8.158

package/segmented/Segmented.js

@@ -1,13 +1,14 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { isFunction as e, isNumber as t, isString as n } from "../utils/is.js";
-import r from "../hooks/use-force-update/index.js";
-import i from "../utils/className.js";
-import a from "../hooks/use-merge-props/index.js";
-import o from "../config-provider/context.js";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { isFunction as e, isNumber as t, isString as n, isUndefined as r } from "../utils/is.js";
+import i from "../hooks/use-force-update/index.js";
+import a from "../hooks/use-controllable-value/index.js";
+import o from "../utils/className.js";
+import s from "../hooks/use-merge-props/index.js";
+import c from "../config-provider/context.js";
 import "../config-provider/index.js";
-import s from "../hooks/use-update-effect/index.js";
-import { forwardRef as c, useContext as l, useEffect as u, useImperativeHandle as d, useMemo as f, useRef as p, useState as m } from "react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import l from "../hooks/use-update-effect/index.js";
+import { forwardRef as u, useContext as d, useEffect as f, useImperativeHandle as p, useMemo as m, useRef as h } from "react";
+import { Fragment as ee, jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region components/pc/segmented/Segmented.tsx
 var v = {
 	mini: {
@@ -50,7 +51,7 @@ var v = {
 			padding: "19px"
 		}
 	}
-}, ee = {
+}, y = {
 	options: [],
 	size: "default",
 	mode: "default",
@@ -62,49 +63,54 @@ var v = {
 	keyboardSwitch: !0,
 	animationDuration: 300
 };
-function y(c, y) {
-	let { getPrefixCls: b, componentConfig: te, rtl: x } = l(o), S = a(c, ee, te?.Segmented), { style: ne, className: re, options: C = [], defaultValue: w, value: T, size: E = "default", gap: D, mode: O = "default", disabled: k = !1, block: A = !1, split: j, direction: M = "horizontal", showIndicator: N = !0, keyboardSwitch: P = !0, animationDuration: F = 300, name: I, immediateTrigger: L = !1, onChange: R, ...ie } = S, z = r(), B = b?.("segmented"), ae = M === "vertical", V = O === "pill", H = "value" in S, U = f(() => C.map((e) => n(e) || t(e) ? {
+function b(u, b) {
+	let { getPrefixCls: x, componentConfig: te, rtl: S } = d(c), C = s(u, y, te?.Segmented), { style: w, className: ne, options: T = [], defaultValue: re, value: ie, size: E = "default", gap: D, mode: O = "default", disabled: k = !1, block: A = !1, split: j, direction: M = "horizontal", showIndicator: N = !0, keyboardSwitch: P = !0, animationDuration: F = 300, name: I, immediateTrigger: L = !1, onChange: R, ...z } = C, B = i(), V = x?.("segmented"), H = M === "vertical", U = O === "pill";
+	"value" in C;
+	let W = m(() => T.map((e) => n(e) || t(e) ? {
 		value: e,
 		label: e
-	} : e), [C]), [W, G] = m(w), K = p(null), q = p([]), J = H ? T : W, Y = v[E] || v.default;
-	function oe() {
+	} : e), [T]), G = h(null), K = h([]), [q, J] = a({ ...C }, {
+		defaultValue: re,
+		triggerPropName: !1
+	}), Y = v[E] || v.default;
+	function ae() {
 		let e = D;
-		return e = "gap" in S ? D : Y.root.padding, e;
+		return e = "gap" in C ? D : Y.root.padding, e;
 	}
-	let X = oe();
-	function Z() {
+	let X = ae();
+	function oe() {
 		let e = {
 			padding: `0 ${Y.option.padding}`,
 			height: `calc(${Y.option.size} - ${Y.root.padding} * 2)`
 		};
-		return V && (e.borderRadius = `calc(${e.height} / 2)`), e;
+		return U && (e.borderRadius = `calc(${e.height} / 2)`), e;
 	}
-	let Q = Z();
-	function se() {
+	let Z = oe();
+	function Q() {
 		let e = {
 			gap: X,
 			fontSize: Y.root.fontSize,
 			padding: Y.root.padding,
-			...ne
+			...w
 		};
-		if (e["--gap"] = t(X) ? `${X}px` : X, V && (e.borderRadius = `calc(${Y.option.size} / 2)`), N) {
-			Q.borderRadius && (e["--before-border-radius"] = Q.borderRadius), F && (e["--before-transition-duration"] = `${F}ms`);
-			let t = U.findIndex((e) => e?.value === J), n = q.current[t];
-			n && (e["--before-width"] = `${n.offsetWidth}px`, e["--before-height"] = `${n.offsetHeight}px`, ae ? e["--before-top"] = `${n.offsetTop}px` : e["--before-left"] = `${n.offsetLeft}px`);
+		if (e["--gap"] = t(X) ? `${X}px` : X, U && (e.borderRadius = `calc(${Y.option.size} / 2)`), N) {
+			Z.borderRadius && (e["--before-border-radius"] = Z.borderRadius), F && (e["--before-transition-duration"] = `${F}ms`);
+			let t = W.findIndex((e) => e?.value === q), n = K.current[t];
+			n && (e["--before-width"] = `${n.offsetWidth}px`, e["--before-height"] = `${n.offsetHeight}px`, H ? e["--before-top"] = `${n.offsetTop}px` : e["--before-left"] = `${n.offsetLeft}px`);
 		}
 		return e;
 	}
-	let ce = se();
+	let se = Q();
 	function $(t, n, r) {
-		let i = r || U.find((e) => e.value === t);
-		H || G(t), e(R) && R(t, i);
+		let i = r || W.find((e) => e.value === t);
+		J(t), e(R) && R(t, i);
 	}
-	function le(e, t, n, r) {
+	function ce(e, t, n, r) {
 		r || k || $(e, t, n);
 	}
-	function ue(e) {
+	function le(e) {
 		if (e.preventDefault(), !P || k) return;
-		let t = U.findIndex((e) => e?.value === J), n = t, r = U.length;
+		let t = W.findIndex((e) => e?.value === q), n = t, r = W.length;
 		switch (e.key) {
 			case "ArrowLeft":
 			case "ArrowUp":
@@ -122,38 +128,38 @@ function y(c, y) {
 				break;
 			default: return;
 		}
-		for (; n !== t && U[n]?.disabled;) {
+		for (; n !== t && W[n]?.disabled;) {
 			let t = ["ArrowLeft", "ArrowUp"].includes(e.key) ? -1 : 1;
 			n = (n + t + r) % r;
 		}
-		let i = U[n], a = i?.value;
-		a && a !== J && ($(a, n, i), q.current[n]?.focus?.());
+		let i = W[n], a = i?.value;
+		a && a !== q && ($(a, n, i), K.current[n]?.focus?.());
 	}
-	function de(t, n, r) {
+	function ue(t, n, r) {
 		if (!t) return;
-		let { style: a, className: o, value: s, label: c, icon: l, disabled: u, render: d, ...f } = t, p = s === J, m = u || k, v = !c && !!l;
+		let { style: i, className: a, value: s, label: c, icon: l, disabled: u, render: d, ...f } = t, p = s === q, m = u || k, h = !c && !!l;
 		return /* @__PURE__ */ _("button", {
 			ref: (e) => {
-				q.current[n] = e;
+				K.current[n] = e;
 			},
-			style: Object.assign({}, Q, v ? {
+			style: Object.assign({}, Z, h ? {
 				padding: 0,
-				width: Q.height
-			} : {}, a),
-			className: i(`${B}-option`, `${B}-option-size-${E}`, `${B}-option-mode-${O}`, `${B}-option-direction-${M}`, {
-				[`${B}-option-rtl`]: x,
-				[`${B}-option-block`]: A,
-				[`${B}-option-split`]: j,
-				[`${B}-option-active`]: p,
-				[`${B}-option-disabled`]: m
-			}, v ? `${B}-option-icon-only` : `${B}-option-not-icon-only`, o),
+				width: Z.height
+			} : {}, i),
+			className: o(`${V}-option`, `${V}-option-size-${E}`, `${V}-option-mode-${O}`, `${V}-option-direction-${M}`, {
+				[`${V}-option-rtl`]: S,
+				[`${V}-option-block`]: A,
+				[`${V}-option-split`]: j,
+				[`${V}-option-active`]: p,
+				[`${V}-option-disabled`]: m
+			}, h ? `${V}-option-icon-only` : `${V}-option-not-icon-only`, a),
 			disabled: m,
 			role: "radio",
 			"aria-checked": p,
 			"aria-disabled": m,
 			tabIndex: p ? 0 : -1,
 			onClick: (e) => {
-				le(s, n, t, m);
+				ce(s, n, t, m);
 			},
 			...f,
 			children: [!!I && /* @__PURE__ */ g("input", {
@@ -161,50 +167,50 @@ function y(c, y) {
 				name: I,
 				value: s,
 				checked: p,
-				className: `${B}-input`,
+				className: `${V}-input`,
 				tabIndex: -1,
 				"aria-hidden": "true"
-			}), e(d) ? d(t, p) : /* @__PURE__ */ _(h, { children: [l && /* @__PURE__ */ g("span", {
-				className: `${B}-option-icon`,
+			}), e(d) ? d(t, p) : /* @__PURE__ */ _(ee, { children: [l && /* @__PURE__ */ g("span", {
+				className: `${V}-option-icon`,
 				children: l
-			}), !v && /* @__PURE__ */ g("span", {
-				className: `${B}-option-label`,
+			}), !h && /* @__PURE__ */ g("span", {
+				className: `${V}-option-label`,
 				children: c
 			})] })]
 		}, `${c}-${s}-${n}`);
 	}
-	return s(() => {
-		J === void 0 || U.some((e) => e.value === J) || $(void 0);
-	}, [U]), u(() => {
+	return l(() => {
+		r(q) || W.some((e) => e.value === q) || $(void 0);
+	}, [W]), f(() => {
 		let e = requestAnimationFrame(() => {
-			z();
+			B();
 		});
 		return () => {
 			cancelAnimationFrame(e);
 		};
-	}, [z, S]), u(() => {
-		L && $(J);
-	}, []), d(y, () => ({ getRootElement() {
-		return K.current;
+	}, [B, C]), f(() => {
+		L && $(q);
+	}, []), p(b, () => ({ getRootElement() {
+		return G.current;
 	} })), /* @__PURE__ */ g("div", {
-		ref: K,
-		...ie,
-		style: ce,
-		className: i(B, {
-			[`${B}-rtl`]: x,
-			[`${B}-block`]: A,
-			[`${B}-disabled`]: k,
-			[`${B}-indicator`]: N
-		}, `${B}-mode-${O}`, `${B}-direction-${M}`, `${B}-size-${E}`, re),
+		ref: G,
+		...z,
+		style: se,
+		className: o(V, {
+			[`${V}-rtl`]: S,
+			[`${V}-block`]: A,
+			[`${V}-disabled`]: k,
+			[`${V}-indicator`]: N
+		}, `${V}-mode-${O}`, `${V}-direction-${M}`, `${V}-size-${E}`, ne),
 		role: "radiogroup",
 		onKeyDown: P ? (e) => {
-			ue(e);
+			le(e);
 		} : void 0,
-		children: U.map(de)
+		children: W.map(ue)
 	});
 }
-var b = c(y);
-b.displayName = "Segmented";
+var x = u(b);
+x.displayName = "Segmented";
 //#endregion
-export { b as default };
+export { x as default };
 /* 独立思考，明辨是非 */

package/segmented/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "./Segmented.js";
 //#region components/pc/segmented/index.tsx
 var t = Object.assign(e, {});

package/segmented/interface.d.ts

@@ -21,7 +21,7 @@ export interface SegmentedOption {
     /** 自定义样式 */
     style?: CSSProperties;
     /** 自定义类名 */
-    className?: string | string[];
+    className?: string;
     /** 选项值 */
     value: Value;
     /** 显示文本，不设置则只显示图标 */
@@ -40,7 +40,7 @@ export interface SegmentedProps extends Size {
     /** 自定义样式 */
     style?: CSSProperties;
     /** 自定义类名 */
-    className?: string | string[];
+    className?: string;
     /**
      * 分段控制器选项
      * @description 可以是字符串数组或 SegmentedOption 对象数组

package/select/Option.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
 import type { OptionProps } from './interface';
-declare const ForwordRefOption: React.ForwardRefExoticComponent<OptionProps & React.RefAttributes<unknown>>;
-declare const OptionComponent: typeof ForwordRefOption & {
-    ___PQB_SELECT_OPTION___?: boolean;
+declare const OptionComponent: import("react").ForwardRefExoticComponent<OptionProps & import("react").RefAttributes<unknown>> & {
+    ___PQB_SELECT_OPTION___: boolean;
 };
 export default OptionComponent;

package/select/Option.js

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { isString as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import n from "../utils/omit.js";
 import r from "../checkbox/index.js";
-import i from "react";
+import { forwardRef as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region components/pc/select/Option.tsx
 function s(i, s) {
@@ -63,8 +63,8 @@ function s(i, s) {
 		children: E
 	});
 }
-var c = i.forwardRef(s);
-c.___PQB_SELECT_OPTION___ = !0;
+var c = i(s), l = Object.assign(c, { ___PQB_SELECT_OPTION___: !0 });
+l.displayName = "OptionComponent";
 //#endregion
-export { c as default };
+export { l as default };
 /* 独立思考，明辨是非 */

package/select/OptionGroup.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
 import type { OptionGroupProps } from './interface';
-declare const ForwardRefOptionGroup: React.ForwardRefExoticComponent<OptionGroupProps & React.RefAttributes<unknown>>;
-declare const OptionGroupComponent: typeof ForwardRefOptionGroup & {
-    ___PQB_SELECT_OPTGROUP___?: boolean;
+declare const OptionGroupComponent: import("react").ForwardRefExoticComponent<OptionGroupProps & import("react").RefAttributes<unknown>> & {
+    ___PQB_SELECT_OPTGROUP___: boolean;
 };
 export default OptionGroupComponent;

package/select/OptionGroup.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import e from "../utils/omit.js";
-import t from "react";
+import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 //#region components/pc/select/OptionGroup.tsx
 function r(t, r) {
@@ -16,8 +16,8 @@ function r(t, r) {
 		children: a
 	});
 }
-var i = t.forwardRef(r);
-i.___PQB_SELECT_OPTGROUP___ = !0;
+var i = t(r), a = Object.assign(i, { ___PQB_SELECT_OPTGROUP___: !0 });
+a.displayName = "OptionGroupComponent";
 //#endregion
-export { i as default };
+export { a as default };
 /* 独立思考，明辨是非 */

package/select/Select.d.ts

@@ -1,11 +1,4 @@
-import React from 'react';
 import type { SelectHandle, SelectProps } from './interface';
-import Option from './Option';
-import OptionGroup from './OptionGroup';
-declare const ForwardRefSelect: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<SelectHandle>>;
-declare const Select: typeof ForwardRefSelect & {
-    Option: typeof Option;
-    OptionGroup: typeof OptionGroup;
-};
+declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<SelectHandle>>;
 export default Select;
 export type { SelectHandle };