@unicom-cloud/ui 0.8.156 → 0.8.158

package/checkbox/GroupBlock.js

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

package/checkbox/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { createContext as e } from "react";
 //#region components/pc/checkbox/context.ts
 var t = {

package/checkbox/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { CheckboxGroupContext as e } from "./context.js";
 import t from "./Checkbox.js";
 import n, { ClearCheckboxGroupContext as r } from "./Group.js";

package/checkbox/interface.d.ts

@@ -7,7 +7,7 @@ import type { ReadOnly } from '../interface';
  */
 export interface CheckboxProps<T extends string | number = any> extends Omit<HTMLAttributes<HTMLLabelElement>, 'children' | 'className' | 'onChange'>, ReadOnly {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 是否禁用
      * @en Whether to disable
@@ -61,7 +61,7 @@ export interface CheckboxProps<T extends string | number = any> extends Omit<HTM
  */
 export interface CheckboxGroupProps<T extends string | number> extends ReadOnly {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 整组失效
      * @en Whether to disable all checkboxes in the group

package/checkbox/useCheckbox.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { useMemo as e, useState as t } from "react";
 import n from "lodash/castArray";
 //#region components/pc/checkbox/useCheckbox.ts

package/collapse/Collapse.d.ts

@@ -1,11 +1,5 @@
 import React from 'react';
 import type { CollapseProps } from './interface';
-import Item from './Item';
-declare const ForwardRefCollapse: React.ForwardRefExoticComponent<CollapseProps & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<unknown>>;
-declare const CollapseComponent: typeof ForwardRefCollapse & {
-    Item: typeof Item;
-};
+declare const CollapseComponent: React.ForwardRefExoticComponent<CollapseProps & React.RefAttributes<unknown>>;
 export default CollapseComponent;
 export type { CollapseProps };

package/collapse/Collapse.js

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

package/collapse/Item.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
 import type { CollapseItemProps } from './interface';
-export declare function normalizeName(params: unknown): string | string[];
-declare const Item: React.ForwardRefExoticComponent<CollapseItemProps & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<unknown>>;
+declare const Item: import("react").ForwardRefExoticComponent<CollapseItemProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    ___COLLAPSE_ITEM___: boolean;
+};
 export default Item;
 export type { CollapseItemProps };

package/collapse/Item.js

@@ -1,119 +1,116 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
-import { isArray as e, isHTMLElement as t, isString as n } from "../utils/is.js";
-import r from "../utils/className.js";
-import { forceReflow as i } from "../utils/dom.js";
-import a from "../config-provider/context.js";
-import o from "../icon-hover/index.js";
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+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 "../config-provider/index.js";
 import s from "../hooks/use-keyboard-event/index.js";
 import { CollapseContext as c } from "./context.js";
-import l, { useContext as u, useRef as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "@unicom-cloud/ui-common/transition/Transition";
+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";
 //#region components/pc/collapse/Item.tsx
-function h(e) {
-	return n(e) ? e : String(e);
-}
-function g(t) {
-	return e(t) ? t.map((e, t, n) => h(e)) : h(t);
-}
-function _(e, n) {
-	let { prefixCls: l, getPrefixCls: h } = u(a), _ = u(c), v = s(), { children: y, name: b, header: x, title: S, className: C, style: w, contentStyle: T, extra: E, disabled: D, destroyOnHide: O, expandIcon: k, showExpandIcon: A = !0, ...j } = e, M = g(b), N = S ?? x, P = d(void 0), F = d(void 0), I = h?.("collapse-item"), L = _.activeKeys?.includes?.(M), R = A ? "expandIcon" in e ? k : _.expandIcon : null, z = (e, t) => {
-		if (D) return;
-		let { triggerRegion: n } = _, r = n === "title";
-		(t === (n === "icon" ? 0 : r ? 1 : 2) || r && [0, 1].includes(t)) && _.onToggle?.(M, e);
+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) => {
+		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__ */ p("div", {
-		ref: n,
-		...j,
-		className: r(I, {
-			[`${I}-active`]: L,
-			[`${I}-no-icon`]: !R,
-			[`${I}-disabled`]: D
-		}, C),
-		style: w,
-		children: [/* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
+		ref: h,
+		...M,
+		className: n(L, {
+			[`${L}-active`]: R,
+			[`${L}-no-icon`]: !z,
+			[`${L}-disabled`]: O
+		}, w),
+		style: T,
+		children: [/* @__PURE__ */ m("div", {
 			role: "button",
-			"aria-disabled": D,
-			"aria-expanded": L,
-			"data-active-region": _.triggerRegion,
-			tabIndex: D ? -1 : 0,
-			className: r(`${I}-header`, `${I}-header-${_.expandIconPosition}`, { [`${I}-header-disabled`]: D }),
-			onClick: (e) => z(e, 2),
-			...v({ onPressEnter(e) {
-				!D && _.onToggle(M, e);
+			"aria-disabled": O,
+			"aria-expanded": R,
+			"data-active-region": v.triggerRegion,
+			tabIndex: O ? -1 : 0,
+			className: n(`${L}-header`, `${L}-header-${v.expandIconPosition}`, { [`${L}-header-disabled`]: O }),
+			onClick: (e) => {
+				B(e, 2);
+			},
+			...y({ onPressEnter(t) {
+				O || e(v?.onToggle) && v.onToggle(N, t);
 			} }),
 			children: [
-				R && /* @__PURE__ */ f(o, {
-					prefix: I,
-					disabled: D,
-					className: r({
-						[`${I}-icon-hover-right`]: _.expandIconPosition === "right",
-						[`${I}-header-icon-right`]: _.expandIconPosition === "right"
+				z && /* @__PURE__ */ p(a, {
+					prefix: L,
+					disabled: O,
+					className: n({
+						[`${L}-icon-hover-right`]: v.expandIconPosition === "right",
+						[`${L}-header-icon-right`]: v.expandIconPosition === "right"
 					}),
-					onClick: (e) => z(e, 0),
-					children: /* @__PURE__ */ f("span", {
-						className: r(`${I}-header-icon`, { [`${I}-header-icon-down`]: L }),
-						children: R
+					onClick: (e) => B(e, 0),
+					children: /* @__PURE__ */ p("span", {
+						className: n(`${L}-header-icon`, { [`${L}-header-icon-down`]: R }),
+						children: z
 					})
 				}),
-				/* @__PURE__ */ f("div", {
-					className: `${I}-header-title`,
-					onClick: (e) => z(e, 1),
-					children: N
+				/* @__PURE__ */ p("div", {
+					className: `${L}-header-title`,
+					onClick: (e) => B(e, 1),
+					children: P
 				}),
-				E && /* @__PURE__ */ f("div", {
-					className: `${I}-header-extra`,
+				D && /* @__PURE__ */ p("div", {
+					className: `${L}-header-extra`,
 					onClick: (e) => {
 						e.stopPropagation();
 					},
-					children: E
+					children: D
 				})
 			]
-		}), /* @__PURE__ */ f(m, {
-			refElement: P,
-			in: L,
+		}), /* @__PURE__ */ p(o, {
+			refElement: F,
+			in: R,
 			duration: 200,
-			mountOnEnter: "destroyOnHide" in e ? O : _.destroyOnHide || _.lazyload,
-			unmountOnExit: "destroyOnHide" in e ? O : _.destroyOnHide,
+			mountOnEnter: "destroyOnHide" in u ? k : v.destroyOnHide || v.lazyload,
+			unmountOnExit: "destroyOnHide" in u ? k : v.destroyOnHide,
 			onEnter: (e) => {
-				e ||= P.current, t(e) && (e.style.height = "0", e.style.display = "block");
+				e ||= F.current, t(e) && (e.style.height = "0", e.style.display = "block");
 			},
 			onEntering: (e) => {
-				e ||= P.current;
-				let n = F.current;
+				e ||= F.current;
+				let n = I.current;
 				t(e) && t(n) && (e.style.height = `${Math.max(e.scrollHeight, n.scrollHeight)}px`);
 			},
 			onEntered: (e) => {
-				e ||= P.current, t(e) && (e.style.height = "auto");
+				e ||= F.current, t(e) && (e.style.height = "auto");
 			},
 			onExit: (e) => {
-				e ||= P.current;
-				let n = F.current;
-				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));
+				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));
 			},
 			onExiting: (e) => {
-				e ||= P.current, t(e) && (e.style.height = "0");
+				e ||= F.current, t(e) && (e.style.height = "0");
 			},
 			onExited: (e) => {
-				e ||= P.current, t(e) && (e.style.display = "none", e.style.height = "auto");
+				e ||= F.current, t(e) && (e.style.display = "none", e.style.height = "auto");
 			},
-			children: /* @__PURE__ */ f("div", {
-				ref: P,
+			children: /* @__PURE__ */ p("div", {
+				ref: F,
 				role: "region",
-				className: r(`${I}-content`, { [`${I}-content-expanded`]: L }),
-				children: /* @__PURE__ */ f("div", {
-					ref: F,
-					style: T,
-					className: `${I}-content-box`,
-					children: y
+				className: n(`${L}-content`, { [`${L}-content-expanded`]: R }),
+				children: /* @__PURE__ */ p("div", {
+					ref: I,
+					style: E,
+					className: `${L}-content-box`,
+					children: b
 				})
 			})
 		})]
 	});
 }
-var v = l.forwardRef(_);
-v.___COLLAPSE_ITEM___ = !0, v.displayName = "CollapseItem";
+var g = u(h), _ = Object.assign(g, { ___COLLAPSE_ITEM___: !0 });
+_.displayName = "CollapseItem";
 //#endregion
-export { v as default, g as normalizeName };
+export { _ as default };
 /* 独立思考，明辨是非 */

package/collapse/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { createContext as e } from "react";
 import { jsx as t } from "react/jsx-runtime";
 import n from "@unicom-cloud/icons/IconUiCaretRight";

package/collapse/index.d.ts

@@ -1,13 +1,11 @@
 import { CollapseContext } from './context';
 import CollapseItem from './Item';
-declare const Collapse: import("react").ForwardRefExoticComponent<import("./interface").CollapseProps & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<unknown>> & {
-    Item: typeof CollapseItem;
-} & {
+declare const Collapse: import("react").ForwardRefExoticComponent<import("./interface").CollapseProps & import("react").RefAttributes<unknown>> & {
     Item: import("react").ForwardRefExoticComponent<import("./interface").CollapseItemProps & {
         children?: import("react").ReactNode | undefined;
-    } & import("react").RefAttributes<unknown>>;
+    } & import("react").RefAttributes<HTMLDivElement>> & {
+        ___COLLAPSE_ITEM___: boolean;
+    };
 };
 export { CollapseContext, CollapseItem };
 export default Collapse;

package/collapse/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-14 16:51:07 星期二 */
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
 import { CollapseContext as e } from "./context.js";
 import t from "./Item.js";
 import n from "./Collapse.js";

package/collapse/interface.d.ts

@@ -1,10 +1,10 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties, PropsWithChildren, ReactNode } from 'react';
 /**
  * @title Collapse
  */
-export interface CollapseProps {
+export interface CollapseProps extends PropsWithChildren {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 当前面板选中值
      * @en Key of the active panel
@@ -69,7 +69,7 @@ export interface CollapseProps {
  */
 export interface CollapseItemProps {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
      * @zh 内容区域的附加样式。
      * @en Additional styles of the content area.

package/collapse/utils.d.ts

@@ -0,0 +1 @@
+export declare function normalizeName(params: unknown): string | string[];

package/collapse/utils.js

@@ -0,0 +1,12 @@
+/* 潘启宝 2026-05-08 09:13:14 星期五 */
+import { isArray as e, isString as t } from "../utils/is.js";
+//#region components/pc/collapse/utils.ts
+function n(e) {
+	return t(e) ? e : String(e);
+}
+function r(t) {
+	return e(t) ? t.map((e, t, r) => n(e)) : n(t);
+}
+//#endregion
+export { r as normalizeName };
+/* 独立思考，明辨是非 */

package/color-picker/ColorPicker.d.ts

@@ -1,19 +1,5 @@
 import React from 'react';
-import ControlBar from './ControlBar';
-import InputAlpha from './InputAlpha';
-import InputHex from './InputHex';
-import InputRgb from './InputRgb';
 import type { ColorPickerProps } from './interface';
-import Palette from './Palette';
-import Panel from './Panel';
-declare const ForwardRefColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<unknown>>;
-declare const ColorPicker: typeof ForwardRefColorPicker & {
-    ControlBar: typeof ControlBar;
-    InputAlpha: typeof InputAlpha;
-    InputHex: typeof InputHex;
-    InputRgb: typeof InputRgb;
-    Palette: typeof Palette;
-    Panel: typeof Panel;
-};
+declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<unknown>>;
 export default ColorPicker;
 export type { ColorPickerProps };