@unicom-cloud/ui 0.8.160 → 0.8.162

package/modal/Modal.js

@@ -1,36 +1,36 @@
-/* 潘启宝 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 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 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 Se, useEffect as h, useImperativeHandle as Ce, useRef as g, useState as _ } from "react";
+/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+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 { MODAL_COMPONENT_INFO as c } from "../utils/names.js";
+import ie from "../hooks/use-merge-props/index.js";
+import { contains as l, getBodyContainer as u } from "../utils/dom.js";
+import ae from "../config-provider/context.js";
+import oe from "../utils/findRootElement.js";
+import { merge as se } from "../utils/lodash.js";
+import ce from "../utils/omit.js";
+import { transition_exports as le } from "../transition/index.js";
+import ue from "../hooks/use-is-first-render/index.js";
+import { destroyList as d, setGlobalConfigModal as f } from "./config.js";
+import de from "../config-provider/ConfigProvider.js";
+import fe from "../icon-hover/index.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 { MODAL_TYPES as p } from "./constants.js";
+import m from "./confirm.js";
+import { forwardRef as h, useContext as xe, useEffect as Se, 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 x = null;
-te || document.documentElement.addEventListener("mousedown", (e) => {
+a || document.documentElement.addEventListener("mousedown", (e) => {
 	x = {
 		left: e.clientX,
 		top: e.clientY
@@ -41,37 +41,37 @@ var Te = {
 	maskClosable: !0,
 	mountOnEnter: !0,
 	escToExit: !0,
-	getPopupContainer: l,
+	getPopupContainer: u,
 	alignCenter: !0,
 	draggable: !0
 };
-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, {
+function S(a, d) {
+	let f = xe(ae), { prefixCls: p, getPrefixCls: m, componentConfig: h, locale: S, rtl: C, childrenName: Ee } = f, w = m?.("modal"), De = m?.("modal-var"), T = ie(a, Te, h?.Modal), { className: Oe, style: ke, visible: E, simple: Ae, title: D, subtitle: O, children: je, cancelText: Me, okText: Ne, okButtonProps: k, cancelButtonProps: A, getPopupContainer: j = u, header: M, footer: N, afterClose: Pe, 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 && ((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 = se({}, h?.Mask, {
 		style: Ve,
 		visible: E,
 		mountOnEnter: P,
 		unmountOnExit: F,
-		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();
+		duration: ve
+	}, He, { className: s(`${w}-mask`, E ? `${w}-mask-visible` : `${w}-mask-hidden`, He?.className) }), tt = Ye;
+	Ee === c.displayName && (P || (tt ??= f.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 = me();
+	ue();
 	let ft = g(!!E);
 	E && (ft.current = !0);
-	let [pt, Y] = ie({
+	let [pt, Y] = re({
 		defaultValue: !1,
 		value: Fe
 	}, {
 		defaultValue: !1,
 		triggerPropName: !1
-	}), mt = ge({
+	}), mt = he({
 		trigger: J,
 		target: q,
 		draggable: nt
 	}, !0), ht = Je;
-	_e(() => fe(A()), { hidden: !!(E && G) });
+	ge(() => oe(j()), { hidden: !!(E && G) });
 	function X(e) {
 		e.stopPropagation(), Z();
 	}
@@ -80,7 +80,7 @@ function S(te, u) {
 		e(t) && t();
 	}
 	function gt(e) {
-		R && E && e.key === re.key && (e.stopPropagation(), Z());
+		R && E && e.key === ne.key && (e.stopPropagation(), Z());
 	}
 	function Q(e) {
 		if (t(e)) {
@@ -101,14 +101,14 @@ function S(te, u) {
 			Y(!1), console.error(e);
 		}));
 	}
-	h(() => (yt(), () => {}), [E]), h(() => {
+	Se(() => (yt(), () => {}), [E]), Se(() => {
 		let e = null;
 		return R && (e = setTimeout(() => {
-			c(l(), K.current) && K.current?.focus?.();
+			l(u(), K.current) && K.current?.focus?.();
 		})), () => {
 			e && clearTimeout(e);
 		};
-	}, [E, R]), Ce(u, () => ({
+	}, [E, R]), Ce(d, () => ({
 		getModalElement() {
 			return q.current;
 		},
@@ -117,44 +117,44 @@ function S(te, u) {
 		}
 	}));
 	function yt() {
-		if (E && a(at) && K.current) {
+		if (E && o(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 && a(j) || !(D || O)) return;
+		if (M === !1 || r(M) || "header" in T && o(M) || !(D || O)) return;
 		let t = !!D && /* @__PURE__ */ y("div", {
 			className: `${w}-title`,
 			children: D
 		}), n = !!O && /* @__PURE__ */ y("div", {
 			className: `${w}-subtitle`,
 			children: O
-		}), i = e(j) ? j(t, n) : j || /* @__PURE__ */ b(v, { children: [t, n] });
+		}), i = e(M) ? M(t, n) : M || /* @__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 && a(M)) return;
-		let t = B !== !1 && B?.visible !== !1 && /* @__PURE__ */ y(me, {
-			...k,
+		if (N === !1 || r(N) || "footer" in T && o(N)) return;
+		let t = B !== !1 && B?.visible !== !1 && /* @__PURE__ */ y(pe, {
+			...A,
 			...B?.props,
 			onClick: (e) => {
-				k?.onClick?.(e), B?.props?.onClick?.(e), X(e);
+				A?.onClick?.(e), B?.props?.onClick?.(e), X(e);
 			},
 			children: B?.props?.children || B?.text || Me || S?.Modal?.cancelText
-		}), n = V !== !1 && V?.visible !== !1 && /* @__PURE__ */ y(me, {
+		}), n = V !== !1 && V?.visible !== !1 && /* @__PURE__ */ y(pe, {
 			loading: pt,
 			type: "primary",
-			...Pe,
+			...k,
 			...V?.props,
 			onClick: (e) => {
-				Pe?.onClick?.(e), V?.props?.onClick?.(e), vt(e);
+				k?.onClick?.(e), V?.props?.onClick?.(e), vt(e);
 			},
 			children: V?.props?.children || V?.text || Ne || S?.Modal?.okText
-		}), i = e(M) ? M(t, n) : M || /* @__PURE__ */ b(v, { children: [!Ie && t, n] });
+		}), i = e(N) ? N(t, n) : N || /* @__PURE__ */ b(v, { children: [!Ie && t, n] });
 		if (i) return /* @__PURE__ */ y("div", {
 			className: `${w}-footer`,
 			children: i
@@ -171,7 +171,7 @@ function S(te, u) {
 			...W,
 			transformOrigin: st
 		},
-		className: o(m?.Modal?.className, w, {
+		className: s(h?.Modal?.className, w, {
 			[`${w}-simple`]: Ae,
 			[`${w}-rtl`]: C,
 			[`${w}-cover`]: H,
@@ -190,7 +190,7 @@ function S(te, u) {
 				ref: J,
 				className: `${w}-drag-icon`
 			}),
-			ht && (a(We) ? /* @__PURE__ */ y(ce, {
+			ht && (o(We) ? /* @__PURE__ */ y(fe, {
 				prefix: w,
 				tabIndex: -1,
 				className: `${w}-close-icon`,
@@ -204,22 +204,22 @@ function S(te, u) {
 				children: We
 			}))
 		]
-	}), $ = e(z) ? z($) ?? $ : $, $ = /* @__PURE__ */ y(xe, {
-		name: s.displayName,
+	}), $ = e(z) ? z($) ?? $ : $, $ = /* @__PURE__ */ y(be, {
+		name: c.displayName,
 		visible: E,
 		forceRender: _t,
-		getContainer: A,
+		getContainer: j,
 		children: /* @__PURE__ */ y(de, {
-			...d,
-			childrenName: s.displayName,
-			prefixCls: Xe || f,
+			...f,
+			childrenName: c.displayName,
+			prefixCls: Xe || p,
 			locale: S,
 			zIndex: at || 1050,
 			effectGlobalModal: !1,
 			effectGlobalNotice: !1,
 			getPopupContainer: (t) => e(L) ? L(t) : lt.current,
 			children: /* @__PURE__ */ b("div", {
-				...se($e, [
+				...ce($e, [
 					"content",
 					"icon",
 					"showIcon",
@@ -234,35 +234,37 @@ function S(te, u) {
 					display: E || rt ? "block" : "none",
 					overflow: !E && rt ? "hidden" : ""
 				},
-				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`, {
+				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`, {
 					[`${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(fe(ut), e.target)) && Z(), T.onClick?.(e);
+					Le && (e.target === e.currentTarget || l(oe(ut), e.target)) && Z(), T.onClick?.(e);
 				},
-				children: [!!G && /* @__PURE__ */ y(be, {
+				children: [!!G && /* @__PURE__ */ y(ye, {
 					ref: ut,
 					...et
-				}), /* @__PURE__ */ y(ue, {
+				}), /* @__PURE__ */ y(le.TransitionCSS, {
 					appear: !0,
 					in: E,
-					duration: ye,
+					duration: ve,
 					classNames: `${w}-zoom`,
 					unmountOnExit: F,
 					mountOnEnter: P,
-					onEnter: (e) => {
+					onEnterStart: (e) => {
 						Ct(!1), it(!0), Q(e);
 					},
-					onEntered: (t) => {
+					onEnterDone: (t) => {
 						Q(t), e(I) && I();
 					},
-					onExit: (e) => {
+					onExitStart: (e) => {
 						Q(e);
 					},
-					onExited: (t) => {
-						Ct(!0), it(!1), Q(t), e(N) && N();
+					onExitDone: (t) => {
+						Ct(!0), it(!1), Q(t);
+						let n = Pe;
+						e(n) && n();
 					},
 					refElement: q,
 					children: $
@@ -270,7 +272,7 @@ function S(te, u) {
 			})
 		})
 	}));
-	let { children: St, setExited: Ct } = ve({
+	let { children: St, setExited: Ct } = _e({
 		children: $,
 		visible: E,
 		mountOnEnter: P,
@@ -278,27 +280,33 @@ function S(te, u) {
 	});
 	return St;
 }
-var C = m(S);
-C.displayName = s.displayName, C.config = d, C.show = (e) => f({
-	...e,
-	noticeType: "show"
-}), C.confirm = (e) => f(e), C.useModal = p, [
-	"info",
-	"success",
-	"warning",
-	"error"
-].forEach((e, t, n) => {
-	C[e] = (t) => f({
-		...t,
-		isNotice: !0,
-		noticeType: e
-	});
-}), C.destroyAll = () => {
-	for (; u.length;) {
-		let e = u.pop();
+var C = h(S);
+C.displayName = c.displayName;
+function Ee() {
+	for (; d.length;) {
+		let e = d.pop();
 		e && e();
 	}
-};
+}
+Object.assign(C, {
+	config: f,
+	destroyAll: Ee,
+	show(e) {
+		return m({
+			...e,
+			noticeType: "show"
+		});
+	}
+}, Object.fromEntries(p.map((e, t, n) => {
+	function r(t) {
+		return m({
+			...t,
+			isNotice: !0,
+			noticeType: e
+		});
+	}
+	return [e, r];
+})));
 //#endregion
 export { C as default };
 /* 独立思考，明辨是非 */

package/modal/config.d.ts

@@ -1,9 +1,7 @@
-import type { ConfigProviderProps } from '../config-provider';
-export declare function setConfigProviderProps(config: ConfigProviderProps): void;
-export declare function getConfigProviderProps(): ConfigProviderProps;
+import type { ConfigProviderProps } from '../config-provider/interface';
+export declare const setGlobalConfigProviderPropsModal: <K extends keyof ConfigProviderProps, L extends Partial<ConfigProviderProps>>(...args: [K, ConfigProviderProps[K]] | [L]) => void, getGlobalConfigProviderPropsModal: () => Partial<ConfigProviderProps>;
 export type ModalConfigType = {
     simple?: boolean;
 };
-export declare const setModalConfig: (config: ModalConfigType) => void;
-export declare const getModalConfig: () => ModalConfigType;
+export declare const setGlobalConfigModal: <K extends "simple", L extends Partial<ModalConfigType>>(...args: [K, ModalConfigType[K]] | [L]) => void, getGlobalConfigModal: () => Partial<ModalConfigType>;
 export declare const destroyList: Array<() => void>;

package/modal/config.js

@@ -1,18 +1,7 @@
-/* 潘启宝 2026-05-18 15:17:02 星期一 */
+/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+import e from "../utils/createGlobalConfigFunction.js";
 //#region components/pc/modal/config.ts
-var e = {};
-function t(t) {
-	e = { ...t };
-}
-function n() {
-	return e;
-}
-var r = { simple: !0 }, i = (e) => {
-	r = {
-		...r,
-		...e
-	};
-}, a = () => r, o = [];
+var { setGlobalConfig: t, getGlobalConfig: n } = e({}), { setGlobalConfig: r, getGlobalConfig: i } = e({ simple: !0 }), a = [];
 //#endregion
-export { o as destroyList, n as getConfigProviderProps, a as getModalConfig, t as setConfigProviderProps, i as setModalConfig };
+export { a as destroyList, i as getGlobalConfigModal, n as getGlobalConfigProviderPropsModal, r as setGlobalConfigModal, t as setGlobalConfigProviderPropsModal };
 /* 独立思考，明辨是非 */

package/modal/{Confirm.js → confirm.js}

@@ -1,55 +1,56 @@
-/* 潘启宝 2026-05-18 15:17:02 星期一 */
+/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
 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";
 import { getPrefixCls as a } from "../config-provider/utils.js";
-import { destroyList as o, getConfigProviderProps as s, getModalConfig as c } from "./config.js";
-import l from "../config-provider/index.js";
+import { destroyList as o, getGlobalConfigModal as s, getGlobalConfigProviderPropsModal as c } from "./config.js";
+import l from "../config-provider/ConfigProvider.js";
 import u from "./Modal.js";
+import { destroyListSplice as d } from "./utils.js";
 import "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createRoot as p } from "react-dom/client";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import m from "@unicom-cloud/icons/IconUiCheckCircleFill";
 import h from "@unicom-cloud/icons/IconUiCloseCircleFill";
 import g from "@unicom-cloud/icons/IconUiExclamationCircleFill";
 import _ from "@unicom-cloud/icons/IconUiInfoCircleFill";
-//#region components/pc/modal/Confirm.tsx
-var v = "ModalConfirm", y = (e) => {
+import { createRoot as v } from "react-dom/client";
+//#region components/pc/modal/confirm.tsx
+var y = "ModalConfirm", b = (e) => {
 	let n = e.icon;
-	if (!n && !t(n) && (n = /* @__PURE__ */ d(g, {}), e.isNotice)) switch (e.noticeType) {
+	if (!n && !t(n) && (n = /* @__PURE__ */ f(g, {}), e.isNotice)) switch (e.noticeType) {
 		case "info":
-			n = /* @__PURE__ */ d(_, {});
+			n = /* @__PURE__ */ f(_, {});
 			break;
 		case "success":
-			n = /* @__PURE__ */ d(m, {});
+			n = /* @__PURE__ */ f(m, {});
 			break;
 		case "warning":
-			n = /* @__PURE__ */ d(g, {});
+			n = /* @__PURE__ */ f(g, {});
 			break;
 		case "error":
-			n = /* @__PURE__ */ d(h, {});
+			n = /* @__PURE__ */ f(h, {});
 			break;
 		default: break;
 	}
-	return e.noticeType === "show" && (n = e.icon), e.isNotice && (e.hideCancel = !0), e.title = t(n) && t(e.title) ? null : /* @__PURE__ */ f("span", { children: [n, e.title] }), e;
+	return e.noticeType === "show" && (n = e.icon), e.isNotice && (e.hideCancel = !0), e.title = t(n) && t(e.title) ? null : /* @__PURE__ */ p("span", { children: [n, e.title] }), e;
 };
-function b(t) {
-	let f, m = document.createElement("div");
+function x(t) {
+	let p, m = document.createElement("div");
 	m.className = r(a("modal-confirm-container"), a("display-contents"));
-	let h = s();
+	let h = c();
 	function g(e) {
-		let { simple: t } = c(), n = /* @__PURE__ */ d(l, {
+		let { simple: t } = s(), n = /* @__PURE__ */ f(l, {
 			...h,
-			childrenName: v,
-			children: /* @__PURE__ */ d(u, {
+			childrenName: y,
+			children: /* @__PURE__ */ f(u, {
 				simple: t,
 				getPopupContainer: () => m,
 				...e,
-				onCancel: x,
+				onCancel: S,
 				children: e.content
 			})
 		});
-		m.parentNode || i().appendChild(m), f ||= p(m), f.render(n);
+		m.parentNode || i().appendChild(m), p ||= v(m), p.render(n);
 	}
 	let _ = {
 		...t,
@@ -58,42 +59,37 @@ function b(t) {
 	_.onOk = (r) => {
 		let i, a = t.onOk;
 		e(a) && (i = a(r)), n(i) && (_.confirmLoading = !0, g(_), i.then(() => {
-			x(!0);
+			S(!0);
 		}, (e) => {
 			console.error(e), _.confirmLoading = !1, g(_);
-		})), i || x(!0);
-	}, _ = y(_), _.visible = !0, g(_);
-	function b() {
-		m.remove();
-		for (let e = 0; e < o.length; e++) if (o[e] === C) {
-			o.splice(e, 1);
-			break;
-		}
-		f && setTimeout(() => {
-			f.unmount(), f = null;
+		})), i || S(!0);
+	}, _ = b(_), _.visible = !0, g(_);
+	function x() {
+		m.remove(), d(o, w), p && setTimeout(() => {
+			p.unmount(), p = null;
 		}, 7);
 	}
-	function x(e) {
-		e || t.onCancel?.(), C();
-	}
 	function S(e) {
+		e || t.onCancel?.(), w();
+	}
+	function C(e) {
 		_ = {
 			..._,
 			title: t.title,
 			...e
-		}, _ = y(_), g(_);
+		}, _ = b(_), g(_);
 	}
-	function C() {
+	function w() {
 		_.visible = !1, _.afterClose = () => {
-			t.afterClose?.(), b();
+			t.afterClose?.(), x();
 		}, g(_);
 	}
-	return o.push(C), {
-		close: C,
-		update: S,
-		destroy: b
+	return o.push(w), {
+		close: w,
+		update: C,
+		destroy: x
 	};
 }
 //#endregion
-export { b as default, y as normalizeConfig };
+export { x as default, b as normalizeConfig };
 /* 独立思考，明辨是非 */

package/modal/constants.d.ts

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

package/modal/constants.js

@@ -0,0 +1,11 @@
+/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
+//#region components/pc/modal/constants.ts
+var e = [
+	"info",
+	"success",
+	"warning",
+	"error"
+];
+//#endregion
+export { e as MODAL_TYPES };
+/* 独立思考，明辨是非 */

package/modal/index.d.ts

@@ -1,8 +1,15 @@
+import { getGlobalConfigModal, setGlobalConfigModal } from './config';
+import confirm from './confirm';
 import type { ModalProps, ModalReturnProps } from './interface';
 import useModal from './use-modal';
-declare const Modal: import("./Modal").ModalComponent & {
+declare const Modal: import("./interface").ModalComponent & {
+    useModal: typeof useModal;
+    confirm: typeof confirm;
+    zh: string;
+    en: string;
+    displayName: string;
     id: string;
 };
-export { useModal };
+export { getGlobalConfigModal, setGlobalConfigModal, useModal };
 export default Modal;
 export type { ModalProps, ModalReturnProps };

package/modal/index.js

@@ -1,9 +1,15 @@
-/* 潘启宝 2026-05-18 15:17:02 星期一 */
+/* 潘启宝 2026-05-26 15:50:14 星期二 山东省济南市 */
 import { MODAL_COMPONENT_INFO as e } from "../utils/names.js";
-import t from "./use-modal/index.js";
-import n from "./Modal.js";
+import { getGlobalConfigModal as t, setGlobalConfigModal as n } from "./config.js";
+import r from "./Modal.js";
+import i from "./confirm.js";
+import a from "./use-modal/index.js";
 //#region components/pc/modal/index.ts
-var r = Object.assign(n, { id: e.id });
+var o = Object.assign(r, {
+	...e,
+	useModal: a,
+	confirm: i
+});
 //#endregion
-export { r as default, t as useModal };
+export { o as default, t as getGlobalConfigModal, n as setGlobalConfigModal, a as useModal };
 /* 独立思考，明辨是非 */

package/modal/interface.d.ts

@@ -1,8 +1,9 @@
-import React, { CSSProperties, ReactNode } from 'react';
+import React, { CSSProperties, ForwardRefExoticComponent, PropsWithChildren, ReactNode } from 'react';
 import type { ButtonProps } from '../button';
 import type { GetPopupContainer } from '../interface';
 import type { MaskProps } from '../mask';
-import type { ConfirmProps } from './Confirm';
+import { ModalConfigType } from './config';
+import type { ConfirmProps } from './confirm';
 /**
  * @title Modal
  */
@@ -197,4 +198,14 @@ export type ModalHookReturnType = {
     warning?: modalHookFunction;
     error?: modalHookFunction;
 };
+export interface ModalComponent extends ForwardRefExoticComponent<PropsWithChildren<ModalProps>> {
+    show: (props: ConfirmProps) => ModalReturnProps;
+    confirm: (props: ConfirmProps) => ModalReturnProps;
+    info: (props: ConfirmProps) => ModalReturnProps;
+    success: (props: ConfirmProps) => ModalReturnProps;
+    warning: (props: ConfirmProps) => ModalReturnProps;
+    error: (props: ConfirmProps) => ModalReturnProps;
+    config: (config: ModalConfigType) => void;
+    destroyAll: () => void;
+}
 export {};

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

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