@unicom-cloud/ui 0.8.155 → 0.8.156

package/modal/Modal.js

@@ -1,35 +1,35 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
-import { isFunction as e, isNaN as t, isPromise as n, isServerRendering as r } from "../utils/is.js";
-import { Esc as i } from "../utils/keyboardCode.js";
-import ee from "../hooks/use-merge-value/index.js";
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
+import { isFunction as e, isHTMLElement as t, isNaN as n, isPromise as r, isServerRendering as i } from "../utils/is.js";
+import { Esc as ee } from "../utils/keyboardCode.js";
+import te from "../hooks/use-merge-value/index.js";
 import a from "../utils/className.js";
-import te from "../hooks/use-merge-props/index.js";
-import { contains as ne } from "../utils/dom.js";
-import re from "../config-provider/context.js";
-import ie from "../icon-hover/index.js";
+import ne from "../hooks/use-merge-props/index.js";
+import { contains as re } from "../utils/dom.js";
+import ie from "../config-provider/context.js";
+import ae from "../utils/omit.js";
+import oe from "../icon-hover/index.js";
 import { destroyList as o, setModalConfig as s } from "./config.js";
-import ae from "../config-provider/index.js";
-import oe from "../utils/findRootElement.js";
-import se from "../utils/omit.js";
-import ce from "../hooks/use-is-first-render/index.js";
-import le from "../button/index.js";
-import ue from "../hooks/use-id/index.js";
-import de from "../hooks/use-move/index.js";
-import fe from "../hooks/use-overflow-hidden/index.js";
-import pe from "../hooks/useUnmountOnExit.js";
-import me from "../mask/index.js";
-import he from "../portal/index.js";
+import se from "../config-provider/index.js";
+import ce from "../utils/findRootElement.js";
+import le from "../hooks/use-is-first-render/index.js";
+import ue from "../button/index.js";
+import de from "../hooks/use-id/index.js";
+import fe from "../hooks/use-move/index.js";
+import pe from "../hooks/use-overflow-hidden/index.js";
+import me from "../hooks/useUnmountOnExit.js";
+import he from "../mask/index.js";
+import ge from "../portal/index.js";
 import c from "./Confirm.js";
 import l from "./use-modal/index.js";
-import { forwardRef as u, useContext as ge, useEffect as _e, useImperativeHandle as ve, useRef as d, useState as f } from "react";
+import { forwardRef as u, useContext as _e, useEffect as ve, useImperativeHandle as ye, useRef as d, useState as f } from "react";
 import { getBodyContainer as p } from "@unicom-cloud/ui-common/utils/dom";
-import { Fragment as ye, jsx as m, jsxs as h } from "react/jsx-runtime";
-import be from "@unicom-cloud/ui-common/transition-group/TransitionCSS";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import be from "@unicom-cloud/ui-common/transition/TransitionCSS";
 import xe from "@unicom-cloud/icons/IconUiClose";
 //#region components/pc/modal/Modal.tsx
