@unicom-cloud/ui 0.8.158 → 0.8.160

package/message/Message.js

@@ -1,127 +1,148 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-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 { TransitionCSS as p, TransitionGroup as m } from "../transition/index.js";
-import { useContext as h, useEffect as g } from "react";
-import { UI_PC_PREFIX as _ } from "@unicom-cloud/utils/constant/ui";
-import { jsx as v } from "react/jsx-runtime";
-import { createRoot as y } from "react-dom/client";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { isArrayAndNotEmpty as e, isBoolean as t, isFunction as n, isHTMLElement as r, isNull as i, isNumber as a, isStringOrNumber as o, isUndefined as s } from "../utils/is.js";
+import c from "../utils/className.js";
+import { MESSAGE_COMPONENT_INFO as l } from "../utils/names.js";
+import u from "../hooks/use-merge-props/index.js";
+import { getBodyContainer as d } from "../utils/dom.js";
+import { getPrefixCls as f } from "../config-provider/utils.js";
+import p from "../config-provider/context.js";
+import m from "../hooks/use-create/index.js";
+import h from "../notice/withNotice.js";
+import g from "../notice/index.js";
+import { TransitionCSS as _, TransitionGroup as v } from "../transition/index.js";
+import y from "../utils/mergeProps.js";
+import { MESSAGE_DURATION as b, MESSAGE_TRANSITION_CSS_DURATION as x, MESSAGE_TYPES as S } from "./constants.js";
+import { useContext as C, useEffect as w, useLayoutEffect as T } from "react";
+import { UI_PC_PREFIX as E } from "@unicom-cloud/utils/constant/ui";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { createRoot as A } from "react-dom/client";
 //#region components/pc/message/Message.tsx
