antdv-next 1.2.2 → 1.3.0

package/dist/menu/MenuContext.d.ts

@@ -1,6 +1,6 @@
 import { MenuPopupSemanticClassNames, MenuPopupSemanticStyles, MenuSemanticClassNames, MenuSemanticStyles, SubMenuSemanticClassNames, SubMenuSemanticStyles } from "./menu.js";
 import { DirectionType } from "../config-provider/context.js";
-import * as vue377 from "vue";
+import * as vue67 from "vue";
 import { Ref } from "vue";
 
 //#region src/menu/MenuContext.d.ts
@@ -24,10 +24,10 @@ interface MenuContextProps {
 }
 declare function useMenuContextProvider(props: Ref<MenuContextProps>): void;
 declare function useMenuContext(): Ref<MenuContextProps>;
-declare const MenuContextProvider: vue377.DefineSetupFnComponent<{
+declare const MenuContextProvider: vue67.DefineSetupFnComponent<{
   value: MenuContextProps;
 }, {}, {}, {
   value: MenuContextProps;
-} & {}, vue377.PublicProps>;
+} & {}, vue67.PublicProps>;
 //#endregion
 export { MenuContextProps, MenuContextProvider, MenuTheme, useMenuContext, useMenuContextProvider };

package/dist/menu/MenuDivider.d.ts

@@ -1,10 +1,10 @@
-import * as vue220 from "vue";
+import * as vue75 from "vue";
 
 //#region src/menu/MenuDivider.d.ts
 interface MenuDividerProps {
   prefixCls?: string;
   dashed?: boolean;
 }
-declare const MenuDivider: vue220.DefineSetupFnComponent<MenuDividerProps, {}, {}, MenuDividerProps & {}, vue220.PublicProps>;
+declare const MenuDivider: vue75.DefineSetupFnComponent<MenuDividerProps, {}, {}, MenuDividerProps & {}, vue75.PublicProps>;
 //#endregion
 export { MenuDividerProps, MenuDivider as default };

package/dist/menu/MenuItem.d.ts

