@unicom-cloud/ui 0.8.157 → 0.8.159

package/modal/Modal.js

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

package/modal/config.js

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

package/modal/index.js

@@ -1,7 +1,7 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "./use-modal/index.js";
 import t from "./Modal.js";
-//#region components/pc/modal/index.tsx
+//#region components/pc/modal/index.ts
 var n = Object.assign(t, {});
 //#endregion
 export { n as default, e as useModal };

package/modal/interface.d.ts

@@ -1,6 +1,7 @@
 import React, { CSSProperties, ReactNode } from 'react';
 import type { ButtonProps } from '../button';
 import type { GetPopupContainer } from '../interface';
+import type { MaskProps } from '../mask';
 import type { ConfirmProps } from './Confirm';
 /**
  * @title Modal
@@ -103,6 +104,10 @@ export interface ModalProps extends GetPopupContainer, Pick<CSSProperties, 'zInd
      * @defaultValue true
      */
     mask?: boolean;
+    /**
+     * @zh 遮罩组件的属性
+     */
+    maskProps?: MaskProps;
     /**
      * @zh 点击蒙层是否可以关闭
      * @en Whether enable click mask to close Modal.
@@ -164,10 +169,14 @@ export interface ModalProps extends GetPopupContainer, Pick<CSSProperties, 'zInd
      */
     modalRender?: (modalNode: ReactNode) => ReactNode;
     /**
-     * @zh 是否开启全屏
+     * @zh 是否开启全屏（权限小于 cover）
      * @en Whether to enable fullscreenable
      */
     fullscreenable?: boolean;
+    /**
+     * @zh 填充模式（权限大于 fullscreenable）
+     */
+    cover?: boolean | string;
     draggable?: boolean;
     prefixCls?: string;
 }

package/modal/use-modal/Hook.js

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

package/modal/use-modal/index.js

@@ -1,4 +1,4 @@
-/* 潘启宝 2026-04-23 09:23:31 星期四 */
+/* 潘启宝 2026-05-15 17:45:52 星期五 */
 import e from "../../utils/uuid.js";
 import { destroyList as t } from "../config.js";
 import { ContextHolderElement as n } from "../../utils/contextHolder.js";

package/notice/Notice.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { NoticeProps } from './interface';
-declare const Notice: React.ForwardRefExoticComponent<NoticeProps & React.RefAttributes<unknown>>;
+declare const Notice: React.NamedExoticComponent<NoticeProps & React.RefAttributes<unknown>>;
 export default Notice;