-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 } = h(l), y = c(e, A, d?.Message), { prefixCls: x, rtl: S, closable: C, notices: w, position: E } = y;
-	function D(e) {
-		y.remove(e);
+var j = {}, M = {}, N = {
+	maxCount: NaN,
+	duration: b,
+	rtl: void 0,
+	closable: void 0,
+	getContainer: d
+}, P = {};
+function F(e) {
+	let { prefixCls: t, getPrefixCls: i, componentConfig: o, rtl: s } = C(p), { className: l, prefixCls: d, notices: f = [], position: h, update: b, remove: S, add: A, clear: j } = u(e, P, o?.Message);
+	m(() => {});
+	function M(e) {
+		S(e);
 	}
-	g(() => (y.add(y), () => {
-		y.clear();
-	}), []);
-	let j = x || T, M = o(S) ? O : S, N = o(C) ? k : C, P = `${j || _}-message`;
-	return /* @__PURE__ */ v("div", {
-		className: s(`${P}-wrapper`, `${P}-wrapper-${E}`),
-		children: /* @__PURE__ */ v(m, { 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
-			}, m;
-			return /* @__PURE__ */ v(p, {
-				duration: f,
-				classNames: s || `${P}-fade`,
-				refElement: () => m,
+	T(() => () => {}, []), w(() => () => {}, []);
+	let F = i?.("message", d || E);
+	return /* @__PURE__ */ O("div", {
+		className: c(`${F}-wrapper`, `${F}-wrapper-${h}`),
+		children: /* @__PURE__ */ O(v, { children: f.map((e, t, i) => {
+			let u = y({ ...e }, P, o?.Message), { transitionClassNames: f, transitionDuration: p, rtl: m = N.rtl ?? s, closable: h = N.closable } = u, v = {
+				enter: a(p?.enter) ? p.enter : x.enter,
+				exit: a(p?.exit) ? p.exit : x.exit
+			}, b;
+			return /* @__PURE__ */ O(_, {
+				duration: v,
+				classNames: f || `${F}-fade`,
+				refElement: () => b,
 				onEnter: (e) => {
-					n(e);
+					r(e);
 				},
 				onEntering: (e) => {
-					n(e);
+					r(e);
 				},
 				onEntered: (e) => {
-					n(e);
+					r(e);
 				},
 				onExit: (e) => {
-					n(e) && (e.style.height = `${e.scrollHeight}px`);
+					r(e) && (e.style.height = `${e.scrollHeight}px`);
 				},
 				onExiting: (e) => {
-					n(e) && (e.style.height = "0px");
+					r(e) && (e.style.height = "0px");
 				},
-				onExited: (r) => {
-					n(r) && (r.style.height = "0px"), t(e.onClose) && e.onClose();
+				onExited: (e) => {
+					r(e) && (e.style.height = "0px");
+					let t = u.onClose;
+					n(t) && t();
 				},
-				children: /* @__PURE__ */ v(u, {
-					...e,
+				children: /* @__PURE__ */ O(g, {
+					...u,
+					className: c(`${F}-notice`, l, u.className),
 					ref: (e) => {
-						m = e;
+						b = e;
 					},
-					prefixCls: P,
-					classPrefixCls: j,
-					iconPrefix: j,
-					onClose: D,
+					prefixCls: F,
+					classPrefixCls: d,
+					iconPrefix: d,
 					noticeType: "message",
-					rtl: M,
-					...o(N) ? {} : { closable: N }
+					rtl: m,
+					closable: h,
+					contentRender: (e) => {
+						let { shouldRenderIcon: t, closeIcon: n, icon: r, title: i, content: a, button: o } = e;
+						return /* @__PURE__ */ k(D, { children: [
+							t && r,
+							/* @__PURE__ */ O("span", {
+								className: `${F}-content`,
+								children: a
+							}),
+							n
+						] });
+					},
+					onClose: M
 				})
-			}, e.id);
+			}, u.id);
 		}) })
 	});
 }
-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?.())));
-	}
-}, M.clear = () => {
-	Object.values(S).forEach((e, t, n) => {
-		e?.clear?.();
+var I = h(F);
+I.displayName = l.displayName, I.config = (e = {}) => {
+	let { maxCount: r, duration: i, rtl: o, closable: s, getContainer: c } = e;
+	a(r) && (N.maxCount = r), a(i) && (N.duration = i), t(o) && (N.rtl = o), t(s) && (N.closable = s), n(c) && (c() === N.getContainer?.() || I.clear(), N.getContainer = c);
+}, I.clear = () => {
+	Object.entries(j).forEach(([e, t], r, i) => {
+		n(t?.clear) && t.clear(), delete j[e];
 	});
-}, M.addInstance = (e) => {
-	let t = {
+}, I.remove = (e) => {
+	Object.values(j).forEach((t, r, i) => {
+		n(t?.remove) && t.remove(e);
+	});
+}, I.addInstance = (t) => {
+	let n = {
 		position: "top",
-		duration: E,
-		...e
-	}, { 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
-		};
-		a.notices.length >= w ? n ? a.add({
-			...r,
-			id: n.id
-		}) : (a.shift(), a.add(r)) : i = a.add(r);
-	}
-	if (r(a) && C.push(e), o(a)) {
-		let e = document.createElement("div");
-		(D || document.body).appendChild(e), y(e).render(/* @__PURE__ */ v(M, {
-			...t,
-			ref: (e) => {
-				if (e) {
-					for (; C.length;) e.add(C.shift());
-					S[n] = e;
+		duration: N.duration,
+		...t
+	}, { id: r } = n, { position: a = "top" } = n, o, c = j[a];
+	if (c) {
+		let { notices: e } = c;
+		e.length >= N.maxCount && c.shift(), o = c.add(n);
+	} else if (i(c)) M[a] ??= [], M[a].push(n);
+	else if (s(c)) {
+		let t = document.createElement("div");
+		t.className = f?.("display-contents"), (N.getContainer?.() || d()).appendChild(t);
+		let r = A(t), i = /* @__PURE__ */ O(I, {
+			...n,
+			defaultNotices: [n],
+			ref: (t) => {
+				if (t) {
+					let n = M[a];
+					for (; e(n);) o = t.add(n.shift());
 				}
-				return () => {};
+				return j[a] = t, () => {};
 			}
-		})), S[n] = null;
+		});
+		r.render(i), j[a] = null;
 	}
-	return () => {
-		S[n]?.remove?.(i);
+	let l = () => {
+		j[a]?.remove?.(o);
 	};
+	return Object.assign(l, j[a]), l;
 };
-var N = x.map((e, t, n) => [e, (t) => {
-	let n = a(t) || i(t) ? { content: t } : t;
-	return M.addInstance({
+var L = S.map((e, t, n) => [e, (t) => {
+	let n = o(t) ? { content: t } : t;
+	return I.addInstance({
 		...n,
 		type: e
 	});
 }]);
-Object.assign(M, Object.fromEntries(N));
+Object.assign(I, Object.fromEntries(L));
 //#endregion
-export { M as default };
+export { I as default };
 /* 独立思考，明辨是非 */

package/message/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const MESSAGE_TRANSITION_CSS_DURATION: {
+    enter: number;
+    exit: number;
+};
+export declare const MESSAGE_DURATION = 3000;
+export declare const MESSAGE_DEFAULT_POSITION = "top";
+export declare const MESSAGE_TYPES: string[];

package/message/constants.js

@@ -0,0 +1,11 @@
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { NOTICE_DURATION as e } from "../notice/constants.js";
+import { NOTIFICATION_TYPES as t } from "../notification/constants.js";
+//#region components/pc/message/constants.ts
+var n = {
+	enter: 100,
+	exit: 300
+}, r = e, i = "top", a = [...t];
+//#endregion
+export { i as MESSAGE_DEFAULT_POSITION, r as MESSAGE_DURATION, n as MESSAGE_TRANSITION_CSS_DURATION, a as MESSAGE_TYPES };
+/* 独立思考，明辨是非 */

package/message/index.d.ts

@@ -0,0 +1,9 @@
+import type { MessageProps } from './interface';
+import useMessage from './useMessage';
+declare const Message: import("./interface").ComponentStaticProps & {
+    id: string;
+    useMessage: typeof useMessage;
+};
+export { useMessage };
+export default Message;
+export type { MessageProps };

package/message/index.js

@@ -1,8 +1,12 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import e from "./Message.js";
-import t from "./useMessage.js";
-//#region components/pc/message/index.tsx
-var n = Object.assign(e, { useMessage: t });
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { MESSAGE_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./Message.js";
+import n from "./useMessage.js";
+//#region components/pc/message/index.ts
+var r = Object.assign(t, {
+	id: e.id,
+	useMessage: n
+});
 //#endregion
-export { n as default, t as useMessage };
+export { r as default, n as useMessage };
 /* 独立思考，明辨是非 */

package/message/interface.d.ts

@@ -1,13 +1,12 @@
-import { CSSProperties, ReactNode } from 'react';
+import { ReactElement } from 'react';
+import { NoticeProps } from '../notice';
 export interface MessageType {
     (): void;
 }
 /**
  * @title Message
  */
-export interface MessageProps {
-    style?: CSSProperties;
-    className?: string;
+export interface MessageProps extends Omit<NoticeProps, 'position' | 'notices'> {
     /**
      * @zh 消息弹出动画的类名，见 transition 的 `classNames`
      * @en ClassNames of transition of the message pop-up animation, see `classNames`
@@ -22,55 +21,12 @@ export interface MessageProps {
         enter?: number;
         exit?: number;
     };
-    /**
-     * @zh 消息内容
-     * @en Message content
-     */
-    content?: ReactNode | string | number;
-    /**
-     * @zh 是否显示图标
-     * @en Whether to show the icon
-     * @defaultValue true
-     */
-    showIcon?: boolean;
-    /**
-     * @zh 自定义图标
-     * @en Custom icon
-     */
-    icon?: ReactNode;
-    /**
-     * @zh 自动关闭的时间，单位为 `ms`
-     * @en Automatic shutdown time, the unit is `ms`
-     * @defaultValue 3000
-     */
-    duration?: number;
-    /**
-     * @zh 关闭时的回调
-     * @en Callback when close
-     */
-    onClose?: () => void;
-    /**
-     * @zh 当前消息的唯一标识，可以用来更新消息
-     * @en The unique identifier of the current message, which can be used to update the message
-     */
-    id?: string;
     /**
      * @zh 消息的位置，分为 `top` 上方和 `bottom` 下方
      * @en The position of the message
      */
     position?: 'top' | 'bottom';
-    /**
-     * @zh 是否显示关闭按钮
-     * @en Whether to show the close button
-     * @defaultValue true
-     */
-    closable?: boolean;
-    /**
-     * @zh 自定义右上角关闭按钮
-     * @en Custom the close button on top-right of the drawer dialog
-     */
-    closeIcon?: ReactNode;
-    type?: string;
+    notices: MessageProps[];
 }
 type messageHookFunction = (config: MessageProps | string | number) => MessageType;
 export type MessageHookReturnType = {
@@ -81,12 +37,18 @@ export type MessageHookReturnType = {
     loading?: messageHookFunction;
     normal?: messageHookFunction;
 };
-export type ConfigProps = {
-    maxCount?: number;
-    prefixCls?: string;
-    getContainer?: () => HTMLElement;
-    duration?: number;
-    rtl?: boolean;
-    closable?: boolean;
-};
+export interface ComponentStaticProps {
+    displayName?: string;
+    useMessage: (config?: MessageProps) => [MessageHookReturnType, ReactElement];
+    success: (config: MessageProps | string) => MessageType;
+    info: (config: MessageProps | string) => MessageType;
+    warning: (config: MessageProps | string) => MessageType;
+    error: (config: MessageProps | string) => MessageType;
+    loading: (config: MessageProps | string) => MessageType;
+    normal: (config: MessageProps | string) => MessageType;
+    config: (options: MessageProps) => void;
+    clear: () => void;
+    remove: (id: string) => void;
+    addInstance: (config: MessageProps) => () => void;
+}
 export {};

package/message/useMessage.d.ts

@@ -1,5 +1,4 @@
 import { JSX } from 'react/jsx-runtime';
-import type { ConfigProps, MessageHookReturnType } from './interface';
-export type messageFuncType = MessageHookReturnType;
-declare function useMessage(commonConfig?: ConfigProps): [MessageHookReturnType, JSX.Element];
+import type { MessageHookReturnType, MessageProps } from './interface';
+declare function useMessage(config?: Partial<MessageProps>): [MessageHookReturnType, JSX.Element];
 export default useMessage;

package/message/useMessage.js

@@ -1,52 +1,52 @@
-/* 潘启宝 2026-05-08 09:13:14 星期五 */
-import { isNumber as e, isString as t } from "../utils/is.js";
-import { uuid as n } from "../utils/uuid.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";
-import { useRef as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { isArrayAndNotEmpty as e, isNull as t, isStringOrNumber as n, isUndefined as r } from "../utils/is.js";
+import i from "../utils/uuid.js";
+import { MESSAGE_DURATION as a, MESSAGE_TYPES as o } from "./constants.js";
+import s from "./Message.js";
+import { ContextHolderElement as c } from "../utils/contextHolder.js";
+import { useRef as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
 //#region components/pc/message/useMessage.tsx
-var c = [...r];
-function l(r = {}) {
-	let { maxCount: l, duration: u = 3e3, prefixCls: d } = r, f = o(void 0), p = /* @__PURE__ */ s(a, { ref: f }), m = {}, h;
-	function g(e) {
-		let t, r;
-		if (f.current) {
-			let e = f.current.getContextConfig();
-			r = e.rtl, t = e.prefixCls;
-		}
-		let a = d || t, o = {
+function d(d = {}) {
+	let { maxCount: f, duration: p = a } = d, m = l(void 0), h = /* @__PURE__ */ u(c, { ref: m }), g = {}, _ = {};
+	function v(n) {
+		let { prefixCls: a, rtl: o } = m.current?.getContextConfig?.() ?? {}, c = {
 			position: "top",
-			duration: u,
-			...e
-		}, { position: c, transitionClassNames: p } = o, g, _ = m[c];
-		if (_) {
-			let e = _.notices;
-			e.length >= l ? (g = e[0].id, _.shift(), _.add({
-				...o,
-				id: g
-			})) : g = _.add(o);
-		} else h = /* @__PURE__ */ s(i, {
-			...o,
-			transitionClassNames: p,
-			prefixCls: a,
-			rtl: r,
-			ref: (e) => {
-				m[c] = e;
-			}
-		}, n()), f.current.addInstance(h);
-		return () => {
-			m[c]?.remove?.(g);
+			duration: p,
+			...n
+		}, { position: l, transitionClassNames: d } = c, h, v = g[l];
+		if (v) {
+			let { notices: e } = v;
+			e?.length >= f && v.shift(), h = v.add(c);
+		} else if (t(v)) _[l] ??= [], _[l].push(c);
+		else if (r(v)) {
+			let t = /* @__PURE__ */ u(s, {
+				...c,
+				defaultNotices: [c],
+				transitionClassNames: d,
+				prefixCls: a,
+				rtl: o,
+				ref: (t) => {
+					if (t) {
+						let n = _[l];
+						for (; e(n);) h = t.add(n.shift());
+					}
+					return g[l] = t, () => {};
+				}
+			}, i());
+			m.current.addInstance(t), g[l] = null;
+		}
+		let y = () => {
+			g[l]?.remove?.(h);
 		};
+		return Object.assign(y, g[l]), y;
 	}
-	let _ = {}, v = c.map((n) => [n, (r) => g({
-		...t(r) || e(r) ? { content: r } : r,
-		type: n
+	let y = {}, b = o.map((e, t, r) => [e, (t) => v({
+		...n(t) ? { content: t } : t,
+		type: e
 	})]);
-	return Object.assign(_, Object.fromEntries(v)), [_, p];
+	return Object.assign(y, Object.fromEntries(b)), [y, h];
 }
 //#endregion
-export { l as default };
+export { d as default };
 /* 独立思考，明辨是非 */