antdv-next 1.0.0-beta.3 → 1.0.0-rc.1

package/dist/input-number/index.d.mts

@@ -4,14 +4,27 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.mjs";
 import { InputStatus } from "../_util/statusUtils.mjs";
 import { ComponentBaseProps, Variant } from "../config-provider/context.mjs";
-import * as vue175 from "vue";
-import { SlotsType } from "vue";
+import * as vue112 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 import { InputNumberProps, InputNumberRef as VcInputNumberRef, ValueType } from "@v-c/input-number";
 
 //#region src/input-number/index.d.ts
-type SemanticName = 'root' | 'prefix' | 'suffix' | 'input' | 'actions';
-type InputNumberClassNamesType = SemanticClassNamesType<InputNumberProps$1, SemanticName>;
-type InputNumberStylesType = SemanticStylesType<InputNumberProps$1, SemanticName>;
+interface InputNumberSemanticClassNames {
+  root?: string;
+  prefix?: string;
+  suffix?: string;
+  input?: string;
+  actions?: string;
+}
+interface InputNumberSemanticStyles {
+  root?: CSSProperties;
+  prefix?: CSSProperties;
+  suffix?: CSSProperties;
+  input?: CSSProperties;
+  actions?: CSSProperties;
+}
+type InputNumberClassNamesType = SemanticClassNamesType<InputNumberProps$1, InputNumberSemanticClassNames>;
+type InputNumberStylesType = SemanticStylesType<InputNumberProps$1, InputNumberSemanticStyles>;
 interface InputNumberStepContext {
   offset: ValueType;
   type: 'up' | 'down';
@@ -69,8 +82,8 @@ interface InputNumberSlots {
   addonAfter?: () => any;
   default?: () => any;
 }
-declare const InputNumber: vue175.DefineSetupFnComponent<InputNumberProps$1, InputNumberEmits, SlotsType<InputNumberSlots>, InputNumberProps$1 & {
+declare const InputNumber: vue112.DefineSetupFnComponent<InputNumberProps$1, InputNumberEmits, SlotsType<InputNumberSlots>, InputNumberProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue175.PublicProps>;
+}, vue112.PublicProps>;
 //#endregion
 export { InputNumber, InputNumberEmits, InputNumberProps$1 as InputNumberProps, InputNumberStepContext, type ValueType, VcInputNumberRef };

package/dist/layout/index.d.mts

@@ -1,14 +1,14 @@
 import { BasicProps, Layout } from "./layout.mjs";
 import { SiderEmits, SiderProps, SiderSlots, useSiderCtx } from "./Sider.mjs";
-import * as vue177 from "vue";
+import * as vue114 from "vue";
 
 //#region src/layout/index.d.ts
 declare const useLayoutSider: typeof useSiderCtx;
-declare const LayoutHeader: vue177.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue177.PublicProps>;
-declare const LayoutFooter: vue177.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue177.PublicProps>;
-declare const LayoutContent: vue177.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue177.PublicProps>;
-declare const LayoutSider: vue177.DefineSetupFnComponent<SiderProps, SiderEmits, vue177.SlotsType<SiderSlots>, SiderProps & {
+declare const LayoutHeader: vue114.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue114.PublicProps>;
+declare const LayoutFooter: vue114.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue114.PublicProps>;
+declare const LayoutContent: vue114.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue114.PublicProps>;
+declare const LayoutSider: vue114.DefineSetupFnComponent<SiderProps, SiderEmits, vue114.SlotsType<SiderSlots>, SiderProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue177.PublicProps>;
+}, vue114.PublicProps>;
 //#endregion
 export { LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, useLayoutSider };

package/dist/layout/layout.d.mts

@@ -1,12 +1,11 @@
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue330 from "vue";
+import * as vue267 from "vue";
 
 //#region src/layout/layout.d.ts
-
 interface BasicProps extends ComponentBaseProps {
   suffixCls?: string;
   hasSider?: boolean;
 }
-declare const Layout: vue330.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue330.PublicProps>;
+declare const Layout: vue267.DefineSetupFnComponent<BasicProps, {}, {}, BasicProps & {}, vue267.PublicProps>;
 //#endregion
 export { BasicProps, Layout };

package/dist/locale/index.d.mts

@@ -17,7 +17,6 @@ import { UploadLocale } from "../upload/interface.mjs";
 import { Ref } from "vue";
 
 //#region src/locale/index.d.ts
-
 interface Locale {
   locale: string;
   Pagination?: PaginationLocale;

package/dist/masonry/Masonry.d.mts

@@ -5,14 +5,21 @@ import { RowProps } from "../grid/row.mjs";
 import "../grid/index.mjs";
 import { MasonryItemType } from "./MasonryItem.mjs";
 import { ComponentBaseProps } from "../config-provider/context.mjs";
-import * as vue326 from "vue";
-import { SlotsType } from "vue";
+import * as vue257 from "vue";
+import { CSSProperties, SlotsType } from "vue";
 
 //#region src/masonry/Masonry.d.ts
 type Key = string | number;
-type SemanticName = 'root' | 'item';
-type MasonryClassNamesType = SemanticClassNamesType<MasonryProps, SemanticName>;
-type MasonryStylesType = SemanticStylesType<MasonryProps, SemanticName>;
+interface MasonrySemanticClassNames {
+  root?: string;
+  item?: string;
+}
+interface MasonrySemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+}
+type MasonryClassNamesType = SemanticClassNamesType<MasonryProps, MasonrySemanticClassNames>;
+type MasonryStylesType = SemanticStylesType<MasonryProps, MasonrySemanticStyles>;
 interface MasonryProps extends ComponentBaseProps {
   classes?: MasonryClassNamesType;
   styles?: MasonryStylesType;
@@ -43,8 +50,8 @@ interface MasonrySlots {
 interface MasonryRef {
   nativeElement: HTMLDivElement;
 }
-declare const Masonry: vue326.DefineSetupFnComponent<MasonryProps, MasonryEmits, SlotsType<MasonrySlots>, MasonryProps & {
+declare const Masonry: vue257.DefineSetupFnComponent<MasonryProps, MasonryEmits, SlotsType<MasonrySlots>, MasonryProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue326.PublicProps>;
+}, vue257.PublicProps>;
 //#endregion
 export { Masonry, MasonryEmits, MasonryProps, MasonryRef, MasonrySlots };

package/dist/masonry/MasonryItem.mjs

@@ -7,8 +7,8 @@ const MasonryItem = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	const domRef = shallowRef();
 	let observer = null;
 	const onResize = () => {
-		const onResize$1 = props?.onResize;
-		if (onResize$1) onResize$1();
+		const onResize = props?.onResize;
+		if (onResize) onResize();
 	};
 	watch([() => props.onResize, domRef], (_n, _o, onCleanup) => {
 		if (props.onResize && domRef.value) {

package/dist/mentions/index.d.mts

@@ -4,15 +4,26 @@ import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMe
 import "../_util/hooks/index.mjs";
 import { InputStatus } from "../_util/statusUtils.mjs";
 import { ComponentBaseProps, Variant } from "../config-provider/context.mjs";
-import * as vue186 from "vue";
-import { App, SlotsType } from "vue";
+import * as vue123 from "vue";
+import { App, CSSProperties, SlotsType } from "vue";
 import { DataDrivenOptionProps, MentionsProps, MentionsRef, Option } from "@v-c/mentions";
 
 //#region src/mentions/index.d.ts
 type MentionPlacement = 'top' | 'bottom';
-type SemanticName = 'root' | 'textarea' | 'popup' | 'suffix';
-type MentionsClassNamesType = SemanticClassNamesType<MentionProps, SemanticName>;
-type MentionsStylesType = SemanticStylesType<MentionProps, SemanticName>;
+interface MentionSemanticClassNames {
+  root?: string;
+  textarea?: string;
+  popup?: string;
+  suffix?: string;
+}
+interface MentionSemanticStyles {
+  root?: CSSProperties;
+  textarea?: CSSProperties;
+  popup?: CSSProperties;
+  suffix?: CSSProperties;
+}
+type MentionsClassNamesType = SemanticClassNamesType<MentionProps, MentionSemanticClassNames>;
+type MentionsStylesType = SemanticStylesType<MentionProps, MentionSemanticStyles>;
 interface MentionsOptionProps extends DataDrivenOptionProps {
   content?: VueNode;
 }
@@ -66,9 +77,9 @@ interface MentionsEntity {
   prefix: string;
   value: string;
 }
-declare const InternalMentions: vue186.DefineSetupFnComponent<MentionProps, MentionsEmits, SlotsType<MentionsSlots>, MentionProps & {
+declare const InternalMentions: vue123.DefineSetupFnComponent<MentionProps, MentionsEmits, SlotsType<MentionsSlots>, MentionProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue186.PublicProps>;
+}, vue123.PublicProps>;
 declare const Mentions: typeof InternalMentions & {
   Option: typeof Option;
   getMentions: (value: string, config?: MentionsConfig) => MentionsEntity[];

package/dist/mentions/index.mjs

@@ -149,7 +149,7 @@ const Mentions = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 			"disabled": true
 		}, { default: () => [createVNode(spin_default, { "size": "small" }, null)] }) : props.options !== void 0 ? null : filterEmpty(slots.default?.() ?? []).filter(Boolean);
 		const mergedPopupClassName = clsx(mergedClassNames.value.popup, rootClass.value, hashId.value, cssVarCls.value, rootCls.value);
-		const classNames$1 = {
+		const classNames = {
 			mentions: clsx({
 				[`${prefixCls.value}-disabled`]: mergedDisabled.value,
 				[`${prefixCls.value}-focused`]: focused.value,
@@ -171,7 +171,7 @@ const Mentions = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 			"prefixCls": prefixCls.value,
 			"className": mergedClassName,
 			"style": rootStyle,
-			"classNames": classNames$1,
+			"classNames": classNames,
 			"styles": mergedStylesValue,
 			"popupClassName": props.popupClassName,
 			"notFoundContent": notFoundContent.value,

package/dist/mentions/style/index.mjs

@@ -42,7 +42,7 @@ const genDropdownStyle = (token) => {
 				"fontWeight": "normal",
 				lineHeight,
 				"cursor": "pointer",
-				"transition": `background ${motionDurationSlow} ease`,
+				"transition": `background-color ${motionDurationSlow} ease`,
 				"&:hover": { backgroundColor: controlItemBgHover },
 				"&-disabled": {
 					"color": colorTextDisabled,
@@ -64,7 +64,7 @@ const genDropdownStyle = (token) => {
 	} } };
 };
 const genMentionsStyle = (token) => {
-	const { componentCls, calc, colorText, antCls, colorTextDisabled } = token;
+	const { componentCls, colorText, antCls, colorTextDisabled, calc } = token;
 	const [varName, varRef] = genCssVar(antCls, "cmp-mentions");
 	return { [componentCls]: [
 		resetComponent(token),

package/dist/menu/MenuContext.d.mts

@@ -1,4 +1,3 @@
-import "../_util/hooks/index.mjs";
 import "./menu.mjs";
 import "../config-provider/context.mjs";
 import { Ref } from "vue";

package/dist/menu/MenuDivider.d.mts

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

package/dist/menu/MenuItem.d.mts

@@ -1,5 +1,5 @@
 import { EmptyEmit, VueNode } from "../_util/type.mjs";
-import * as vue406 from "vue";
+import * as vue393 from "vue";
 import { SlotsType } from "vue";
 import { MenuItemType } from "@v-c/menu";
 
@@ -24,8 +24,8 @@ interface MenuItemSlots {
   title: () => any;
   extra: () => any;
 }
-declare const MenuItem: vue406.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
+declare const MenuItem: vue393.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue406.PublicProps>;
+}, vue393.PublicProps>;
 //#endregion
 export { MenuItem, MenuItemProps$1 as MenuItemProps, MenuItemSlots };

package/dist/menu/MenuItem.mjs

@@ -6,7 +6,7 @@ import { useSiderCtx } from "../layout/Sider.mjs";
 import { useMenuContext } from "./MenuContext.mjs";
 import { createVNode, defineComponent, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
-import { filterEmpty } from "@v-c/util/dist/props-util";
+import { filterEmpty, getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 import { omit } from "es-toolkit";
 import { Item } from "@v-c/menu";
 
@@ -21,6 +21,7 @@ const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		const extra = getSlotPropsFnRun(slots, props, "extra");
 		const icon = getSlotPropsFnRun(slots, props, "icon");
 		const title = getSlotPropsFnRun(slots, props, "title");
+		const { className, style } = getAttrStyleAndClass(attrs);
 		const { danger } = props;
 		const { prefixCls, firstLevel, direction, disableMenuItemTitleTooltip, inlineCollapsed: isInlineCollapsed, styles, classes } = menuContext.value;
 		const children = filterEmpty(slots?.default?.());
@@ -53,8 +54,8 @@ const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			"class": clsx(firstLevel ? classes?.item : classes?.subMenu?.item, {
 				[`${prefixCls}-item-danger`]: !!danger,
 				[`${prefixCls}-item-only-child`]: (icon ? childrenLength + 1 : childrenLength) === 1
-			}, attrs.class),
-			"style": [attrs.style, firstLevel ? styles?.item : styles?.subMenu?.item],
+			}, className),
+			"style": [firstLevel ? styles?.item : styles?.subMenu?.item, style],
 			"title": typeof title === "string" ? title : void 0
 		}), { default: () => [icon ? createVNode(icon, {
 			class: clsx(`${prefixCls}-item-icon`, firstLevel ? classes?.itemIcon : classes?.subMenu?.itemIcon),

package/dist/menu/SubMenu.d.mts

@@ -1,6 +1,6 @@
 import { EmptyEmit, VueNode } from "../_util/type.mjs";
 import { SubMenuType } from "./interface.mjs";
-import * as vue410 from "vue";
+import * as vue397 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/menu/SubMenu.d.ts
@@ -12,8 +12,8 @@ interface SubMenuSlots {
   icon: () => any;
   default: () => any;
 }
-declare const SubMenu: vue410.DefineSetupFnComponent<SubMenuProps, EmptyEmit, SlotsType<SubMenuSlots>, SubMenuProps & {
+declare const SubMenu: vue397.DefineSetupFnComponent<SubMenuProps, EmptyEmit, SlotsType<SubMenuSlots>, SubMenuProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue410.PublicProps>;
+}, vue397.PublicProps>;
 //#endregion
 export { SubMenu, SubMenuProps };

package/dist/menu/SubMenu.mjs

@@ -140,6 +140,11 @@ const SubMenu$1 = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			required: false,
 			default: void 0
 		},
+		popupRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
 		onClick: {
 			type: Function,
 			required: false,

package/dist/menu/index.d.mts

@@ -4,7 +4,7 @@ import { ItemType } from "./interface.mjs";
 import { MenuEmits, MenuProps as MenuProps$1, MenuSlots } from "./menu.mjs";
 import { SubMenu as SubMenu$1, SubMenuProps } from "./SubMenu.mjs";
 import { MenuDivider } from "./MenuDivider.mjs";
-import * as vue188 from "vue";
+import * as vue125 from "vue";
 import { SlotsType } from "vue";
 import { MenuItemGroupProps, MenuRef } from "@v-c/menu";
 
@@ -14,12 +14,12 @@ interface MenuRef$1 {
   menu: MenuRef | null;
   focus: (options?: FocusOptions) => void;
 }
-declare const Menu: vue188.DefineSetupFnComponent<MenuProps$1, MenuEmits, SlotsType<MenuSlots>, MenuProps$1 & {
+declare const Menu: vue125.DefineSetupFnComponent<MenuProps$1, MenuEmits, SlotsType<MenuSlots>, MenuProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue188.PublicProps>;
-declare const MenuItem: vue188.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
+}, vue125.PublicProps>;
+declare const MenuItem: vue125.DefineSetupFnComponent<MenuItemProps$1, EmptyEmit, SlotsType<MenuItemSlots>, MenuItemProps$1 & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue188.PublicProps>;
+}, vue125.PublicProps>;
 declare const _default: typeof Menu & {
   Item: typeof MenuItem$1;
   SubMenu: typeof SubMenu$1;

package/dist/menu/menu.d.mts

@@ -1,20 +1,52 @@
-import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.mjs";
-import "../_util/hooks/index.mjs";
 import { ItemType } from "./interface.mjs";
 import { MenuTheme } from "./MenuContext.mjs";
 import { CSSProperties, SlotsType } from "vue";
 import { MenuInfo, MenuItemProps, MenuProps, RenderIconInfo, SelectInfo } from "@v-c/menu";
 
 //#region src/menu/menu.d.ts
-type SemanticName = 'root' | 'itemTitle' | 'list' | 'item' | 'itemIcon' | 'itemContent';
-type SubMenuSemanticName = 'item' | 'itemTitle' | 'list' | 'itemContent' | 'itemIcon';
-type MenuClassNamesSchemaType = SemanticClassNames<SemanticName> & {
-  popup?: SemanticClassNames<'root'> | string;
-  subMenu?: SemanticClassNames<SubMenuSemanticName>;
+interface MenuSemanticClassNames {
+  root?: string;
+  itemTitle?: string;
+  list?: string;
+  item?: string;
+  itemIcon?: string;
+  itemContent?: string;
+}
+interface MenuSemanticStyles {
+  root?: CSSProperties;
+  itemTitle?: CSSProperties;
+  list?: CSSProperties;
+  item?: CSSProperties;
+  itemIcon?: CSSProperties;
+  itemContent?: CSSProperties;
+}
+interface SubMenuSemanticClassNames {
+  item?: string;
+  itemTitle?: string;
+  list?: string;
+  itemContent?: string;
+  itemIcon?: string;
+}
+interface SubMenuSemanticStyles {
+  item?: CSSProperties;
+  itemTitle?: CSSProperties;
+  list?: CSSProperties;
+  itemContent?: CSSProperties;
+  itemIcon?: CSSProperties;
+}
+interface MenuPopupSemanticClassNames {
+  root?: string;
+}
+interface MenuPopupSemanticStyles {
+  root?: CSSProperties;
+}
+type MenuClassNamesSchemaType = MenuSemanticClassNames & {
+  popup?: MenuPopupSemanticClassNames | string;
+  subMenu?: SubMenuSemanticClassNames;
 };
-type MenuStylesSchemaType = SemanticStyles<SemanticName> & {
-  popup?: SemanticStyles<'root'> | CSSProperties;
-  subMenu?: SemanticStyles<SubMenuSemanticName>;
+type MenuStylesSchemaType = MenuSemanticStyles & {
+  popup?: MenuPopupSemanticStyles | CSSProperties;
+  subMenu?: SubMenuSemanticStyles;
 };
 type MenuClassNamesType = MenuClassNamesSchemaType | ((info: {
   props: MenuProps$1;

package/dist/menu/menu.mjs

@@ -105,12 +105,12 @@ const InternalMenu = /* @__PURE__ */ defineComponent((props, { slots, emit, attr
 	expose({ menu: menuRef });
 	return () => {
 		const expandIcon = slots?.expandIcon ?? props?.expandIcon;
-		const mergedExpandIcon = (props$1) => {
+		const mergedExpandIcon = (props) => {
 			if (typeof expandIcon === "function" || isEmptyIcon(expandIcon)) return expandIcon || null;
 			if (typeof overrideObj.value?.expandIcon === "function" || isEmptyIcon(overrideObj.value?.expandIcon)) return overrideObj.value.expandIcon || null;
 			if (typeof contextExpandIcon.value === "function" || isEmptyIcon(contextExpandIcon.value)) return contextExpandIcon.value || null;
 			const mergedIcon = expandIcon ?? overrideObj?.value.expandIcon ?? contextExpandIcon.value;
-			const icon = typeof mergedIcon === "function" ? mergedIcon?.(props$1) : mergedIcon;
+			const icon = typeof mergedIcon === "function" ? mergedIcon?.(props) : mergedIcon;
 			const iconChild = filterEmpty(Array.isArray(icon) ? icon : [icon])[0];
 			if (isVNode(iconChild)) return createVNode(iconChild, { class: `${prefixCls.value}-submenu-expand-icon` });
 		};

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

@@ -1,5 +1,5 @@
 import "../../theme/internal.mjs";
-import { CSSProperties, Ref } from "vue";
+import { CSSProperties } from "vue";
 
 //#region src/menu/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */

package/dist/menu/style/vertical.mjs

@@ -66,7 +66,7 @@ const getVerticalStyle = (token) => {
 				"alignItems": "center",
 				"transition": [
 					`border-color ${motionDurationSlow}`,
-					`background ${motionDurationSlow}`,
+					`background-color ${motionDurationSlow}`,
 					`padding ${motionDurationFast} ${motionEaseOut}`
 				].join(","),
 				[`> ${componentCls}-title-content`]: {

package/dist/message/PurePanel.d.mts

@@ -1,16 +1,14 @@
 import { VueNode } from "../_util/type.mjs";
-import { SemanticClassNames, SemanticStyles } from "../_util/hooks/useMergeSemantic.mjs";
-import "../_util/hooks/index.mjs";
-import { ArgsClassNamesType, ArgsStylesType, NoticeType, SemanticName } from "./interface.mjs";
-import * as vue396 from "vue";
+import { ArgsClassNamesType, ArgsStylesType, MessageSemanticClassNames, MessageSemanticStyles, NoticeType } from "./interface.mjs";
+import * as vue399 from "vue";
 
 //#region src/message/PurePanel.d.ts
 interface PureContentProps {
   prefixCls: string;
   type?: NoticeType;
   icon?: VueNode;
-  classNames?: SemanticClassNames<SemanticName>;
-  styles?: SemanticStyles<SemanticName>;
+  classNames?: MessageSemanticClassNames;
+  styles?: MessageSemanticStyles;
 }
 interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children' | 'classNames' | 'styles'> {
   content?: VueNode;
@@ -31,6 +29,6 @@ interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children'
   styles?: ArgsStylesType;
 }
 /** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue396.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue396.PublicProps>;
+declare const PurePanel: vue399.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue399.PublicProps>;
 //#endregion
 export { PurePanel };

package/dist/message/index.mjs

@@ -83,8 +83,8 @@ const GlobalHolderWrapper = /* @__PURE__ */ defineComponent((props) => {
 			});
 		}
 	}, { immediate: true });
+	const global = globalConfig();
 	return () => {
-		const global = globalConfig();
 		const holderNode = createVNode(GlobalHolder, {
 			"ref": holderRef,
 			"sync": sync,
@@ -94,7 +94,7 @@ const GlobalHolderWrapper = /* @__PURE__ */ defineComponent((props) => {
 		return createVNode(config_provider_default, {
 			"prefixCls": global.getRootPrefixCls(),
 			"iconPrefixCls": global.getIconPrefixCls(),
-			"theme": global.getTheme()
+			"theme": global.theme.value
 		}, _isSlot(dom) ? dom : { default: () => [dom] });
 	};
 }, { props: { onReady: {

package/dist/message/interface.d.mts

@@ -6,9 +6,18 @@ import { Key } from "@v-c/util/dist/type";
 
 //#region src/message/interface.d.ts
 type NoticeType = 'info' | 'success' | 'error' | 'warning' | 'loading';
-type SemanticName = 'root' | 'icon' | 'content';
-type ArgsClassNamesType = SemanticClassNamesType<ArgsProps, SemanticName>;
-type ArgsStylesType = SemanticStylesType<ArgsProps, SemanticName>;
+interface MessageSemanticClassNames {
+  root?: string;
+  icon?: string;
+  content?: string;
+}
+interface MessageSemanticStyles {
+  root?: CSSProperties;
+  icon?: CSSProperties;
+  content?: CSSProperties;
+}
+type ArgsClassNamesType = SemanticClassNamesType<ArgsProps, MessageSemanticClassNames>;
+type ArgsStylesType = SemanticStylesType<ArgsProps, MessageSemanticStyles>;
 interface ConfigOptions {
   top?: string | number;
   duration?: number;
@@ -62,6 +71,11 @@ interface ArgsProps {
    * @descEN keep the timer running or not on hover
    */
   pauseOnHover?: boolean;
+  /**
+   * @descCN 消息通知的应用上下文
+   * @descEN The application context of the message notification
+   */
+  appContext?: any;
 }
 type JointContent = VueNode | ArgsProps;
 interface MessageType extends PromiseLike<boolean> {
@@ -72,11 +86,13 @@ type TypeOpen = (content: JointContent,
  * @descCN 消息通知持续显示的时间，也可以直接使用 onClose。
  * @descEN You can also use onClose directly to determine how long the message notification continues to be displayed.
  */
+
 duration?: number | VoidFunction,
 /**
  * @descCN 消息通知关闭时进行调用的回调函数
  * @descEN The callback function called when the message notification is closed
  */
+
 onClose?: VoidFunction) => MessageType;
 interface MessageInstance {
   info: TypeOpen;
@@ -88,4 +104,4 @@ interface MessageInstance {
   destroy: (key?: Key) => void;
 }
 //#endregion
-export { ArgsClassNamesType, ArgsProps, ArgsStylesType, ConfigOptions, MessageInstance, MessageType, NoticeType, SemanticName, TypeOpen };
+export { ArgsClassNamesType, ArgsProps, ArgsStylesType, ConfigOptions, MessageInstance, MessageSemanticClassNames, MessageSemanticStyles, MessageType, NoticeType, TypeOpen };

package/dist/message/useMessage.d.mts

@@ -3,7 +3,6 @@ import { MaybeRef } from "@v-c/util/dist/type";
 import * as vue_jsx_runtime15 from "vue/jsx-runtime";
 
 //#region src/message/useMessage.d.ts
-
 declare function useMessage(messageConfig?: ConfigOptions): readonly [MessageInstance, () => vue_jsx_runtime15.JSX.Element];
 //#endregion
 export { useMessage };

package/dist/modal/Modal.d.mts

@@ -1,10 +1,10 @@
 import { ModalEmits, ModalProps, ModalSlots } from "./interface.mjs";
-import * as vue320 from "vue";
+import * as vue289 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/modal/Modal.d.ts
-declare const Modal: vue320.DefineSetupFnComponent<ModalProps, ModalEmits, SlotsType<ModalSlots>, ModalProps & {
+declare const Modal: vue289.DefineSetupFnComponent<ModalProps, ModalEmits, SlotsType<ModalSlots>, ModalProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue320.PublicProps>;
+}, vue289.PublicProps>;
 //#endregion
 export { Modal };

package/dist/modal/confirm.mjs

@@ -2,7 +2,7 @@ import { devUseWarning, isDev } from "../_util/warning.mjs";
 import { globalConfig } from "../config-provider/index.mjs";
 import ConfirmDialog_default from "./ConfirmDialog.mjs";
 import destroyFns_default from "./destroyFns.mjs";
-import { createVNode, defineComponent, render } from "vue";
+import { createVNode, defineComponent, render, watch } from "vue";
 
 //#region src/modal/confirm.tsx
 let defaultRootPrefixCls = "";
@@ -362,15 +362,19 @@ function confirm(config) {
 	function renderWithProps(props) {
 		const rootPrefixCls = global.getPrefixCls(void 0, getRootPrefixCls());
 		const iconPrefixCls = global.getIconPrefixCls?.();
-		const theme = global.getTheme?.();
+		const theme = global.theme.value;
 		const prefixCls = props.prefixCls ?? `${rootPrefixCls}-modal`;
-		render(createVNode(ConfirmDialogWrapper, {
+		const vnode = createVNode(ConfirmDialogWrapper, {
 			...props,
 			prefixCls,
 			rootPrefixCls,
 			iconPrefixCls,
 			theme
-		}), container);
+		});
+		watch(() => global.theme.value, () => {
+			vnode.component?.update?.();
+		});
+		render(vnode, container);
 	}
 	function close(...args) {
 		currentConfig = {

package/dist/modal/interface.d.mts

@@ -12,9 +12,28 @@ import { CSSProperties } from "vue";
 import { DialogProps } from "@v-c/dialog";
 
 //#region src/modal/interface.d.ts
-type SemanticName = 'root' | 'header' | 'body' | 'footer' | 'container' | 'title' | 'wrapper' | 'mask';
-type ModalClassNamesType = SemanticClassNamesType<ModalProps, SemanticName>;
-type ModalStylesType = SemanticStylesType<ModalProps, SemanticName>;
+interface ModalSemanticClassNames {
+  root?: string;
+  header?: string;
+  body?: string;
+  footer?: string;
+  container?: string;
+  title?: string;
+  wrapper?: string;
+  mask?: string;
+}
+interface ModalSemanticStyles {
+  root?: CSSProperties;
+  header?: CSSProperties;
+  body?: CSSProperties;
+  footer?: CSSProperties;
+  container?: CSSProperties;
+  title?: CSSProperties;
+  wrapper?: CSSProperties;
+  mask?: 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;