@unicom-cloud/ui 0.8.155 → 0.8.156

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-14 16:51:07 星期二 */
+import { isBoolean as e, isFunction as t, isHTMLElement as n, isNumber as r, isString as i, isUndefined as a } from "../utils/is.js";
+import o from "../utils/className.js";
+import s from "../hooks/use-merge-props/index.js";
+import c from "../config-provider/context.js";
+import l from "../notice/index.js";
+import { NOTIFICATION_TYPES as u } from "../notification/constants.js";
+import d from "../notification/withNotification.js";
+import { useContext as f, useEffect as p } from "react";
+import { UI_PC_PREFIX as m } from "@unicom-cloud/utils/constant/ui";
+import { jsx as h } from "react/jsx-runtime";
+import g from "@unicom-cloud/ui-common/transition/TransitionCSS";
+import _ from "@unicom-cloud/ui-common/transition/TransitionGroup";
+import { createRoot as v } 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 y = {
+	enter: 100,
+	exit: 300
+}, b = [...u], x = {}, S = [], C, w, T, E, D, O, k = {};
+function A(e) {
+	let { prefixCls: i, getPrefixCls: u, componentConfig: d, rtl: v } = f(c), b = s(e, k, d?.Message), { prefixCls: x, rtl: S, closable: C, notices: T, position: E } = b;
+	function A(e) {
+		b.remove(e);
 	}
-	f(() => (_.add(_), () => {
-		_.clear();
+	p(() => (b.add(b), () => {
+		b.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 || w, M = a(S) ? D : S, N = a(C) ? O : C, P = `${j || m}-message`;
+	return /* @__PURE__ */ h("div", {
+		className: o(`${P}-wrapper`, `${P}-wrapper-${E}`),
+		children: /* @__PURE__ */ h(_, { children: T.map((e, i, o) => {
+			let { transitionClassNames: s, transitionDuration: c, rtl: u, closable: d } = e, f = {
+				enter: r(c?.enter) ? c.enter : y.enter,
+				exit: r(c?.exit) ? c.exit : y.exit
+			}, p;
+			return /* @__PURE__ */ h(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__ */ h(l, {
+					...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: A,
+					noticeType: "message",
+					rtl: M,
+					...a(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 j = d(A);
+j.config = (n = {}) => {
+	if (i(n.prefixCls) && (w = n.prefixCls), r(n.maxCount) && (C = n.maxCount), r(n.duration) && (T = n.duration), e(n.rtl) && (D = n.rtl), e(n.closable) && (O = n.closable), t(n.getContainer)) {
+		let e = n.getContainer();
+		e === E || (E = e, Object.entries(x).forEach(([e, t], n, r) => (delete x[e], t?.clear?.())));
 	}
-}, k.clear = () => {
-	Object.values(y).forEach((e) => {
+}, j.clear = () => {
+	Object.values(x).forEach((e, t, n) => {
 		e?.clear?.();
 	});
-}, k.addInstance = (e) => {
+}, j.addInstance = (e) => {
 	let t = {
 		position: "top",
-		duration: C,
+		duration: T,
 		...e
-	}, { position: n } = t, r, i = y[n];
+	}, { position: n } = t, r, i = x[n];
 	if (i) {
-		let n = i.notices.find((t) => t.id === e.id), a = {
+		let n = i.notices.find((t, n, r) => t.id === e.id), a = {
 			...t,
 			update: n
 		};
-		i.notices.length >= x ? n ? i.add({
+		i.notices.length >= C ? n ? i.add({
 			...a,
 			id: n.id
 		}) : (i.shift(), i.add(a)) : r = i.add(a);
 	}
-	if (i === null && b.push(e), i === void 0) {
+	if (i === null && S.push(e), i === void 0) {
 		let e = document.createElement("div");
-		(w || document.body).appendChild(e), _(e).render(/* @__PURE__ */ m(k, {
+		(E || document.body).appendChild(e), v(e).render(/* @__PURE__ */ h(j, {
 			...t,
 			ref: (e) => {
 				if (e) {
-					for (; b.length;) e.add(b.shift());
-					y[n] = e;
+					for (; S.length;) e.add(S.shift());
+					x[n] = e;
 				}
 				return () => {};
 			}
-		})), y[n] = null;
+		})), x[n] = null;
 	}
 	return () => {
-		y[n]?.remove?.(r);
+		x[n]?.remove?.(r);
 	};
 };
-var A = v.map((e) => [e, (t) => {
-	let i = r(t) || n(t) ? { content: t } : t;
-	return k.addInstance({
-		...i,
+var M = b.map((e, t, n) => [e, (t) => {
+	let n = i(t) || r(t) ? { content: t } : t;
+	return j.addInstance({
+		...n,
 		type: e
 	});
 }]);
-Object.assign(k, Object.fromEntries(A));
+Object.assign(j, Object.fromEntries(M));
 //#endregion
-export { k as default };
+export { j as default };
 /* 独立思考，明辨是非 */

package/message/index.js

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

package/message/interface.d.ts

@@ -9,13 +9,13 @@ export interface MessageProps {
     style?: CSSProperties;
     className?: string | 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

package/message/useMessage.js

@@ -1,7 +1,7 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isNumber as e, isString as t } from "../utils/is.js";
 import { uuid as n } from "../utils/uuid.js";
-import { notificationTypes as r } from "../notification/Notification.js";
+import { NOTIFICATION_TYPES as r } from "../notification/constants.js";
 import i from "./Message.js";
 import { ContextHolderElement as a } from "../utils/contextHolder.js";
 import "../utils/index.js";

package/modal/Confirm.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isFunction as e, isPromise as t } from "../utils/is.js";
 import { PREFIX_CLS as n } from "../config-provider/context.js";
 import { destroyList as r, getConfigProviderProps as i, getModalConfig as a } from "./config.js";