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

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 vue408 from "vue";
+import * as vue391 from "vue";
 
 //#region src/menu/MenuDivider.d.ts
 interface MenuDividerProps {
   prefixCls?: string;
   dashed?: boolean;
 }
-declare const MenuDivider: vue408.DefineSetupFnComponent<MenuDividerProps, {}, {}, MenuDividerProps & {}, vue408.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 vue402 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: vue402.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;
-}, vue402.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 vue118 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: vue118.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;
-}, vue118.PublicProps>;
-declare const MenuItem: vue118.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;
-}, vue118.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 vue398 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: vue398.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue398.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 vue281 from "vue";
+import * as vue289 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/modal/Modal.d.ts
-declare const Modal: vue281.DefineSetupFnComponent<ModalProps, ModalEmits, SlotsType<ModalSlots>, ModalProps & {
+declare const Modal: vue289.DefineSetupFnComponent<ModalProps, ModalEmits, SlotsType<ModalSlots>, ModalProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue281.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;

package/dist/modal/style/index.mjs

@@ -1,4 +1,4 @@
-import { genFocusStyle, resetComponent } from "../../style/index.mjs";
+import { genFocusOutline, genFocusStyle, resetComponent } from "../../style/index.mjs";
 import { genStyleHooks } from "../../theme/util/genStyleUtils.mjs";
 import { mergeToken } from "../../theme/internal.mjs";
 import { initFadeMotion } from "../../style/motion/fade.mjs";
@@ -74,13 +74,16 @@ const genModalStyle = (token) => {
 		} },
 		{ [componentCls]: {
 			...resetComponent(token),
-			pointerEvents: "none",
-			position: "relative",
-			top: 100,
-			width: "auto",
-			maxWidth: `calc(100vw - ${unit(token.calc(token.margin).mul(2).equal())})`,
-			margin: "0 auto",
-			paddingBottom: token.paddingLG,
+			"pointerEvents": "none",
+			"position": "relative",
+			"top": 100,
+			"width": "auto",
+			"maxWidth": `calc(100vw - ${unit(token.calc(token.margin).mul(2).equal())})`,
+			"margin": "0 auto",
+			"&:focus-visible": {
+				borderRadius: token.borderRadiusLG,
+				...genFocusOutline(token)
+			},
 			[`${componentCls}-title`]: {
 				margin: 0,
 				color: token.titleColor,

package/dist/notification/PurePanel.d.mts

@@ -1,12 +1,12 @@
 import { VueNode } from "../_util/type.mjs";
-import { SemanticClassNames, SemanticClassNamesType, SemanticStyles, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.mjs";
 import "../_util/hooks/index.mjs";
-import { IconType, NotificationSemantic } from "./interface.mjs";
-import * as vue392 from "vue";
+import { IconType, NotificationSemanticClassNames, NotificationSemanticStyles } from "./interface.mjs";
+import * as vue346 from "vue";
 
 //#region src/notification/PurePanel.d.ts
-type PurePanelClassNamesType = SemanticClassNamesType<PurePanelProps, NotificationSemantic>;
-type PurePanelStylesType = SemanticStylesType<PurePanelProps, NotificationSemantic>;
+type PurePanelClassNamesType = SemanticClassNamesType<PurePanelProps, NotificationSemanticClassNames>;
+type PurePanelStylesType = SemanticStylesType<PurePanelProps, NotificationSemanticStyles>;
 interface PureContentProps {
   prefixCls: string;
   icon?: VueNode;
@@ -15,8 +15,8 @@ interface PureContentProps {
   actions?: VueNode;
   type?: IconType;
   role?: 'alert' | 'status';
-  classes: SemanticClassNames<NotificationSemantic>;
-  styles: SemanticStyles<NotificationSemantic>;
+  classes: NotificationSemanticClassNames;
+  styles: NotificationSemanticStyles;
 }
 interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children' | 'classes' | 'styles'> {
   content?: VueNode;
@@ -36,6 +36,6 @@ interface PurePanelProps extends Omit<PureContentProps, 'prefixCls' | 'children'
   onClick?: (event: Event) => void;
 }
 /** @private Internal Component. Do not use in your production. */
-declare const PurePanel: vue392.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue392.PublicProps>;
+declare const PurePanel: vue346.DefineSetupFnComponent<PurePanelProps, {}, {}, PurePanelProps & {}, vue346.PublicProps>;
 //#endregion
 export { PurePanel };

package/dist/notification/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/notification/interface.d.mts

@@ -12,11 +12,24 @@ interface DivProps extends HTMLAttributes {
 declare const NotificationPlacements: readonly ["top", "topLeft", "topRight", "bottom", "bottomLeft", "bottomRight"];
 type NotificationPlacement = (typeof NotificationPlacements)[number];
 type IconType = 'success' | 'info' | 'error' | 'warning';
-type NotificationSemantic = 'root' | 'title' | 'description' | 'actions' | 'icon';
-type NotificationClassNamesType = SemanticClassNamesType<ArgsProps, NotificationSemantic>;
-type NotificationStylesType = SemanticStylesType<ArgsProps, NotificationSemantic>;
+interface NotificationSemanticClassNames {
+  root?: string;
+  title?: string;
+  description?: string;
+  actions?: string;
+  icon?: string;
+}
+interface NotificationSemanticStyles {
+  root?: CSSProperties;
+  title?: CSSProperties;
+  description?: CSSProperties;
+  actions?: CSSProperties;
+  icon?: CSSProperties;
+}
+type NotificationClassNamesType = SemanticClassNamesType<ArgsProps, NotificationSemanticClassNames>;
+type NotificationStylesType = SemanticStylesType<ArgsProps, NotificationSemanticStyles>;
 interface ArgsProps {
-  title: VueNode;
+  title?: VueNode;
   description?: VueNode;
   actions?: VueNode;
   key?: Key;
@@ -82,4 +95,4 @@ interface GlobalConfigProps {
   props?: DivProps;
 }
 //#endregion
-export { ArgsProps, GlobalConfigProps, IconType, NotificationConfig, NotificationInstance, NotificationSemantic };
+export { ArgsProps, GlobalConfigProps, IconType, NotificationConfig, NotificationInstance, NotificationSemanticClassNames, NotificationSemanticStyles };

package/dist/notification/style/index.mjs

@@ -26,10 +26,10 @@ function genNoticeStyle(token) {
 			"wordWrap": "break-word",
 			"borderRadius": borderRadiusLG,
 			"overflow": "hidden",
-			"&-success": { background: colorSuccessBg },
-			"&-error": { background: colorErrorBg },
-			"&-info": { background: colorInfoBg },
-			"&-warning": { background: colorWarningBg }
+			"&-success": colorSuccessBg ? { background: colorSuccessBg } : {},
+			"&-error": colorErrorBg ? { background: colorErrorBg } : {},
+			"&-info": colorInfoBg ? { background: colorInfoBg } : {},
+			"&-warning": colorWarningBg ? { background: colorWarningBg } : {}
 		},
 		[`${noticeCls}-title`]: {
 			marginBottom: token.marginXS,
@@ -170,10 +170,10 @@ function prepareComponentToken(token) {
 		zIndexPopup: token.zIndexPopupBase + CONTAINER_MAX_OFFSET + 50,
 		width: 384,
 		progressBg: `linear-gradient(90deg, ${token.colorPrimaryBorderHover}, ${token.colorPrimary})`,
-		colorSuccessBg: token.colorSuccessBg,
-		colorErrorBg: token.colorErrorBg,
-		colorInfoBg: token.colorInfoBg,
-		colorWarningBg: token.colorWarningBg
+		colorSuccessBg: void 0,
+		colorErrorBg: void 0,
+		colorInfoBg: void 0,
+		colorWarningBg: void 0
 	};
 }
 const prepareNotificationToken = (token) => {

package/dist/notification/useNotification.d.mts

@@ -1,9 +1,8 @@
 import { NotificationConfig, NotificationInstance } from "./interface.mjs";
 import { MaybeRef } from "@v-c/util/dist/type";
-import * as vue_jsx_runtime13 from "vue/jsx-runtime";
+import * as vue_jsx_runtime4 from "vue/jsx-runtime";
 
 //#region src/notification/useNotification.d.ts
-
-declare function useNotification(notificationConfig?: MaybeRef<NotificationConfig>): readonly [NotificationInstance, () => vue_jsx_runtime13.JSX.Element];
+declare function useNotification(notificationConfig?: MaybeRef<NotificationConfig>): readonly [NotificationInstance, () => vue_jsx_runtime4.JSX.Element];
 //#endregion
 export { useNotification };

package/dist/package.d.mts

@@ -84,6 +84,9 @@ declare const _exports: {
     "build:web-types": string;
     "build:llm": string;
     "build:llm-semantic": string;
+    "build:token-meta": string;
+    "build:token-statistic": string;
+    "build:token": string;
     "build:style": string;
     prepublish: string;
     bump: string;
@@ -142,6 +145,7 @@ declare const _exports: {
   browserslist: string[];
   devDependencies: {
     "@types/throttle-debounce": string;
+    csstype: string;
   };
 };
 declare let _version2: typeof _exports["version"];

package/dist/package.mjs

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "1.0.0-beta.2";
+var version = "1.0.0-rc.1";
 
 //#endregion
 export { version };

package/dist/pagination/Pagination.d.mts

@@ -1,10 +1,10 @@
 import { PaginationEmits, PaginationProps, PaginationSlots } from "./interface.mjs";
-import * as vue384 from "vue";
+import * as vue366 from "vue";
 import { SlotsType } from "vue";
 
 //#region src/pagination/Pagination.d.ts
-declare const Pagination: vue384.DefineSetupFnComponent<PaginationProps, PaginationEmits, SlotsType<PaginationSlots>, PaginationProps & {
+declare const Pagination: vue366.DefineSetupFnComponent<PaginationProps, PaginationEmits, SlotsType<PaginationSlots>, PaginationProps & {
   [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, vue384.PublicProps>;
+}, vue366.PublicProps>;
 //#endregion
 export { Pagination };