@@ -1,13 +1,13 @@
-import { EmptyEmit, VueNode } from "../_util/type.js";
-import * as vue326 from "vue";
+import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
+import * as vue69 from "vue";
 import { SlotsType } from "vue";
 import { MenuItemType } from "@v-c/menu";
 
 //#region src/menu/MenuItem.d.ts
 interface MenuItemProps extends Omit<MenuItemType, 'key'> {
-  icon?: VueNode;
+  icon?: VueNode$1;
   danger?: boolean;
-  title?: VueNode;
+  title?: VueNode$1;
   /** @private Internal filled key. Do not set it directly */
   eventKey?: string;
   /** @private Do not use. Private warning empty usage */
@@ -24,6 +24,6 @@ interface MenuItemSlots {
   title: () => any;
   extra: () => any;
 }
-declare const MenuItem: vue326.DefineSetupFnComponent<MenuItemProps, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps, vue326.PublicProps>;
+declare const MenuItem: vue69.DefineSetupFnComponent<MenuItemProps, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps, vue69.PublicProps>;
 //#endregion
 export { MenuItemProps, MenuItemSlots, MenuItem as default };

package/dist/menu/MenuItemGroup.d.ts

@@ -1,16 +1,16 @@
-import { EmptyEmit, VueNode } from "../_util/type.js";
-import * as vue222 from "vue";
+import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
+import * as vue65 from "vue";
 import { SlotsType } from "vue";
 import { MenuItemGroupProps as MenuItemGroupProps$1 } from "@v-c/menu";
 
 //#region src/menu/MenuItemGroup.d.ts
 interface MenuItemGroupProps extends Omit<MenuItemGroupProps$1, 'title' | 'children'> {
-  title?: VueNode;
+  title?: VueNode$1;
 }
 interface MenuItemGroupSlots {
   default?: () => any;
   title?: () => any;
 }
-declare const MenuItemGroup: vue222.DefineSetupFnComponent<MenuItemGroupProps, EmptyEmit, SlotsType<MenuItemGroupSlots>, MenuItemGroupProps, vue222.PublicProps>;
+declare const MenuItemGroup: vue65.DefineSetupFnComponent<MenuItemGroupProps, EmptyEmit, SlotsType<MenuItemGroupSlots>, MenuItemGroupProps, vue65.PublicProps>;
 //#endregion
 export { MenuItemGroupProps, MenuItemGroupSlots, MenuItemGroup as default };

package/dist/menu/OverrideContext.d.ts

@@ -1,12 +1,12 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { MenuProps } from "./menu.js";
-import * as vue224 from "vue";
+import * as vue73 from "vue";
 import { Ref } from "vue";
 
 //#region src/menu/OverrideContext.d.ts
 interface OverrideContextProps {
   prefixCls?: string;
-  expandIcon?: VueNode;
+  expandIcon?: VueNode$1;
   mode?: MenuProps['mode'];
   selectable?: boolean;
   validator?: (menuProps: Pick<MenuProps, 'mode'>) => void;
@@ -15,10 +15,10 @@ interface OverrideContextProps {
 }
 declare function useOverrideContext(): Ref<OverrideContextProps, OverrideContextProps> | null;
 /** @internal Only used for Dropdown component. Do not use this in your production. */
-declare const OverrideProvider: vue224.DefineSetupFnComponent<{
+declare const OverrideProvider: vue73.DefineSetupFnComponent<{
   value?: OverrideContextProps | null;
 }, {}, {}, {
   value?: OverrideContextProps | null;
-} & {}, vue224.PublicProps>;
+} & {}, vue73.PublicProps>;
 //#endregion
 export { OverrideContextProps, OverrideProvider, useOverrideContext };

package/dist/menu/SubMenu.d.ts

@@ -1,17 +1,17 @@
-import { EmptyEmit, VueNode } from "../_util/type.js";
+import { EmptyEmit, VueNode as VueNode$1 } from "../_util/type.js";
 import { SubMenuType } from "./interface.js";
-import * as vue230 from "vue";
+import * as vue71 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/menu/SubMenu.d.ts
 interface SubMenuProps extends Omit<SubMenuType, 'key' | 'label' | 'children'> {
-  title?: VueNode;
+  title?: VueNode$1;
 }
 interface SubMenuSlots {
   title: () => any;
   icon: () => any;
   default: () => any;
 }
-declare const SubMenu: vue230.DefineSetupFnComponent<SubMenuProps, EmptyEmit, SlotsType<SubMenuSlots>, SubMenuProps, vue230.PublicProps>;
+declare const SubMenu: vue71.DefineSetupFnComponent<SubMenuProps, EmptyEmit, SlotsType<SubMenuSlots>, SubMenuProps, vue71.PublicProps>;
 //#endregion
 export { SubMenuProps, SubMenuSlots, SubMenu as default };

package/dist/menu/index.d.ts

@@ -5,7 +5,7 @@ import { MenuEmits, MenuEmitsProps, MenuProps as MenuProps$2, MenuSlots } from "
 import MenuItemGroup, { MenuItemGroupProps } from "./MenuItemGroup.js";
 import SubMenu, { SubMenuProps } from "./SubMenu.js";
 import MenuDivider from "./MenuDivider.js";
-import * as vue242 from "vue";
+import * as vue4 from "vue";
 import { SlotsType } from "vue";
 import { MenuRef as MenuRef$1 } from "@v-c/menu";
 
@@ -17,8 +17,8 @@ interface MenuRef {
 }
 interface InternalMenuProps extends MenuProps$2, MenuEmitsProps {}
 type MenuProps = InternalMenuProps;
-declare const Menu: vue242.DefineSetupFnComponent<InternalMenuProps, MenuEmits, SlotsType<MenuSlots>, InternalMenuProps, vue242.PublicProps>;
-declare const MenuItem: vue242.DefineSetupFnComponent<MenuItemProps, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps, vue242.PublicProps>;
+declare const Menu: vue4.DefineSetupFnComponent<InternalMenuProps, MenuEmits, SlotsType<MenuSlots>, InternalMenuProps, vue4.PublicProps>;
+declare const MenuItem: vue4.DefineSetupFnComponent<MenuItemProps, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps, vue4.PublicProps>;
 declare const _default: typeof Menu & {
   Item: typeof MenuItem$1;
   SubMenu: typeof SubMenu;

package/dist/menu/menu.d.ts

@@ -1,6 +1,6 @@
 import { ItemType } from "./interface.js";
 import { MenuTheme } from "./MenuContext.js";
-import * as vue236 from "vue";
+import * as vue26 from "vue";
 import { CSSProperties, SlotsType } from "vue";
 import { MenuInfo, MenuItemProps, MenuProps as MenuProps$1, RenderIconInfo, SelectInfo } from "@v-c/menu";
 
@@ -114,6 +114,6 @@ interface MenuSlots {
   itemIcon?: (props: MenuItemProps & RenderIconInfo) => any;
 }
 interface InternalMenuRuntimeProps extends InternalMenuProps, MenuEmitsProps {}
-declare const InternalMenu: vue236.DefineSetupFnComponent<InternalMenuRuntimeProps, MenuEmits, SlotsType<MenuSlots>, InternalMenuRuntimeProps, vue236.PublicProps>;
+declare const InternalMenu: vue26.DefineSetupFnComponent<InternalMenuRuntimeProps, MenuEmits, SlotsType<MenuSlots>, InternalMenuRuntimeProps, vue26.PublicProps>;
 //#endregion
 export { MenuClassNamesType, MenuEmits, MenuEmitsProps, MenuPopupSemanticClassNames, MenuPopupSemanticName, MenuPopupSemanticStyles, MenuProps, MenuSemanticClassNames, MenuSemanticName, MenuSemanticStyles, MenuSlots, MenuStylesType, RenderItem, SubMenuSemanticClassNames, SubMenuSemanticName, SubMenuSemanticStyles, InternalMenu as default };

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

@@ -1,6 +1,6 @@
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import "../../theme/internal.js";
-import * as vue797 from "vue";
+import * as vue311 from "vue";
 import { CSSProperties, ComputedRef } from "vue";
 
 //#region src/menu/style/index.d.ts
@@ -361,6 +361,6 @@ interface MenuToken extends FullToken<'Menu'> {
   darkPopupBg: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Menu'>;
-declare const _default: (prefixCls: ComputedRef<string>, rootCls?: ComputedRef<string>, injectStyle?: boolean) => readonly [vue797.Ref<string, string>, ComputedRef<string | undefined>];
+declare const _default: (prefixCls: ComputedRef<string>, rootCls?: ComputedRef<string>, injectStyle?: boolean) => readonly [vue311.Ref<string, string>, ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, MenuToken, _default as default, prepareComponentToken };

package/dist/menu/style/index.js

@@ -1,4 +1,4 @@
-import { clearFix, resetComponent, resetIcon } from "../../style/index.js";
+import { clearFix, resetComponent, resetIcon, textEllipsis } from "../../style/index.js";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
 import { mergeToken } from "../../theme/internal.js";
 import collapse_default from "../../style/motion/collapse.js";
@@ -146,17 +146,25 @@ const getBaseStyle = (token) => {
 				"&-with-extra": {
 					display: "inline-flex",
 					alignItems: "center",
-					width: "100%"
+					width: "100%",
+					minWidth: 0
 				},
-				[`> ${antCls}-typography-ellipsis-single-line`]: {
+				[`${componentCls}-item-label`]: {
+					flex: "auto",
+					minWidth: 0,
+					...textEllipsis
+				},
+				[[`> ${antCls}-typography-ellipsis-single-line`, `> ${componentCls}-item-label > ${antCls}-typography-ellipsis-single-line`].join(",")]: {
 					display: "inline",
 					verticalAlign: "unset"
 				},
 				[`${componentCls}-item-extra`]: {
+					flex: "none",
 					marginInlineStart: "auto",
 					paddingInlineStart: token.padding
 				}
 			},
+			[`${componentCls}-item-icon + ${componentCls}-title-content-with-extra`]: { width: `calc(100% - ${unit(token.calc(token.iconSize).add(token.iconMarginInlineEnd ?? 0).equal())})` },
 			[`${componentCls}-item a`]: { "&::before": {
 				position: "absolute",
 				inset: 0,

package/dist/menu/style/vertical.js

@@ -30,7 +30,7 @@ const getVerticalInlineStyle = (token) => {
 	};
 };
 const getVerticalStyle = (token) => {
-	const { componentCls, iconCls, itemHeight, colorTextLightSolid, dropdownWidth, controlHeightLG, motionEaseOut, paddingXL, itemMarginInline, fontSizeLG, motionDurationFast, motionDurationSlow, paddingXS, boxShadowSecondary, collapsedWidth, collapsedIconSize } = token;
+	const { componentCls, iconCls, itemHeight, colorTextLightSolid, dropdownWidth, controlHeightLG, motionEaseOut, padding, paddingXL, itemMarginInline, fontSizeLG, motionDurationFast, motionDurationSlow, paddingXS, boxShadowSecondary, collapsedWidth, collapsedIconSize } = token;
 	const inlineItemStyle = {
 		height: itemHeight,
 		lineHeight: unit(itemHeight),
@@ -129,6 +129,7 @@ const getVerticalStyle = (token) => {
 			"&-tooltip": {
 				pointerEvents: "none",
 				[`${componentCls}-item-icon, ${iconCls}`]: { display: "none" },
+				[`${componentCls}-item-extra`]: { paddingInlineStart: padding },
 				"a, a:hover": { color: colorTextLightSolid }
 			},
 			[`${componentCls}-item-group-title`]: {

package/dist/message/PureList.d.ts

@@ -0,0 +1,28 @@
+import { ArgsClassNamesType, NoticeType } from "./interface.js";
+import * as vue80 from "vue";
+import { CSSProperties, SlotsType, VueNode } from "vue";
+
+//#region src/message/PureList.d.ts
+interface PureListItem {
+  key: string | number;
+  content?: VueNode;
+  type: NoticeType;
+  duration?: number | false;
+}
+interface PureListProps {
+  items: PureListItem[];
+  classes?: ArgsClassNamesType;
+  style?: CSSProperties;
+}
+interface PureListSlots {
+  default?: () => any;
+}
+/**
+ * @private Internal component. Do not use in production.
+ * Mirrors ant-design 6.4 `message._InternalListDoNotUseOrYouWillBeFired`.
+ */
+declare const PureList: vue80.DefineSetupFnComponent<PureListProps, Record<string, never>, SlotsType<PureListSlots>, PureListProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
+}, vue80.PublicProps>;
+//#endregion
+export { PureListItem, PureListProps, PureListSlots, PureList as default };

package/dist/message/PureList.js

@@ -0,0 +1,75 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
+import style_default from "./style/index.js";
+import { resolveMessageIcon } from "./PurePanel.js";
+import { computed, createVNode, defineComponent } from "vue";
+import { clsx } from "@v-c/util";
+import { NotificationList } from "@v-c/notification";
+
+//#region src/message/PureList.tsx
+/**
+* @private Internal component. Do not use in production.
+* Mirrors ant-design 6.4 `message._InternalListDoNotUseOrYouWillBeFired`.
+*/
+const PureList = /* @__PURE__ */ defineComponent((props) => {
+	const { getPrefixCls } = useComponentBaseConfig("message", props);
+	const prefixCls = computed(() => getPrefixCls("message"));
+	const rootCls = useCSSVarCls_default(prefixCls);
+	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	return () => {
+		const noticePrefixCls = `${prefixCls.value}-notice`;
+		const classes = props.classes ?? {};
+		const configList = props.items.map((item) => {
+			const { content, duration, key, type } = item;
+			const typeIconCls = type ? `${noticePrefixCls}-icon-${type}` : void 0;
+			return {
+				key,
+				duration,
+				icon: resolveMessageIcon(prefixCls.value, void 0, type),
+				title: content,
+				class: `${noticePrefixCls}-${type}`,
+				classNames: {
+					wrapper: `${prefixCls.value}-${type}`,
+					icon: typeIconCls
+				}
+			};
+		});
+		return createVNode(NotificationList, {
+			"prefixCls": prefixCls.value,
+			"placement": "top",
+			"configList": configList,
+			"class": clsx(hashId.value, cssVarCls.value, rootCls.value),
+			"classNames": {
+				list: classes.list,
+				listContent: classes.listContent,
+				wrapper: classes.wrapper,
+				title: classes.title,
+				icon: classes.icon,
+				root: classes.root
+			},
+			"style": props.style,
+			"stack": false
+		}, null);
+	};
+}, {
+	props: {
+		items: {
+			type: Array,
+			required: true
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		style: {
+			type: Object,
+			required: false
+		}
+	},
+	name: "MessagePureList",
+	inheritAttrs: false
+});
+var PureList_default = PureList;
+
+//#endregion
+export { PureList_default as default };

package/dist/message/PurePanel.d.ts

@@ -1,26 +1,34 @@
-import { VueNode } from "../_util/type.js";
+import { VueNode as VueNode$1 } from "../_util/type.js";
 import { ArgsClassNamesType, ArgsStylesType, MessageSemanticClassNames, MessageSemanticStyles, NoticeType } from "./interface.js";
-import * as vue1048 from "vue";
+import * as vue84 from "vue";
 
 //#region src/message/PurePanel.d.ts
 interface PureContentProps {
   prefixCls: string;
   type?: NoticeType;
-  icon?: VueNode;
+  icon?: VueNode$1;
   classNames?: MessageSemanticClassNames;
   styles?: MessageSemanticStyles;
 }
-declare const PureContent: vue1048.DefineSetupFnComponent<PureContentProps, {}, {}, PureContentProps & {}, vue1048.PublicProps>;
+declare const TypeIcon: Record<NoticeType, any>;
+/**
+ * Mirrors ant-design 6.4 `getMessageIcon`. Returns a renderable icon vnode for
+ * the type, allowing a custom `icon` to take precedence. The notice element
+ * wraps it with `${prefixCls}-notice-icon`, so the returned vnode does NOT
+ * need the `${prefixCls}-icon` class anymore.
+ */
+declare function resolveMessageIcon(_prefixCls: string, icon: VueNode$1 | undefined, type: NoticeType | undefined): VueNode$1;
+declare const PureContent: vue84.DefineSetupFnComponent<PureContentProps, {}, {}, PureContentProps & {}, vue84.PublicProps>;
 interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children' | 'classNames' | 'styles'> {
-  content?: VueNode;
+  content?: VueNode$1;
   duration?: number | false | null;
   showProgress?: boolean;
   pauseOnHover?: boolean;
   closable?: boolean | ({
-    closeIcon?: VueNode;
+    closeIcon?: VueNode$1;
     onClose?: VoidFunction;
   } & Record<string, any>);
-  closeIcon?: VueNode;
+  closeIcon?: VueNode$1;
   props?: Record<string, any>;
   onClose?: VoidFunction;
   onClick?: (event: Event) => void;
@@ -30,6 +38,6 @@ interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children'
   styles?: ArgsStylesType;
 }
 /** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue1048.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue1048.PublicProps>;
+declare const PurePanel: vue84.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue84.PublicProps>;
 //#endregion
-export { PureContent, PureContentProps, PurePanelProps, PurePanel as default };
+export { PureContent, PureContentProps, PurePanelProps, TypeIcon, PurePanel as default, resolveMessageIcon };

package/dist/message/PurePanel.js

@@ -3,11 +3,11 @@ import { pureAttrs, useMergeSemantic, useToArr, useToProps } from "../_util/hook
 import { toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls_default from "../config-provider/hooks/useCSSVarCls.js";
 import style_default from "./style/index.js";
-import { cloneVNode, computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { Fragment, computed, createVNode, defineComponent, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { CheckCircleFilled, CloseCircleFilled, ExclamationCircleFilled, InfoCircleFilled, LoadingOutlined } from "@antdv-next/icons";
 import { omit } from "es-toolkit";
-import { Notice } from "@v-c/notification";
+import { Notification } from "@v-c/notification";
 
 //#region src/message/PurePanel.tsx
 const TypeIcon = {
@@ -17,33 +17,21 @@ const TypeIcon = {
 	warning: ExclamationCircleFilled,
 	loading: LoadingOutlined
 };
+/**
+* Mirrors ant-design 6.4 `getMessageIcon`. Returns a renderable icon vnode for
+* the type, allowing a custom `icon` to take precedence. The notice element
+* wraps it with `${prefixCls}-notice-icon`, so the returned vnode does NOT
+* need the `${prefixCls}-icon` class anymore.
+*/
+function resolveMessageIcon(_prefixCls, icon, type) {
+	if (icon !== void 0 && icon !== null) return icon;
+	const IconNode = type ? TypeIcon[type] : null;
+	return IconNode ? createVNode(IconNode, null, null) : null;
+}
 const PureContent = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	return () => {
-		const { prefixCls, type, icon, classNames: pureContentClassNames, styles } = props;
-		const renderIcon = () => {
-			if (!icon && !type) return null;
-			if (icon && isVNode(icon)) return cloneVNode(icon, {
-				class: clsx(icon.props?.class, pureContentClassNames?.icon),
-				style: {
-					...icon.props?.style,
-					...styles?.icon
-				}
-			});
-			if (icon) return createVNode("span", {
-				"class": clsx(`${prefixCls}-icon`, pureContentClassNames?.icon),
-				"style": styles?.icon
-			}, [icon]);
-			const IconNode = type ? TypeIcon[type] : null;
-			return IconNode ? createVNode(IconNode, {
-				"class": clsx(`${prefixCls}-icon`, pureContentClassNames?.icon),
-				"style": styles?.icon
-			}, null) : null;
-		};
-		const iconNode = renderIcon();
-		return createVNode("div", { "class": clsx(`${prefixCls}-custom-content`, type && `${prefixCls}-${type}`) }, [iconNode, createVNode("span", {
-			"class": pureContentClassNames?.content,
-			"style": styles?.content
-		}, [slots.default?.()])]);
+		const { prefixCls, type, icon } = props;
+		return createVNode(Fragment, null, [resolveMessageIcon(prefixCls, icon, type), slots.default?.()]);
 	};
 }, {
 	props: {
@@ -99,23 +87,30 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, messageClassNames), useToArr(contextStyles, styles), useToProps(mergedProps));
 	return () => {
 		const restProps = omit(props, omitKeys);
-		return createVNode(Notice, mergeProps(pureAttrs(attrs), restProps, {
+		const noticePrefixCls = `${prefixCls.value}-notice`;
+		const iconNode = resolveMessageIcon(prefixCls.value, props.icon, props.type);
+		const typeIconCls = props.type ? `${noticePrefixCls}-icon-${props.type}` : void 0;
+		return createVNode(Notification, mergeProps(pureAttrs(attrs), restProps, {
 			"prefixCls": prefixCls.value,
-			"eventKey": "pure",
 			"duration": null,
-			"className": clsx(contextClassName.value, mergedClassNames.value?.root, props.class, hashId.value, cssVarCls.value, rootCls.value, `${prefixCls.value}-notice-pure-panel`),
+			"classNames": {
+				wrapper: clsx(props.type && `${prefixCls.value}-${props.type}`, mergedClassNames.value?.wrapper),
+				icon: clsx(typeIconCls, mergedClassNames.value?.icon),
+				title: mergedClassNames.value?.title
+			},
+			"styles": {
+				wrapper: mergedStyles.value?.wrapper,
+				icon: mergedStyles.value?.icon,
+				title: mergedStyles.value?.title
+			},
+			"class": clsx(contextClassName.value, mergedClassNames.value?.root, props.class, hashId.value, cssVarCls.value, rootCls.value, `${prefixCls.value}-notice-pure-panel`, props.type && `${noticePrefixCls}-${props.type}`),
 			"style": {
 				...mergedStyles.value.root,
 				...contextStyle.value,
 				...attrs.style
 			},
-			"content": createVNode(PureContent, {
-				"prefixCls": prefixCls.value,
-				"type": props.type,
-				"icon": props.icon,
-				"classNames": mergedClassNames.value,
-				"styles": mergedStyles.value
-			}, { default: () => [props.content] })
+			"icon": iconNode,
+			"title": props.content
 		}), null);
 	};
 }, {
@@ -216,4 +211,4 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 var PurePanel_default = PurePanel;
 
 //#endregion
-export { PureContent, PurePanel_default as default };
+export { PureContent, TypeIcon, PurePanel_default as default, resolveMessageIcon };

package/dist/message/index.d.ts

@@ -1,4 +1,5 @@
 import { ArgsProps, ConfigOptions, MessageType, TypeOpen } from "./interface.js";
+import PureList from "./PureList.js";
 import PurePanel from "./PurePanel.js";
 import useMessage from "./useMessage.js";
 import { Key } from "@v-c/util/dist/type";
@@ -11,6 +12,8 @@ interface BaseMethods {
   useMessage: typeof useMessage;
   /** @private Internal Component. Do not use in your production. */
   _InternalPanelDoNotUseOrYouWillBeFired: typeof PurePanel;
+  /** @private Internal Component. Do not use in your production. */
+  _InternalListDoNotUseOrYouWillBeFired: typeof PureList;
 }
 interface MessageMethods {
   info: TypeOpen;

package/dist/message/index.js

@@ -2,6 +2,7 @@ import { useBaseConfig } from "../config-provider/context.js";
 import config_provider_default, { globalConfig } from "../config-provider/index.js";
 import { useAppConfig } from "../app/context.js";
 import PurePanel_default from "./PurePanel.js";
+import PureList_default from "./PureList.js";
 import { wrapPromiseFn } from "./util.js";
 import useMessage, { useInternalMessage } from "./useMessage.js";
 import { createVNode, defineComponent, getCurrentInstance, isVNode, onMounted, render, shallowRef, watch } from "vue";
@@ -223,7 +224,8 @@ const staticMethods = {
 	destroy,
 	config: setMessageGlobalConfig,
 	useMessage,
-	_InternalPanelDoNotUseOrYouWillBeFired: PurePanel_default
+	_InternalPanelDoNotUseOrYouWillBeFired: PurePanel_default,
+	_InternalListDoNotUseOrYouWillBeFired: PureList_default
 };
 methods.forEach((type) => {
 	staticMethods[type] = (...args) => typeOpen(type, args);

package/dist/message/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 { AppContext, CSSProperties } from "vue";
@@ -8,14 +8,20 @@ import { Key } from "@v-c/util/dist/type";
 type NoticeType = 'info' | 'success' | 'error' | 'warning' | 'loading';
 type MessageSemanticName = keyof MessageSemanticClassNames & keyof MessageSemanticStyles;
 interface MessageSemanticClassNames {
+  list?: string;
+  listContent?: string;
   root?: string;
+  wrapper?: string;
   icon?: string;
-  content?: string;
+  title?: string;
 }
 interface MessageSemanticStyles {
+  list?: CSSProperties;
+  listContent?: CSSProperties;
   root?: CSSProperties;
+  wrapper?: CSSProperties;
   icon?: CSSProperties;
-  content?: CSSProperties;
+  title?: CSSProperties;
 }
 type ArgsClassNamesType = SemanticClassNamesType<ArgsProps, MessageSemanticClassNames>;
 type ArgsStylesType = SemanticStylesType<ArgsProps, MessageSemanticStyles>;
@@ -41,7 +47,7 @@ interface ArgsProps {
    * @descCN 消息通知的内容，接收组件或者字符串
    * @descEN The content of the message notification, receiving component or string
    */
-  content: VueNode;
+  content: VueNode$1;
   /**
    * @descCN 消息通知持续显示的时间
    * @descEN How long the message notification remains displayed
@@ -57,7 +63,7 @@ interface ArgsProps {
    * @descEN The callback function called when the message notification is closed
    */
   onClose?: () => void;
-  icon?: VueNode;
+  icon?: VueNode$1;
   key?: Key;
   style?: CSSProperties;
   class?: string;

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

@@ -1,6 +1,4 @@
-import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
-import "../../theme/internal.js";
-import * as vue481 from "vue";
+import * as vue263 from "vue";
 import { CSSProperties } from "vue";
 
 //#region src/message/style/index.d.ts
@@ -22,7 +20,15 @@ interface ComponentToken {
    */
   contentPadding: CSSProperties['padding'];
 }
-declare const prepareComponentToken: GetDefaultToken<'Message'>;
-declare const _default: (prefixCls: vue481.Ref<string>, rootCls?: vue481.Ref<string | undefined>) => readonly [vue481.Ref<string, string>, vue481.ComputedRef<string | undefined>];
+/** Register the PurePanel sub-style component for Message. */
+declare const PurePanelStyle: vue263.DefineComponent<vue263.ExtractPropTypes<{
+  prefixCls: StringConstructor;
+  rootCls: StringConstructor;
+}>, () => null, {}, {}, {}, vue263.ComponentOptionsMixin, vue263.ComponentOptionsMixin, {}, string, vue263.PublicProps, Readonly<vue263.ExtractPropTypes<{
+  prefixCls: StringConstructor;
+  rootCls: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, vue263.ComponentProvideOptions, true, {}, any>;
+/** Register the main style hook for Message. */
+declare const _default: (prefixCls: vue263.Ref<string>, rootCls?: vue263.Ref<string | undefined>) => readonly [vue263.Ref<string, string>, vue263.ComputedRef<string | undefined>];
 //#endregion
-export { ComponentToken, _default as default, prepareComponentToken };
+export { ComponentToken, PurePanelStyle, _default as default };