@unicom-cloud/ui 0.8.164 → 0.8.166

package/message/useMessage.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
+/* 潘启宝 2026-06-12 15:24:06 星期五 山东省济南市 */
 import { isArrayAndNotEmpty as e, isNull as t, isStringOrNumber as n, isUndefined as r } from "../utils/is.js";
 import i from "../utils/uuid.js";
 import { ContextHolderElement as a } from "../utils/contextHolder.js";

package/message/utils.js

@@ -1,2 +1,2 @@
-/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
+/* 潘启宝 2026-06-12 15:24:06 星期五 山东省济南市 */
 /* 独立思考，明辨是非 */

package/modal/Modal.js

@@ -1,114 +1,115 @@
-/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
-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";
+/* 潘启宝 2026-06-12 15:24:06 星期五 山东省济南市 */
+import { isFalse as e, isFunction as t, isHTMLElement as n, isNaN as r, isNull as i, isNumber as a, isPromise as ee, isServerRendering as te, isString as ne, isUndefined as o } from "../utils/is.js";
+import { Esc as re } from "../utils/keyboardCode.js";
+import ie 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 { ConfigContext as 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 de from "../icon-hover/index.js";
-import fe from "../button/index.js";
-import { destroyList as d, setGlobalConfigModal as f } from "./config.js";
+import ae from "../hooks/use-merge-props/index.js";
+import { contains as oe, getBodyContainer as l } from "../utils/dom.js";
+import { ConfigContext as se } from "../config-provider/context.js";
+import u from "../utils/findRootElement.js";
+import { merge as ce } from "../utils/lodash.js";
+import le from "../utils/omit.js";
+import { transition_exports as ue } from "../transition/index.js";
+import de from "../hooks/use-is-first-render/index.js";
+import fe from "../icon-hover/index.js";
+import d from "../button/index.js";
+import { destroyList as f, setGlobalConfigModal as p } from "./config.js";
 import pe from "../config-provider/ConfigProvider.js";
 import me from "../hooks/use-overflow-hidden/index.js";
 import he from "../hooks/useUnmountOnExit.js";
-import { MASK_TRANSITION_DURATION as ge } from "../mask/constant.js";
-import _e from "../mask/index.js";
-import ve from "../portal/index.js";
-import ye from "../hooks/use-id/index.js";
-import be from "../hooks/use-move/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";
+import { MASK_TRANSITION_DURATION as m } from "../mask/constant.js";
+import ge from "../mask/index.js";
+import _e from "../portal/index.js";
+import ve from "../hooks/use-id/index.js";
+import ye from "../hooks/use-move/index.js";
+import { MODAL_TYPES as be } from "./constants.js";
+import h from "./confirm.js";
+import { forwardRef as g, useContext as xe, useEffect as Se, useImperativeHandle as Ce, useRef as _, useState as v } from "react";
+import { UI_COMMON_PREFIX as we } from "@unicom-cloud/utils/constant/ui";
+import { Fragment as Te, jsx as y, jsxs as b } from "react/jsx-runtime";
+import Ee from "@unicom-cloud/icons/IconUiClose";
 //#region components/pc/modal/Modal.tsx
 var x = null;
-a || document.documentElement.addEventListener("mousedown", (e) => {
+te || document.documentElement.addEventListener("mousedown", (e) => {
 	x = {
 		left: e.clientX,
 		top: e.clientY
 	};
 }, !0);
-var Te = {
+var De = {
 	mask: !0,
 	maskClosable: !0,
 	mountOnEnter: !0,
 	escToExit: !0,
-	getPopupContainer: u,
+	getPopupContainer: l,
 	alignCenter: !0,
 	draggable: !0
 };
-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: ge
-	}, 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 = ye();
-	ue();
-	let ft = g(!!E);
-	E && (ft.current = !0);
-	let [pt, Y] = re({
+function S(te, f) {
+	let p = xe(se), { prefixCls: be, getPrefixCls: h, componentConfig: g, locale: S, rtl: C, childrenName: w } = p, T = h?.("modal"), Oe = h?.("modal-var"), E = ae(te, De, g?.Modal), { className: ke, style: Ae, visible: D, simple: O, title: k, subtitle: A, children: je, cancelText: Me, okText: Ne, okButtonProps: j, cancelButtonProps: M, getPopupContainer: N = l, header: P, footer: F, afterClose: Pe, confirmLoading: Fe, mountOnEnter: I, unmountOnExit: L, afterOpen: Ie, maskClosable: Le, mask: Re, alignCenter: ze, getChildrenPopupContainer: R, wrapClassName: Be, escToExit: z, modalRender: Ve, maskStyle: He, maskProps: Ue, wrapStyle: We, closeIcon: Ge, fullscreenable: Ke, cover: qe, cancelButton: B, okButton: V, draggable: Je, closable: Ye = !O, zIndex: Xe, prefixCls: Ze, onCancel: Qe, onOk: $e, ...et } = E, H = qe, U = !H && Ke, W = {};
+	U && (W.width = W.height = "100%"), H && ((ne(H) || a(H)) && (W.margin = H), W.margin ??= 40, a(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 tt = ce({}, g?.Mask, {
+		style: He,
+		visible: D,
+		mountOnEnter: I,
+		unmountOnExit: L,
+		duration: m
+	}, Ue, { className: s(`${T}-mask`, D ? `${T}-mask-visible` : `${T}-mask-hidden`, Ue?.className) }), nt = Xe;
+	w === c.displayName && (I || (nt ??= p.zIndex));
+	let G = U ? !1 : Re, rt = U || H ? !1 : Je, [it, at] = v(), [ot, st] = v(), [ct, lt] = v(void 0), K = _(null), ut = _(null), dt = _(null), q = _(null), ft = _(null), pt = ve();
+	de();
+	let mt = _(!!D);
+	D && (mt.current = !0);
+	let [ht, J] = ie({
 		defaultValue: !1,
 		value: Fe
 	}, {
 		defaultValue: !1,
 		triggerPropName: !1
-	}), mt = be({
-		trigger: J,
+	}), gt = ye({
+		trigger: ft,
 		target: q,
-		draggable: nt
-	}, !0), ht = Je;
-	me(() => oe(j()), { hidden: !!(E && G) });
-	function X(e) {
-		e.stopPropagation(), Z();
+		draggable: rt
+	}, !0), _t = Ye;
+	me(() => u(N()), { hidden: !!(D && G) });
+	function vt(e) {
+		z && D && e.key === re.key && (e.stopPropagation(), X());
 	}
-	function Z() {
-		let t = Ze;
-		e(t) && t();
+	function Y(e) {
+		e.stopPropagation(), X();
 	}
-	function gt(e) {
-		R && E && e.key === ne.key && (e.stopPropagation(), Z());
+	function X() {
+		let e = Qe;
+		t(e) && e();
 	}
-	function Q(e) {
-		if (t(e)) {
+	function yt(e) {
+		let n, r = $e;
+		t(r) && (n = r(e)), ee(n) && (J(!0), n.then(() => {
+			J(!1);
+		}, (e) => {
+			J(!1), console.error(e);
+		}));
+	}
+	function Z(e) {
+		if (n(e)) {
 			let t = "";
 			if (x) {
 				let n = e.getBoundingClientRect(), { left: r, top: i } = x;
 				t = `${r - n.left}px ${i - n.top}px`;
 			}
-			ct(t);
+			lt(t);
 		}
 	}
-	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(() => {
-			Y(!1);
-		}, (e) => {
-			Y(!1), console.error(e);
-		}));
-	}
-	Se(() => (yt(), () => {}), [E]), Se(() => {
+	let bt = mt.current ? !!q.current : !I;
+	Se(() => (xt(), () => {}), [D]), Se(() => {
 		let e = null;
-		return R && (e = setTimeout(() => {
-			l(u(), K.current) && K.current?.focus?.();
+		return z && (e = setTimeout(() => {
+			oe(l(), K.current) && K.current?.focus?.();
 		})), () => {
 			e && clearTimeout(e);
 		};
-	}, [E, R]), Ce(d, () => ({
+	}, [D, z]), Ce(f, () => ({
 		getModalElement() {
 			return q.current;
 		},
@@ -116,110 +117,127 @@ function S(a, d) {
 			return K.current;
 		}
 	}));
-	function yt() {
-		if (E && o(at) && K.current) {
+	function xt() {
+		if (D && o(ot) && K.current) {
 			let e = +window.getComputedStyle(K.current, null)?.zIndex;
-			n(e) || ot(e + 1);
+			r(e) || st(e + 1);
 		}
 	}
-	function bt() {
-		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(M) ? M(t, n) : M || /* @__PURE__ */ b(v, { children: [t, n] });
+	function St() {
+		if (e(P) || i(P) || "header" in E && o(P) || !(k || A)) return;
+		let n = !!k && /* @__PURE__ */ y("div", {
+			className: `${T}-title`,
+			children: k
+		}), r = !!A && /* @__PURE__ */ y("div", {
+			className: `${T}-subtitle`,
+			children: A
+		}), a = t(P) ? P(n, r) : P || /* @__PURE__ */ b(Te, { children: [n, r] });
 		return /* @__PURE__ */ y("div", {
-			className: `${w}-header`,
-			children: i
+			className: `${T}-header`,
+			children: a
 		});
 	}
-	function xt() {
-		if (N === !1 || r(N) || "footer" in T && o(N)) return;
-		let t = B !== !1 && B?.visible !== !1 && /* @__PURE__ */ y(fe, {
-			...A,
+	function Ct() {
+		if (e(F) || i(F) || "footer" in E && o(F)) return;
+		let n = !e(B) && !e(B?.visible) && /* @__PURE__ */ y(d, {
+			...M,
 			...B?.props,
 			onClick: (e) => {
-				A?.onClick?.(e), B?.props?.onClick?.(e), X(e);
+				{
+					let n = M?.onClick;
+					t(n) && n(e);
+				}
+				{
+					let n = B?.props?.onClick;
+					t(n) && n(e);
+				}
+				Y(e);
 			},
 			children: B?.props?.children || B?.text || Me || S?.Modal?.cancelText
-		}), n = V !== !1 && V?.visible !== !1 && /* @__PURE__ */ y(fe, {
-			loading: pt,
+		}), r = !e(V) && !e(V?.visible) && /* @__PURE__ */ y(d, {
+			loading: ht,
 			type: "primary",
-			...k,
+			...j,
 			...V?.props,
 			onClick: (e) => {
-				k?.onClick?.(e), V?.props?.onClick?.(e), vt(e);
+				{
+					let n = j?.onClick;
+					t(n) && n(e);
+				}
+				{
+					let n = V?.props?.onClick;
+					t(n) && n(e);
+				}
+				yt(e);
 			},
 			children: V?.props?.children || V?.text || Ne || S?.Modal?.okText
-		}), 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
+		}), a = t(F) ? F(n, r) : F || /* @__PURE__ */ b(Te, { children: [n, r] });
+		if (a) return /* @__PURE__ */ y("div", {
+			className: `${T}-footer`,
+			children: a
 		});
 	}
-	let $;
-	(E || _t) && ($ = /* @__PURE__ */ b("div", {
+	let Q;
+	(D || bt) && (Q = /* @__PURE__ */ b("div", {
 		role: "dialog",
 		"aria-modal": "true",
-		...D ? { "aria-labelledby": `${w}-${dt}` } : {},
+		...k ? { "aria-labelledby": `${T}-${pt}` } : {},
 		style: {
-			[`--${De}-transform`]: mt?.translate,
-			...ke,
+			[`--${Oe}-transform`]: gt?.translate,
+			...Ae,
 			...W,
-			transformOrigin: st
+			transformOrigin: ct
 		},
-		className: s(h?.Modal?.className, w, {
-			[`${w}-simple`]: Ae,
-			[`${w}-rtl`]: C,
-			[`${w}-cover`]: H,
-			[`${w}-fullscreenable`]: U
-		}, Oe),
+		className: s(g?.Modal?.className, T, {
+			[`${T}-simple`]: O,
+			[`${T}-rtl`]: C,
+			[`${T}-cover`]: H,
+			[`${T}-fullscreenable`]: U
+		}, ke),
 		ref: q,
 		children: [
-			bt(),
+			St(),
 			/* @__PURE__ */ y("div", {
-				ref: lt,
-				className: `${w}-content`,
+				ref: ut,
+				className: `${T}-content`,
 				children: je
 			}),
-			xt(),
-			nt && /* @__PURE__ */ y("div", {
-				ref: J,
-				className: `${w}-drag-icon`
+			Ct(),
+			rt && /* @__PURE__ */ y("div", {
+				ref: ft,
+				className: `${T}-drag-icon`
 			}),
-			ht && (o(We) ? /* @__PURE__ */ y(de, {
-				prefix: w,
+			_t && (o(Ge) ? /* @__PURE__ */ y(fe, {
+				prefix: T,
 				tabIndex: -1,
-				className: `${w}-close-icon`,
-				onClick: X,
+				className: `${T}-close-icon`,
+				onClick: Y,
 				role: "button",
 				"aria-label": "Close",
-				children: /* @__PURE__ */ y(we, {})
+				children: /* @__PURE__ */ y(Ee, {})
 			}) : /* @__PURE__ */ y("span", {
-				className: `${w}-close-icon`,
-				onClick: X,
-				children: We
+				className: `${T}-close-icon`,
+				onClick: Y,
+				children: Ge
 			}))
 		]
-	}), $ = e(z) ? z($) ?? $ : $, $ = /* @__PURE__ */ y(ve, {
+	}), Q = t(Ve) ? Ve(Q) ?? Q : Q, Q = /* @__PURE__ */ y(_e, {
 		name: c.displayName,
-		visible: E,
-		forceRender: _t,
-		getContainer: j,
+		visible: D,
+		forceRender: bt,
+		getContainer: N,
 		children: /* @__PURE__ */ y(pe, {
-			...f,
+			...p,
 			childrenName: c.displayName,
-			prefixCls: Xe || p,
+			prefixCls: Ze || be,
 			locale: S,
-			zIndex: at || 1050,
+			zIndex: ot || 1050,
 			effectGlobalModal: !1,
 			effectGlobalNotice: !1,
-			getPopupContainer: (t) => e(L) ? L(t) : lt.current,
-			children: /* @__PURE__ */ b("div", {
-				...ce($e, [
+			getPopupContainer: (e) => t(R) ? R(e) : ut.current,
+			children: /* @__PURE__ */ b("dialog", {
+				open: !0,
+				...le(et, [
 					"content",
 					"icon",
 					"showIcon",
@@ -229,77 +247,81 @@ function S(a, d) {
 				tabIndex: -1,
 				ref: K,
 				style: {
-					zIndex: tt,
-					...Ue || {},
-					display: E || rt ? "block" : "none",
-					overflow: !E && rt ? "hidden" : ""
+					zIndex: nt,
+					...We || {},
+					display: D || it ? "block" : "none",
+					overflow: !D && it ? "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`, {
-					[`${w}-wrapper-align-center`]: ze,
-					[`${w}-wrapper-rtl`]: C
-				}, U && `${w}-wrapper-fullscreenable`, H && `${w}-wrapper-cover`, Be),
-				onKeyDown: gt,
+				className: s(`${we}-isolation-isolate`, `${T}-container`, D ? [`${T}-wrapper-visible`, `${T}-container-visible`] : [`${T}-wrapper-hidden`, `${T}-container-hidden`], `${T}-wrapper`, G ? `${T}-wrapper-mask` : `${T}-wrapper-no-mask`, {
+					[`${T}-wrapper-align-center`]: ze,
+					[`${T}-wrapper-rtl`]: C
+				}, U && `${T}-wrapper-fullscreenable`, H && `${T}-wrapper-cover`, Be),
+				onKeyDown: vt,
 				onClick: (e) => {
-					Le && (e.target === e.currentTarget || l(oe(ut), e.target)) && Z(), T.onClick?.(e);
+					Le && (e.target === e.currentTarget || oe(u(dt), e.target)) && X();
+					let n = E.onClick;
+					t(n) && n(e);
 				},
-				children: [!!G && /* @__PURE__ */ y(_e, {
-					ref: ut,
-					...et
-				}), /* @__PURE__ */ y(le.TransitionCSS, {
+				children: [!!G && /* @__PURE__ */ y(ge, {
+					ref: dt,
+					...tt
+				}), /* @__PURE__ */ y(ue.TransitionCSS, {
 					appear: !0,
-					in: E,
-					duration: ge,
-					classNames: `${w}-zoom`,
-					unmountOnExit: F,
-					mountOnEnter: P,
+					in: D,
+					duration: m,
+					classNames: `${T}-zoom`,
+					unmountOnExit: L,
+					mountOnEnter: I,
 					onEnterStart: (e) => {
-						Ct(!1), it(!0), Q(e);
+						$(!1), at(!0), Z(e);
 					},
-					onEnterDone: (t) => {
-						Q(t), e(I) && I();
+					onEnterDone: (e) => {
+						Z(e);
+						let n = Ie;
+						t(n) && n();
 					},
 					onExitStart: (e) => {
-						Q(e);
+						Z(e);
 					},
-					onExitDone: (t) => {
-						Ct(!0), it(!1), Q(t);
+					onExitDone: (e) => {
+						$(!0), at(!1), Z(e);
 						let n = Pe;
-						e(n) && n();
+						t(n) && n();
 					},
 					refElement: q,
-					children: $
+					children: Q
 				})]
 			})
 		})
 	}));
-	let { children: St, setExited: Ct } = he({
-		children: $,
-		visible: E,
-		mountOnEnter: P,
-		unmountOnExit: F
+	let { children: wt, setExited: $ } = he({
+		children: Q,
+		visible: D,
+		mountOnEnter: I,
+		unmountOnExit: L
 	});
-	return St;
+	return wt;
 }
-var C = h(S);
+var C = g(S);
 C.displayName = c.displayName;
-function Ee() {
-	for (; d.length;) {
-		let e = d.pop();
-		e && e();
+function w() {
+	for (; f.length;) {
+		let e = f.pop();
+		t(e) && e();
 	}
 }
 Object.assign(C, {
-	config: f,
-	destroyAll: Ee,
+	config: p,
+	destroyAll: w,
 	show(e) {
-		return m({
+		return h({
 			...e,
 			noticeType: "show"
 		});
 	}
-}, Object.fromEntries(p.map((e, t, n) => {
+}, Object.fromEntries(be.map((e, t, n) => {
 	function r(t) {
-		return m({
+		return h({
 			...t,
 			isNotice: !0,
 			noticeType: e

package/modal/config.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-06-04 15:24:39 星期四 山东省济南市 */
+/* 潘启宝 2026-06-12 15:24:06 星期五 山东省济南市 */
 import e from "../utils/createGlobalConfigFunction.js";
 //#region components/pc/modal/config.ts
 var { setGlobalConfig: t, getGlobalConfig: n } = e({}), { setGlobalConfig: r, getGlobalConfig: i } = e({ simple: !0 }), a = [];

package/modal/confirm.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { ModalProps } from './Modal';
 export interface ConfirmProps extends ModalProps {
     content?: ReactNode;