@unicom-cloud/ui 0.8.159 → 0.8.160

package/checkbox/Checkbox.js

@@ -1,22 +1,23 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e, isNil as t } from "../utils/is.js";
 import n from "../hooks/use-controllable-value/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 o from "../hooks/use-memoized-fn/index.js";
-import { FormContext as s, FormItemContext as c } from "../form/context.js";
-import l from "../utils/omit.js";
-import u from "../icon-hover/index.js";
+import { CHECKBOX_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 s from "../hooks/use-memoized-fn/index.js";
+import { FormContext as c, FormItemContext as l } from "../form/context.js";
+import u from "../utils/omit.js";
+import d from "../icon-hover/index.js";
 import "../config-provider/index.js";
-import { CheckboxGroupContext as d } from "./context.js";
-import f, { forwardRef as p, useContext as m, useEffect as h, useImperativeHandle as g, useRef as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import x from "@unicom-cloud/icons/IconUiCheck";
-import S from "@unicom-cloud/icons/IconUiMinus";
+import { CheckboxGroupContext as f } from "./context.js";
+import p, { forwardRef as m, useContext as h, useEffect as g, useImperativeHandle as _, useRef as v } from "react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import S from "@unicom-cloud/icons/IconUiCheck";
+import C from "@unicom-cloud/icons/IconUiMinus";
 //#region components/pc/checkbox/Checkbox.tsx
-function C(p, C) {
-	let w = _(null), { prefixCls: T, getPrefixCls: E, componentConfig: D, rtl: O } = m(a), k = m(s), A = m(c), j = i(p, {}, D?.Checkbox), M = m(d), N = M.prefixCls ?? E?.("checkbox");
+function w(i, m) {
+	let w = v(null), { prefixCls: T, getPrefixCls: E, componentConfig: D, rtl: O } = h(o), k = h(c), A = h(l), j = a(i, {}, D?.Checkbox), M = h(f), N = M.prefixCls ?? E?.("checkbox");
 	`${M.prefixClsGroup ?? `${N}-group`}`;
 	let { onGroupChange: P } = M, F = { ...j }, I = A?.readOnly ?? k?.readOnly;
 	M.isCheckboxGroup && (F.checked = M.checkboxGroupValue.includes(j.value), F.disabled = "disabled" in j ? j.disabled : M.disabled, F.readOnly = "readOnly" in j ? j.readOnly : M.readOnly ?? I);
@@ -33,26 +34,26 @@ function C(p, C) {
 		[`${N}-readonly`]: L,
 		error: W
 	}, B);
-	h(() => (M.registerValue(V), () => {
+	g(() => (M.registerValue(V), () => {
 		M.unRegisterValue(V);
 	}), [V]);
-	let Y = o((e) => {
+	let Y = s((e) => {
 		L || (e.persist(), e.stopPropagation(), q(e.target.checked, e), M.isCheckboxGroup && P?.(j.value, e.target.checked, e));
-	}), X = f.useCallback((t) => {
+	}), X = p.useCallback((t) => {
 		e(j.children) && (t.preventDefault(), w.current?.click?.()), G.onClick?.(t);
 	}, [j.children, G.onClick]), Z = `${N}-mask-icon`, Q;
-	Q = U ? /* @__PURE__ */ y(S, { className: Z }) : F.icon ? f.isValidElement(F.icon) ? f.cloneElement(F.icon, { className: Z }) : F.icon : /* @__PURE__ */ y(x, { className: Z });
-	let $ = _(null);
-	return g(C, () => ({ getRootElement() {
+	Q = U ? /* @__PURE__ */ b(C, { className: Z }) : F.icon ? p.isValidElement(F.icon) ? p.cloneElement(F.icon, { className: Z }) : F.icon : /* @__PURE__ */ b(S, { className: Z });
+	let $ = v(null);
+	return _(m, () => ({ getRootElement() {
 		return $.current;
-	} })), /* @__PURE__ */ b("label", {
+	} })), /* @__PURE__ */ x("label", {
 		ref: $,
 		"aria-disabled": R,
-		...l(G, ["onChange"]),
+		...u(G, ["onChange"]),
 		onClick: L ? void 0 : X,
 		className: J,
 		style: H,
-		children: [/* @__PURE__ */ y("input", {
+		children: [/* @__PURE__ */ b("input", {
 			ref: w,
 			value: V,
 			disabled: !!R,
@@ -64,23 +65,23 @@ function C(p, C) {
 		}), e(z) ? z({
 			checked: K,
 			indeterminate: U
-		}) : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(u, {
+		}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(d, {
 			prefix: N,
 			className: `${N}-mask-wrapper`,
 			disabled: L || K || R || U,
 			readOnly: L,
-			children: /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ b("div", {
 				className: `${N}-mask`,
 				children: Q
 			})
-		}), !t(z) && /* @__PURE__ */ y("span", {
+		}), !t(z) && /* @__PURE__ */ b("span", {
 			className: `${N}-text`,
 			children: z
 		})] })]
 	});
 }
-var w = p(C);
-w.displayName = "Checkbox";
+var T = m(w);
+T.displayName = i.displayName;
 //#endregion
-export { w as default };
+export { T as default };
 /* 独立思考，明辨是非 */

package/checkbox/Group.js

@@ -1,35 +1,36 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isPlainObject as t } from "../utils/is.js";
 import n from "../hooks/use-controllable-value/index.js";
 import r from "../utils/className.js";
 import { pickTriggerPropsFromRest as i } from "../utils/constant.js";
-import a from "../hooks/use-merge-props/index.js";
-import o from "../config-provider/context.js";
-import { FormContext as s, FormItemContext as c } from "../form/context.js";
+import { CHECKBOX_GROUP_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 { FormContext as c, FormItemContext as l } from "../form/context.js";
 import "../config-provider/index.js";
-import { CheckboxGroupContext as l, defaultCheckboxGroupContextValue as u } from "./context.js";
-import d from "./Checkbox.js";
-import { useCallback as f, useContext as p, useState as m } from "react";
-import { jsx as h } from "react/jsx-runtime";
+import { CheckboxGroupContext as u, defaultCheckboxGroupContextValue as d } from "./context.js";
+import f from "./Checkbox.js";
+import { useCallback as p, useContext as m, useState as h } from "react";
+import { jsx as g } from "react/jsx-runtime";
 //#region components/pc/checkbox/Group.tsx
-var g = ({ children: e }) => /* @__PURE__ */ h(l.Provider, {
-	value: u,
+var _ = ({ children: e }) => /* @__PURE__ */ g(u.Provider, {
+	value: d,
 	children: e
 });
-function _(u) {
-	let { prefixCls: g, getPrefixCls: _, componentConfig: v, rtl: y } = p(o), b = p(s), x = p(c), S = _?.("checkbox"), C = `${S}-group`, w = a(u, {}, v?.CheckboxGroup), [T, E] = n(() => ({
+function v(a) {
+	let { prefixCls: d, getPrefixCls: _, componentConfig: v, rtl: y } = m(s), b = m(c), x = m(l), S = _?.("checkbox"), C = `${S}-group`, w = o(a, {}, v?.CheckboxGroup), [T, E] = n(() => ({
 		...w,
 		defaultValue: "defaultValue" in w ? w.defaultValue || [] : void 0,
 		value: "value" in w ? w.value || [] : void 0
 	}), {
 		defaultValue: [],
 		triggerPropName: !1
-	}), [D, O] = m([]), { disabled: k, options: A, style: j, className: M, error: N, children: P, direction: F = "horizontal", readOnly: I = x?.readOnly ?? b?.readOnly } = w, L = r(C, {
+	}), [D, O] = h([]), { disabled: k, options: A, style: j, className: M, error: N, children: P, direction: F = "horizontal", readOnly: I = x?.readOnly ?? b?.readOnly } = w, L = r(C, {
 		[`${C}-is-error`]: N,
 		[`${C}-direction-${F}`]: F,
 		[`${C}-rtl`]: y,
 		[`${C}-readonly`]: I
-	}, M), R = f((e, t, n) => {
+	}, M), R = p((e, t, n) => {
 		let r = T.slice();
 		t ? r.push(e) : r.splice(T.indexOf(e), 1), E(r), w.onChange?.(r.filter((e, t, n) => D.includes(e)), n);
 	}, [
@@ -37,11 +38,11 @@ function _(u) {
 		w.onChange,
 		D
 	]);
-	return /* @__PURE__ */ h("span", {
+	return /* @__PURE__ */ g("span", {
 		className: L,
 		style: j,
 		...i(w),
-		children: /* @__PURE__ */ h(l.Provider, {
+		children: /* @__PURE__ */ g(u.Provider, {
 			value: {
 				isCheckboxGroup: !0,
 				checkboxGroupValue: T,
@@ -59,7 +60,7 @@ function _(u) {
 			},
 			children: e(A) ? A.map((e) => {
 				let n = e, r = e, i, a = k, o = I;
-				return t(e) && (n = e.label ?? n, r = e.value ?? r, i = e.icon, a = e.disabled ?? a, o = e.readOnly ?? o), /* @__PURE__ */ h(d, {
+				return t(e) && (n = e.label ?? n, r = e.value ?? r, i = e.icon, a = e.disabled ?? a, o = e.readOnly ?? o), /* @__PURE__ */ g(f, {
 					readOnly: o,
 					disabled: a,
 					value: r,
@@ -70,7 +71,7 @@ function _(u) {
 		})
 	});
 }
-_.displayName = "CheckboxGroup";
+v.displayName = a.displayName;
 //#endregion
-export { g as ClearCheckboxGroupContext, _ as default };
+export { _ as ClearCheckboxGroupContext, v as default };
 /* 独立思考，明辨是非 */

package/checkbox/GroupBlock.js

@@ -1,53 +1,54 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isPlainObject as e } from "../utils/is.js";
 import t from "../utils/className.js";
-import n from "../hooks/use-merge-props/index.js";
-import r from "../config-provider/context.js";
-import { FormContext as i, FormItemContext as a } from "../form/context.js";
+import { CHECKBOX_GROUP_BLOCK_COMPONENT_INFO as n } from "../utils/names.js";
+import r from "../hooks/use-merge-props/index.js";
+import i from "../config-provider/context.js";
+import { FormContext as a, FormItemContext as o } from "../form/context.js";
 import "../config-provider/index.js";
-import { CheckboxGroupContext as o } from "./context.js";
-import s from "./Checkbox.js";
-import c from "./Group.js";
-import l from "../typography/Ellipsis.js";
-import { useContext as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { CheckboxGroupContext as s } from "./context.js";
+import c from "./Checkbox.js";
+import l from "./Group.js";
+import u from "../typography/Ellipsis.js";
+import { useContext as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region components/pc/checkbox/GroupBlock.tsx
-function p(p) {
-	let { prefixCls: m, getPrefixCls: h, componentConfig: g, rtl: _ } = u(r), v = u(o), y = u(i), b = u(a), x = v.prefixCls ?? h?.("checkbox"), S = `${v.prefixClsGroup ?? `${x}-group`}-block`, C = n(p, {}, g?.CheckboxGroupBlock), { className: w, options: T, disabled: E, readOnly: D = b?.readOnly ?? y?.readOnly, ...O } = C;
-	return /* @__PURE__ */ d(c, {
+function m(n) {
+	let { prefixCls: m, getPrefixCls: h, componentConfig: g, rtl: _ } = d(i), v = d(s), y = d(a), b = d(o), x = v.prefixCls ?? h?.("checkbox"), S = `${v.prefixClsGroup ?? `${x}-group`}-block`, C = r(n, {}, g?.CheckboxGroupBlock), { className: w, options: T, disabled: E, readOnly: D = b?.readOnly ?? y?.readOnly, ...O } = C;
+	return /* @__PURE__ */ f(l, {
 		className: t(`${S}`, w),
 		...O,
 		onChange: (e, t) => {
 			C.onChange?.(e, t);
 		},
 		children: T.map((n, r, i) => {
-			let a = E, o = D, c = n, u = n, p = n, m = n, h;
-			return e(n) && (a = n.disabled ?? a, o = n.readOnly ?? o, c = n.label, u = n.title, p = n.desc, m = n.value, n.icon, h = n.width), u ||= c, /* @__PURE__ */ d(s, {
+			let a = E, o = D, s = n, l = n, d = n, m = n, h;
+			return e(n) && (a = n.disabled ?? a, o = n.readOnly ?? o, s = n.label, l = n.title, d = n.desc, m = n.value, n.icon, h = n.width), l ||= s, /* @__PURE__ */ f(c, {
 				value: m,
 				readOnly: o,
 				disabled: a,
-				children: ({ checked: e, indeterminate: n }) => /* @__PURE__ */ f("div", {
+				children: ({ checked: e, indeterminate: n }) => /* @__PURE__ */ p("div", {
 					style: { width: h },
 					className: t(`${S}-card`, e && `${S}-card-checked`, a && `${S}-card-disabled`, o && `${S}-card-readonly`),
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: `${S}-card-mask`,
-						children: /* @__PURE__ */ d("div", { className: `${S}-card-mask-dot` })
-					}), /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ f("div", { className: `${S}-card-mask-dot` })
+					}), /* @__PURE__ */ p("div", {
 						className: `${S}-card-content`,
-						children: [/* @__PURE__ */ d(l, {
+						children: [/* @__PURE__ */ f(u, {
 							className: t(`${S}-card-content-title`, `${x}-text`),
 							rows: 1,
 							showTooltip: !0,
 							expandable: !1,
 							onExpand: (e) => {},
-							children: u
-						}), /* @__PURE__ */ d(l, {
+							children: l
+						}), /* @__PURE__ */ f(u, {
 							className: t(`${S}-card-content-desc`, `${x}-text`),
 							rows: 1,
 							showTooltip: !0,
 							expandable: !1,
 							onExpand: (e) => {},
-							children: p
+							children: d
 						})]
 					})]
 				})
@@ -55,7 +56,7 @@ function p(p) {
 		})
 	});
 }
-p.displayName = "CheckboxGroupBlock";
+m.displayName = n.displayName;
 //#endregion
-export { p as default };
+export { m as default };
 /* 独立思考，明辨是非 */

package/checkbox/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/checkbox/context.ts
 var t = {

package/checkbox/index.d.ts

@@ -3,6 +3,7 @@ import CheckboxGroup, { ClearCheckboxGroupContext } from './Group';
 import CheckboxGroupBlock from './GroupBlock';
 import useCheckbox from './useCheckbox';
 declare const Checkbox: import("react").ForwardRefExoticComponent<import("./interface").CheckboxProps<string | number> & import("react").RefAttributes<unknown>> & {
+    id: string;
     Group: typeof CheckboxGroup;
     GroupBlock: typeof CheckboxGroupBlock;
     useCheckbox: <T>(values: T[], defaultSelected?: T[]) => import("./useCheckbox").ResultType<T>;

package/checkbox/index.js

@@ -1,15 +1,17 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import { CheckboxGroupContext as e } from "./context.js";
-import t from "./Checkbox.js";
-import n, { ClearCheckboxGroupContext as r } from "./Group.js";
-import i from "./GroupBlock.js";
-import a from "./useCheckbox.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { CHECKBOX_COMPONENT_INFO as e } from "../utils/names.js";
+import { CheckboxGroupContext as t } from "./context.js";
+import n from "./Checkbox.js";
+import r, { ClearCheckboxGroupContext as i } from "./Group.js";
+import a from "./GroupBlock.js";
+import o from "./useCheckbox.js";
 //#region components/pc/checkbox/index.ts
-var o = Object.assign(t, {
-	Group: n,
-	GroupBlock: i,
-	useCheckbox: a
+var s = Object.assign(n, {
+	id: e.id,
+	Group: r,
+	GroupBlock: a,
+	useCheckbox: o
 });
 //#endregion
-export { n as CheckboxGroup, i as CheckboxGroupBlock, e as CheckboxGroupContext, r as ClearCheckboxGroupContext, o as default, a as useCheckbox };
+export { r as CheckboxGroup, a as CheckboxGroupBlock, t as CheckboxGroupContext, i as ClearCheckboxGroupContext, s as default, o as useCheckbox };
 /* 独立思考，明辨是非 */

package/checkbox/useCheckbox.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { useMemo as e, useState as t } from "react";
 import n from "lodash/castArray";
 //#region components/pc/checkbox/useCheckbox.ts

package/collapse/Collapse.js

@@ -1,84 +1,85 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArrayAndNotEmpty as e, isFunction as t, isNullOrUndefined as n } from "../utils/is.js";
 import r from "../hooks/use-controllable-value/index.js";
 import i from "../utils/className.js";
-import a from "../hooks/use-merge-props/index.js";
-import o from "../config-provider/context.js";
-import s from "../utils/omit.js";
+import { COLLAPSE_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 c from "../utils/omit.js";
 import "../config-provider/index.js";
-import { getReactElementRef as c } from "../utils/ref.js";
-import { CollapseContext as l } from "./context.js";
-import { normalizeName as u } from "./utils.js";
-import d from "./Item.js";
-import f, { createElement as p, forwardRef as m, useContext as h, useImperativeHandle as g, useRef as _ } from "react";
-import { jsx as v } from "react/jsx-runtime";
-import y from "@unicom-cloud/icons/IconUiCaretLeft";
-import b from "@unicom-cloud/icons/IconUiCaretRight";
+import { getReactElementRef as l } from "../utils/ref.js";
+import { CollapseContext as u } from "./context.js";
+import { normalizeName as d } from "./utils.js";
+import f from "./Item.js";
+import p, { createElement as m, forwardRef as h, useContext as g, useImperativeHandle as _, useRef as v } from "react";
+import { jsx as y } from "react/jsx-runtime";
+import b from "@unicom-cloud/icons/IconUiCaretLeft";
+import x from "@unicom-cloud/icons/IconUiCaretRight";
 //#region components/pc/collapse/Collapse.tsx
-var x = (t) => {
+var S = (t) => {
 	let { items: r, children: i } = t, a = [];
 	return e(r) ? a = r.map((e, t, n) => {
 		let { key: r, name: i, title: a, children: o } = e ?? {}, s = r ?? i;
-		return /* @__PURE__ */ p(d, {
+		return /* @__PURE__ */ m(f, {
 			...e,
 			key: s,
 			name: s
 		}, o);
-	}) : f.Children.forEach(i, (e) => {
+	}) : p.Children.forEach(i, (e) => {
 		if (n(e)) return;
 		let t = e.key ?? e.props?.name ?? null;
-		a.push(/* @__PURE__ */ p(e.type, {
+		a.push(/* @__PURE__ */ m(e.type, {
 			...e.props,
 			key: t,
-			ref: c(e),
+			ref: l(e),
 			name: t
 		}));
 	}), a;
-}, S = (e, t) => {
+}, C = (e, t) => {
 	let n = [].concat(e);
 	return t ? n.slice(0, 1) : n;
-}, C = {
+}, w = {
 	bordered: !0,
 	lazyload: !0,
 	expandIconPosition: "left",
 	invertHeaderContentBackgrounds: !1
 };
-function w(e, n) {
-	let { prefixCls: c, getPrefixCls: d, componentConfig: f, rtl: p } = h(o), m = a(e, C, f?.Collapse), [w, T] = r(() => ({
-		defaultValue: "defaultActiveKey" in m ? S(u(m.defaultActiveKey), m.accordion) : void 0,
-		value: "activeKey" in m ? S(u(m.activeKey), m.accordion) : void 0
+function T(e, n) {
+	let { prefixCls: a, getPrefixCls: l, componentConfig: f, rtl: p } = g(s), m = o(e, w, f?.Collapse), [h, T] = r(() => ({
+		defaultValue: "defaultActiveKey" in m ? C(d(m.defaultActiveKey), m.accordion) : void 0,
+		value: "activeKey" in m ? C(d(m.activeKey), m.accordion) : void 0
 	}), {
 		defaultValue: [],
 		triggerPropName: !1
-	}), { children: E, className: D, style: O, bordered: k, lazyload: A, expandIcon: j, expandIconPosition: M, destroyOnHide: N, accordion: P, triggerRegion: F, invertHeaderContentBackgrounds: I, items: L, onChange: R, ...z } = m, B = d?.("collapse"), V = x(m), H = (e, n) => {
-		e = u(e);
-		let r = [...w || []], i = w?.indexOf?.(e);
+	}), { children: E, className: D, style: O, bordered: k, lazyload: A, expandIcon: j, expandIconPosition: M, destroyOnHide: N, accordion: P, triggerRegion: F, invertHeaderContentBackgrounds: I, items: L, onChange: R, ...z } = m, B = l?.("collapse"), V = S(m), H = (e, n) => {
+		e = d(e);
+		let r = [...h || []], i = h?.indexOf?.(e);
 		i > -1 ? r.splice(i, 1) : P ? r = [e] : r.push(e), "activeKey" in m || T(r), t(R) && R(e, r, n);
-	}, U = _(null);
-	return g(n, () => ({ getRootElement() {
+	}, U = v(null);
+	return _(n, () => ({ getRootElement() {
 		return U.current;
-	} })), /* @__PURE__ */ v(l.Provider, {
+	} })), /* @__PURE__ */ y(u.Provider, {
 		value: {
 			...m,
-			activeKeys: w,
+			activeKeys: h,
 			triggerRegion: F,
 			lazyload: A,
 			destroyOnHide: N,
 			expandIconPosition: M,
 			onToggle: H,
-			expandIcon: "expandIcon" in m ? j : v(M === "right" ? y : b, {})
+			expandIcon: "expandIcon" in m ? j : y(M === "right" ? b : x, {})
 		},
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			ref: U,
-			...s(z, ["activeKey", "defaultActiveKey"]),
+			...c(z, ["activeKey", "defaultActiveKey"]),
 			className: i(B, `${B}-${k ? "border" : "borderless"}`, { [`${B}-rtl`]: p }, I && `${B}-invert-header-content-backgrounds`, D),
 			style: O,
 			children: V
 		})
 	});
 }
-var T = m(w);
-T.displayName = "Collapse";
+var E = h(T);
+E.displayName = a.displayName;
 //#endregion
-export { T as default };
+export { E as default };
 /* 独立思考，明辨是非 */

package/collapse/Item.js

@@ -1,25 +1,26 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e, isHTMLElement as t } from "../utils/is.js";
 import n from "../utils/className.js";
-import { forceReflow as r } from "../utils/dom.js";
-import i from "../config-provider/context.js";
-import a from "../icon-hover/index.js";
-import { Transition as o } from "../transition/index.js";
+import { COLLAPSE_ITEM_COMPONENT_INFO as r } from "../utils/names.js";
+import { forceReflow as i } from "../utils/dom.js";
+import a from "../config-provider/context.js";
+import o from "../icon-hover/index.js";
+import { Transition as s } from "../transition/index.js";
 import "../config-provider/index.js";
-import s from "../hooks/use-keyboard-event/index.js";
-import { CollapseContext as c } from "./context.js";
-import { normalizeName as l } from "./utils.js";
-import { forwardRef as u, useContext as d, useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import c from "../hooks/use-keyboard-event/index.js";
+import { CollapseContext as l } from "./context.js";
+import { normalizeName as u } from "./utils.js";
+import { forwardRef as d, useContext as f, useRef as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region components/pc/collapse/Item.tsx
-function h(u, h) {
-	let { prefixCls: g, getPrefixCls: _ } = d(i), v = d(c), y = s(), { children: b, name: x, header: S, title: C, className: w, style: T, contentStyle: E, extra: D, disabled: O, destroyOnHide: k, expandIcon: A, showExpandIcon: j = !0, ...M } = u, N = l(x), P = C ?? S, F = f(null), I = f(null), L = _?.("collapse-item"), R = v.activeKeys?.includes?.(N), z = j ? "expandIcon" in u ? A : v.expandIcon : null, B = (e, t) => {
+function g(r, d) {
+	let { prefixCls: g, getPrefixCls: _ } = f(a), v = f(l), y = c(), { children: b, name: x, header: S, title: C, className: w, style: T, contentStyle: E, extra: D, disabled: O, destroyOnHide: k, expandIcon: A, showExpandIcon: j = !0, ...M } = r, N = u(x), P = C ?? S, F = p(null), I = p(null), L = _?.("collapse-item"), R = v.activeKeys?.includes?.(N), z = j ? "expandIcon" in r ? A : v.expandIcon : null, B = (e, t) => {
 		if (O) return;
 		let { triggerRegion: n } = v, r = n === "title";
 		(t === (n === "icon" ? 0 : r ? 1 : 2) || r && [0, 1].includes(t)) && v.onToggle?.(N, e);
 	};
-	return /* @__PURE__ */ m("div", {
-		ref: h,
+	return /* @__PURE__ */ h("div", {
+		ref: d,
 		...M,
 		className: n(L, {
 			[`${L}-active`]: R,
@@ -27,7 +28,7 @@ function h(u, h) {
 			[`${L}-disabled`]: O
 		}, w),
 		style: T,
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h("div", {
 			role: "button",
 			"aria-disabled": O,
 			"aria-expanded": R,
@@ -41,7 +42,7 @@ function h(u, h) {
 				O || e(v?.onToggle) && v.onToggle(N, t);
 			} }),
 			children: [
-				z && /* @__PURE__ */ p(a, {
+				z && /* @__PURE__ */ m(o, {
 					prefix: L,
 					disabled: O,
 					className: n({
@@ -49,17 +50,17 @@ function h(u, h) {
 						[`${L}-header-icon-right`]: v.expandIconPosition === "right"
 					}),
 					onClick: (e) => B(e, 0),
-					children: /* @__PURE__ */ p("span", {
+					children: /* @__PURE__ */ m("span", {
 						className: n(`${L}-header-icon`, { [`${L}-header-icon-down`]: R }),
 						children: z
 					})
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: `${L}-header-title`,
 					onClick: (e) => B(e, 1),
 					children: P
 				}),
-				D && /* @__PURE__ */ p("div", {
+				D && /* @__PURE__ */ m("div", {
 					className: `${L}-header-extra`,
 					onClick: (e) => {
 						e.stopPropagation();
@@ -67,12 +68,12 @@ function h(u, h) {
 					children: D
 				})
 			]
-		}), /* @__PURE__ */ p(o, {
+		}), /* @__PURE__ */ m(s, {
 			refElement: F,
 			in: R,
 			duration: 200,
-			mountOnEnter: "destroyOnHide" in u ? k : v.destroyOnHide || v.lazyload,
-			unmountOnExit: "destroyOnHide" in u ? k : v.destroyOnHide,
+			mountOnEnter: "destroyOnHide" in r ? k : v.destroyOnHide || v.lazyload,
+			unmountOnExit: "destroyOnHide" in r ? k : v.destroyOnHide,
 			onEnter: (e) => {
 				e ||= F.current, t(e) && (e.style.height = "0", e.style.display = "block");
 			},
@@ -87,7 +88,7 @@ function h(u, h) {
 			onExit: (e) => {
 				e ||= F.current;
 				let n = I.current;
-				t(e) && t(n) && (r(e), r(n), e.style.display = "block", e.style.height = `${Math.max(e.offsetHeight, n.offsetHeight)}px`, r(e), r(n));
+				t(e) && t(n) && (i(e), i(n), e.style.display = "block", e.style.height = `${Math.max(e.offsetHeight, n.offsetHeight)}px`, i(e), i(n));
 			},
 			onExiting: (e) => {
 				e ||= F.current, t(e) && (e.style.height = "0");
@@ -95,11 +96,11 @@ function h(u, h) {
 			onExited: (e) => {
 				e ||= F.current, t(e) && (e.style.display = "none", e.style.height = "auto");
 			},
-			children: /* @__PURE__ */ p("div", {
+			children: /* @__PURE__ */ m("div", {
 				ref: F,
 				role: "region",
 				className: n(`${L}-content`, { [`${L}-content-expanded`]: R }),
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("div", {
 					ref: I,
 					style: E,
 					className: `${L}-content-box`,
@@ -109,8 +110,8 @@ function h(u, h) {
 		})]
 	});
 }
-var g = u(h), _ = Object.assign(g, { ___COLLAPSE_ITEM___: !0 });
-_.displayName = "CollapseItem";
+var _ = d(g), v = Object.assign(_, { ___COLLAPSE_ITEM___: !0 });
+v.displayName = r.displayName;
 //#endregion
-export { _ as default };
+export { v as default };
 /* 独立思考，明辨是非 */

package/collapse/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { createContext as e, createElement as t } from "react";
 import n from "@unicom-cloud/icons/IconUiCaretRight";
 //#region components/pc/collapse/context.ts

package/collapse/index.d.ts

@@ -1,6 +1,7 @@
 import { CollapseContext } from './context';
 import CollapseItem from './Item';
 declare const Collapse: import("react").ForwardRefExoticComponent<import("./interface").CollapseProps & import("react").RefAttributes<unknown>> & {
+    id: string;
     Item: import("react").ForwardRefExoticComponent<import("./interface").CollapseItemProps & {
         children?: import("react").ReactNode | undefined;
     } & import("react").RefAttributes<HTMLDivElement>> & {

package/collapse/index.js

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

package/collapse/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isArray as e, isString as t } from "../utils/is.js";
 //#region components/pc/collapse/utils.ts
 function n(e) {