@unicom-cloud/ui 0.8.159 → 0.8.160

package/row-col/Col-.js

@@ -1,20 +1,21 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isNumber as t, isPlainObject as n, isString as r } from "../utils/is.js";
 import i from "../utils/className.js";
-import a from "../hooks/use-merge-props/index.js";
-import o from "../config-provider/context.js";
+import { COL_COMPONENT_INFO as a } from "../utils/names.js";
+import o from "../hooks/use-merge-props/index.js";
+import s from "../config-provider/context.js";
 import "../config-provider/index.js";
 import "../constant/index.js";
-import { RowContext as s } from "./context.js";
-import { forwardRef as c, useContext as l, useMemo as u } from "react";
-import { jsx as d } from "react/jsx-runtime";
+import { RowContext as c } from "./context.js";
+import { forwardRef as l, useContext as u, useMemo as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
 //#region components/pc/row-col/Col-.tsx
-var f = { span: 24 };
-function p(e) {
+var p = { span: 24 };
+function m(e) {
 	return r(e) && /\d+[px|%|em|rem|]{1}/.test(e) ? `0 0 ${e}` : e;
 }
-function m(r, c) {
-	let { getPrefixCls: m, componentConfig: h, rtl: g } = l(o), _ = a(r, f, h?.Col), { gutter: v, div: y } = l(s), { className: b, style: x, children: S, span: C, offset: w, order: T, pull: E, push: D, xs: O, sm: k, md: A, lg: j, xl: M, xxl: N, xxxl: P, flex: F, ...I } = _;
+function h(r, a) {
+	let { getPrefixCls: l, componentConfig: h, rtl: g } = u(s), _ = o(r, p, h?.Col), { gutter: v, div: y } = u(c), { className: b, style: x, children: S, span: C, offset: w, order: T, pull: E, push: D, xs: O, sm: k, md: A, lg: j, xl: M, xxl: N, xxxl: P, flex: F, ...I } = _;
 	function L(e, r) {
 		let i = {
 			xs: O,
@@ -30,7 +31,7 @@ function m(r, c) {
 			t(o) ? o >= 0 && (r[`${e}-${a}-${o}`] = !0) : n(o) && (r[`${e}-${a}-${o.span}`] = o.span, r[`${e}-${a}-offset-${o.offset}`] = o.offset, r[`${e}-${a}-order-${o.order}`] = o.order, r[`${e}-${a}-pull-${o.pull}`] = o.pull, r[`${e}-${a}-push-${o.push}`] = o.push);
 		}), r;
 	}
-	let R = m?.("col"), z = {
+	let R = l?.("col"), z = {
 		[`${R}`]: !y,
 		[`${R}-order-${T}`]: T,
 		[`${R}-${C}`]: !y && !O && !k && !A && !j && !M && !N && !P,
@@ -45,9 +46,9 @@ function m(r, c) {
 		let e = v[0] && v[0] / 2 || 0, t = v[1] && v[1] / 2 || 0;
 		e && (V.paddingLeft = e, V.paddingRight = e), t && (V.paddingTop = t, V.paddingBottom = t);
 	}
-	let H = u(() => p(F) ? { flex: p(F) } : {}, [F]);
-	return /* @__PURE__ */ d("div", {
-		ref: c,
+	let H = d(() => m(F) ? { flex: m(F) } : {}, [F]);
+	return /* @__PURE__ */ f("div", {
+		ref: a,
 		...I,
 		style: {
 			...x,
@@ -58,8 +59,8 @@ function m(r, c) {
 		children: S
 	});
 }
-var h = c(m);
-h.displayName = "Col";
+var g = l(h);
+g.displayName = a.displayName;
 //#endregion
-export { h as default };
+export { g as default };
 /* 独立思考，明辨是非 */

package/row-col/Col.js

@@ -1,21 +1,22 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isNil as t, isNumber as n, isPlainObject as r, isUndefined as i } from "../utils/is.js";
 import { responsiveArray as a } from "../utils/responsiveObserve.js";
 import { isResponsiveValue as o, useResponsive as s } from "../hooks/use-responsive-state/index.js";
 import c from "../utils/className.js";
-import l from "../hooks/use-merge-props/index.js";
-import u from "../config-provider/context.js";
+import { COL_COMPONENT_INFO as l } from "../utils/names.js";
+import u from "../hooks/use-merge-props/index.js";
+import d from "../config-provider/context.js";
 import "../config-provider/index.js";
 import "../constant/index.js";
-import { RowContext as d } from "./context.js";
-import { forwardRef as f, useContext as p, useEffect as m, useMemo as h } from "react";
-import { jsx as g } from "react/jsx-runtime";
+import { RowContext as f } from "./context.js";
+import { forwardRef as p, useContext as m, useEffect as h, useMemo as g } from "react";
+import { jsx as _ } from "react/jsx-runtime";
 //#region components/pc/row-col/Col.tsx
-function _(f, _) {
-	let { getPrefixCls: v, componentConfig: y, rtl: b } = p(u), x = v?.("col"), S = l(f, { span: 24 }, {
+function v(l, p) {
+	let { getPrefixCls: v, componentConfig: y, rtl: b } = m(d), x = v?.("col"), S = u(l, { span: 24 }, {
 		...y?.Col,
 		...y?.GridCol
-	}), { gutter: C, div: w } = p(d), { className: T, style: E, children: D, span: O = 24, offset: k, order: A, pull: j, push: M, xs: N, sm: P, md: F, lg: I, xl: L, xxl: R, xxxl: z, flex: B, breakpoints: V, ...H } = S, U = "flex" in S && !t(B), W = s(), G = h(() => ({
+	}), { gutter: C, div: w } = m(f), { className: T, style: E, children: D, span: O = 24, offset: k, order: A, pull: j, push: M, xs: N, sm: P, md: F, lg: I, xl: L, xxl: R, xxxl: z, flex: B, breakpoints: V, ...H } = S, U = "flex" in S && !t(B), W = s(), G = g(() => ({
 		...V,
 		xs: N,
 		sm: P,
@@ -33,7 +34,7 @@ function _(f, _) {
 		N,
 		R,
 		z
-	]), K = h(() => {
+	]), K = g(() => {
 		let e = {
 			[`${x}`]: !w,
 			[`${x}-order-${A}`]: A,
@@ -62,7 +63,7 @@ function _(f, _) {
 		j,
 		M,
 		b
-	]), q = h(() => {
+	]), q = g(() => {
 		let t = {};
 		if (w) return t;
 		if (e(C)) {
@@ -73,7 +74,7 @@ function _(f, _) {
 			}
 		}
 		return t;
-	}, [C, w]), J = h(() => {
+	}, [C, w]), J = g(() => {
 		let e = {};
 		if (U) return e.flex = B, e;
 		if (w) return e;
@@ -117,8 +118,8 @@ function _(f, _) {
 		W,
 		O
 	]);
-	return m(() => () => {}, []), /* @__PURE__ */ g("div", {
-		ref: _,
+	return h(() => () => {}, []), /* @__PURE__ */ _("div", {
+		ref: p,
 		...H,
 		style: {
 			...q,
@@ -129,8 +130,8 @@ function _(f, _) {
 		children: D
 	});
 }
-var v = f(_);
-v.displayName = "Col";
+var y = p(v);
+y.displayName = l.displayName;
 //#endregion
-export { v as default };
+export { y as default };
 /* 独立思考，明辨是非 */

package/row-col/Row.js

@@ -1,16 +1,17 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isNumber as t } from "../utils/is.js";
 import n from "../hooks/use-responsive-state/index.js";
 import r from "../utils/className.js";
-import i from "../hooks/use-merge-props/index.js";
-import a from "../config-provider/context.js";
+import { ROW_COMPONENT_INFO as i } from "../utils/names.js";
+import a from "../hooks/use-merge-props/index.js";
+import o from "../config-provider/context.js";
 import "../config-provider/index.js";
-import { RowContext as o } from "./context.js";
-import { forwardRef as s, useContext as c, useEffect as l, useImperativeHandle as u, useRef as d } from "react";
-import { jsx as f } from "react/jsx-runtime";
+import { RowContext as s } from "./context.js";
+import { forwardRef as c, useContext as l, useEffect as u, useImperativeHandle as d, useRef as f } from "react";
+import { jsx as p } from "react/jsx-runtime";
 //#region components/pc/row-col/Row.tsx
-function p(s, p) {
-	let { getPrefixCls: m, componentConfig: h, rtl: g } = c(a), _ = m?.("row"), { style: v, className: y, children: b, div: x, align: S, justify: C, gutter: w = 0, ...T } = i(s, {
+function m(i, c) {
+	let { getPrefixCls: m, componentConfig: h, rtl: g } = l(o), _ = m?.("row"), { style: v, className: y, children: b, div: x, align: S, justify: C, gutter: w = 0, ...T } = a(i, {
 		gutter: 0,
 		align: "start",
 		justify: "start"
@@ -25,11 +26,11 @@ function p(s, p) {
 		}
 		D && (O.rowGap = D);
 	}
-	l(() => () => {}, []);
-	let k = d(null);
-	return u(p, () => ({ getRootElement() {
+	u(() => () => {}, []);
+	let k = f(null);
+	return d(c, () => ({ getRootElement() {
 		return k.current;
-	} })), /* @__PURE__ */ f("div", {
+	} })), /* @__PURE__ */ p("div", {
 		ref: k,
 		...T,
 		style: {
@@ -42,7 +43,7 @@ function p(s, p) {
 			[`${_}-justify-${C}`]: C,
 			[`${_}-rtl`]: g
 		}, y),
-		children: /* @__PURE__ */ f(o.Provider, {
+		children: /* @__PURE__ */ p(s.Provider, {
 			value: {
 				gutter: [E, D],
 				div: x
@@ -51,8 +52,8 @@ function p(s, p) {
 		})
 	});
 }
-var m = s(p);
-m.displayName = "Row";
+var h = c(m);
+h.displayName = i.displayName;
 //#endregion
-export { o as RowContext, m as default };
+export { s as RowContext, h as default };
 /* 独立思考，明辨是非 */

package/row-col/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { createContext as e } from "react";
 //#region components/pc/row-col/context.ts
 var t = e({});

package/row-col/index.d.ts

@@ -2,6 +2,7 @@ import Col from './Col';
 import { RowContext } from './context';
 import type { RowProps } from './interface';
 declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLDivElement>> & {
+    id: string;
     Item: import("react").ForwardRefExoticComponent<import("./interface").ColProps & import("react").RefAttributes<HTMLDivElement>>;
     Col: import("react").ForwardRefExoticComponent<import("./interface").ColProps & import("react").RefAttributes<HTMLDivElement>>;
     Context: import("react").Context<{

package/row-col/index.js

@@ -1,13 +1,15 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import { RowContext as e } from "./context.js";
-import t from "./Col.js";
-import n from "./Row.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { ROW_COMPONENT_INFO as e } from "../utils/names.js";
+import { RowContext as t } from "./context.js";
+import n from "./Col.js";
+import r from "./Row.js";
 //#region components/pc/row-col/index.ts
-var r = Object.assign(n, {
-	Item: t,
-	Col: t,
-	Context: e
+var i = Object.assign(r, {
+	id: e.id,
+	Item: n,
+	Col: n,
+	Context: t
 });
 //#endregion
-export { t as Col, t as RowItem, e as RowContext, r as default };
+export { n as Col, n as RowItem, t as RowContext, i as default };
 /* 独立思考，明辨是非 */

package/segmented/Segmented.js

@@ -1,16 +1,17 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 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 { SEGMENTED_COMPONENT_INFO as s } from "../utils/names.js";
+import c from "../hooks/use-merge-props/index.js";
+import l from "../config-provider/context.js";
 import "../config-provider/index.js";
-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";
+import u from "../hooks/use-update-effect/index.js";
+import { forwardRef as d, useContext as f, useEffect as p, useImperativeHandle as m, useMemo as h, useRef as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 //#region components/pc/segmented/Segmented.tsx
-var v = {
+var b = {
 	mini: {
 		root: {
 			fontSize: "var(--pqb-font-size-body-1)",
@@ -51,7 +52,7 @@ var v = {
 			padding: "19px"
 		}
 	}
-}, y = {
+}, x = {
 	options: [],
 	size: "default",
 	mode: "default",
@@ -63,53 +64,53 @@ var v = {
 	keyboardSwitch: !0,
 	animationDuration: 300
 };
-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) ? {
+function S(s, d) {
+	let { getPrefixCls: S, componentConfig: C, rtl: w } = f(l), T = c(s, x, C?.Segmented), { style: ee, className: te, options: E = [], defaultValue: ne, value: re, size: D = "default", gap: O, mode: k = "default", disabled: A = !1, block: j = !1, split: M, direction: N = "horizontal", showIndicator: P = !0, keyboardSwitch: F = !0, animationDuration: I = 300, name: L, immediateTrigger: ie = !1, onChange: R, ...z } = T, B = i(), V = S?.("segmented"), H = N === "vertical", U = k === "pill";
+	"value" in T;
+	let W = h(() => E.map((e) => n(e) || t(e) ? {
 		value: e,
 		label: e
-	} : e), [T]), G = h(null), K = h([]), [q, J] = a({ ...C }, {
-		defaultValue: re,
+	} : e), [E]), G = g(null), K = g([]), [q, J] = a({ ...T }, {
+		defaultValue: ne,
 		triggerPropName: !1
-	}), Y = v[E] || v.default;
+	}), Y = b[D] || b.default;
 	function ae() {
-		let e = D;
-		return e = "gap" in C ? D : Y.root.padding, e;
+		let e = O;
+		return e = "gap" in T ? O : Y.root.padding, e;
 	}
 	let X = ae();
-	function oe() {
+	function Z() {
 		let e = {
 			padding: `0 ${Y.option.padding}`,
 			height: `calc(${Y.option.size} - ${Y.root.padding} * 2)`
 		};
 		return U && (e.borderRadius = `calc(${e.height} / 2)`), e;
 	}
-	let Z = oe();
-	function Q() {
+	let Q = Z();
+	function oe() {
 		let e = {
 			gap: X,
 			fontSize: Y.root.fontSize,
 			padding: Y.root.padding,
-			...w
+			...ee
 		};
-		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`);
+		if (e["--gap"] = t(X) ? `${X}px` : X, U && (e.borderRadius = `calc(${Y.option.size} / 2)`), P) {
+			Q.borderRadius && (e["--before-border-radius"] = Q.borderRadius), I && (e["--before-transition-duration"] = `${I}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 se = Q();
+	let se = oe();
 	function $(t, n, r) {
 		let i = r || W.find((e) => e.value === t);
 		J(t), e(R) && R(t, i);
 	}
 	function ce(e, t, n, r) {
-		r || k || $(e, t, n);
+		r || A || $(e, t, n);
 	}
 	function le(e) {
-		if (e.preventDefault(), !P || k) return;
+		if (e.preventDefault(), !F || A) return;
 		let t = W.findIndex((e) => e?.value === q), n = t, r = W.length;
 		switch (e.key) {
 			case "ArrowLeft":
@@ -137,19 +138,19 @@ function b(u, b) {
 	}
 	function ue(t, n, r) {
 		if (!t) return;
-		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", {
+		let { style: i, className: a, value: s, label: c, icon: l, disabled: u, render: d, ...f } = t, p = s === q, m = u || A, h = !c && !!l;
+		return /* @__PURE__ */ y("button", {
 			ref: (e) => {
 				K.current[n] = e;
 			},
-			style: Object.assign({}, Z, h ? {
+			style: Object.assign({}, Q, h ? {
 				padding: 0,
-				width: Z.height
+				width: Q.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,
+			className: o(`${V}-option`, `${V}-option-size-${D}`, `${V}-option-mode-${k}`, `${V}-option-direction-${N}`, {
+				[`${V}-option-rtl`]: w,
+				[`${V}-option-block`]: j,
+				[`${V}-option-split`]: M,
 				[`${V}-option-active`]: p,
 				[`${V}-option-disabled`]: m
 			}, h ? `${V}-option-icon-only` : `${V}-option-not-icon-only`, a),
@@ -162,55 +163,55 @@ function b(u, b) {
 				ce(s, n, t, m);
 			},
 			...f,
-			children: [!!I && /* @__PURE__ */ g("input", {
+			children: [!!L && /* @__PURE__ */ v("input", {
 				type: "radio",
-				name: I,
+				name: L,
 				value: s,
 				checked: p,
 				className: `${V}-input`,
 				tabIndex: -1,
 				"aria-hidden": "true"
-			}), e(d) ? d(t, p) : /* @__PURE__ */ _(ee, { children: [l && /* @__PURE__ */ g("span", {
+			}), e(d) ? d(t, p) : /* @__PURE__ */ y(_, { children: [l && /* @__PURE__ */ v("span", {
 				className: `${V}-option-icon`,
 				children: l
-			}), !h && /* @__PURE__ */ g("span", {
+			}), !h && /* @__PURE__ */ v("span", {
 				className: `${V}-option-label`,
 				children: c
 			})] })]
 		}, `${c}-${s}-${n}`);
 	}
-	return l(() => {
+	return u(() => {
 		r(q) || W.some((e) => e.value === q) || $(void 0);
-	}, [W]), f(() => {
+	}, [W]), p(() => {
 		let e = requestAnimationFrame(() => {
 			B();
 		});
 		return () => {
 			cancelAnimationFrame(e);
 		};
-	}, [B, C]), f(() => {
-		L && $(q);
-	}, []), p(b, () => ({ getRootElement() {
+	}, [B, T]), p(() => {
+		ie && $(q);
+	}, []), m(d, () => ({ getRootElement() {
 		return G.current;
-	} })), /* @__PURE__ */ g("div", {
+	} })), /* @__PURE__ */ v("div", {
 		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),
+			[`${V}-rtl`]: w,
+			[`${V}-block`]: j,
+			[`${V}-disabled`]: A,
+			[`${V}-indicator`]: P
+		}, `${V}-mode-${k}`, `${V}-direction-${N}`, `${V}-size-${D}`, te),
 		role: "radiogroup",
-		onKeyDown: P ? (e) => {
+		onKeyDown: F ? (e) => {
 			le(e);
 		} : void 0,
 		children: W.map(ue)
 	});
 }
-var x = u(b);
-x.displayName = "Segmented";
+var C = d(S);
+C.displayName = s.displayName;
 //#endregion
-export { x as default };
+export { C as default };
 /* 独立思考，明辨是非 */

package/segmented/index.d.ts

@@ -1,4 +1,6 @@
 import type { SegmentedOption, SegmentedProps, SegmentedRef, SizeVariables, Value } from './interface';
-declare const Segmented: import("react").ForwardRefExoticComponent<SegmentedProps & import("react").RefAttributes<SegmentedRef>>;
+declare const Segmented: import("react").ForwardRefExoticComponent<SegmentedProps & import("react").RefAttributes<SegmentedRef>> & {
+    id: string;
+};
 export default Segmented;
 export type { SegmentedOption, SegmentedProps, SegmentedRef, SizeVariables, Value, };

package/segmented/index.js

@@ -1,7 +1,8 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import e from "./Segmented.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { SEGMENTED_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./Segmented.js";
 //#region components/pc/segmented/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/select/Option.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isString as e } from "../utils/is.js";
 import t from "../utils/className.js";
 import n from "../utils/omit.js";

package/select/OptionGroup.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import e from "../utils/omit.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";