@unicom-cloud/ui 0.8.159 → 0.8.160

package/message/Message.js

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

package/message/constants.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 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

package/message/index.d.ts

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

package/message/index.js

@@ -1,8 +1,12 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import e from "./Message.js";
-import t from "./useMessage.js";
+/* 潘启宝 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 n = Object.assign(e, { useMessage: t });
+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/useMessage.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 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";

package/modal/Confirm.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e, isNull as t, isPromise as n } from "../utils/is.js";
 import r from "../utils/className.js";
 import { getBodyContainer as i } from "../utils/dom.js";

package/modal/Modal.js

@@ -1,41 +1,42 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import { isFunction as e, isHTMLElement as t, isNaN as n, isNull as r, isNumber as i, isPromise as ee, isServerRendering as a, isString as te, isUndefined as o } from "../utils/is.js";
-import { Esc as ne } from "../utils/keyboardCode.js";
-import re from "../hooks/use-controllable-value/index.js";
-import s from "../utils/className.js";
-import ie from "../hooks/use-merge-props/index.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { isFunction as e, isHTMLElement as t, isNaN as n, isNull as r, isNumber as i, isPromise as ee, isServerRendering as te, isString as ne, isUndefined as a } from "../utils/is.js";
+import { Esc as re } from "../utils/keyboardCode.js";
+import ie from "../hooks/use-controllable-value/index.js";
+import o from "../utils/className.js";
+import { MODAL_COMPONENT_INFO as s } from "../utils/names.js";
+import ae from "../hooks/use-merge-props/index.js";
 import { contains as c, getBodyContainer as l } from "../utils/dom.js";
-import ae from "../config-provider/context.js";
-import oe from "../utils/omit.js";
-import se from "../icon-hover/index.js";
-import ce from "../hooks/use-is-first-render/index.js";
-import { TransitionCSS as le } from "../transition/index.js";
+import oe from "../config-provider/context.js";
+import se from "../utils/omit.js";
+import ce from "../icon-hover/index.js";
+import le from "../hooks/use-is-first-render/index.js";
+import { TransitionCSS as ue } from "../transition/index.js";
 import { destroyList as u, setModalConfig as d } from "./config.js";
-import ue from "../config-provider/index.js";
-import de from "../utils/findRootElement.js";
-import { merge as fe } from "../utils/lodash.js";
-import pe from "../button/index.js";
-import me from "../hooks/use-id/index.js";
-import he from "../hooks/use-move/index.js";
-import ge from "../hooks/use-overflow-hidden/index.js";
-import _e from "../hooks/useUnmountOnExit.js";
-import { MASK_TRANSITION_DURATION as ve } from "../mask/constant.js";
-import ye from "../mask/index.js";
-import be from "../portal/index.js";
+import de from "../config-provider/index.js";
+import fe from "../utils/findRootElement.js";
+import { merge as pe } from "../utils/lodash.js";
+import me from "../button/index.js";
+import he from "../hooks/use-id/index.js";
+import ge from "../hooks/use-move/index.js";
+import _e from "../hooks/use-overflow-hidden/index.js";
+import ve from "../hooks/useUnmountOnExit.js";
+import { MASK_TRANSITION_DURATION as ye } from "../mask/constant.js";
+import be from "../mask/index.js";
+import xe from "../portal/index.js";
 import f from "./Confirm.js";
 import p from "./use-modal/index.js";
-import { forwardRef as m, useContext as xe, useEffect as h, useImperativeHandle as Se, useRef as g, useState as _ } from "react";
-import { Fragment as Ce, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { forwardRef as m, useContext as Se, useEffect as h, useImperativeHandle as Ce, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 import we from "@unicom-cloud/icons/IconUiClose";
 //#region components/pc/modal/Modal.tsx
-var b = null;
-a || document.documentElement.addEventListener("mousedown", (e) => {
-	b = {
+var x = null;
+te || document.documentElement.addEventListener("mousedown", (e) => {
+	x = {
 		left: e.clientX,
 		top: e.clientY
 	};
 }, !0);
-var x = "Modal", Te = {
+var Te = {
 	mask: !0,
 	maskClosable: !0,
 	mountOnEnter: !0,
@@ -44,33 +45,33 @@ var x = "Modal", Te = {
 	alignCenter: !0,
 	draggable: !0
 };
-function S(a, u) {
-	let d = xe(ae), { prefixCls: f, getPrefixCls: p, componentConfig: m, locale: S, rtl: C, childrenName: Ee } = d, w = p?.("modal"), De = p?.("modal-var"), T = ie(a, Te, m?.Modal), { className: Oe, style: ke, visible: E, simple: D, title: O, subtitle: k, children: Ae, cancelText: je, okText: Me, okButtonProps: Ne, cancelButtonProps: Pe, getPopupContainer: A = l, header: j, footer: M, afterClose: N, confirmLoading: Fe, mountOnEnter: P, unmountOnExit: F, afterOpen: I, hideCancel: Ie, maskClosable: Le, mask: Re, alignCenter: ze, getChildrenPopupContainer: L, wrapClassName: Be, escToExit: R, modalRender: z, maskStyle: Ve, maskProps: He, wrapStyle: Ue, closeIcon: We, fullscreenable: Ge, cover: Ke, cancelButton: B, okButton: V, draggable: qe, closable: Je = !D, zIndex: Ye, prefixCls: Xe, onCancel: Ze, onOk: Qe, ...$e } = T, H = Ke, U = !H && Ge, W = {};
-	U && (W.width = W.height = "100%"), H && ((te(H) || i(H)) && (W.margin = H), W.margin ??= 40, i(W.margin) && (W.margin = `${W.margin}px`), te(W.margin) && !W.margin.endsWith("px") && (W.margin = `${W.margin}px`), W.width = W.maxWidth = W.minWidth = W.height = W.maxHeight = W.minHeight = `calc(100% - ${W.margin} * 2)`);
-	let et = fe({}, m?.Mask, {
+function S(te, u) {
+	let d = Se(oe), { prefixCls: f, getPrefixCls: p, componentConfig: m, locale: S, rtl: C, childrenName: Ee } = d, w = p?.("modal"), De = p?.("modal-var"), T = ae(te, Te, m?.Modal), { className: Oe, style: ke, visible: E, simple: Ae, title: D, subtitle: O, children: je, cancelText: Me, okText: Ne, okButtonProps: Pe, cancelButtonProps: k, getPopupContainer: A = l, header: j, footer: M, afterClose: N, confirmLoading: Fe, mountOnEnter: P, unmountOnExit: F, afterOpen: I, hideCancel: Ie, maskClosable: Le, mask: Re, alignCenter: ze, getChildrenPopupContainer: L, wrapClassName: Be, escToExit: R, modalRender: z, maskStyle: Ve, maskProps: He, wrapStyle: Ue, closeIcon: We, fullscreenable: Ge, cover: Ke, cancelButton: B, okButton: V, draggable: qe, closable: Je = !Ae, zIndex: Ye, prefixCls: Xe, onCancel: Ze, onOk: Qe, ...$e } = T, H = Ke, U = !H && Ge, W = {};
+	U && (W.width = W.height = "100%"), H && ((ne(H) || i(H)) && (W.margin = H), W.margin ??= 40, i(W.margin) && (W.margin = `${W.margin}px`), ne(W.margin) && !W.margin.endsWith("px") && (W.margin = `${W.margin}px`), W.width = W.maxWidth = W.minWidth = W.height = W.maxHeight = W.minHeight = `calc(100% - ${W.margin} * 2)`);
+	let et = pe({}, m?.Mask, {
 		style: Ve,
 		visible: E,
 		mountOnEnter: P,
 		unmountOnExit: F,
-		duration: ve
-	}, He, { className: s(`${w}-mask`, E ? `${w}-mask-visible` : `${w}-mask-hidden`, He?.className) }), tt = Ye;
-	Ee === x && (P || (tt ??= d.zIndex));
-	let G = U ? !1 : Re, nt = U || H ? !1 : qe, [rt, it] = _(), [at, ot] = _(), [st, ct] = _(void 0), K = g(null), lt = g(null), ut = g(null), q = g(null), dt = g(null), ft = me();
-	ce();
-	let J = g(!!E);
-	E && (J.current = !0);
-	let [pt, Y] = re({
+		duration: ye
+	}, He, { className: o(`${w}-mask`, E ? `${w}-mask-visible` : `${w}-mask-hidden`, He?.className) }), tt = Ye;
+	Ee === s.displayName && (P || (tt ??= d.zIndex));
+	let G = U ? !1 : Re, nt = U || H ? !1 : qe, [rt, it] = _(), [at, ot] = _(), [st, ct] = _(void 0), K = g(null), lt = g(null), ut = g(null), q = g(null), J = g(null), dt = he();
+	le();
+	let ft = g(!!E);
+	E && (ft.current = !0);
+	let [pt, Y] = ie({
 		defaultValue: !1,
 		value: Fe
 	}, {
 		defaultValue: !1,
 		triggerPropName: !1
-	}), mt = he({
-		trigger: dt,
+	}), mt = ge({
+		trigger: J,
 		target: q,
 		draggable: nt
 	}, !0), ht = Je;
-	ge(() => de(A()), { hidden: !!(E && G) });
+	_e(() => fe(A()), { hidden: !!(E && G) });
 	function X(e) {
 		e.stopPropagation(), Z();
 	}
@@ -79,19 +80,19 @@ function S(a, u) {
 		e(t) && t();
 	}
 	function gt(e) {
-		R && E && e.key === ne.key && (e.stopPropagation(), Z());
+		R && E && e.key === re.key && (e.stopPropagation(), Z());
 	}
 	function Q(e) {
 		if (t(e)) {
 			let t = "";
-			if (b) {
-				let n = e.getBoundingClientRect(), { left: r, top: i } = b;
+			if (x) {
+				let n = e.getBoundingClientRect(), { left: r, top: i } = x;
 				t = `${r - n.left}px ${i - n.top}px`;
 			}
 			ct(t);
 		}
 	}
-	let _t = J.current ? !!q.current : !P;
+	let _t = ft.current ? !!q.current : !P;
 	function vt(t) {
 		let n, r = Qe;
 		e(r) && (n = r(t)), ee(n) && (Y(!0), n.then(() => {
@@ -107,7 +108,7 @@ function S(a, u) {
 		})), () => {
 			e && clearTimeout(e);
 		};
-	}, [E, R]), Se(u, () => ({
+	}, [E, R]), Ce(u, () => ({
 		getModalElement() {
 			return q.current;
 		},
@@ -116,62 +117,62 @@ function S(a, u) {
 		}
 	}));
 	function yt() {
-		if (E && o(at) && K.current) {
+		if (E && a(at) && K.current) {
 			let e = +window.getComputedStyle(K.current, null)?.zIndex;
 			n(e) || ot(e + 1);
 		}
 	}
 	function bt() {
-		if (j === !1 || r(j) || "header" in T && o(j) || !(O || k)) return;
-		let t = !!O && /* @__PURE__ */ v("div", {
+		if (j === !1 || r(j) || "header" in T && a(j) || !(D || O)) return;
+		let t = !!D && /* @__PURE__ */ y("div", {
 			className: `${w}-title`,
-			children: O
-		}), n = !!k && /* @__PURE__ */ v("div", {
+			children: D
+		}), n = !!O && /* @__PURE__ */ y("div", {
 			className: `${w}-subtitle`,
-			children: k
-		}), i = e(j) ? j(t, n) : j || /* @__PURE__ */ y(Ce, { children: [t, n] });
-		return /* @__PURE__ */ v("div", {
+			children: O
+		}), i = e(j) ? j(t, n) : j || /* @__PURE__ */ b(v, { children: [t, n] });
+		return /* @__PURE__ */ y("div", {
 			className: `${w}-header`,
 			children: i
 		});
 	}
 	function xt() {
-		if (M === !1 || r(M) || "footer" in T && o(M)) return;
-		let t = B !== !1 && B?.visible !== !1 && /* @__PURE__ */ v(pe, {
-			...Pe,
+		if (M === !1 || r(M) || "footer" in T && a(M)) return;
+		let t = B !== !1 && B?.visible !== !1 && /* @__PURE__ */ y(me, {
+			...k,
 			...B?.props,
 			onClick: (e) => {
-				Pe?.onClick?.(e), B?.props?.onClick?.(e), X(e);
+				k?.onClick?.(e), B?.props?.onClick?.(e), X(e);
 			},
-			children: B?.props?.children || B?.text || je || S?.Modal?.cancelText
-		}), n = V !== !1 && V?.visible !== !1 && /* @__PURE__ */ v(pe, {
+			children: B?.props?.children || B?.text || Me || S?.Modal?.cancelText
+		}), n = V !== !1 && V?.visible !== !1 && /* @__PURE__ */ y(me, {
 			loading: pt,
 			type: "primary",
-			...Ne,
+			...Pe,
 			...V?.props,
 			onClick: (e) => {
-				Ne?.onClick?.(e), V?.props?.onClick?.(e), vt(e);
+				Pe?.onClick?.(e), V?.props?.onClick?.(e), vt(e);
 			},
-			children: V?.props?.children || V?.text || Me || S?.Modal?.okText
-		}), i = e(M) ? M(t, n) : M || /* @__PURE__ */ y(Ce, { children: [!Ie && t, n] });
-		if (i) return /* @__PURE__ */ v("div", {
+			children: V?.props?.children || V?.text || Ne || S?.Modal?.okText
+		}), i = e(M) ? M(t, n) : M || /* @__PURE__ */ b(v, { children: [!Ie && t, n] });
+		if (i) return /* @__PURE__ */ y("div", {
 			className: `${w}-footer`,
 			children: i
 		});
 	}
 	let $;
-	(E || _t) && ($ = /* @__PURE__ */ y("div", {
+	(E || _t) && ($ = /* @__PURE__ */ b("div", {
 		role: "dialog",
 		"aria-modal": "true",
-		...O ? { "aria-labelledby": `${w}-${ft}` } : {},
+		...D ? { "aria-labelledby": `${w}-${dt}` } : {},
 		style: {
 			[`--${De}-transform`]: mt?.translate,
 			...ke,
 			...W,
 			transformOrigin: st
 		},
-		className: s(m?.Modal?.className, w, {
-			[`${w}-simple`]: D,
+		className: o(m?.Modal?.className, w, {
+			[`${w}-simple`]: Ae,
 			[`${w}-rtl`]: C,
 			[`${w}-cover`]: H,
 			[`${w}-fullscreenable`]: U
@@ -179,46 +180,46 @@ function S(a, u) {
 		ref: q,
 		children: [
 			bt(),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				ref: lt,
 				className: `${w}-content`,
-				children: Ae
+				children: je
 			}),
 			xt(),
-			nt && /* @__PURE__ */ v("div", {
-				ref: dt,
+			nt && /* @__PURE__ */ y("div", {
+				ref: J,
 				className: `${w}-drag-icon`
 			}),
-			ht && (o(We) ? /* @__PURE__ */ v(se, {
+			ht && (a(We) ? /* @__PURE__ */ y(ce, {
 				prefix: w,
 				tabIndex: -1,
 				className: `${w}-close-icon`,
 				onClick: X,
 				role: "button",
 				"aria-label": "Close",
-				children: /* @__PURE__ */ v(we, {})
-			}) : /* @__PURE__ */ v("span", {
+				children: /* @__PURE__ */ y(we, {})
+			}) : /* @__PURE__ */ y("span", {
 				className: `${w}-close-icon`,
 				onClick: X,
 				children: We
 			}))
 		]
-	}), $ = e(z) ? z($) ?? $ : $, $ = /* @__PURE__ */ v(be, {
-		name: x,
+	}), $ = e(z) ? z($) ?? $ : $, $ = /* @__PURE__ */ y(xe, {
+		name: s.displayName,
 		visible: E,
 		forceRender: _t,
 		getContainer: A,
-		children: /* @__PURE__ */ v(ue, {
+		children: /* @__PURE__ */ y(de, {
 			...d,
-			childrenName: x,
+			childrenName: s.displayName,
 			prefixCls: Xe || f,
 			locale: S,
 			zIndex: at || 1050,
 			effectGlobalModal: !1,
 			effectGlobalNotice: !1,
 			getPopupContainer: (t) => e(L) ? L(t) : lt.current,
-			children: /* @__PURE__ */ y("div", {
-				...oe($e, [
+			children: /* @__PURE__ */ b("div", {
+				...se($e, [
 					"content",
 					"icon",
 					"showIcon",
@@ -233,21 +234,21 @@ function S(a, u) {
 					display: E || rt ? "block" : "none",
 					overflow: !E && rt ? "hidden" : ""
 				},
-				className: s(`${w}-container`, E ? [`${w}-wrapper-visible`, `${w}-container-visible`] : [`${w}-wrapper-hidden`, `${w}-container-hidden`], `${w}-wrapper`, G ? `${w}-wrapper-mask` : `${w}-wrapper-no-mask`, {
+				className: o(`${w}-container`, E ? [`${w}-wrapper-visible`, `${w}-container-visible`] : [`${w}-wrapper-hidden`, `${w}-container-hidden`], `${w}-wrapper`, G ? `${w}-wrapper-mask` : `${w}-wrapper-no-mask`, {
 					[`${w}-wrapper-align-center`]: ze,
 					[`${w}-wrapper-rtl`]: C
 				}, U && `${w}-wrapper-fullscreenable`, H && `${w}-wrapper-cover`, Be),
 				onKeyDown: gt,
 				onClick: (e) => {
-					Le && (e.target === e.currentTarget || c(de(ut), e.target)) && Z(), T.onClick?.(e);
+					Le && (e.target === e.currentTarget || c(fe(ut), e.target)) && Z(), T.onClick?.(e);
 				},
-				children: [!!G && /* @__PURE__ */ v(ye, {
+				children: [!!G && /* @__PURE__ */ y(be, {
 					ref: ut,
 					...et
-				}), /* @__PURE__ */ v(le, {
+				}), /* @__PURE__ */ y(ue, {
 					appear: !0,
 					in: E,
-					duration: ve,
+					duration: ye,
 					classNames: `${w}-zoom`,
 					unmountOnExit: F,
 					mountOnEnter: P,
@@ -269,7 +270,7 @@ function S(a, u) {
 			})
 		})
 	}));
-	let { children: St, setExited: Ct } = _e({
+	let { children: St, setExited: Ct } = ve({
 		children: $,
 		visible: E,
 		mountOnEnter: P,
@@ -278,7 +279,7 @@ function S(a, u) {
 	return St;
 }
 var C = m(S);
-C.displayName = x, C.config = d, C.show = (e) => f({
+C.displayName = s.displayName, C.config = d, C.show = (e) => f({
 	...e,
 	noticeType: "show"
 }), C.confirm = (e) => f(e), C.useModal = p, [

package/modal/config.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 //#region components/pc/modal/config.ts
 var e = {};
 function t(t) {

package/modal/index.d.ts

@@ -1,6 +1,8 @@
 import type { ModalProps, ModalReturnProps } from './interface';
 import useModal from './use-modal';
-declare const Modal: import("./Modal").ModalComponent;
+declare const Modal: import("./Modal").ModalComponent & {
+    id: string;
+};
 export { useModal };
 export default Modal;
 export type { ModalProps, ModalReturnProps };

package/modal/index.js

@@ -1,8 +1,9 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
-import e from "./use-modal/index.js";
-import t from "./Modal.js";
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
+import { MODAL_COMPONENT_INFO as e } from "../utils/names.js";
+import t from "./use-modal/index.js";
+import n from "./Modal.js";
 //#region components/pc/modal/index.ts
-var n = Object.assign(t, {});
+var r = Object.assign(n, { id: e.id });
 //#endregion
-export { n as default, e as useModal };
+export { r as default, t as useModal };
 /* 独立思考，明辨是非 */

package/modal/use-modal/Hook.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-05-15 17:45:52 星期五 */
+/* 潘启宝 2026-05-18 15:17:02 星期一 */
 import { isFunction as e, isPromise as t } from "../../utils/is.js";
 import n from "../Modal.js";
 import { forwardRef as r, useImperativeHandle as i, useState as a } from "react";