@unicom-cloud/ui 0.8.155 → 0.8.157

package/menu/OverflowWrap.js

@@ -1,72 +1,73 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
-import e from "../utils/className.js";
-import { getStyle as t } from "../utils/style.js";
-import n from "../hooks/use-resize-observers/index.js";
-import r from "./context.js";
-import i from "./sub-menu/index.js";
-import a, { useContext as o, useRef as s, useState as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
+import { isNull as e } from "../utils/is.js";
+import t from "../utils/className.js";
+import { getStyle as n } from "../utils/style.js";
+import r from "../hooks/use-resize-observers/index.js";
+import i from "./context.js";
+import a from "./sub-menu/index.js";
+import o, { useContext as s, useRef as c, useState as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
 //#region components/pc/menu/OverflowWrap.tsx
-var u = 5;
-function d(e) {
+var d = 5;
+function f(e) {
 	return e && Math.ceil(+e.getBoundingClientRect().width);
 }
-function f(e) {
+function p(e) {
 	let t = Number(e.replace("px", ""));
 	return isNaN(t) ? 0 : t;
 }
-var p = (p) => {
-	let { children: m, ellipsisText: h = "···", onEllipsisChange: g } = p, { prefixCls: _ } = o(r), v = s(null), [y, b] = c(null), x = `${_}-overflow-sub-menu`, S = `${_}-overflow-hidden-menu-item`, C = `${_}-overflow-sub-menu-mirror`, w = (e) => {
-		if (e !== y) {
-			let t = a.Children.toArray(m), n = e === null;
-			g?.({
-				lastVisibleIndex: n ? t.length - 1 : e,
-				overflowNodes: n ? [] : t.slice(e + 1)
-			}), b(e);
+var m = (m) => {
+	let { children: h, ellipsisText: g = "···", onEllipsisChange: _ } = m, { prefixCls: v } = s(i), y = c(null), [b, x] = l(null), S = `${v}-overflow-sub-menu`, C = `${v}-overflow-hidden-menu-item`, w = `${v}-overflow-sub-menu-mirror`, T = (t) => {
+		if (t !== b) {
+			let n = o.Children.toArray(h), r = e(t);
+			_?.({
+				lastVisibleIndex: r ? n.length - 1 : t,
+				overflowNodes: r ? [] : n.slice(t + 1)
+			}), x(t);
 		}
 	};
-	function T(e) {
-		if (!v.current) return;
-		let n = v.current, r = d(n) - u, i = [].slice.call(n.children), a = 0, o = 0, s = 0;
+	function E(e) {
+		if (!y.current) return;
+		let t = y.current, r = f(t) - d, i = [].slice.call(t.children), a = 0, o = 0, s = 0;
 		for (let e = 0; e < i.length; e++) {
-			let n = i[e], c = n.className.split(" "), l = c.includes(x), u = c.includes(C);
+			let t = i[e], c = t.className.split(" "), l = c.includes(S), u = c.includes(w);
 			if (l) continue;
-			let p = d(n) + f(t(n, "marginLeft")) + f(t(n, "marginRight"));
+			let d = f(t) + p(n(t, "marginLeft")) + p(n(t, "marginRight"));
 			if (u) {
-				s = p;
+				s = d;
 				continue;
 			}
-			if (o += p, o > r) {
-				w(a - (o - p + s <= r ? 1 : 2));
+			if (o += d, o > r) {
+				T(a - (o - d + s <= r ? 1 : 2));
 				return;
 			}
 			a++;
 		}
-		w(null);
+		T(null);
 	}
-	let E = (e, t = !1) => /* @__PURE__ */ l(i, {
-		title: /* @__PURE__ */ l("span", { children: h }),
-		className: t ? C : x,
+	let D = (e, t = !1) => /* @__PURE__ */ u(a, {
+		title: /* @__PURE__ */ u("span", { children: g }),
+		className: t ? w : S,
 		children: e
 	}, `pqb-menu-overflow-sub-menu${t ? "-mirror" : ""}`);
-	return n((e) => {
-		T(e);
-	}, [v.current], { immediate: !0 }), /* @__PURE__ */ l("div", {
-		className: `${_}-overflow-wrap`,
-		ref: v,
+	return r((e) => {
+		E(e);
+	}, [y.current], { immediate: !0 }), /* @__PURE__ */ u("div", {
+		className: `${v}-overflow-wrap`,
+		ref: y,
 		children: (() => {
-			let t = null;
+			let n = null;
 			return [
-				E(null, !0),
-				...a.Children.map(m, (n, r) => {
-					let i = n;
-					return y !== null && (r > y && (i = a.cloneElement(n, { className: e(S, n?.props?.className) })), r === y + 1 && (t = E(a.Children.toArray(m).slice(y + 1).map((e) => a.cloneElement(e, { key: e.props._key }))))), i;
+				D(null, !0),
+				...o.Children.map(h, (r, i) => {
+					let a = r;
+					return e(b) || (i > b && (a = o.cloneElement(r, { className: t(C, r?.props?.className) })), i === b + 1 && (n = D(o.Children.toArray(h).slice(b + 1).map((e) => o.cloneElement(e, { key: e.props._key }))))), a;
 				}) ?? [],
-				t
+				n
 			];
 		})()
 	});
 };
 //#endregion
-export { p as default };
+export { m as default };
 /* 独立思考，明辨是非 */

package/menu/context.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { createContext as e } from "react";
 //#region components/pc/menu/context.ts
 var t = e({});

package/menu/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "./context.js";
 import t from "./Indent.js";
 import n from "./Item.js";

package/menu/interface.d.ts

@@ -8,7 +8,7 @@ export interface MenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'classNa
     children?: ReactNode;
     style?: CSSProperties;
     prefixCls?: string;
-    className?: string | string[];
+    className?: string;
     isMenu?: boolean;
     inDropdown?: boolean;
     /**
@@ -144,7 +144,7 @@ export interface MenuProps extends Omit<HTMLAttributes<HTMLDivElement>, 'classNa
 export interface MenuSubMenuProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'className'> {
     children?: ReactNode;
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     level?: number;
     _key?: string;
     /**
@@ -179,7 +179,7 @@ export interface MenuSubMenuProps extends Omit<HTMLAttributes<HTMLElement>, 'tit
 export interface MenuItemGroupProps {
     children?: ReactNode;
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     level?: number;
     _key?: string;
     /**
@@ -194,7 +194,7 @@ export interface MenuItemGroupProps {
 export interface MenuItemProps extends Omit<HTMLAttributes<HTMLElement>, 'className'> {
     children?: ReactNode;
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     level?: number;
     _key?: string;
     onClick?: (e: any) => void;

package/menu/sub-menu/Inline.js

@@ -1,85 +1,86 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
-import { Enter as e } from "../../utils/keyboardCode.js";
-import t from "../../utils/className.js";
-import n from "../../utils/pick.js";
-import r from "../../utils/omit.js";
-import i from "../../hooks/use-state-with-promise/index.js";
-import a from "../../hooks/use-id/index.js";
-import o from "../context.js";
-import s from "../Indent.js";
-import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as c, isChildrenSelected as l, processChildren as u } from "../utils.js";
-import { useContext as d, useRef as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import h from "@unicom-cloud/ui-common/transition-group/TransitionCSS";
-import g from "@unicom-cloud/icons/IconUiDown";
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
+import { isHTMLElement as e } from "../../utils/is.js";
+import { Enter as t } from "../../utils/keyboardCode.js";
+import n from "../../utils/className.js";
+import r from "../../utils/pick.js";
+import i from "../../utils/omit.js";
+import a from "../../hooks/use-state-with-promise/index.js";
+import o from "../../hooks/use-id/index.js";
+import s from "../context.js";
+import c from "../Indent.js";
+import { PROPS_NEED_TO_BE_PASSED_IN_SUBMENU as l, isChildrenSelected as u, processChildren as d } from "../utils.js";
+import { useContext as f, useRef as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import g from "@unicom-cloud/ui-common/transition/TransitionCSS";
+import _ from "@unicom-cloud/icons/IconUiDown";
 //#region components/pc/menu/sub-menu/Inline.tsx
-var _ = {
+var v = {
 	height: 0,
 	visibility: "hidden"
 };
-function v(v) {
-	let { _key: y, children: b, style: x, className: S, title: C, level: w, forwardedRef: T, selectable: E, ...D } = v, { id: O, prefixCls: k, levelIndent: A, openKeys: j = [], selectedKeys: M = [], icons: N, onClickSubMenu: P, onClickMenuItem: F } = d(o), I = f(null), L = `${k}-inline`, R = j?.includes?.(y), z = E && M.includes(v._key) || l(b, M), [B, V] = i(R ? { height: "auto" } : _), H = (e) => {
-		P(y, w, "inline"), E && F(y, e);
-	}, U = a(`${O}-submenu-inline`), W = u(b, {
-		...n(D, c),
-		level: w + 1,
-		selectable: E
-	}), G = /* @__PURE__ */ m("div", {
+function y(y) {
+	let { _key: b, children: x, style: S, className: C, title: w, level: T, forwardedRef: E, selectable: D, ...O } = y, { id: k, prefixCls: A, levelIndent: j, openKeys: M = [], selectedKeys: N = [], icons: P, onClickSubMenu: F, onClickMenuItem: I } = f(s), L = p(null), R = `${A}-inline`, z = M?.includes?.(b), B = D && N.includes(y._key) || u(x, N), [V, H] = a(z ? { height: "auto" } : v), U = (e) => {
+		F(b, T, "inline"), D && I(b, e);
+	}, W = o(`${k}-submenu-inline`), G = d(x, {
+		...r(O, l),
+		level: T + 1,
+		selectable: D
+	}), K = /* @__PURE__ */ h("div", {
 		tabIndex: 0,
-		"aria-expanded": R,
-		"aria-controls": U,
-		className: t(`${L}-header`, { [`${k}-selected`]: z }),
-		onClick: H,
-		onKeyDown: (t) => {
-			t.key === e.key && H(t);
+		"aria-expanded": z,
+		"aria-controls": W,
+		className: n(`${R}-header`, { [`${A}-selected`]: B }),
+		onClick: U,
+		onKeyDown: (e) => {
+			e.key === t.key && U(e);
 		},
 		children: [
-			/* @__PURE__ */ p(s, {
-				level: w,
-				prefixCls: k,
-				levelIndent: A
+			/* @__PURE__ */ m(c, {
+				level: T,
+				prefixCls: A,
+				levelIndent: j
 			}),
-			/* @__PURE__ */ p("span", { children: C }),
-			/* @__PURE__ */ p("span", {
-				className: `${k}-icon-suffix ${R ? "is-open" : ""}`,
-				children: N && N.horizontalArrowDown ? N.horizontalArrowDown : /* @__PURE__ */ p(g, {})
+			/* @__PURE__ */ m("span", { children: w }),
+			/* @__PURE__ */ m("span", {
+				className: `${A}-icon-suffix ${z ? "is-open" : ""}`,
+				children: P?.horizontalArrowDown ? P.horizontalArrowDown : /* @__PURE__ */ m(_, {})
 			})
 		]
 	});
-	return /* @__PURE__ */ m("div", {
-		ref: T,
-		className: t(L, S),
-		style: x,
-		...r(D, [
+	return /* @__PURE__ */ h("div", {
+		ref: E,
+		className: n(R, C),
+		style: S,
+		...i(O, [
 			"key",
 			"popup",
 			"triggerProps"
 		]),
-		children: [G, /* @__PURE__ */ p(h, {
-			in: R,
+		children: [K, /* @__PURE__ */ m(g, {
+			in: z,
 			duration: 200,
-			classNames: L,
+			classNames: R,
 			unmountOnExit: !1,
-			onEnter: async (e) => {
-				e && (await V(_), await V({ height: e.scrollHeight }));
+			onEnter: async (t) => {
+				t ||= L.current, e(t) && (await H(v), await H({ height: t.scrollHeight }));
 			},
 			onEntered: () => {
-				V({ height: "auto" });
+				H({ height: "auto" });
 			},
-			onExit: async (e) => {
-				e && (await V({ height: e.scrollHeight }), await V(_));
+			onExit: async (t) => {
+				t ||= L.current, e(t) && (await H({ height: t.scrollHeight }), await H(v));
 			},
-			refElement: I,
-			children: /* @__PURE__ */ p("div", {
-				ref: I,
-				id: U,
-				className: t(`${L}-content`),
-				style: B,
-				children: W
+			refElement: L,
+			children: /* @__PURE__ */ m("div", {
+				ref: L,
+				id: W,
+				className: n(`${R}-content`),
+				style: V,
+				children: G
 			})
 		})]
 	});
 }
 //#endregion
-export { v as default };
+export { y as default };
 /* 独立思考，明辨是非 */

package/menu/sub-menu/Pop.js

@@ -1,9 +1,9 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { ArrowLeft as e, ArrowRight as t, Enter as n } from "../../utils/keyboardCode.js";
 import r from "../../utils/className.js";
 import i from "../../config-provider/context.js";
-import "../../config-provider/index.js";
 import a from "../../utils/omit.js";
+import "../../config-provider/index.js";
 import o from "../../hooks/use-id/index.js";
 import s from "../context.js";
 import c from "../Indent.js";
@@ -21,7 +21,7 @@ function y(y) {
 		...L,
 		...O
 	}, [U, W] = p(!1), G = `${j}-pop`, K = E && F.includes(y._key), q = M === "horizontal" && !N, J = o(`${A}-submenu-pop`), Y = () => {
-		let e = I && I.popArrowRight ? I.popArrowRight : m(V ? _ : v, {}), t = I && I.horizontalArrowDown ? I.horizontalArrowDown : /* @__PURE__ */ m(g, {});
+		let e = I?.popArrowRight ? I.popArrowRight : m(V ? _ : v, {}), t = I?.horizontalArrowDown ? I.horizontalArrowDown : /* @__PURE__ */ m(g, {});
 		return /* @__PURE__ */ m("span", {
 			className: `${j}-icon-suffix`,
 			children: q ? t : e
@@ -49,7 +49,7 @@ function y(y) {
 			duration: 100,
 			mouseEnterDelay: 500,
 			mouseLeaveDelay: 50,
-			className: r(`${G}-trigger`, H && H.className),
+			className: r(`${G}-trigger`, H?.className),
 			...a(H, ["className"])
 		},
 		children: /* @__PURE__ */ h("div", {

package/menu/sub-menu/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isFunction as e } from "../../utils/is.js";
 import t from "../context.js";
 import n from "./Inline.js";

package/menu/utils.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import { isNullOrUndefined as e, isString as t } from "../utils/is.js";
 import n from "react";
 //#region components/pc/menu/utils.ts
@@ -45,7 +45,7 @@ var r = [
 }, o = (e, r) => n.Children.map(e, (e, i) => {
 	if (!e || !e.props) return e;
 	let a = t(e.type);
-	if (!(e.type && e.type.menuType) && e.props.children) {
+	if (!e.type?.menuType && e.props.children) {
 		let t = a ? {} : r, i = o(e.props.children, r);
 		return n.cloneElement(e, {
 			...t,
@@ -63,7 +63,7 @@ function s(e, t) {
 	let r = !1;
 	function i(e) {
 		!e || r || n.Children.forEach(e, (e) => {
-			if (e && e.props && e.type && !r) {
+			if (e?.props && e?.type && !r) {
 				let n = e.type.menuType, a = e.props.selectable;
 				(n === "MenuItem" || n === "SubMenu" && a) && (r = t.includes(e.key)), !r && e.props.children && i(e.props.children);
 			}

package/message/Message.js

@@ -1,128 +1,119 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
-import { isBoolean as e, isFunction as t, isNumber as n, isString as r, isUndefined as i } from "../utils/is.js";
-import a from "../utils/className.js";
-import o from "../hooks/use-merge-props/index.js";
-import s from "../config-provider/context.js";
-import c from "../notice/index.js";
-import l from "../notification/withNotification.js";
-import { notificationTypes as u } from "../notification/Notification.js";
-import { useContext as d, useEffect as f } from "react";
-import { UI_PC_PREFIX as p } from "@unicom-cloud/utils/constant/ui";
-import { jsx as m } from "react/jsx-runtime";
-import h from "@unicom-cloud/ui-common/transition-group/TransitionCSS";
-import g from "@unicom-cloud/ui-common/transition-group/TransitionGroup";
-import { createRoot as _ } from "react-dom/client";
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
+import { isBoolean as e, isFunction as t, isHTMLElement as n, isNull as r, isNumber as i, isString as a, isUndefined as o } from "../utils/is.js";
+import s from "../utils/className.js";
+import c from "../hooks/use-merge-props/index.js";
+import l from "../config-provider/context.js";
+import u from "../notice/index.js";
+import { NOTIFICATION_TYPES as d } from "../notification/constants.js";
+import f from "../notification/withNotification.js";
+import { useContext as p, useEffect as m } from "react";
+import { UI_PC_PREFIX as h } from "@unicom-cloud/utils/constant/ui";
+import { jsx as g } from "react/jsx-runtime";
+import _ from "@unicom-cloud/ui-common/transition/TransitionCSS";
+import v from "@unicom-cloud/ui-common/transition/TransitionGroup";
+import { createRoot as y } from "react-dom/client";
 //#region components/pc/message/Message.tsx
-var v = [...u], y = {}, b = [], x, S, C, w, T, E, D = {};
-function O(e) {
-	let { prefixCls: t, getPrefixCls: r, componentConfig: l, rtl: u } = d(s), _ = o(e, D, l?.Message), { prefixCls: v, rtl: y, closable: b, notices: x, position: C } = _;
-	function w(e) {
-		let t = _.notices.find((t, n, r) => t.id === e);
-		t && _.update({
-			...t,
-			style: {
-				...t.style,
-				opacity: 0
-			}
-		}), setTimeout(() => {
-			_.remove(e);
-		}, 100);
+var b = {
+	enter: 100,
+	exit: 300
+}, x = [...d], S = {}, C = [], w, T, E, D, O, k, A = {};
+function j(e) {
+	let { prefixCls: r, getPrefixCls: a, componentConfig: d, rtl: f } = p(l), y = c(e, A, d?.Message), { prefixCls: x, rtl: S, closable: C, notices: w, position: E } = y;
+	function D(e) {
+		y.remove(e);
 	}
-	f(() => (_.add(_), () => {
-		_.clear();
+	m(() => (y.add(y), () => {
+		y.clear();
 	}), []);
-	let O = v || S, k = i(y) ? T : y, A = i(b) ? E : b, j = `${O || p}-message`;
-	return /* @__PURE__ */ m("div", {
-		className: a(`${j}-wrapper`, `${j}-wrapper-${C}`),
-		children: /* @__PURE__ */ m(g, {
-			component: null,
-			children: x.map((e) => {
-				let { transitionClassNames: t, transitionDuration: r, rtl: a, closable: o } = e, s = {
-					enter: n(r?.enter) ? r?.enter : 100,
-					exit: n(r?.exit) ? r?.exit : 300
-				}, l;
-				return /* @__PURE__ */ m(h, {
-					duration: s,
-					classNames: t || `${j}-fade`,
-					refElement: () => l,
-					onExit: (e) => {
-						e && (e.style.height = `${e.scrollHeight}px`);
-					},
-					onExiting: (e) => {
-						e && (e.style.height = 0);
-					},
-					onExited: (t) => {
-						t && (t.style.height = 0, e.onClose?.());
+	let j = x || T, M = o(S) ? O : S, N = o(C) ? k : C, P = `${j || h}-message`;
+	return /* @__PURE__ */ g("div", {
+		className: s(`${P}-wrapper`, `${P}-wrapper-${E}`),
+		children: /* @__PURE__ */ g(v, { children: w.map((e, r, a) => {
+			let { transitionClassNames: s, transitionDuration: c, rtl: l, closable: d } = e, f = {
+				enter: i(c?.enter) ? c.enter : b.enter,
+				exit: i(c?.exit) ? c.exit : b.exit
+			}, p;
+			return /* @__PURE__ */ g(_, {
+				duration: f,
+				classNames: s || `${P}-fade`,
+				refElement: () => p,
+				onExit: (e) => {
+					n(e) && (e.style.height = `${e.scrollHeight}px`);
+				},
+				onExiting: (e) => {
+					n(e) && (e.style.height = "0px");
+				},
+				onExited: (r) => {
+					n(r) && (r.style.height = "0px"), t(e.onClose) && e.onClose();
+				},
+				children: /* @__PURE__ */ g(u, {
+					...e,
+					ref: (e) => {
+						p = e;
 					},
-					children: /* @__PURE__ */ m(c, {
-						...e,
-						ref: (e) => {
-							l = e;
-						},
-						prefixCls: j,
-						classPrefixCls: O,
-						iconPrefix: O,
-						onClose: w,
-						noticeType: "message",
-						rtl: k,
-						...i(A) ? {} : { closable: A }
-					})
-				}, e.id);
-			})
-		})
+					prefixCls: P,
+					classPrefixCls: j,
+					iconPrefix: j,
+					onClose: D,
+					noticeType: "message",
+					rtl: M,
+					...o(N) ? {} : { closable: N }
+				})
+			}, e.id);
+		}) })
 	});
 }
-var k = l(O);
-k.config = (i = {}) => {
-	if (r(i.prefixCls) && (S = i.prefixCls), n(i.maxCount) && (x = i.maxCount), n(i.duration) && (C = i.duration), e(i.rtl) && (T = i.rtl), e(i.closable) && (E = i.closable), t(i.getContainer)) {
-		let e = i.getContainer();
-		e === w || (w = e, Object.entries(y).forEach(([e, t], n, r) => (delete y[e], t?.clear?.())));
+var M = f(j);
+M.config = (n = {}) => {
+	if (a(n.prefixCls) && (T = n.prefixCls), i(n.maxCount) && (w = n.maxCount), i(n.duration) && (E = n.duration), e(n.rtl) && (O = n.rtl), e(n.closable) && (k = n.closable), t(n.getContainer)) {
+		let e = n.getContainer();
+		e === D || (D = e, Object.entries(S).forEach(([e, t], n, r) => (delete S[e], t?.clear?.())));
 	}
-}, k.clear = () => {
-	Object.values(y).forEach((e) => {
+}, M.clear = () => {
+	Object.values(S).forEach((e, t, n) => {
 		e?.clear?.();
 	});
-}, k.addInstance = (e) => {
+}, M.addInstance = (e) => {
 	let t = {
 		position: "top",
-		duration: C,
+		duration: E,
 		...e
-	}, { position: n } = t, r, i = y[n];
-	if (i) {
-		let n = i.notices.find((t) => t.id === e.id), a = {
+	}, { position: n } = t, i, a = S[n];
+	if (a) {
+		let n = a.notices.find((t, n, r) => t.id === e.id), r = {
 			...t,
 			update: n
 		};
-		i.notices.length >= x ? n ? i.add({
-			...a,
+		a.notices.length >= w ? n ? a.add({
+			...r,
 			id: n.id
-		}) : (i.shift(), i.add(a)) : r = i.add(a);
+		}) : (a.shift(), a.add(r)) : i = a.add(r);
 	}
-	if (i === null && b.push(e), i === void 0) {
+	if (r(a) && C.push(e), o(a)) {
 		let e = document.createElement("div");
-		(w || document.body).appendChild(e), _(e).render(/* @__PURE__ */ m(k, {
+		(D || document.body).appendChild(e), y(e).render(/* @__PURE__ */ g(M, {
 			...t,
 			ref: (e) => {
 				if (e) {
-					for (; b.length;) e.add(b.shift());
-					y[n] = e;
+					for (; C.length;) e.add(C.shift());
+					S[n] = e;
 				}
 				return () => {};
 			}
-		})), y[n] = null;
+		})), S[n] = null;
 	}
 	return () => {
-		y[n]?.remove?.(r);
+		S[n]?.remove?.(i);
 	};
 };
-var A = v.map((e) => [e, (t) => {
-	let i = r(t) || n(t) ? { content: t } : t;
-	return k.addInstance({
-		...i,
+var N = x.map((e, t, n) => [e, (t) => {
+	let n = a(t) || i(t) ? { content: t } : t;
+	return M.addInstance({
+		...n,
 		type: e
 	});
 }]);
-Object.assign(k, Object.fromEntries(A));
+Object.assign(M, Object.fromEntries(N));
 //#endregion
-export { k as default };
+export { M as default };
 /* 独立思考，明辨是非 */

package/message/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-23 09:23:31 星期四 */
 import e from "./Message.js";
 import t from "./useMessage.js";
 //#region components/pc/message/index.tsx

package/message/interface.d.ts

@@ -7,15 +7,15 @@ export interface MessageType {
  */
 export interface MessageProps {
     style?: CSSProperties;
-    className?: string | string[];
+    className?: string;
     /**
-     * @zh 消息弹出动画的类名，见 transition-group 的 `classNames`
-     * @en ClassNames of transition-group of the message pop-up animation, see `classNames`
+     * @zh 消息弹出动画的类名，见 transition 的 `classNames`
+     * @en ClassNames of transition of the message pop-up animation, see `classNames`
      */
     transitionClassNames?: string;
     /**
-     * @zh 动画持续时间，见 transition-group 的 `duration`
-     * @en duration of `transition-group` of the message pop-up animation, see `duration`
+     * @zh 动画持续时间，见 transition 的 `duration`
+     * @en duration of `transition` of the message pop-up animation, see `duration`
      * @defaultValue {enter: 100, exit: 300}
      */
     transitionDuration?: {
@@ -26,7 +26,7 @@ export interface MessageProps {
      * @zh 消息内容
      * @en Message content
      */
-    content: ReactNode | string | number;
+    content?: ReactNode | string | number;
     /**
      * @zh 是否显示图标
      * @en Whether to show the icon