-var g = null;
-r || document.documentElement.addEventListener("mousedown", (e) => {
-	g = {
+var _ = null;
+i || document.documentElement.addEventListener("mousedown", (e) => {
+	_ = {
 		left: e.clientX,
 		top: e.clientY
 	};
@@ -41,266 +41,261 @@ var Se = {
 	escToExit: !0,
 	getPopupContainer: p,
 	alignCenter: !0,
-	draggable: !0,
-	transition: !0
+	draggable: !0
 };
-function _(r, o) {
-	let s = ge(re), { prefixCls: c, getPrefixCls: l, componentConfig: u, locale: _, rtl: v } = s, y = te(r, Se, u?.Modal), { className: Ce, style: we, visible: b, simple: Te, title: x, subtitle: S, children: Ee, cancelText: De, okText: Oe, okButtonProps: ke, cancelButtonProps: Ae, getPopupContainer: je = p, header: C, footer: w, afterClose: Me, confirmLoading: Ne, mountOnEnter: T, unmountOnExit: E, afterOpen: Pe, hideCancel: Fe, maskClosable: Ie, mask: Le, alignCenter: Re, getChildrenPopupContainer: ze, wrapClassName: Be, escToExit: D, modalRender: O, maskStyle: Ve, wrapStyle: He, closeIcon: k, fullscreenable: A, cancelButton: j, okButton: M, draggable: Ue, closable: We = !Te, transition: N, ...Ge } = y, P = A ? !1 : Le, F = A ? !1 : Ue, I = N ? 400 : 0, [L, R] = f(), [z, Ke] = f(), [qe, Je] = f(void 0), B = d(null), V = d(null), H = d(null), U = d(null), W = d(null), G = d(!1), Ye = ue(), K = d(!0);
-	b && K.current && (K.current = !1), ce();
-	let [Xe, q] = ee(!1, {
+function v(i, o) {
+	let s = _e(ie), { prefixCls: c, getPrefixCls: l, componentConfig: u, locale: v, rtl: y } = s, b = ne(i, Se, u?.Modal), { className: Ce, style: we, visible: x, simple: Te, title: S, subtitle: C, children: Ee, cancelText: De, okText: Oe, okButtonProps: ke, cancelButtonProps: w, getPopupContainer: T = p, header: E, footer: D, afterClose: O, confirmLoading: Ae, mountOnEnter: k, unmountOnExit: A, afterOpen: j, hideCancel: je, maskClosable: Me, mask: Ne, alignCenter: Pe, getChildrenPopupContainer: Fe, wrapClassName: Ie, escToExit: M, modalRender: Le, maskStyle: Re, wrapStyle: ze, closeIcon: N, fullscreenable: P, cancelButton: F, okButton: I, draggable: Be, closable: Ve = !Te, ...He } = b, L = P ? !1 : Ne, R = P ? !1 : Be, [z, B] = f(), [V, Ue] = f(), [We, Ge] = f(void 0), H = d(null), U = d(null), W = d(null), G = d(null), Ke = d(null), K = d(!1), qe = de(), q = d(!0);
+	x && q.current && (q.current = !1), le();
+	let [Je, J] = te(!1, {
 		defaultValue: !1,
-		value: Ne
-	}), J = l?.("modal"), Ze = l?.("modal-var"), Qe = de({
-		trigger: U,
-		target: H,
-		draggable: F
-	}, !0), $e = We;
-	fe(() => oe(je()), { hidden: b && P });
-	function Y(e) {
-		e.stopPropagation(), X();
+		value: Ae
+	}), Y = l?.("modal"), Ye = l?.("modal-var"), Xe = fe({
+		trigger: G,
+		target: W,
+		draggable: R
+	}, !0), Ze = Ve;
+	pe(() => ce(T()), { hidden: x && L });
+	function X(e) {
+		e.stopPropagation(), Z();
 	}
-	function X() {
-		y.onCancel?.();
+	function Z() {
+		b.onCancel?.();
 	}
-	function et(e) {
-		D && b && e.key === i.key && (e.stopPropagation(), X());
+	function Qe(e) {
+		M && x && e.key === ee.key && (e.stopPropagation(), Z());
 	}
-	function Z(e) {
-		if (!e) return;
-		let t = "";
-		if (g) {
-			let n = e.getBoundingClientRect(), { left: r, top: i } = g;
-			t = `${r - n.left}px ${i - n.top}px`;
+	function Q(e) {
+		if (t(e)) {
+			let t = "";
+			if (_) {
+				let n = e.getBoundingClientRect(), { left: r, top: i } = _;
+				t = `${r - n.left}px ${i - n.top}px`;
+			}
+			Ge(t);
 		}
-		Je(t);
 	}
-	let tt = K.current ? !T : !!H.current;
-	function nt(t) {
-		let r, i = y.onOk;
-		e(i) && (r = i(t)), n(r) && (q(!0), r.then(() => {
-			q(!1);
+	let $e = q.current ? !k : !!W.current;
+	function et(t) {
+		let n, i = b.onOk;
+		e(i) && (n = i(t)), r(n) && (J(!0), n.then(() => {
+			J(!1);
 		}, (e) => {
-			q(!1), console.error(e);
+			J(!1), console.error(e);
 		}));
 	}
-	_e(() => {
+	ve(() => {
 		let e = null;
-		return D && (e = setTimeout(() => {
-			ne(p(), B.current) && B.current?.focus?.();
+		return M && (e = setTimeout(() => {
+			re(p(), H.current) && H.current?.focus?.();
 		})), () => {
 			e && clearTimeout(e);
 		};
-	}, [b, D]), ve(o, () => ({
+	}, [x, M]), ye(o, () => ({
 		getModalElement() {
-			return H.current;
+			return W.current;
 		},
 		getRootElement() {
-			return W.current;
+			return Ke.current;
 		}
 	}));
-	function rt() {
-		if (b && z === void 0 && B.current) {
-			let e = +window.getComputedStyle(B.current, null)?.zIndex;
-			t(e) || Ke(e + 1);
+	function tt() {
+		if (x && V === void 0 && H.current) {
+			let e = +window.getComputedStyle(H.current, null)?.zIndex;
+			n(e) || Ue(e + 1);
 		}
 	}
-	function it() {
-		if (C === !1 || C === null || "header" in y && C === void 0 || !(x || S)) return;
-		let t = !!x && /* @__PURE__ */ m("div", {
-			className: `${J}-title`,
-			children: x
-		}), n = !!S && /* @__PURE__ */ m("div", {
-			className: `${J}-subtitle`,
+	function nt() {
+		if (E === !1 || E === null || "header" in b && E === void 0 || !(S || C)) return;
+		let t = !!S && /* @__PURE__ */ h("div", {
+			className: `${Y}-title`,
 			children: S
-		}), r = e(C) ? C(t, n) : C || /* @__PURE__ */ h(ye, { children: [t, n] });
-		return /* @__PURE__ */ m("div", {
-			className: `${J}-header`,
+		}), n = !!C && /* @__PURE__ */ h("div", {
+			className: `${Y}-subtitle`,
+			children: C
+		}), r = e(E) ? E(t, n) : E || /* @__PURE__ */ g(m, { children: [t, n] });
+		return /* @__PURE__ */ h("div", {
+			className: `${Y}-header`,
 			children: r
 		});
 	}
-	function at() {
-		if (w === !1 || w === null || "footer" in y && w === void 0) return;
-		let t = j !== !1 && j?.visible !== !1 && /* @__PURE__ */ m(le, {
-			...Ae,
-			...j?.props,
+	function rt() {
+		if (D === !1 || D === null || "footer" in b && D === void 0) return;
+		let t = F !== !1 && F?.visible !== !1 && /* @__PURE__ */ h(ue, {
+			...w,
+			...F?.props,
 			onClick: (e) => {
-				Ae?.onClick?.(e), j?.props?.onClick?.(e), Y(e);
+				w?.onClick?.(e), F?.props?.onClick?.(e), X(e);
 			},
-			children: j?.props?.children || j?.text || De || _?.Modal?.cancelText
-		}), n = M !== !1 && M?.visible !== !1 && /* @__PURE__ */ m(le, {
-			loading: Xe,
+			children: F?.props?.children || F?.text || De || v?.Modal?.cancelText
+		}), n = I !== !1 && I?.visible !== !1 && /* @__PURE__ */ h(ue, {
+			loading: Je,
 			type: "primary",
 			...ke,
-			...M?.props,
+			...I?.props,
 			onClick: (e) => {
-				ke?.onClick?.(e), M?.props?.onClick?.(e), nt(e);
+				ke?.onClick?.(e), I?.props?.onClick?.(e), et(e);
 			},
-			children: M?.props?.children || M?.text || Oe || _?.Modal?.okText
-		}), r = e(w) ? w(t, n) : w || /* @__PURE__ */ h(ye, { children: [!Fe && t, n] });
-		if (r) return /* @__PURE__ */ m("div", {
-			className: `${J}-footer`,
+			children: I?.props?.children || I?.text || Oe || v?.Modal?.okText
+		}), r = e(D) ? D(t, n) : D || /* @__PURE__ */ g(m, { children: [!je && t, n] });
+		if (r) return /* @__PURE__ */ h("div", {
+			className: `${Y}-footer`,
 			children: r
 		});
 	}
-	let Q;
-	if (b || tt) {
-		Q = /* @__PURE__ */ h(ae, {
-			...s,
-			effectGlobalModal: !1,
-			effectGlobalNotice: !1,
-			childrenName: "Modal",
-			prefixCls: y.prefixCls || c,
-			locale: _,
-			zIndex: z || 1050,
-			getPopupContainer: (t) => e(ze) ? ze(t) : V.current,
-			children: [
-				it(),
-				/* @__PURE__ */ m("div", {
-					ref: V,
-					className: `${J}-content`,
-					children: Ee
-				}),
-				at(),
-				F && /* @__PURE__ */ m("div", {
-					ref: U,
-					className: `${J}-drag-icon`
-				}),
-				$e && (k === void 0 ? /* @__PURE__ */ m(ie, {
-					prefix: J,
-					tabIndex: -1,
-					className: `${J}-close-icon`,
-					onClick: Y,
-					role: "button",
-					"aria-label": "Close",
-					children: /* @__PURE__ */ m(xe, {})
-				}) : /* @__PURE__ */ m("span", {
-					className: `${J}-close-icon`,
-					onClick: Y,
-					children: k
-				}))
-			]
-		});
-		let t = x ? { "aria-labelledby": `${J}-${Ye}` } : {};
-		Q = /* @__PURE__ */ m("div", {
-			role: "dialog",
-			"aria-modal": "true",
-			...t,
-			style: {
-				[`--${Ze}-transform`]: Qe?.translate,
-				...we,
-				...A ? {
-					width: "100%",
-					height: "100%"
-				} : {},
-				transformOrigin: qe
-			},
-			className: a(u?.Modal?.className, J, {
-				[`${J}-simple`]: Te,
-				[`${J}-rtl`]: v,
-				[`${J}-fullscreenable`]: A
-			}, Ce),
-			ref: H,
-			children: Q
-		}), Q = e(O) ? O(Q) ?? Q : Q, Q = /* @__PURE__ */ m(be, {
-			appear: !0,
-			in: b,
-			duration: I,
-			classNames: `${J}-zoom`,
-			unmountOnExit: E,
-			mountOnEnter: T,
-			onEnter: (e) => {
-				$(!1), R(!0), Z(e);
-			},
-			onEntered: (e) => {
-				Z(e), Pe?.();
-			},
-			onExit: (e) => {
-				Z(e), G.current = !0;
-			},
-			onExited: (e) => {
-				$(!0), R(!1), Z(e), Me?.(), G.current = !1;
-			},
-			refElement: H,
-			children: Q
-		}), Q = /* @__PURE__ */ m(he, {
-			visible: b,
-			forceRender: tt,
-			getContainer: je,
-			children: /* @__PURE__ */ h("div", {
-				ref: W,
-				className: a(`${J}-container`, b ? `${J}-container-visible` : `${J}-container-hidden`),
-				children: [!!P && /* @__PURE__ */ m(me, {
-					style: Ve,
-					className: a(`${J}-mask`, b ? `${J}-mask-visible` : `${J}-mask-hidden`),
-					visible: b,
-					mountOnEnter: T,
-					unmountOnExit: E,
-					transition: N,
-					duration: I
-				}), /* @__PURE__ */ m("div", {
-					...se(Ge, [
-						"content",
-						"icon",
-						"showIcon",
-						"isNotice",
-						"noticeType",
-						"onCancel",
-						"onOk",
-						"closable",
-						"prefixCls"
-					]),
-					tabIndex: -1,
-					ref: (e) => {
-						B.current = e, rt();
-					},
-					style: {
-						...He || {},
-						display: b || L ? "block" : "none",
-						overflow: !b && L ? "hidden" : ""
-					},
-					className: a(`${J}-wrapper`, P ? `${J}-wrapper-mask` : `${J}-wrapper-no-mask`, {
-						[`${J}-wrapper-align-center`]: Re,
-						[`${J}-wrapper-rtl`]: v
-					}, Be),
-					onKeyDown: et,
-					onClick: (e) => {
-						let t = e.target, n = e.currentTarget;
-						!G.current && Ie && P && t === n && !H.current?.contains?.(t) && X();
-					},
-					children: Q
-				})]
-			})
-		});
-	}
-	let { element: ot, setExited: $ } = pe({
-		element: Q,
-		visible: b,
-		mountOnEnter: T,
-		unmountOnExit: E
+	let $;
+	(x || $e) && ($ = /* @__PURE__ */ g(se, {
+		...s,
+		effectGlobalModal: !1,
+		effectGlobalNotice: !1,
+		childrenName: "Modal",
+		prefixCls: b.prefixCls || c,
+		locale: v,
+		zIndex: V || 1050,
+		getPopupContainer: (t) => e(Fe) ? Fe(t) : U.current,
+		children: [
+			nt(),
+			/* @__PURE__ */ h("div", {
+				ref: U,
+				className: `${Y}-content`,
+				children: Ee
+			}),
+			rt(),
+			R && /* @__PURE__ */ h("div", {
+				ref: G,
+				className: `${Y}-drag-icon`
+			}),
+			Ze && (N === void 0 ? /* @__PURE__ */ h(oe, {
+				prefix: Y,
+				tabIndex: -1,
+				className: `${Y}-close-icon`,
+				onClick: X,
+				role: "button",
+				"aria-label": "Close",
+				children: /* @__PURE__ */ h(xe, {})
+			}) : /* @__PURE__ */ h("span", {
+				className: `${Y}-close-icon`,
+				onClick: X,
+				children: N
+			}))
+		]
+	}), $ = /* @__PURE__ */ h("div", {
+		role: "dialog",
+		"aria-modal": "true",
+		...S ? { "aria-labelledby": `${Y}-${qe}` } : {},
+		style: {
+			[`--${Ye}-transform`]: Xe?.translate,
+			...we,
+			...P ? {
+				width: "100%",
+				height: "100%"
+			} : {},
+			transformOrigin: We
+		},
+		className: a(u?.Modal?.className, Y, {
+			[`${Y}-simple`]: Te,
+			[`${Y}-rtl`]: y,
+			[`${Y}-fullscreenable`]: P
+		}, Ce),
+		ref: W,
+		children: $
+	}), $ = e(Le) ? Le($) ?? $ : $, $ = /* @__PURE__ */ h(be, {
+		appear: !0,
+		in: x,
+		duration: 400,
+		classNames: `${Y}-zoom`,
+		unmountOnExit: A,
+		mountOnEnter: k,
+		onEnter: (e) => {
+			at(!1), B(!0), Q(e);
+		},
+		onEntered: (t) => {
+			Q(t), e(j) && j();
+		},
+		onExit: (e) => {
+			Q(e), K.current = !0;
+		},
+		onExited: (t) => {
+			at(!0), B(!1), Q(t), e(O) && O(), K.current = !1;
+		},
+		refElement: W,
+		children: $
+	}), $ = /* @__PURE__ */ h(ge, {
+		visible: x,
+		forceRender: $e,
+		getContainer: T,
+		children: /* @__PURE__ */ g("div", {
+			ref: Ke,
+			className: a(`${Y}-container`, x ? `${Y}-container-visible` : `${Y}-container-hidden`),
+			children: [!!L && /* @__PURE__ */ h(he, {
+				style: Re,
+				className: a(`${Y}-mask`, x ? `${Y}-mask-visible` : `${Y}-mask-hidden`),
+				visible: x,
+				mountOnEnter: k,
+				unmountOnExit: A,
+				duration: 400
+			}), /* @__PURE__ */ h("div", {
+				...ae(He, [
+					"content",
+					"icon",
+					"showIcon",
+					"isNotice",
+					"noticeType",
+					"onCancel",
+					"onOk",
+					"closable",
+					"prefixCls"
+				]),
+				tabIndex: -1,
+				ref: (e) => {
+					H.current = e, tt();
+				},
+				style: {
+					...ze || {},
+					display: x || z ? "block" : "none",
+					overflow: !x && z ? "hidden" : ""
+				},
+				className: a(`${Y}-wrapper`, L ? `${Y}-wrapper-mask` : `${Y}-wrapper-no-mask`, {
+					[`${Y}-wrapper-align-center`]: Pe,
+					[`${Y}-wrapper-rtl`]: y
+				}, Ie),
+				onKeyDown: Qe,
+				onClick: (e) => {
+					let t = e.target, n = e.currentTarget;
+					!K.current && Me && L && t === n && !W.current?.contains?.(t) && Z();
+				},
+				children: $
+			})]
+		})
+	}));
+	let { element: it, setExited: at } = me({
+		element: $,
+		visible: x,
+		mountOnEnter: k,
+		unmountOnExit: A
 	});
-	return ot;
+	return it;
 }
-var v = u(_);
-v.displayName = "Modal", v.config = s, v.show = (e) => c({
+var y = u(v);
+y.displayName = "Modal", y.config = s, y.show = (e) => c({
 	...e,
 	noticeType: "show"
-}), v.confirm = (e) => c(e), v.useModal = l, [
+}), y.confirm = (e) => c(e), y.useModal = l, [
 	"info",
 	"success",
 	"warning",
 	"error"
 ].forEach((e, t, n) => {
-	v[e] = (t) => c({
+	y[e] = (t) => c({
 		...t,
 		isNotice: !0,
 		noticeType: e
 	});
-}), v.destroyAll = () => {
+}), y.destroyAll = () => {
 	for (; o.length;) {
 		let e = o.pop();
 		e && e();
 	}
 };
 //#endregion
-export { v as default };
+export { y as default };
 /* 独立思考，明辨是非 */

package/modal/config.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 //#region components/pc/modal/config.ts
 var e = {};
 function t(t) {

package/modal/index.js

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

package/modal/interface.d.ts

@@ -169,7 +169,6 @@ export interface ModalProps extends GetPopupContainer {
      */
     fullscreenable?: boolean;
     draggable?: boolean;
-    transition?: boolean;
 }
 export type ModalReturnProps = {
     update: (newConfig: ConfirmProps) => void;

package/modal/use-modal/Hook.d.ts

@@ -1,4 +1,4 @@
-import type { ConfirmProps } from '../../modal/Confirm';
+import type { ConfirmProps } from '../Confirm';
 export type HookModalRef = {
     update: (config: ConfirmProps) => void;
     close: () => void;

package/modal/use-modal/Hook.js

@@ -1,6 +1,6 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import { isFunction as e, isPromise as t } from "../../utils/is.js";
-import n from "../index.js";
+import n from "../Modal.js";
 import { forwardRef as r, useImperativeHandle as i, useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region components/pc/modal/use-modal/Hook.tsx

package/modal/use-modal/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-03 16:46:01 星期五 */
+/* 潘启宝 2026-04-14 16:51:07 星期二 */
 import e from "../../utils/uuid.js";
 import { destroyList as t } from "../config.js";
 import { ContextHolderElement as n } from "../../utils/contextHolder.js";