@unicom-cloud/ui 0.8.154 → 0.8.156

package/notice/Notice.js

@@ -1,156 +1,157 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
-import e from "../utils/className.js";
-import t from "../hooks/use-merge-props/index.js";
-import n from "../config-provider/context.js";
-import r from "../icon-hover/index.js";
-import i from "../config-provider/index.js";
-import { forwardRef as a, useContext as o, useEffect as s, useImperativeHandle as c, useRef as l } from "react";
-import u from "@unicom-cloud/icons/context";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-import m from "@unicom-cloud/icons/IconUiCheckCircleFill";
-import h from "@unicom-cloud/icons/IconUiClose";
-import ee from "@unicom-cloud/icons/IconUiCloseCircleFill";
-import te from "@unicom-cloud/icons/IconUiExclamationCircleFill";
-import ne from "@unicom-cloud/icons/IconUiInfoCircleFill";
-import re from "@unicom-cloud/icons/IconUiLoading";
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
+import { isNumber 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 i from "../icon-hover/index.js";
+import a from "../config-provider/index.js";
+import { forwardRef as o, useContext as ee, useEffect as s, useImperativeHandle as te, useRef as c } from "react";
+import l from "@unicom-cloud/icons/context";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "@unicom-cloud/icons/IconUiCheckCircleFill";
+import m from "@unicom-cloud/icons/IconUiClose";
+import ne from "@unicom-cloud/icons/IconUiCloseCircleFill";
+import re from "@unicom-cloud/icons/IconUiExclamationCircleFill";
+import h from "@unicom-cloud/icons/IconUiInfoCircleFill";
+import g from "@unicom-cloud/icons/IconUiLoading";
 //#region components/pc/notice/Notice.tsx
-var g = {
+var _ = {
 	type: "info",
 	showIcon: !0,
 	noticeType: "message",
 	duration: 3e3
-};
-function _(a, _) {
-	let v = o(n), { prefixCls: ie, getPrefixCls: y, componentConfig: b, rtl: x } = v, S = t(a, g, b?.Notice), C = y?.("notice"), w = l(null), T = l(void 0), E = l(void 0), { title: D, content: O, showIcon: k, className: A, style: j, type: M, btn: N, icon: P, prefixCls: ae = C, closable: F, noticeType: I, iconPrefix: L, rtl: R = x, closeIcon: z, classPrefixCls: B } = S, V = ae, H = I === "message", U = I === "notification", W = e(b?.Notice?.className, V, `${V}-${M}`, {
-		[`${V}-closable`]: F,
-		[`${V}-rtl`]: R
-	}, A), G = "closable" in S || H ? F : !0, K = k;
+}, { setTimeout: ie, clearTimeout: v, requestAnimationFrame: y, cancelAnimationFrame: b } = window;
+function x(o, y) {
+	let b = ee(r), { prefixCls: x, getPrefixCls: S, componentConfig: C, rtl: ae } = b, w = n(o, _, C?.Notice), T = S?.("notice"), E = c(null), D = c(null), O = c(void 0), { title: k, content: A, showIcon: j, className: oe, style: se, type: M, btn: N, icon: P, prefixCls: F = T, closable: I, noticeType: L, iconPrefix: R, rtl: z = ae, closeIcon: B, classPrefixCls: V } = w, H = F, U = L === "message", W = L === "notification", G = "closable" in w || U ? I : !0, K = j;
 	M === "normal" && !P && (K = !1);
-	let q = { ...v };
-	B && (q.prefixCls = B);
+	let q = { ...b };
+	V && (q.prefixCls = V);
 	function J() {
-		let { duration: e, onClose: t, id: n } = S;
-		e !== 0 && (w.current = window.setTimeout(() => {
+		let { duration: e, onClose: t, id: n } = w;
+		e === 0 || (E.current = ie(() => {
 			t?.(n), Y();
 		}, e));
 	}
 	function Y() {
-		w.current &&= (window.clearTimeout(w.current), null);
+		e(E.current) && (v(E.current), E.current = null);
 	}
 	function X(e) {
-		S.onClose?.(S.id);
+		w.onClose?.(w.id);
 	}
 	function Z() {
-		let { showIcon: e, icon: t, type: n, iconPrefix: r } = S;
+		let { showIcon: e, icon: t, type: n, iconPrefix: r } = w;
 		if (t === !1) return;
 		let i;
 		if (t) i = t;
 		else if (e) {
 			switch (n) {
 				case "info":
-					i = /* @__PURE__ */ f(ne, {});
+					i = /* @__PURE__ */ d(h, {});
 					break;
 				case "success":
-					i = /* @__PURE__ */ f(m, {});
+					i = /* @__PURE__ */ d(p, {});
 					break;
 				case "error":
-					i = /* @__PURE__ */ f(ee, {});
+					i = /* @__PURE__ */ d(ne, {});
 					break;
 				case "warning":
-					i = /* @__PURE__ */ f(te, {});
+					i = /* @__PURE__ */ d(re, {});
 					break;
 				case "loading":
-					i = /* @__PURE__ */ f(re, {});
+					i = /* @__PURE__ */ d(g, {});
 					break;
 				default: break;
 			}
-			i = /* @__PURE__ */ f(u.Provider, {
+			i = /* @__PURE__ */ d(l.Provider, {
 				value: r ? { prefixCls: r } : {},
 				children: i
 			});
 		}
-		return i && /* @__PURE__ */ f("span", {
-			className: `${V}-icon`,
+		return i && /* @__PURE__ */ d("span", {
+			className: `${H}-icon`,
 			children: i
 		});
 	}
-	function oe() {
+	function ce() {
 		Y();
 	}
-	function se() {
+	function le() {
 		Y(), J();
 	}
 	s(() => {
-		let e = E.current;
-		return (e && e?.duration !== S.duration || S.update) && (Y(), J()), E.current = S, () => {};
-	}, [S.duration, S.update]), s(() => (J(), () => {
+		let e = O.current;
+		return (e && e.duration !== w.duration || w.update) && (Y(), J()), O.current = w, () => {};
+	}, [w.duration, w.update]), s(() => (J(), () => {
 		Y();
-	}), []), c(_, () => ({ getRootElement() {
-		return T.current;
+	}), []), te(y, () => ({ getRootElement() {
+		return D.current;
 	} }));
 	let Q, $;
-	return G && ($ = z === void 0 ? /* @__PURE__ */ f(r, {
-		prefix: V,
-		className: `${V}-close-btn`,
+	return G && ($ = B === void 0 ? /* @__PURE__ */ d(i, {
+		prefix: H,
+		className: `${H}-close-btn`,
 		onClick: X,
-		children: /* @__PURE__ */ f(u.Provider, {
-			value: L ? { prefixCls: L } : {},
-			children: /* @__PURE__ */ f(h, {})
+		children: /* @__PURE__ */ d(l.Provider, {
+			value: R ? { prefixCls: R } : {},
+			children: /* @__PURE__ */ d(m, {})
 		})
-	}) : /* @__PURE__ */ f("span", {
+	}) : /* @__PURE__ */ d("span", {
 		onClick: X,
-		className: `${V}-close-btn`,
-		children: z
-	})), H && (Q = /* @__PURE__ */ p(d, { children: [
+		className: `${H}-close-btn`,
+		children: B
+	})), U && (Q = /* @__PURE__ */ f(u, { children: [
 		K && Z(),
-		/* @__PURE__ */ f("span", {
-			className: `${V}-content`,
-			children: O
+		/* @__PURE__ */ d("span", {
+			className: `${H}-content`,
+			children: A
 		}),
 		$
-	] })), U && (Q = /* @__PURE__ */ p(d, { children: [
-		K && /* @__PURE__ */ f("div", {
-			className: `${V}-left`,
+	] })), W && (Q = /* @__PURE__ */ f(u, { children: [
+		K && /* @__PURE__ */ d("div", {
+			className: `${H}-left`,
 			children: Z()
 		}),
-		/* @__PURE__ */ p("div", {
-			className: `${V}-right`,
+		/* @__PURE__ */ f("div", {
+			className: `${H}-right`,
 			children: [
-				D && /* @__PURE__ */ f("div", {
-					className: `${V}-title`,
-					children: D
+				k && /* @__PURE__ */ d("div", {
+					className: `${H}-title`,
+					children: k
 				}),
-				/* @__PURE__ */ f("div", {
-					className: `${V}-content`,
-					children: O
+				/* @__PURE__ */ d("div", {
+					className: `${H}-content`,
+					children: A
 				}),
-				N && /* @__PURE__ */ f("div", {
-					className: `${V}-btn-wrapper`,
+				N && /* @__PURE__ */ d("div", {
+					className: `${H}-btn-wrapper`,
 					children: N
 				})
 			]
 		}),
 		$
-	] })), Q &&= /* @__PURE__ */ f(i, {
+	] })), Q &&= /* @__PURE__ */ d(a, {
 		...q,
 		childrenName: "notice",
 		effectGlobalModal: !1,
 		effectGlobalNotice: !1,
-		children: /* @__PURE__ */ f("div", {
-			ref: T,
-			className: `${C}-${I}`,
-			onMouseEnter: oe,
-			onMouseLeave: se,
-			children: /* @__PURE__ */ f("div", {
-				className: W,
-				style: j,
+		children: /* @__PURE__ */ d("div", {
+			ref: D,
+			className: t(`${T}-${L}`, C?.Notice?.className, z && [`${H}-rtl`], oe),
+			onMouseEnter: ce,
+			onMouseLeave: le,
+			children: /* @__PURE__ */ d("div", {
+				style: se,
+				className: t(H, `${H}-${M}`, {
+					[`${H}-closable`]: I,
+					[`${H}-rtl`]: z
+				}),
 				role: "alert",
 				children: Q
 			})
 		})
 	}), Q;
 }
-var v = a(_);
+var S = o(x);
 //#endregion
-export { v as default };
+export { S as default };
 /* 独立思考，明辨是非 */

package/notice/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "./Notice.js";
 //#region components/pc/notice/index.tsx
 var t = Object.assign(e, {});

package/notification/Notification.d.ts

@@ -1,8 +1,6 @@
 import React, { JSX, ReactInstance } from 'react';
 import type { ConfigProps, NotificationHookReturnType, NotificationProps } from './interface';
 import useNotification from './useNotification';
-export declare const notificationTypes: string[];
-export declare function getPosition(position: any, rtl_: any): any;
 interface ComponentStaticProps {
     displayName?: string;
     useNotification?: (config?: ConfigProps) => [NotificationHookReturnType, JSX.Element];

package/notification/Notification.js

@@ -1,135 +1,118 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
-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 "./useNotification.js";
-import u from "./withNotification.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";
-import { createPortal as v } from "react-dom";
+/* 潘启宝 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 "./constants.js";
+import d from "./withNotification.js";
+import { getGlobalConfig as f, getPosition as p, setGlobalConfig as m } from "./utils.js";
+import h from "./useNotification.js";
+import { useContext as g, useEffect as _ } from "react";
+import { UI_PC_PREFIX as v } from "@unicom-cloud/utils/constant/ui";
+import { jsx as y } from "react/jsx-runtime";
+import b from "@unicom-cloud/ui-common/transition/TransitionCSS";
+import x from "@unicom-cloud/ui-common/transition/TransitionGroup";
+import { createRoot as S } from "react-dom/client";
+import { createPortal as C } from "react-dom";
 //#region components/pc/notification/Notification.tsx
-var y = [
-	"info",
-	"success",
-	"error",
-	"warning",
-	"loading",
-	"normal"
-], b = {}, x = [], S, C, w, T, E;
-function D(e, t) {
-	return i(e) && (e = t || E ? "topLeft" : "topRight"), e;
-}
-var O = {};
-function k(e) {
-	let { prefixCls: t, getPrefixCls: n, componentConfig: r, rtl: l } = d(s), u = o(e, O, r?.Notification), { prefixCls: _, rtl: y, getContainer: b, notices: x } = u, S = i(y) ? E : y, w = D(u.position, S), T = _ || C, k = `${T || p}-notification`, A = a(`${k}-wrapper`, `${k}-wrapper-${w}`, { [`${k}-wrapper-rtl`]: E }), j = b?.();
-	function M(e) {
-		let t = x.find((t) => t.id === e);
-		t && u.update({
-			...t,
-			style: {
-				...t.style,
-				opacity: 0
-			}
-		}), setTimeout(() => {
-			u.remove(e);
-		}, 200);
+var w = {}, T = [], E = {
+	enter: 400,
+	exit: 300
+}, D = {};
+function O(e) {
+	let { prefixCls: r, getPrefixCls: i, componentConfig: u, rtl: d } = g(c), m = s(e, D, u?.Notification), { prefixCls: h, rtl: S, getContainer: w, notices: T } = m, O = a(S) ? f().rtl : S, k = p(m.position, O), A = h || f().prefixCls, j = `${A || v}-notification`, M = o(`${j}-wrapper`, `${j}-wrapper-${k}`, { [`${j}-wrapper-rtl`]: f().rtl }), N = w?.();
+	function P(e) {
+		m.remove(e);
 	}
-	f(() => (u.add(u), () => {
-		u.clear();
+	_(() => (m.add(m), () => {
+		m.clear();
 	}), []);
-	let N = /* @__PURE__ */ m("div", {
-		className: A,
-		children: /* @__PURE__ */ m(g, {
-			component: null,
-			children: x.map((e) => {
-				let t = `${k}-slide-right`;
-				["topLeft", "bottomLeft"].includes(w) && (t = `${k}-slide-left`);
-				let n;
-				return /* @__PURE__ */ m(h, {
-					duration: {
-						enter: 400,
-						exit: 300
-					},
-					classNames: t,
-					refElement: () => n,
-					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 F = /* @__PURE__ */ y("div", {
+		className: M,
+		children: /* @__PURE__ */ y(x, { children: T.map((e, r, i) => {
+			let a = `${j}-slide-right`;
+			["topLeft", "bottomLeft"].includes(k) && (a = `${j}-slide-left`);
+			let o;
+			return /* @__PURE__ */ y(b, {
+				duration: E,
+				appear: !0,
+				classNames: a,
+				refElement: () => o,
+				onEnter: (e) => {
+					n(e);
+				},
+				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__ */ y(l, {
+					...e,
+					ref: (e) => {
+						o = e;
 					},
-					children: /* @__PURE__ */ m(c, {
-						...e,
-						ref: (e) => {
-							n = e;
-						},
-						onClose: M,
-						prefixCls: k,
-						iconPrefix: T,
-						classPrefixCls: T,
-						noticeType: "notification",
-						rtl: S
-					})
-				}, e.id);
-			})
-		})
+					onClose: P,
+					prefixCls: j,
+					iconPrefix: A,
+					classPrefixCls: A,
+					noticeType: "notification",
+					rtl: O
+				})
+			}, e.id);
+		}) })
 	});
-	return j ? v(N, j) : N;
+	return N ? C(F, N) : F;
 }
-var A = u(k);
-A.useNotification = l, A.config = (i = {}) => {
-	if (r(i.prefixCls) && (C = i.prefixCls), n(i.maxCount) && (S = i.maxCount), n(i.duration) && (w = i.duration), e(i.rtl) && (E = i.rtl), t(i.getContainer)) {
-		let e = i.getContainer();
-		e === T || (T = e, Object.entries(b).forEach(([e, t], n, r) => (delete b[e], t?.clear?.())));
+var k = d(O);
+k.useNotification = h, k.config = (n = {}) => {
+	if (i(n.prefixCls) && m("prefixCls", n.prefixCls), r(n.maxCount) && m("maxCount", n.maxCount), r(n.duration) && m("duration", n.duration), e(n.rtl) && m("rtl", n.rtl), t(n.getContainer)) {
+		let e = n.getContainer();
+		e === f().container || (m("container", e), Object.entries(w).forEach(([e, t], n, r) => (delete w[e], t?.clear?.())));
 	}
-}, A.clear = () => {
-	Object.values(b).forEach((e) => {
+}, k.clear = () => {
+	Object.values(w).forEach((e, t, n) => {
 		e?.clear?.();
 	});
-}, A.remove = (e) => {
-	Object.values(b).forEach((t) => {
+}, k.remove = (e) => {
+	Object.values(w).forEach((t, n, r) => {
 		t?.remove?.(e);
 	});
-}, A.addInstance = (e) => {
-	let t = D(e.position, E), n = b[t], r = {
-		duration: w,
+}, k.addInstance = (e) => {
+	let t = p(e.position, f().rtl), n = w[t], r = {
+		duration: f().duration,
 		...e
 	};
 	if (n) {
-		let t = n.notices.find((t) => t.id === e.id), i = {
+		let t = n.notices.find((t, n, r) => t.id === e.id), i = {
 			...r,
 			update: t
 		};
-		n.notices.length >= S && (t ? i.id = t.id : n.shift()), n.add({ ...i });
+		n.notices.length >= f().maxCount && (t ? i.id = t.id : n.shift()), n.add({ ...i });
 	}
-	if (n === null && x.push(e), n === void 0) {
+	if (n === null && T.push(e), n === void 0) {
 		let e = document.createElement("div");
-		(T || document.body).appendChild(e), _(e).render(/* @__PURE__ */ m(A, {
+		(f().container || document.body).appendChild(e), S(e).render(/* @__PURE__ */ y(k, {
 			...r,
 			ref: (e) => {
 				if (e) {
-					for (; x.length;) e.add(x.shift());
-					b[t] = e;
+					for (; T.length;) e.add(T.shift());
+					w[t] = e;
 				}
 			}
-		})), b[t] = null;
+		})), w[t] = null;
 	}
-	return b[t];
+	return w[t];
 };
-var j = y.map((e) => [e, (t) => A.addInstance({
+var A = u.map((e, t, n) => [e, (t) => k.addInstance({
 	...t,
 	type: e
 })]);
-Object.assign(A, Object.fromEntries(j));
+Object.assign(k, Object.fromEntries(A));
 //#endregion
-export { A as default, D as getPosition, y as notificationTypes, l as useNotification };
+export { k as default, h as useNotification };
 /* 独立思考，明辨是非 */

package/notification/constants.d.ts

@@ -0,0 +1 @@
+export declare const NOTIFICATION_TYPES: string[];

package/notification/constants.js

@@ -0,0 +1,13 @@
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
+//#region components/pc/notification/constants.ts
+var e = [
+	"info",
+	"success",
+	"error",
+	"warning",
+	"loading",
+	"normal"
+];
+//#endregion
+export { e as NOTIFICATION_TYPES };
+/* 独立思考，明辨是非 */

package/notification/index.js

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

package/notification/interface.d.ts

@@ -4,7 +4,8 @@ import { CSSProperties, ReactInstance, ReactNode } from 'react';
  */
 export interface NotificationProps {
     style?: CSSProperties;
-    className?: string | string;
+    className?: string | string[];
+    prefixCls?: string;
     /**
      * @zh 通知标题
      * @en Notification title
@@ -14,7 +15,7 @@ export interface NotificationProps {
      * @zh 通知内容
      * @en Notification content
      */
-    content: ReactNode | string;
+    content?: ReactNode | string;
     /**
      * @zh 是否显示图标
      * @en Whether to show the icon
@@ -64,6 +65,9 @@ export interface NotificationProps {
      */
     closeIcon?: ReactNode;
     type?: string;
+    rtl?: boolean;
+    getContainer?: () => ReactNode;
+    notices?: NotificationProps[];
 }
 type notificationHookFunction = (config: NotificationProps) => ReactInstance;
 export type NotificationHookReturnType = {
@@ -82,4 +86,12 @@ export type ConfigProps = {
     duration?: number;
     rtl?: boolean;
 };
+export interface NotificationHandle {
+    notices: unknown[];
+    add: (newNotice: NotificationProps) => string;
+    update: (newNotice: NotificationProps) => void;
+    shift: () => void;
+    remove: (id: string) => void;
+    clear: () => void;
+}
 export {};

package/notification/useNotification.js

@@ -1,6 +1,8 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { uuid as e } from "../utils/uuid.js";
-import t, { getPosition as n, notificationTypes as r } from "./Notification.js";
+import { NOTIFICATION_TYPES as t } from "./constants.js";
+import { getPosition as n } from "./utils.js";
+import r from "./Notification.js";
 import { ContextHolderElement as i } from "../utils/contextHolder.js";
 import "../utils/index.js";
 import { useRef as a } from "react";
@@ -8,17 +10,17 @@ import { jsx as o } from "react/jsx-runtime";
 //#region components/pc/notification/useNotification.tsx
 function s(s = {}) {
 	let { maxCount: c, duration: l = 3e3, prefixCls: u, getContainer: d } = s, f = a(void 0), p = /* @__PURE__ */ o(i, { ref: f }), m = {}, h;
-	function g(r) {
+	function g(t) {
 		let i, a;
 		if (f.current) {
 			let e = f.current.getContextConfig();
 			a = e.rtl, i = e.prefixCls;
 		}
-		let s = u || i, p = n(r.position, a), g = {
+		let s = u || i, p = n(t.position, a), g = {
 			duration: l,
-			...r
+			...t
 		}, _ = m[p];
-		return _ ? (_.notices.length >= c && (g.id = _.notices[0].id, _.shift()), _.add({ ...g })) : (h = /* @__PURE__ */ o(t, {
+		return _ ? (_.notices.length >= c && (g.id = _.notices[0].id, _.shift()), _.add({ ...g })) : (h = /* @__PURE__ */ o(r, {
 			...g,
 			prefixCls: s,
 			rtl: a,
@@ -28,7 +30,7 @@ function s(s = {}) {
 			}
 		}, e()), f.current.addInstance(h)), m[p];
 	}
-	let _ = {}, v = r.map((e) => [e, (t) => g({
+	let _ = {}, v = t.map((e) => [e, (t) => g({
 		...t,
 		type: e
 	})]);

package/notification/utils.d.ts

@@ -0,0 +1,11 @@
+interface NotificationConfig {
+    maxCount?: number;
+    prefixCls?: string;
+    duration?: number;
+    container?: HTMLElement;
+    rtl?: boolean;
+}
+export declare function setGlobalConfig<K extends keyof NotificationConfig>(key: K, value: NotificationConfig[K]): void;
+export declare function getGlobalConfig(): NotificationConfig;
+export declare function getPosition(position?: string, rtl_?: boolean): string;
+export {};

package/notification/utils.js

@@ -0,0 +1,16 @@
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
+import { isUndefined as e } from "../utils/is.js";
+//#region components/pc/notification/utils.ts
+var t = {};
+function n(e, n) {
+	t[e] = n;
+}
+function r() {
+	return t;
+}
+function i(t, n) {
+	return e(t) && (t = n || r().rtl ? "topLeft" : "topRight"), t;
+}
+//#endregion
+export { r as getGlobalConfig, i as getPosition, n as setGlobalConfig };
+/* 独立思考，明辨是非 */

package/notification/withNotification.d.ts

@@ -1,2 +1,3 @@
-declare function withNotification<T>(WrappedComponent: any): T;
+import { ComponentType } from 'react';
+declare function withNotification<T>(WrappedComponent: ComponentType<T>): T;
 export default withNotification;

package/notification/withNotification.js

@@ -1,16 +1,16 @@
-/* 潘启宝 2026-04-03 14:07:06 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { forwardRef as e, useCallback as t, useEffect as n, useImperativeHandle as r, useState as i } from "react";
 import { v4 as a } from "uuid";
 import { jsx as o } from "react/jsx-runtime";
 //#region components/pc/notification/withNotification.tsx
 function s(s) {
 	function c(e, c) {
-		let [l, u] = i(e?.notices ?? []), d = t((e) => {
-			let t = e?.id ?? `pqb_notice_id_${a()}`;
-			return e.id && l.findIndex((t) => t.id === e.id) !== -1 ? f(e) : u((n) => [...n, {
+		let [l, u] = i(e.notices ?? []), d = t((e) => {
+			let t = e?.id, n = t ?? `pqb_notice_id_${a()}`;
+			return t && l.findIndex((t, n, r) => t.id === e.id) !== -1 ? f(e) : u((t) => [...t, {
 				...e,
-				id: t
-			}]), t;
+				id: n
+			}]), n;
 		}, [l]), f = t((e) => {
 			u((t) => t.map((t) => e.id === t.id ? (delete t.update, e) : t));
 		}, []), p = t(() => {