antdv-next 1.2.2 → 1.3.0

package/dist/notification/style/placement.js

@@ -1,73 +1,138 @@
-import { Keyframes } from "@antdv-next/cssinjs";
+import { NotificationPlacements } from "../interface.js";
+import { unit } from "@antdv-next/cssinjs";
 
 //#region src/notification/style/placement.ts
-const genNotificationPlacementStyle = (token) => {
-	const { componentCls, notificationMarginEdge, animationMaxHeight } = token;
+const notificationMarginEdgeVar = "--notification-margin-edge";
+/** Resolve the opposite block and inline edges for a placement. */
+function getPlacementOffset(vertical, horizontal) {
+	return {
+		blockEnd: vertical === "top" ? "bottom" : "top",
+		inlineEnd: horizontal === "left" ? "right" : "left"
+	};
+}
+/** Convert placement offsets into the transform used by notice motion. */
+function getMotionTransform(motionOffset) {
+	return `translate3d(${motionOffset?.x ?? "0"}, ${motionOffset?.y ?? "0"}, 0) scale(var(--notification-scale, 1))`;
+}
+/** Build the placement metadata used by position and motion styles. */
+function getPlacementStyleConfig(placement, motionOffset) {
+	const vertical = placement.startsWith("bottom") ? "bottom" : "top";
+	const horizontal = placement.endsWith("Right") ? "right" : "left";
+	const { blockEnd, inlineEnd } = getPlacementOffset(vertical, horizontal);
+	const isCenterPlacement = placement === "top" || placement === "bottom";
+	const offset = placement === "top" || placement.endsWith("Left") ? `-${motionOffset}` : motionOffset;
+	return {
+		placement,
+		vertical,
+		blockEnd,
+		horizontal,
+		inlineEnd,
+		motionOffset: isCenterPlacement ? {
+			x: "-50%",
+			y: offset
+		} : { x: offset },
+		baseMotionOffset: isCenterPlacement ? { x: "-50%" } : void 0,
+		isCenterPlacement
+	};
+}
+/** Get the list direction for a vertical placement. */
+function getPlacementFlexDirection(vertical) {
+	return vertical === "bottom" ? "column-reverse" : "column";
+}
+/** Keep configured top/bottom as the visible notice edge while list padding preserves shadows. */
+function getPlacementInset(vertical) {
+	const marginEdge = `var(${notificationMarginEdgeVar}, 0px)`;
+	return `calc(var(--notification-${vertical}, ${marginEdge}) - ${marginEdge})`;
+}
+/** Get the transform origin used by stacked notice scaling. */
+function getPlacementTransformOrigin(vertical) {
+	return vertical === "bottom" ? "center top" : "center bottom";
+}
+/** Calculate the clip offset that preserves stack shadows. */
+function getStackShadowClipOffset(token) {
+	return unit(token.calc(token.marginXXL).mul(-1).equal());
+}
+/** Build the default stack clip-path for a visible notice. */
+function getStackNoticeClipPath(token) {
+	const offset = getStackShadowClipOffset(token);
+	return `inset(${offset} ${offset} ${offset} ${offset})`;
+}
+/** Build the collapsed stack clip-path for a placement. */
+function getPlacementStackClipPath(token, vertical) {
+	const offset = getStackShadowClipOffset(token);
+	return vertical === "bottom" ? `inset(${offset} ${offset} 50% ${offset})` : `inset(50% ${offset} ${offset} ${offset})`;
+}
+/** Generate styles for a single notification placement. */
+function genPlacementStyle(token, config) {
+	const { componentCls } = token;
+	const { placement, vertical, blockEnd, horizontal, inlineEnd, isCenterPlacement } = config;
 	const noticeCls = `${componentCls}-notice`;
-	const rightFadeIn = new Keyframes("antNotificationFadeIn", {
-		"0%": {
-			transform: `translate3d(100%, 0, 0)`,
-			opacity: 0
+	const noticeMotionCls = `${noticeCls}${componentCls}-fade`;
+	const enterTransform = getMotionTransform(config.motionOffset);
+	const baseTransform = getMotionTransform(config.baseMotionOffset);
+	const transformOrigin = getPlacementTransformOrigin(vertical);
+	return { [`&${componentCls}-${placement}`]: {
+		[vertical]: getPlacementInset(vertical),
+		[blockEnd]: "auto",
+		display: "flex",
+		flexDirection: getPlacementFlexDirection(vertical),
+		...isCenterPlacement ? {
+			marginInline: 0,
+			left: "50%",
+			right: "auto",
+			transform: "translateX(-50%)"
+		} : {
+			[horizontal]: 0,
+			[inlineEnd]: "auto"
 		},
-		"100%": {
-			transform: `translate3d(0, 0, 0)`,
-			opacity: 1
-		}
-	});
-	const topFadeIn = new Keyframes("antNotificationTopFadeIn", {
-		"0%": {
-			top: -animationMaxHeight,
-			opacity: 0
+		[noticeCls]: {
+			[vertical]: "var(--notification-y, 0)",
+			...isCenterPlacement ? {
+				left: "50%",
+				transform: baseTransform
+			} : { [horizontal]: "var(--notification-x, 0)" },
+			transformOrigin
 		},
-		"100%": {
-			top: 0,
-			opacity: 1
-		}
-	});
-	const bottomFadeIn = new Keyframes("antNotificationBottomFadeIn", {
-		"0%": {
-			bottom: token.calc(animationMaxHeight).mul(-1).equal(),
-			opacity: 0
+		[`${noticeMotionCls}-appear-prepare, ${noticeMotionCls}-enter-prepare`]: {
+			opacity: 0,
+			transform: enterTransform,
+			transition: "none"
 		},
-		"100%": {
-			bottom: 0,
-			opacity: 1
-		}
-	});
-	const leftFadeIn = new Keyframes("antNotificationLeftFadeIn", {
-		"0%": {
-			transform: `translate3d(-100%, 0, 0)`,
-			opacity: 0
+		[`${noticeMotionCls}-appear-start, ${noticeMotionCls}-enter-start`]: {
+			opacity: 0,
+			transform: enterTransform
 		},
-		"100%": {
-			transform: `translate3d(0, 0, 0)`,
-			opacity: 1
-		}
-	});
-	return { [componentCls]: {
-		[`&${componentCls}-top, &${componentCls}-bottom`]: {
-			marginInline: 0,
-			[noticeCls]: { marginInline: "auto auto" }
+		[`${noticeMotionCls}-appear-active, ${noticeMotionCls}-enter-active`]: {
+			opacity: 1,
+			transform: baseTransform
+		},
+		[`${noticeMotionCls}-leave-start`]: {
+			opacity: 1,
+			transform: baseTransform
 		},
-		[`&${componentCls}-top`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: topFadeIn } },
-		[`&${componentCls}-bottom`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: bottomFadeIn } },
-		[`&${componentCls}-topRight, &${componentCls}-bottomRight`]: { [`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: rightFadeIn } },
-		[`&${componentCls}-topLeft, &${componentCls}-bottomLeft`]: {
-			marginRight: {
-				value: 0,
-				_skip_check_: true
-			},
-			marginLeft: {
-				value: notificationMarginEdge,
-				_skip_check_: true
-			},
-			[noticeCls]: {
-				marginInlineEnd: "auto",
-				marginInlineStart: 0
-			},
-			[`${componentCls}-fade-enter${componentCls}-fade-enter-active, ${componentCls}-fade-appear${componentCls}-fade-appear-active`]: { animationName: leftFadeIn }
+		[`${noticeMotionCls}-leave-active`]: {
+			opacity: 0,
+			transform: enterTransform
+		},
+		[`&${componentCls}-stack:not(${componentCls}-stack-expanded)`]: {
+			[noticeCls]: { clipPath: getPlacementStackClipPath(token, vertical) },
+			[`${noticeCls}[data-notification-index='0']`]: { clipPath: getStackNoticeClipPath(token) }
 		}
 	} };
+}
+/** Generate placement styles for all enabled notification placements. */
+function genNotificationPlacementRootStyle(token, placements = NotificationPlacements) {
+	const { notificationMotionOffset } = token;
+	const motionOffset = unit(notificationMotionOffset);
+	return { ...placements.reduce((styles, placement) => ({
+		...styles,
+		...genPlacementStyle(token, getPlacementStyleConfig(placement, motionOffset))
+	}), {}) };
+}
+/** Wrap placement styles under the component root selector. */
+const genNotificationPlacementStyle = (token) => {
+	const { componentCls } = token;
+	return { [componentCls]: genNotificationPlacementRootStyle(token) };
 };
 var placement_default = genNotificationPlacementStyle;
 

package/dist/notification/useNotification.d.ts

@@ -1,12 +1,12 @@
 import { NotificationConfig, NotificationInstance } from "./interface.js";
 import { MaybeRef } from "@v-c/util/dist/type";
-import * as vue_jsx_runtime0 from "vue/jsx-runtime";
+import * as vue_jsx_runtime14 from "vue/jsx-runtime";
 
 //#region src/notification/useNotification.d.ts
 type HolderProps = NotificationConfig & {
   onAllRemoved?: VoidFunction;
 };
-declare function useInternalNotification(notificationConfig?: MaybeRef<HolderProps>): readonly [NotificationInstance, () => vue_jsx_runtime0.JSX.Element];
-declare function useNotification(notificationConfig?: MaybeRef<NotificationConfig>): readonly [NotificationInstance, () => vue_jsx_runtime0.JSX.Element];
+declare function useInternalNotification(notificationConfig?: MaybeRef<HolderProps>): readonly [NotificationInstance, () => vue_jsx_runtime14.JSX.Element];
+declare function useNotification(notificationConfig?: MaybeRef<NotificationConfig>): readonly [NotificationInstance, () => vue_jsx_runtime14.JSX.Element];
 //#endregion
 export { useNotification as default, useInternalNotification };

package/dist/notification/useNotification.js

@@ -4,10 +4,10 @@ import useToken from "../theme/useToken.js";
 import { mergeClassNames, mergeStyles, resolveStyleOrClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
-import { computeClosable, pickClosable } from "../_util/hooks/useClosable.js";
 import style_default from "./style/index.js";
-import { PureContent, getCloseIcon } from "./PurePanel.js";
 import { getCloseIconConfig, getMotion, getPlacementStyle } from "./util.js";
+import { computeClosable, pickClosable } from "../_util/hooks/useClosable.js";
+import { getCloseIcon, getIconWrapperClassName, resolveIconNode } from "./PurePanel.js";
 import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef, unref } from "vue";
 import { clsx } from "@v-c/util";
 import { useNotification as useNotification$1, useNotificationProvider } from "@v-c/notification";
@@ -198,21 +198,29 @@ function useInternalNotification(notificationConfig) {
 			const semanticStyles = resolveStyleOrClass(styles, { props: config });
 			const mergedClassNames = mergeClassNames(void 0, originClassNames, semanticClassNames);
 			const mergedStyles = mergeStyles(originStyles, semanticStyles);
+			const iconNode = resolveIconNode(icon, type);
+			const iconWrapperClass = clsx(getIconWrapperClassName(noticePrefixCls, type), mergedClassNames.icon);
 			return originOpen({
 				placement: unref(notificationConfig)?.placement ?? DEFAULT_PLACEMENT,
 				...restConfig,
-				content: createVNode(PureContent, {
-					"prefixCls": noticePrefixCls,
-					"icon": icon,
-					"type": type,
-					"title": mergedTitle,
-					"description": description,
-					"actions": mergedActions,
-					"role": role,
-					"classes": mergedClassNames,
-					"styles": mergedStyles
-				}, null),
-				className: clsx({ [`${noticePrefixCls}-${type}`]: type }, className, contextClassName, mergedClassNames.root),
+				icon: iconNode,
+				title: mergedTitle,
+				description,
+				actions: mergedActions,
+				role,
+				classNames: {
+					icon: iconWrapperClass,
+					title: mergedClassNames.title,
+					description: mergedClassNames.description,
+					actions: mergedClassNames.actions
+				},
+				styles: {
+					icon: mergedStyles.icon,
+					title: mergedStyles.title,
+					description: mergedStyles.description,
+					actions: mergedStyles.actions
+				},
+				class: clsx({ [`${noticePrefixCls}-${type}`]: type }, { [`${noticePrefixCls}-with-icon`]: !!iconNode }, className, contextClassName, mergedClassNames.root),
 				style: {
 					...contextStyle,
 					...mergedStyles.root,

package/dist/notification/util.d.ts

@@ -1,12 +1,22 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { NotificationConfig, NotificationPlacement } from "./interface.js";
 import { NotificationConfig as NotificationConfig$1 } from "../config-provider/context.js";
 import { CSSProperties } from "vue";
 import { CSSMotionProps } from "@v-c/util/dist/utils/transition";
 
 //#region src/notification/util.d.ts
-declare function getPlacementStyle(placement: NotificationPlacement, top: number, bottom: number): CSSProperties;
+/**
+ * Mirror ant-design 6.4.0 getPlacementOffsetStyle: surface positioning via
+ * the --notification-top / --notification-bottom CSS variables that the
+ * new placement.ts style file consumes. Setting inline `top: Npx` would
+ * defeat the holder's `inset` calc and force the holder to occupy the
+ * full --notification-margin-edge gap, which manifests as a tall empty
+ * strip at the top of the page when scrolled.
+ */
+declare function getPlacementOffsetStyle(top?: number | string, bottom?: number | string): CSSProperties;
+/** @deprecated kept for the message wrapper; routes through getPlacementOffsetStyle. */
+declare function getPlacementStyle(_placement: NotificationPlacement, top: number, bottom: number): CSSProperties;
 declare function getMotion(prefixCls: string): CSSMotionProps;
-declare function getCloseIconConfig(closeIcon: VueNode, notificationConfig?: NotificationConfig, notification?: NotificationConfig$1): VueNode;
+declare function getCloseIconConfig(closeIcon: VueNode$1, notificationConfig?: NotificationConfig, notification?: NotificationConfig$1): VueNode$1;
 //#endregion
-export { getCloseIconConfig, getMotion, getPlacementStyle };
+export { getCloseIconConfig, getMotion, getPlacementOffsetStyle, getPlacementStyle };

package/dist/notification/util.js

@@ -1,55 +1,21 @@
 //#region src/notification/util.ts
-function getPlacementStyle(placement, top, bottom) {
-	let style;
-	switch (placement) {
-		case "top":
-			style = {
-				left: "50%",
-				transform: "translateX(-50%)",
-				right: "auto",
-				top: `${top}px`,
-				bottom: "auto"
-			};
-			break;
-		case "topLeft":
-			style = {
-				left: 0,
-				top: `${top}px`,
-				bottom: "auto"
-			};
-			break;
-		case "topRight":
-			style = {
-				right: 0,
-				top: `${top}px`,
-				bottom: "auto"
-			};
-			break;
-		case "bottom":
-			style = {
-				left: "50%",
-				transform: "translateX(-50%)",
-				right: "auto",
-				top: "auto",
-				bottom: `${bottom}px`
-			};
-			break;
-		case "bottomLeft":
-			style = {
-				left: 0,
-				top: "auto",
-				bottom: `${bottom}px`
-			};
-			break;
-		default:
-			style = {
-				right: 0,
-				top: "auto",
-				bottom: `${bottom}px`
-			};
-			break;
-	}
-	return style;
+/**
+* Mirror ant-design 6.4.0 getPlacementOffsetStyle: surface positioning via
+* the --notification-top / --notification-bottom CSS variables that the
+* new placement.ts style file consumes. Setting inline `top: Npx` would
+* defeat the holder's `inset` calc and force the holder to occupy the
+* full --notification-margin-edge gap, which manifests as a tall empty
+* strip at the top of the page when scrolled.
+*/
+function getPlacementOffsetStyle(top, bottom) {
+	const result = {};
+	if (top !== void 0 && top !== null) result["--notification-top"] = typeof top === "number" ? `${top}px` : top;
+	if (bottom !== void 0 && bottom !== null) result["--notification-bottom"] = typeof bottom === "number" ? `${bottom}px` : bottom;
+	return result;
+}
+/** @deprecated kept for the message wrapper; routes through getPlacementOffsetStyle. */
+function getPlacementStyle(_placement, top, bottom) {
+	return getPlacementOffsetStyle(top, bottom);
 }
 function getMotion(prefixCls) {
 	return { name: `${prefixCls}-fade` };
@@ -61,4 +27,4 @@ function getCloseIconConfig(closeIcon, notificationConfig, notification) {
 }
 
 //#endregion
-export { getCloseIconConfig, getMotion, getPlacementStyle };
+export { getCloseIconConfig, getMotion, getPlacementOffsetStyle, getPlacementStyle };

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "1.2.2";
+var version = "1.3.0";
 
 //#endregion
 export { version };

package/dist/package.json.d.ts

@@ -22,9 +22,9 @@ declare const _exports: {
       default: string;
     };
     "./dist/*": {
-      types: string;
-      import: string;
-      default: string;
+      types: string[];
+      import: string[];
+      default: string[];
     };
     "./dist/locale/*": {
       types: string;
@@ -37,9 +37,9 @@ declare const _exports: {
       default: string;
     };
     "./date-picker/*": {
-      types: string;
-      import: string;
-      default: string;
+      types: string[];
+      import: string[];
+      default: string[];
     };
     "./date-picker/locale/*": {
       types: string;
@@ -47,9 +47,9 @@ declare const _exports: {
       default: string;
     };
     "./time-picker/*": {
-      types: string;
-      import: string;
-      default: string;
+      types: string[];
+      import: string[];
+      default: string[];
     };
     "./time-picker/locale/*": {
       types: string;
@@ -62,9 +62,9 @@ declare const _exports: {
       default: string;
     };
     "./date-picker/generate/*": {
-      types: string;
-      import: string;
-      default: string;
+      types: string[];
+      import: string[];
+      default: string[];
     };
     "./global.d.ts": string;
     "./global": string;

package/dist/pagination/Pagination.d.ts

@@ -1,5 +1,5 @@
 import { PaginationEmits, PaginationProps, PaginationSlots } from "./interface.js";
-import * as vue134 from "vue";
+import * as vue198 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/pagination/Pagination.d.ts
@@ -10,6 +10,6 @@ interface PaginationEmitsProps {
   'onUpdate:current'?: PaginationEmits['update:current'];
   'onUpdate:pageSize'?: PaginationEmits['update:pageSize'];
 }
-declare const Pagination: vue134.DefineSetupFnComponent<InternalPaginationProps, PaginationEmits, SlotsType<PaginationSlots>, InternalPaginationProps, vue134.PublicProps>;
+declare const Pagination: vue198.DefineSetupFnComponent<InternalPaginationProps, PaginationEmits, SlotsType<PaginationSlots>, InternalPaginationProps, vue198.PublicProps>;
 //#endregion
 export { InternalPaginationProps, PaginationEmitsProps, Pagination as default };

package/dist/pagination/interface.d.ts

@@ -1,4 +1,4 @@
-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 { SizeType } from "../config-provider/SizeContext.js";
@@ -34,7 +34,7 @@ type PaginationClassNamesType = SemanticClassNamesType<PaginationProps, Paginati
 type PaginationStylesType = SemanticStylesType<PaginationProps, PaginationSemanticStyles>;
 interface PaginationProps extends Omit<PaginationProps$1, 'className' | 'style' | 'classNames' | 'styles' | 'locale' | 'showSizeChanger' | 'pageSizeOptions' | 'prevIcon' | 'nextIcon' | 'jumpPrevIcon' | 'jumpNextIcon' | 'onChange' | 'onShowSizeChange'> {
   showQuickJumper?: boolean | {
-    goButton?: VueNode;
+    goButton?: VueNode$1;
   };
   size?: SizeType;
   responsive?: boolean;
@@ -45,10 +45,10 @@ interface PaginationProps extends Omit<PaginationProps$1, 'className' | 'style'
   classes?: PaginationClassNamesType;
   styles?: PaginationStylesType;
   locale?: PaginationLocale;
-  prevIcon?: VueNode;
-  nextIcon?: VueNode;
-  jumpPrevIcon?: VueNode;
-  jumpNextIcon?: VueNode;
+  prevIcon?: VueNode$1;
+  nextIcon?: VueNode$1;
+  jumpPrevIcon?: VueNode$1;
+  jumpNextIcon?: VueNode$1;
   /** @deprecated Not official support. Will be removed in next major version. */
   selectComponentClass?: any;
 }
@@ -66,7 +66,7 @@ interface PaginationSlots {
   itemRender?: (ctx: {
     page: number;
     type: 'page' | 'prev' | 'next' | 'jump-prev' | 'jump-next';
-    element: VueNode;
+    element: VueNode$1;
   }) => any;
   showTotal?: (ctx: {
     total: number;

package/dist/pagination/style/bordered.d.ts

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

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

@@ -1,7 +1,7 @@
 import { SharedComponentToken, SharedInputToken } from "../../input/style/token.js";
 import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue915 from "vue";
+import * as vue515 from "vue";
 
 //#region src/pagination/style/index.d.ts
 interface ComponentToken {
@@ -119,6 +119,6 @@ interface PaginationToken extends FullToken<'Pagination'>, SharedComponentToken,
 }
 declare const prepareComponentToken: GetDefaultToken<'Pagination'>;
 declare function prepareToken(token: Parameters<GenStyleFn<'Pagination'>>[0]): PaginationToken;
-declare const _default: (prefixCls: vue915.Ref<string>, rootCls?: vue915.Ref<string | undefined>) => readonly [vue915.Ref<string, string>, vue915.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue515.Ref<string>, rootCls?: vue515.Ref<string | undefined>) => readonly [vue515.Ref<string, string>, vue515.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, PaginationToken, _default as default, prepareComponentToken, prepareToken };

package/dist/popconfirm/PurePanel.d.ts

@@ -1,6 +1,5 @@
-import { PopoverSemanticClassNames, PopoverSemanticStyles } from "../popover/index.js";
-import { PopconfirmProps } from "./index.js";
-import * as vue344 from "vue";
+import { PopconfirmProps, PopconfirmSemanticClassNames, PopconfirmSemanticStyles } from "./index.js";
+import * as vue590 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/popconfirm/PurePanel.d.ts
@@ -14,14 +13,14 @@ interface OverlayProps extends Pick<PopconfirmProps, 'icon' | 'okButtonProps' |
   onConfirm?: (e?: MouseEvent) => void;
   onCancel?: (e?: MouseEvent) => void;
   onPopupClick?: (e: MouseEvent) => void;
-  classes?: PopoverSemanticClassNames;
-  styles?: PopoverSemanticStyles;
+  classes?: PopconfirmSemanticClassNames;
+  styles?: PopconfirmSemanticStyles;
 }
-declare const Overlay: vue344.DefineSetupFnComponent<OverlayProps, {}, {}, OverlayProps & {}, vue344.PublicProps>;
+declare const Overlay: vue590.DefineSetupFnComponent<OverlayProps, {}, {}, OverlayProps & {}, vue590.PublicProps>;
 interface PurePanelProps extends Omit<OverlayProps, 'prefixCls'>, Pick<PopconfirmProps, 'placement'> {
   class?: string;
   style?: CSSProperties;
 }
-declare const PurePanel: vue344.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue344.PublicProps>;
+declare const PurePanel: vue590.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue590.PublicProps>;
 //#endregion
 export { Overlay, OverlayProps, PopconfirmLocale, PurePanelProps, PurePanel as default };

package/dist/popconfirm/PurePanel.js

@@ -36,7 +36,10 @@ const Overlay = /* @__PURE__ */ defineComponent((props) => {
 		return createVNode("div", {
 			"class": `${prefixCls}-inner-content`,
 			"onClick": handlePopupClick
-		}, [createVNode("div", { "class": `${prefixCls}-message` }, [icon && createVNode("span", { "class": `${prefixCls}-message-icon` }, [icon]), createVNode("div", { "class": `${prefixCls}-message-text` }, [title && createVNode("div", {
+		}, [createVNode("div", { "class": `${prefixCls}-message` }, [icon && createVNode("span", {
+			"class": clsx(`${prefixCls}-message-icon`, classes?.icon),
+			"style": styles?.icon
+		}, [icon]), createVNode("div", { "class": `${prefixCls}-message-text` }, [title && createVNode("div", {
 			"class": clsx(`${prefixCls}-title`, classes?.title),
 			"style": styles?.title
 		}, [title]), description && createVNode("div", {

package/dist/popconfirm/index.d.ts

@@ -1,4 +1,4 @@
-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 { TooltipEmits, TooltipRef } from "../tooltip/index.js";
@@ -6,26 +6,30 @@ import { PopoverProps, PopoverSemanticClassNames, PopoverSemanticName, PopoverSe
 import PurePanel from "./PurePanel.js";
 import { ButtonProps, LegacyButtonType } from "../button/Button.js";
 import "../button/index.js";
-import * as vue276 from "vue";
-import { App, SlotsType } from "vue";
+import * as vue817 from "vue";
+import { App, CSSProperties, SlotsType } from "vue";
 
 //#region src/popconfirm/index.d.ts
-type PopconfirmSemanticName = PopoverSemanticName;
-type PopconfirmSemanticClassNames = PopoverSemanticClassNames;
-type PopconfirmSemanticStyles = PopoverSemanticStyles;
+type PopconfirmSemanticName = PopoverSemanticName | 'icon';
+type PopconfirmSemanticClassNames = PopoverSemanticClassNames & {
+  icon?: string;
+};
+type PopconfirmSemanticStyles = PopoverSemanticStyles & {
+  icon?: CSSProperties;
+};
 type PopconfirmClassNamesType = SemanticClassNamesType<PopconfirmProps, PopconfirmSemanticClassNames>;
 type PopconfirmStylesType = SemanticStylesType<PopconfirmProps, PopconfirmSemanticStyles>;
 interface PopconfirmProps extends Omit<PopoverProps, 'title' | 'content' | 'classes' | 'styles'>, PopconfirmEmitsProps {
-  title?: VueNode;
-  description?: VueNode;
+  title?: VueNode$1;
+  description?: VueNode$1;
   disabled?: boolean;
-  okText?: VueNode;
-  cancelText?: VueNode;
+  okText?: VueNode$1;
+  cancelText?: VueNode$1;
   okType?: LegacyButtonType;
   okButtonProps?: ButtonProps;
   cancelButtonProps?: ButtonProps;
   showCancel?: boolean;
-  icon?: VueNode;
+  icon?: VueNode$1;
   classes?: PopconfirmClassNamesType;
   styles?: PopconfirmStylesType;
   onConfirm?: (e?: MouseEvent) => void;
@@ -51,7 +55,7 @@ interface PopconfirmSlots {
   okText?: () => any;
   cancelText?: () => any;
 }
-declare const InternalPopconfirm: vue276.DefineSetupFnComponent<PopconfirmProps, PopconfirmEmits, SlotsType<PopconfirmSlots>, PopconfirmProps, vue276.PublicProps>;
+declare const InternalPopconfirm: vue817.DefineSetupFnComponent<PopconfirmProps, PopconfirmEmits, SlotsType<PopconfirmSlots>, PopconfirmProps, vue817.PublicProps>;
 type PopconfirmType = typeof InternalPopconfirm & {
   install: (app: App) => void;
   _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;

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

@@ -1,6 +1,6 @@
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue928 from "vue";
+import * as vue475 from "vue";
 
 //#region src/popconfirm/style/index.d.ts
 interface ComponentToken {
@@ -16,6 +16,6 @@ interface ComponentToken {
  */
 interface PopconfirmToken extends FullToken<'Popconfirm'> {}
 declare const prepareComponentToken: GetDefaultToken<'Popconfirm'>;
-declare const _default: (prefixCls: vue928.Ref<string>, rootCls?: vue928.Ref<string | undefined>) => readonly [vue928.Ref<string, string>, vue928.ComputedRef<string | undefined>];
+declare const _default: (prefixCls: vue475.Ref<string>, rootCls?: vue475.Ref<string | undefined>) => readonly [vue475.Ref<string, string>, vue475.ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, PopconfirmToken, _default as default, prepareComponentToken };