antdv-next 1.2.2 → 1.3.0

package/dist/message/style/index.js

@@ -1,113 +1,117 @@
-import { resetComponent } from "../../style/index.js";
-import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { genStyleHooks, genSubStyleComponent } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import { CONTAINER_MAX_OFFSET } from "../../_util/hooks/useZIndex.js";
-import { Keyframes } from "@antdv-next/cssinjs";
+import { genListItemSharedStyle } from "../../notification/style/notification.js";
+import { prepareNotificationToken, sharedGenerateStyle } from "../../notification/style/index.js";
+import { unit } from "@antdv-next/cssinjs";
 
 //#region src/message/style/index.ts
-const genMessageStyle = (token) => {
-	const { componentCls, iconCls, boxShadow, colorText, colorSuccess, colorError, colorWarning, colorInfo, fontSizeLG, motionEaseInOutCirc, motionDurationSlow, marginXS, paddingXS, borderRadiusLG, zIndexPopup, contentPadding, contentBg } = token;
-	const noticeCls = `${componentCls}-notice`;
-	const messageMoveIn = new Keyframes("MessageMoveIn", {
-		"0%": {
-			padding: 0,
-			transform: "translateY(-100%)",
-			opacity: 0
-		},
-		"100%": {
-			padding: paddingXS,
-			transform: "translateY(0)",
-			opacity: 1
-		}
-	});
-	const messageMoveOut = new Keyframes("MessageMoveOut", {
-		"0%": {
-			maxHeight: token.height,
-			padding: paddingXS,
-			opacity: 1
-		},
-		"100%": {
-			maxHeight: 0,
-			padding: 0,
-			opacity: 0
-		}
+/** Map Message component tokens onto the shared Notification token shape. */
+const prepareMessageToken = (token) => {
+	const messagePaddingVertical = token.calc(token.controlHeightLG).sub(token.calc(token.fontSize).mul(token.lineHeight)).div(2).equal();
+	const messagePaddingHorizontal = token.paddingSM;
+	return mergeToken(prepareNotificationToken(token), {
+		notificationBg: token.contentBg,
+		notificationPadding: token.contentPadding,
+		notificationPaddingVertical: messagePaddingVertical,
+		notificationPaddingHorizontal: messagePaddingHorizontal
 	});
-	const noticeStyle = {
-		padding: paddingXS,
-		textAlign: "center",
-		[`${componentCls}-custom-content`]: {
-			display: "flex",
-			alignItems: "center"
-		},
-		[`${componentCls}-custom-content > ${iconCls}`]: {
-			marginInlineEnd: marginXS,
-			fontSize: fontSizeLG
-		},
-		[`${noticeCls}-content`]: {
-			display: "inline-block",
-			padding: contentPadding,
-			background: contentBg,
-			borderRadius: borderRadiusLG,
-			boxShadow,
-			pointerEvents: "all"
-		},
-		[`${componentCls}-success > ${iconCls}`]: { color: colorSuccess },
-		[`${componentCls}-error > ${iconCls}`]: { color: colorError },
-		[`${componentCls}-warning > ${iconCls}`]: { color: colorWarning },
-		[`${componentCls}-info > ${iconCls},
-      ${componentCls}-loading > ${iconCls}`]: { color: colorInfo }
-	};
-	return [
-		{ [componentCls]: {
-			...resetComponent(token),
-			color: colorText,
-			position: "fixed",
-			top: marginXS,
-			width: "100%",
-			pointerEvents: "none",
-			zIndex: zIndexPopup,
-			[`${componentCls}-move-up`]: { animationFillMode: "forwards" },
-			[`
-        ${componentCls}-move-up-appear,
-        ${componentCls}-move-up-enter
-      `]: {
-				animationName: messageMoveIn,
-				animationDuration: motionDurationSlow,
-				animationPlayState: "paused",
-				animationTimingFunction: motionEaseInOutCirc
-			},
-			[`
-        ${componentCls}-move-up-appear${componentCls}-move-up-appear-active,
-        ${componentCls}-move-up-enter${componentCls}-move-up-enter-active
-      `]: { animationPlayState: "running" },
-			[`${componentCls}-move-up-leave`]: {
-				animationName: messageMoveOut,
-				animationDuration: motionDurationSlow,
-				animationPlayState: "paused",
-				animationTimingFunction: motionEaseInOutCirc
-			},
-			[`${componentCls}-move-up-leave${componentCls}-move-up-leave-active`]: { animationPlayState: "running" },
-			"&-rtl": {
-				direction: "rtl",
-				span: { direction: "rtl" }
-			}
-		} },
-		{ [componentCls]: { [`${noticeCls}-wrapper`]: { ...noticeStyle } } },
-		{ [`${componentCls}-notice-pure-panel`]: {
-			...noticeStyle,
-			padding: 0,
-			textAlign: "start"
-		} }
-	];
 };
+/** Provide default public ComponentToken values for Message. */
 const prepareComponentToken = (token) => ({
 	zIndexPopup: token.zIndexPopupBase + CONTAINER_MAX_OFFSET + 10,
 	contentBg: token.colorBgElevated,
 	contentPadding: `${(token.controlHeightLG - token.fontSize * token.lineHeight) / 2}px ${token.paddingSM}px`
 });
+/** Generate the shared item card styles for Message notices. */
+function genMessageItemStyle(token) {
+	const { fontSize, fontSizeLG, lineHeight } = token;
+	return genListItemSharedStyle(token, {
+		width: "max-content",
+		iconFontSize: fontSizeLG,
+		titleFontSize: fontSize,
+		titleLineHeight: lineHeight,
+		contentStyle: {
+			alignItems: "center",
+			gap: token.marginXS
+		},
+		noticeStyle: { zIndex: 1 }
+	});
+}
+/** Generate the collapsed stack placeholder styles for Message notices. */
+const generateMessageStackStyle = (token) => {
+	const { componentCls } = token;
+	const noticeCls = `${componentCls}-notice`;
+	const listContentCls = `${componentCls}-list-content`;
+	const { "&::after": _hoverAfterStyle, ...messageNoticeStyle } = genMessageItemStyle(token)[noticeCls];
+	const placeholderStyle = {
+		...messageNoticeStyle,
+		position: "absolute",
+		zIndex: -1,
+		left: "50%",
+		height: token.calc(token.marginXS).mul(2).equal(),
+		padding: 0,
+		boxShadow: token.boxShadowTertiary,
+		opacity: 0,
+		pointerEvents: "none",
+		transform: "translateX(-50%) translateY(100%)",
+		transition: [
+			`opacity ${token.motionDurationFast} ${token.motionEaseInOut}`,
+			`transform ${token.motionDurationFast} ${token.motionEaseInOut}`,
+			`width ${token.motionDurationSlow} ${token.motionEaseInOut}`
+		].join(", "),
+		content: "\"\""
+	};
+	return { [componentCls]: { [`&${componentCls}-stack`]: {
+		[listContentCls]: {
+			isolation: "isolate",
+			"&::before": {
+				...placeholderStyle,
+				top: `calc(var(--top-notificiation-height) - ${unit(token.marginXS)})`,
+				width: `calc(var(--top-notificiation-width) - ${unit(token.margin)})`
+			},
+			"&::after": {
+				...placeholderStyle,
+				zIndex: -2,
+				top: "var(--top-notificiation-height)",
+				width: `calc(var(--top-notificiation-width) - ${unit(token.calc(token.margin).mul(2).equal())})`
+			}
+		},
+		[`&:not(${componentCls}-stack-expanded)`]: { [listContentCls]: { "&::before, &::after": {
+			opacity: 1,
+			transform: "translateX(-50%) translateY(0)"
+		} } }
+	} } };
+};
+/** Generate standalone PurePanel styles for Message. */
+const generateMessagePurePanelStyle = (token) => {
+	const { componentCls } = token;
+	const noticeCls = `${componentCls}-notice`;
+	const messageItemStyle = genMessageItemStyle(token);
+	return { [`${noticeCls}-pure-panel`]: {
+		width: "max-content",
+		maxWidth: "100%",
+		...messageItemStyle,
+		[noticeCls]: {
+			...messageItemStyle[noticeCls],
+			position: "relative",
+			width: "max-content",
+			maxWidth: "100%"
+		}
+	} };
+};
+/** Register the PurePanel sub-style component for Message. */
+const PurePanelStyle = genSubStyleComponent(["Message", "PurePanel"], (token) => generateMessagePurePanelStyle(prepareMessageToken(token)), prepareComponentToken);
+/** Wrap Message item styles under the component root selector. */
+const generateMessageStyle = (token) => ({ [token.componentCls]: genMessageItemStyle(token) });
+/** Register the main style hook for Message. */
 var style_default = genStyleHooks("Message", (token) => {
-	return genMessageStyle(mergeToken(token, { height: 150 }));
+	const messageToken = prepareMessageToken(token);
+	return [sharedGenerateStyle(messageToken, {
+		stackVisibleCount: 1,
+		itemStyle: generateMessageStyle
+	}), generateMessageStackStyle(messageToken)];
 }, prepareComponentToken);
 
 //#endregion
-export { style_default as default, prepareComponentToken };
+export { PurePanelStyle, style_default as default };

package/dist/message/useMessage.d.ts

@@ -1,12 +1,12 @@
 import { ConfigOptions, MessageInstance } from "./interface.js";
 import { MaybeRef } from "@v-c/util/dist/type";
-import * as vue_jsx_runtime30 from "vue/jsx-runtime";
+import * as vue_jsx_runtime8 from "vue/jsx-runtime";
 
 //#region src/message/useMessage.d.ts
 type HolderProps = ConfigOptions & {
   onAllRemoved?: VoidFunction;
 };
-declare function useInternalMessage(messageConfig?: MaybeRef<HolderProps>): readonly [MessageInstance, () => vue_jsx_runtime30.JSX.Element];
-declare function useMessage(messageConfig?: ConfigOptions): readonly [MessageInstance, () => vue_jsx_runtime30.JSX.Element];
+declare function useInternalMessage(messageConfig?: MaybeRef<HolderProps>): readonly [MessageInstance, () => vue_jsx_runtime8.JSX.Element];
+declare function useMessage(messageConfig?: ConfigOptions): readonly [MessageInstance, () => vue_jsx_runtime8.JSX.Element];
 //#endregion
 export { useMessage as default, useInternalMessage };

package/dist/message/useMessage.js

@@ -4,7 +4,8 @@ import { mergeClassNames, mergeStyles, resolveStyleOrClass, useMergeSemantic, us
 import { toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import style_default from "./style/index.js";
-import { PureContent } from "./PurePanel.js";
+import { resolveMessageIcon } from "./PurePanel.js";
+import { getPlacementOffsetStyle } from "../notification/util.js";
 import { getMotion, wrapPromiseFn } from "./util.js";
 import { computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef, unref } from "vue";
 import { clsx } from "@v-c/util";
@@ -46,11 +47,7 @@ const Holder = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	});
 	const mergedDuration = computed(() => props.duration ?? DEFAULT_DURATION);
 	const mergedPauseOnHover = computed(() => props.pauseOnHover === void 0 ? true : props.pauseOnHover);
-	const getStyle = () => ({
-		left: "50%",
-		transform: "translateX(-50%)",
-		top: mergedTop.value
-	});
+	const getStyle = () => getPlacementOffsetStyle(mergedTop.value);
 	const getClassName = () => clsx({ [`${prefixCls.value}-rtl`]: props.rtl ?? direction.value === "rtl" });
 	const getNotificationMotion = () => getMotion(prefixCls.value, props.transitionName);
 	const [api, holder] = useNotification({
@@ -165,19 +162,26 @@ function useInternalMessage(messageConfig) {
 			const semanticStyles = resolveStyleOrClass(styles, { props: contextConfig });
 			const mergedClassNames = mergeClassNames(void 0, resolvedContextClassNames, semanticClassNames, originClassNames);
 			const mergedStyles = mergeStyles(resolvedContextStyles, semanticStyles, originStyles);
+			const iconNode = resolveMessageIcon(prefixCls, icon, type);
+			const typeIconCls = type ? `${noticePrefixCls}-icon-${type}` : void 0;
 			return wrapPromiseFn((resolve) => {
 				originOpen({
 					...restConfig,
 					key: mergedKey,
 					placement: "top",
-					content: createVNode(PureContent, {
-						"prefixCls": prefixCls,
-						"type": type,
-						"icon": icon,
-						"classNames": mergedClassNames,
-						"styles": mergedStyles
-					}, _isSlot(content) ? content : { default: () => [content] }),
-					className: clsx({ [`${noticePrefixCls}-${type}`]: !!type }, className, contextClassName, mergedClassNames.root),
+					icon: iconNode,
+					title: content,
+					classNames: {
+						wrapper: clsx(type && `${prefixCls}-${type}`, mergedClassNames.wrapper),
+						icon: clsx(typeIconCls, mergedClassNames.icon),
+						title: mergedClassNames.title
+					},
+					styles: {
+						wrapper: mergedStyles.wrapper,
+						icon: mergedStyles.icon,
+						title: mergedStyles.title
+					},
+					class: clsx({ [`${noticePrefixCls}-${type}`]: !!type }, className, contextClassName, mergedClassNames.root),
 					style: {
 						...mergedStyles.root,
 						...contextStyle,

package/dist/message/util.js

@@ -1,6 +1,6 @@
 //#region src/message/util.ts
 function getMotion(prefixCls, transitionName) {
-	return { name: transitionName ?? `${prefixCls}-move-up` };
+	return { name: transitionName ?? `${prefixCls}-fade` };
 }
 /** Wrap message open with promise like function */
 function wrapPromiseFn(openFn) {

package/dist/modal/ConfirmDialog.d.ts

@@ -1,7 +1,7 @@
 import { EmptyEmit } from "../_util/type.js";
 import { ModalFuncProps, ModalLocale } from "./interface.js";
 import { ThemeConfig } from "../config-provider/context.js";
-import * as vue1054 from "vue";
+import * as vue47 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/modal/ConfirmDialog.d.ts
@@ -29,13 +29,13 @@ interface ConfirmDialogProps extends ModalFuncProps {
    */
   isSilent?: () => boolean;
 }
-declare const ConfirmContent: vue1054.DefineSetupFnComponent<ConfirmDialogProps & {
+declare const ConfirmContent: vue47.DefineSetupFnComponent<ConfirmDialogProps & {
   confirmPrefixCls: string;
 }, EmptyEmit, SlotsType<{
   default?: () => any;
 }>, ConfirmDialogProps & {
   confirmPrefixCls: string;
-}, vue1054.PublicProps>;
-declare const ConfirmDialogWrapper: vue1054.DefineSetupFnComponent<ConfirmDialogProps, {}, {}, ConfirmDialogProps & {}, vue1054.PublicProps>;
+}, vue47.PublicProps>;
+declare const ConfirmDialogWrapper: vue47.DefineSetupFnComponent<ConfirmDialogProps, {}, {}, ConfirmDialogProps & {}, vue47.PublicProps>;
 //#endregion
 export { ConfirmContent, ConfirmDialogProps, ConfirmDialogWrapper as default };

package/dist/modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import { ModalEmits, ModalProps, ModalSlots } from "./interface.js";
-import * as vue1052 from "vue";
+import * as vue51 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/modal/Modal.d.ts
@@ -9,6 +9,6 @@ interface ModalEmitsProps {
   onCancel?: ModalEmits['cancel'];
   'onUpdate:open'?: ModalEmits['update:open'];
 }
-declare const Modal: vue1052.DefineSetupFnComponent<InternalModalProps, ModalEmits, SlotsType<ModalSlots>, InternalModalProps, vue1052.PublicProps>;
+declare const Modal: vue51.DefineSetupFnComponent<InternalModalProps, ModalEmits, SlotsType<ModalSlots>, InternalModalProps, vue51.PublicProps>;
 //#endregion
 export { InternalModalProps, ModalEmitsProps, Modal as default };

package/dist/modal/Modal.js

@@ -34,11 +34,12 @@ function getClickPosition(e) {
 }
 if (canUseDocElement()) document.documentElement.addEventListener("click", getClickPosition, true);
 const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) => {
-	const { getPopupContainer: getContextPopupContainer, getPrefixCls, prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, centered: contextCentered, cancelButtonProps: contextCancelButtonProps, okButtonProps: contextOkButtonProps, mask: contextMask } = useComponentBaseConfig("modal", props, [
+	const { getPopupContainer: getContextPopupContainer, getPrefixCls, prefixCls, direction, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles, centered: contextCentered, cancelButtonProps: contextCancelButtonProps, okButtonProps: contextOkButtonProps, mask: contextMask, focusable: contextFocusable } = useComponentBaseConfig("modal", props, [
 		"centered",
 		"cancelButtonProps",
 		"okButtonProps",
-		"mask"
+		"mask",
+		"focusable"
 	]);
 	const { mask: modalMask, classes, styles, zIndex: customZIndex, width: widthRef, rootClass: rootClassRef, rootStyle: rootStyleRef, panelRef: panelRefRef, focusable, focusTriggerAfterClose, maskClosable } = toPropsRefs(props, "mask", "classes", "styles", "zIndex", "width", "rootClass", "rootStyle", "panelRef", "focusable", "focusTriggerAfterClose", "maskClosable");
 	const { modal: modalContext } = useBaseConfig();
@@ -50,7 +51,10 @@ const Modal = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit }) =>
 		return [closable?.afterClose, closable?.onClose];
 	});
 	const [mergedMask, maskBlurClassName, mergeMaskClosable] = useMergedMask(modalMask, contextMask, prefixCls, maskClosable);
-	const mergedFocusable = useFocusable(focusable, mergedMask, focusTriggerAfterClose);
+	const mergedFocusable = useFocusable(computed(() => ({
+		...contextFocusable?.value ?? {},
+		...focusable.value ?? {}
+	})), mergedMask, focusTriggerAfterClose);
 	const onClose = () => {
 		closableContext.value?.[1]?.();
 	};

package/dist/modal/PurePanel.d.ts

@@ -1,6 +1,6 @@
 import { ModalClassNamesType, ModalFuncProps, ModalStylesType } from "./interface.js";
 import { DialogProps } from "@v-c/dialog";
-import * as vue_jsx_runtime32 from "vue/jsx-runtime";
+import * as vue_jsx_runtime3 from "vue/jsx-runtime";
 
 //#region src/modal/PurePanel.d.ts
 interface PurePanelProps extends Omit<DialogProps, 'prefixCls' | 'footer' | 'visible' | 'classNames' | 'styles' | 'style'>, Pick<ModalFuncProps, 'type' | 'footer'>, PurePanelEmitsProps {
@@ -22,6 +22,6 @@ interface PurePanelSlots {
     };
   }) => any;
 }
-declare const _default: (props: any) => vue_jsx_runtime32.JSX.Element;
+declare const _default: (props: any) => vue_jsx_runtime3.JSX.Element;
 //#endregion
 export { PurePanelEmitsProps, PurePanelProps, PurePanelSlots, _default as default };

package/dist/modal/components/ConfirmCancelBtn.d.ts

@@ -1,14 +1,14 @@
-import { VueNode } from "../../_util/type.js";
+import { VueNode as VueNode$1 } from "../../_util/type.js";
 import { ConfirmDialogProps } from "../ConfirmDialog.js";
-import * as vue599 from "vue";
+import * as vue352 from "vue";
 
 //#region src/modal/components/ConfirmCancelBtn.d.ts
 interface ConfirmCancelBtnProps extends Pick<ConfirmDialogProps, 'cancelButtonProps' | 'isSilent' | 'rootPrefixCls' | 'close' | 'onConfirm' | 'onCancel'> {
   autoFocusButton?: false | 'ok' | 'cancel' | null;
-  cancelTextLocale?: VueNode;
+  cancelTextLocale?: VueNode$1;
   mergedOkCancel?: boolean;
   onClose?: () => void;
 }
-declare const ConfirmCancelBtn: vue599.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue599.PublicProps>;
+declare const ConfirmCancelBtn: vue352.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue352.PublicProps>;
 //#endregion
 export { ConfirmCancelBtnProps, ConfirmCancelBtn as default };

package/dist/modal/components/ConfirmOkBtn.d.ts

@@ -1,13 +1,13 @@
-import { VueNode } from "../../_util/type.js";
+import { VueNode as VueNode$1 } from "../../_util/type.js";
 import { ConfirmDialogProps } from "../ConfirmDialog.js";
-import * as vue913 from "vue";
+import * as vue446 from "vue";
 
 //#region src/modal/components/ConfirmOkBtn.d.ts
 interface ConfirmOkBtnProps extends Pick<ConfirmDialogProps, 'close' | 'isSilent' | 'okType' | 'okButtonProps' | 'rootPrefixCls' | 'onConfirm' | 'onOk'> {
   autoFocusButton?: false | 'ok' | 'cancel' | null;
-  okTextLocale?: VueNode;
+  okTextLocale?: VueNode$1;
   onClose?: () => void;
 }
-declare const ConfirmOkBtn: vue913.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue913.PublicProps>;
+declare const ConfirmOkBtn: vue446.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue446.PublicProps>;
 //#endregion
 export { ConfirmOkBtnProps, ConfirmOkBtn as default };

package/dist/modal/components/NormalCancelBtn.d.ts

@@ -1,12 +1,12 @@
-import { VueNode } from "../../_util/type.js";
+import { VueNode as VueNode$1 } from "../../_util/type.js";
 import { ModalEmits, ModalProps } from "../interface.js";
-import * as vue544 from "vue";
+import * as vue639 from "vue";
 
 //#region src/modal/components/NormalCancelBtn.d.ts
 interface NormalCancelBtnProps extends Pick<ModalProps, 'cancelButtonProps'> {
-  cancelTextLocale?: VueNode;
+  cancelTextLocale?: VueNode$1;
   onCancel?: ModalEmits['cancel'];
 }
-declare const NormalCancelBtn: vue544.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue544.PublicProps>;
+declare const NormalCancelBtn: vue639.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue639.PublicProps>;
 //#endregion
 export { NormalCancelBtnProps, NormalCancelBtn as default };

package/dist/modal/components/NormalOkBtn.d.ts

@@ -1,12 +1,12 @@
-import { VueNode } from "../../_util/type.js";
+import { VueNode as VueNode$1 } from "../../_util/type.js";
 import { ModalEmits, ModalProps } from "../interface.js";
-import * as vue520 from "vue";
+import * as vue773 from "vue";
 
 //#region src/modal/components/NormalOkBtn.d.ts
 interface NormalOkBtnProps extends Pick<ModalProps, 'confirmLoading' | 'okButtonProps' | 'okType'> {
-  okTextLocale?: VueNode;
+  okTextLocale?: VueNode$1;
   onOk?: ModalEmits['ok'];
 }
-declare const NormalOkBtn: vue520.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue520.PublicProps>;
+declare const NormalOkBtn: vue773.DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, vue773.PublicProps>;
 //#endregion
 export { NormalOkBtnProps, NormalOkBtn as default };

package/dist/modal/interface.d.ts

@@ -1,5 +1,5 @@
 import { MaskType } from "../_util/hooks/useMergedMask.js";
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
 import "../_util/hooks/index.js";
 import { Breakpoint } from "../_util/responsiveObserver.js";
@@ -22,6 +22,10 @@ interface ModalSemanticClassNames {
   title?: string;
   wrapper?: string;
   mask?: string;
+  /**
+   * @since 1.3.0 (mirrors ant-design#57264)
+   */
+  close?: string;
 }
 interface ModalSemanticStyles {
   root?: CSSProperties;
@@ -32,12 +36,16 @@ interface ModalSemanticStyles {
   title?: CSSProperties;
   wrapper?: CSSProperties;
   mask?: CSSProperties;
+  /**
+   * @since 1.3.0
+   */
+  close?: CSSProperties;
 }
 type ModalClassNamesType = SemanticClassNamesType<ModalProps, ModalSemanticClassNames>;
 type ModalStylesType = SemanticStylesType<ModalProps, ModalSemanticStyles>;
 interface ModalCommonProps extends Omit<DialogProps, 'footer' | 'width' | 'onClose' | 'animation' | 'maskAnimation' | 'transitionName' | 'maskTransitionName' | 'mask' | 'classNames' | 'styles' | 'modalRender' | 'rootStyle' | 'style' | OmitFocusType> {
-  footer?: VueNode | ((params: {
-    originNode: VueNode;
+  footer?: VueNode$1 | ((params: {
+    originNode: VueNode$1;
     extra: {
       OkBtn: any;
       CancelBtn: any;
@@ -57,7 +65,7 @@ interface ModalProps extends ModalCommonProps {
   /** Whether to apply loading visual effect for OK button or not */
   confirmLoading?: boolean;
   /** The modal dialog's title */
-  title?: VueNode;
+  title?: VueNode$1;
   afterClose?: () => void;
   /** Callback when the animation ends when Modal is turned on and off */
   afterOpenChange?: (open: boolean) => void;
@@ -66,11 +74,11 @@ interface ModalProps extends ModalCommonProps {
   /** Width of the modal dialog */
   width?: string | number | Partial<Record<Breakpoint, string | number>>;
   /** Text of the OK button */
-  okText?: VueNode;
+  okText?: VueNode$1;
   /** Button `type` of the OK button */
   okType?: LegacyButtonType;
   /** Text of the Cancel button */
-  cancelText?: VueNode;
+  cancelText?: VueNode$1;
   /** Force render Modal */
   forceRender?: boolean;
   okButtonProps?: ButtonProps;
@@ -101,7 +109,7 @@ interface ModalProps extends ModalCommonProps {
   keyboard?: boolean;
   wrapProps?: any;
   prefixCls?: string;
-  closeIcon?: VueNode;
+  closeIcon?: VueNode$1;
   modalRender?: (node: any) => any;
   focusTriggerAfterClose?: boolean;
   mousePosition?: MousePosition;
@@ -125,7 +133,7 @@ interface ModalSlots {
   closeIcon?: () => any;
   modalRender?: (node: any) => any;
   footer?: (params: {
-    originNode: VueNode;
+    originNode: VueNode$1;
     extra: {
       OkBtn: any;
       CancelBtn: any;
@@ -138,8 +146,8 @@ interface ModalFuncProps extends ModalCommonProps {
   class?: string;
   rootClass?: string;
   open?: boolean;
-  title?: VueNode;
-  content?: VueNode;
+  title?: VueNode$1;
+  content?: VueNode$1;
   onOk?: (...args: any[]) => any;
   onCancel?: (...args: any[]) => any;
   onClose?: DialogProps['onClose'];
@@ -148,10 +156,10 @@ interface ModalFuncProps extends ModalCommonProps {
   cancelButtonProps?: ButtonProps;
   centered?: boolean;
   width?: string | number;
-  okText?: VueNode;
+  okText?: VueNode$1;
   okType?: LegacyButtonType;
-  cancelText?: VueNode;
-  icon?: VueNode;
+  cancelText?: VueNode$1;
+  icon?: VueNode$1;
   mask?: MaskType;
   maskClosable?: boolean;
   zIndex?: number;
@@ -169,7 +177,7 @@ interface ModalFuncProps extends ModalCommonProps {
   direction?: DirectionType;
   /** @deprecated Please use `styles.body` instead */
   bodyStyle?: CSSProperties;
-  closeIcon?: VueNode;
+  closeIcon?: VueNode$1;
   footer?: ModalProps['footer'];
   modalRender?: ModalProps['modalRender'];
   focusTriggerAfterClose?: boolean;

package/dist/modal/shared.d.ts

@@ -1,13 +1,13 @@
 import { ModalEmits, ModalProps } from "./interface.js";
-import * as vue53 from "vue";
-import * as vue_jsx_runtime3 from "vue/jsx-runtime";
+import * as vue168 from "vue";
+import * as vue_jsx_runtime12 from "vue/jsx-runtime";
 
 //#region src/modal/shared.d.ts
-declare function renderCloseIcon(prefixCls: string, closeIcon?: any): vue_jsx_runtime3.JSX.Element;
+declare function renderCloseIcon(prefixCls: string, closeIcon?: any): vue_jsx_runtime12.JSX.Element;
 interface FooterProps extends Pick<ModalProps, 'footer' | 'okText' | 'okType' | 'cancelText' | 'confirmLoading' | 'okButtonProps' | 'cancelButtonProps'> {
   onOk?: ModalEmits['ok'];
   onCancel?: ModalEmits['cancel'];
 }
-declare const Footer: vue53.DefineSetupFnComponent<FooterProps, {}, {}, FooterProps & {}, vue53.PublicProps>;
+declare const Footer: vue168.DefineSetupFnComponent<FooterProps, {}, {}, FooterProps & {}, vue168.PublicProps>;
 //#endregion
 export { Footer, FooterProps, renderCloseIcon };

package/dist/modal/style/confirm.d.ts

@@ -1,12 +1,12 @@
-import * as vue590 from "vue";
+import * as vue689 from "vue";
 
 //#region src/modal/style/confirm.d.ts
-declare const _default: vue590.DefineComponent<vue590.ExtractPropTypes<{
+declare const _default: vue689.DefineComponent<vue689.ExtractPropTypes<{
   prefixCls: StringConstructor;
   rootCls: StringConstructor;
-}>, () => null, {}, {}, {}, vue590.ComponentOptionsMixin, vue590.ComponentOptionsMixin, {}, string, vue590.PublicProps, Readonly<vue590.ExtractPropTypes<{
+}>, () => null, {}, {}, {}, vue689.ComponentOptionsMixin, vue689.ComponentOptionsMixin, {}, string, vue689.PublicProps, Readonly<vue689.ExtractPropTypes<{
   prefixCls: StringConstructor;
   rootCls: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, vue590.ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue689.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default as default };

package/dist/modal/style/index.d.ts

@@ -2,7 +2,7 @@ import { AliasToken } from "../../theme/interface/alias.js";
 import { FullToken, GenStyleFn, GlobalToken } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import { TokenWithCommonCls } from "../../theme/internal.js";
-import * as vue900 from "vue";
+import * as vue370 from "vue";
 
 //#region src/modal/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -21,7 +21,7 @@ interface ComponentToken {
    * @desc 标题字体大小
    * @descEN Font size of title
    */
-  titleFontSize: number;
+  titleFontSize: number | string;
   /**
    * @desc 标题字体颜色
    * @descEN Font color of title
@@ -119,7 +119,7 @@ declare function prepareComponentToken(token: GlobalToken): {
   footerBg: string;
   headerBg: string;
   titleLineHeight: number;
-  titleFontSize: number;
+  titleFontSize: string | number;
   contentBg: string;
   titleColor: string;
   contentPadding: string | number;
@@ -136,6 +136,6 @@ declare function prepareComponentToken(token: GlobalToken): {
   confirmBtnsMarginTop: number;
   mask: boolean;
 };
-declare const _default: (prefixCls: vue900.Ref<string>, rootCls?: vue900.Ref<string | undefined>) => readonly [vue900.Ref<string, string>, vue900.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue370.Ref<string>, rootCls?: vue370.Ref<string | undefined>) => readonly [vue370.Ref<string, string>, vue370.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, ModalToken, _default as default, genModalMaskStyle, prepareComponentToken, prepareToken };