antdv-next 1.6.0 → 1.7.0

package/dist/modal/ConfirmDialog.js

@@ -3,9 +3,10 @@ import { useComponentBaseConfig } from "../config-provider/context.js";
 import useToken from "../theme/useToken.js";
 import { normalizeMaskConfig } from "../_util/hooks/useMergedMask.js";
 import "../_util/hooks/useZIndex.js";
+import fallbackProp from "../_util/fallbackProp.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import ConfigProvider from "../config-provider/index.js";
-import isNonNullable from "../_util/isNonNullable.js";
+import { isNonNullable, isRenderable } from "../_util/is.js";
 import useLocale from "../locale/useLocale.js";
 import { useModalProvider } from "./context.js";
 import ConfirmCancelBtn from "./components/ConfirmCancelBtn.js";
@@ -31,6 +32,12 @@ const ConfirmContent = /* @__PURE__ */ defineComponent((props) => {
 	const mergedOkCancel = computed(() => {
 		return props.okCancel ?? mergedType.value === "confirm";
 	});
+	const { infoIcon, successIcon, errorIcon, warningIcon } = useComponentBaseConfig("modal", props, [
+		"infoIcon",
+		"successIcon",
+		"errorIcon",
+		"warningIcon"
+	]);
 	const autoFocusButton = props.autoFocusButton === null ? false : props.autoFocusButton || "ok";
 	const [locale] = useLocale("Modal", getConfirmLocale());
 	const mergedLocale = computed(() => props.locale || locale?.value);
@@ -52,20 +59,20 @@ const ConfirmContent = /* @__PURE__ */ defineComponent((props) => {
 		const icon = getSlotPropsFnRun({}, props, "icon", false);
 		const title = getSlotPropsFnRun({}, props, "title", false);
 		let mergedIcon = icon;
-		if (!icon && icon !== null) switch (mergedType.value) {
+		if (icon === void 0) switch (mergedType.value) {
 			case "info":
-				mergedIcon = createVNode(InfoCircleFilled, null, null);
+				mergedIcon = fallbackProp(infoIcon.value, createVNode(InfoCircleFilled, null, null));
 				break;
 			case "success":
-				mergedIcon = createVNode(CheckCircleFilled, null, null);
+				mergedIcon = fallbackProp(successIcon.value, createVNode(CheckCircleFilled, null, null));
 				break;
 			case "error":
-				mergedIcon = createVNode(CloseCircleFilled, null, null);
+				mergedIcon = fallbackProp(errorIcon.value, createVNode(CloseCircleFilled, null, null));
 				break;
-			default: mergedIcon = createVNode(ExclamationCircleFilled, null, null);
+			default: mergedIcon = fallbackProp(warningIcon.value, createVNode(ExclamationCircleFilled, null, null));
 		}
 		const hasTitle = isNonNullable(title) && title !== "";
-		const hasIcon = isNonNullable(mergedIcon);
+		const hasIcon = isRenderable(mergedIcon);
 		const bodyCls = `${confirmPrefixCls}-body`;
 		const footerOriginNode = createVNode(Fragment, null, [createVNode(ConfirmCancelBtn, null, null), createVNode(ConfirmOkBtn, null, null)]);
 		return createVNode("div", { "class": `${confirmPrefixCls}-body-wrapper` }, [

package/dist/notification/PurePanel.js

@@ -193,12 +193,14 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 		const slotIcon = getSlotPropsFnRun(slots, props, "icon");
 		const mergedNcs = mergedClassNames.value;
 		const mergedNss = mergedStyles.value;
+		const { root: rootClassName, ...contentClassNames } = mergedNcs;
+		const { root: rootStyle, ...contentStyles } = mergedNss;
 		const mergedIcon = slotIcon ?? props.icon;
 		const iconNode = resolveIconNode(mergedIcon, props.type);
 		const iconWrapperClass = clsx(getIconWrapperClassName(noticePrefixCls, props.type, mergedIcon), mergedNcs?.icon);
 		return createVNode("div", {
-			"class": clsx(`${noticePrefixCls}-pure-panel`, hashId.value, notificationClassName, cssVarCls.value, rootCls.value, mergedClassNames.value?.root),
-			"style": mergedStyles.value.root
+			"class": clsx(`${noticePrefixCls}-pure-panel`, hashId.value, notificationClassName, cssVarCls.value, rootCls.value, rootClassName),
+			"style": rootStyle
 		}, [createVNode(PurePanelStyle, { "prefixCls": prefixCls.value }, null), createVNode(Notification, mergeProps({ "style": {
 			...contextStyle.value,
 			...normalizeStyle$1(style) || {}
@@ -213,17 +215,10 @@ const PurePanel = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 			"description": descriptionNode,
 			"actions": actions,
 			"classNames": {
-				icon: iconWrapperClass,
-				title: mergedNcs?.title,
-				description: mergedNcs?.description,
-				actions: mergedNcs?.actions
+				...contentClassNames,
+				icon: iconWrapperClass
 			},
-			"styles": {
-				icon: mergedNss?.icon,
-				title: mergedNss?.title,
-				description: mergedNss?.description,
-				actions: mergedNss?.actions
-			}
+			"styles": contentStyles
 		}), null)]);
 	};
 }, {

package/dist/notification/interface.d.ts

@@ -15,20 +15,28 @@ type NotificationSemanticName = keyof NotificationSemanticClassNames & keyof Not
 interface NotificationSemanticClassNames {
   list?: string;
   listContent?: string;
+  wrapper?: string;
   root?: string;
   title?: string;
   description?: string;
   actions?: string;
   icon?: string;
+  section?: string;
+  close?: string;
+  progress?: string;
 }
 interface NotificationSemanticStyles {
   list?: CSSProperties;
   listContent?: CSSProperties;
+  wrapper?: CSSProperties;
   root?: CSSProperties;
   title?: CSSProperties;
   description?: CSSProperties;
   actions?: CSSProperties;
   icon?: CSSProperties;
+  section?: CSSProperties;
+  close?: CSSProperties;
+  progress?: CSSProperties;
 }
 type NotificationClassNamesType = SemanticClassNamesType<ArgsProps, NotificationSemanticClassNames>;
 type NotificationStylesType = SemanticStylesType<ArgsProps, NotificationSemanticStyles>;

package/dist/notification/style/index.js

@@ -54,6 +54,7 @@ const genNotificationListContentStyle = (token) => {
 			width: "100%",
 			willChange: "height, transform",
 			transition: "none",
+			pointerEvents: "auto",
 			[`&${listContentCls}-decrease`]: { transition: `height calc(${motionDurationSlow} * 2) ${motionEaseInOut} ${motionDurationMid}` }
 		},
 		[`${componentCls}-fade`]: {
@@ -89,7 +90,6 @@ function genNotificationListStyle(token, config) {
 			overflowY: "auto",
 			overscrollBehavior: "contain",
 			scrollbarWidth: "none",
-			msOverflowStyle: "none",
 			pointerEvents: "none",
 			"&::-webkit-scrollbar": {
 				display: "none",

package/dist/notification/style/placement.js

@@ -105,13 +105,16 @@ function genPlacementStyle(token, config) {
 			opacity: 1,
 			transform: baseTransform
 		},
-		[`${noticeMotionCls}-leave-start`]: {
-			opacity: 1,
-			transform: baseTransform
-		},
-		[`${noticeMotionCls}-leave-active`]: {
-			opacity: 0,
-			transform: enterTransform
+		[`${noticeMotionCls}-leave`]: {
+			pointerEvents: "none",
+			"&-start": {
+				opacity: 1,
+				transform: baseTransform
+			},
+			"&-active": {
+				opacity: 0,
+				transform: enterTransform
+			}
 		},
 		[`&${componentCls}-stack:not(${componentCls}-stack-expanded)`]: {
 			[noticeCls]: { clipPath: getPlacementStackClipPath(token, vertical) },

package/dist/notification/useNotification.js

@@ -211,22 +211,12 @@ function useInternalNotification(notificationConfig) {
 				actions: mergedActions,
 				role,
 				classNames: {
-					icon: iconWrapperClass,
-					title: semanticClassNames?.title,
-					description: semanticClassNames?.description,
-					actions: semanticClassNames?.actions
-				},
-				styles: {
-					icon: semanticStyles?.icon,
-					title: semanticStyles?.title,
-					description: semanticStyles?.description,
-					actions: semanticStyles?.actions
-				},
-				class: clsx({ [`${noticePrefixCls}-${type}`]: type }, { [`${noticePrefixCls}-with-icon`]: !!iconNode }, className, contextClassName, semanticClassNames?.root),
-				style: {
-					...semanticStyles?.root,
-					...style
+					...semanticClassNames,
+					icon: iconWrapperClass
 				},
+				styles: semanticStyles,
+				class: clsx({ [`${noticePrefixCls}-${type}`]: type }, { [`${noticePrefixCls}-with-icon`]: !!iconNode }, className, contextClassName),
+				style,
 				closable: mergedClosable
 			});
 		};

package/dist/package.js

@@ -1,4 +1,4 @@
 //#region package.json
-var version = "1.6.0";
+var version = "1.7.0";
 //#endregion
 export { version };

package/dist/pagination/Pagination.js

@@ -15,8 +15,8 @@ import { Fragment, computed, createVNode, defineComponent, h, mergeProps } from
 import { clsx } from "@v-c/util";
 import { DoubleLeftOutlined, DoubleRightOutlined, EllipsisOutlined, LeftOutlined, RightOutlined } from "@antdv-next/icons";
 import { omit } from "es-toolkit";
+import Pagination$1 from "@v-c/pagination/locale/en_US";
 import VcPagination from "@v-c/pagination";
-import enUS from "@v-c/pagination/locale/zh_CN";
 //#region src/pagination/Pagination.tsx
 const omitKeys = [
 	"size",
@@ -46,7 +46,7 @@ const Pagination = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 	});
 	const contextStyleRoot = useSemanticRootStyle(contextStyle);
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
-	const [contextLocale] = useLocale("Pagination", enUS);
+	const [contextLocale] = useLocale("Pagination", Pagination$1);
 	const mergedLocale = computed(() => ({
 		...contextLocale?.value,
 		...props.locale ?? {}

package/dist/pagination/useShowSizeChanger.d.ts

@@ -2,6 +2,9 @@ import { SelectProps } from "../select/index.js";
 import { PaginationProps } from "./interface.js";
 //#region src/pagination/useShowSizeChanger.d.ts
 declare function resolveShowSizeChanger(showSizeChanger?: PaginationProps['showSizeChanger']): {
+  show: boolean;
+  selectProps: undefined;
+} | {
   show: boolean;
   selectProps: SelectProps;
 } | {

package/dist/pagination/useShowSizeChanger.js

@@ -2,7 +2,7 @@
 function resolveShowSizeChanger(showSizeChanger) {
 	if (typeof showSizeChanger === "boolean") return {
 		show: showSizeChanger,
-		selectProps: {}
+		selectProps: void 0
 	};
 	if (showSizeChanger && typeof showSizeChanger === "object") return {
 		show: true,

package/dist/popconfirm/index.js

@@ -82,11 +82,11 @@ const Popconfirm = /* @__PURE__ */ defineComponent((props, { slots, attrs, expos
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	const rootClassNames = computed(() => clsx(prefixCls.value, hashId.value, cssVarCls.value, contextClassName.value, mergedClassNames.value.root));
 	return () => {
-		const titleNode = getSlotPropsFnRun(slots, props, "title") ?? props.title;
-		const descriptionNode = getSlotPropsFnRun(slots, props, "description") ?? props.description;
-		const iconNode = getSlotPropsFnRun(slots, props, "icon") ?? props.icon ?? defaultIcon;
-		const okTextNode = getSlotPropsFnRun(slots, props, "okText") ?? props.okText;
-		const cancelTextNode = getSlotPropsFnRun(slots, props, "cancelText") ?? props.cancelText;
+		const titleNode = getSlotPropsFnRun(slots, props, "title");
+		const descriptionNode = getSlotPropsFnRun(slots, props, "description");
+		const iconNode = getSlotPropsFnRun(slots, props, "icon") ?? defaultIcon;
+		const okTextNode = getSlotPropsFnRun(slots, props, "okText");
+		const cancelTextNode = getSlotPropsFnRun(slots, props, "cancelText");
 		const restProps = omit(props, OMITTED_PROP_KEYS);
 		const content = createVNode(Overlay, {
 			"prefixCls": prefixCls.value,

package/dist/popconfirm/style/index.js

@@ -19,7 +19,7 @@ const genBaseStyle = (token) => {
 			[`${componentCls}-title`]: {
 				fontWeight: fontWeightStrong,
 				color: colorTextHeading,
-				"&:only-child": { fontWeight: "normal" }
+				"&:only-child": { fontWeight: 400 }
 			},
 			[`${componentCls}-description`]: {
 				marginTop: marginXXS,

package/dist/popover/index.js

@@ -62,7 +62,7 @@ const Popover = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose,
 	return () => {
 		const firstChild = filterEmpty(slots?.default?.() ?? [])[0];
 		const child = firstChild && !(isVNode(firstChild) && typeof firstChild.type !== "symbol") ? createVNode("span", null, [firstChild]) : firstChild;
-		const { placement, mouseLeaveDelay: _mouseLeaveDelay, mouseEnterDelay: _mouseEnterDelay, motion, ...restProps } = props;
+		const { placement, mouseLeaveDelay: _mouseLeaveDelay, mouseEnterDelay: _mouseEnterDelay, motion, title: _title, content: _content, ...restProps } = props;
 		const titleNode = getSlotPropsFnRun(slots, props, "title");
 		const contentNode = getSlotPropsFnRun(slots, props, "content");
 		const rootClassNames = clsx(hashId.value, cssVarCls.value, contextClassName.value, mergedClassNames.value.root);

package/dist/popover/style/index.js

@@ -20,7 +20,7 @@ const genBaseStyle = (token) => {
 				value: 0
 			},
 			zIndex: zIndexPopup,
-			fontWeight: "normal",
+			fontWeight: 400,
 			whiteSpace: "normal",
 			textAlign: "start",
 			cursor: "auto",
@@ -69,7 +69,7 @@ const genColorStyle = (token) => {
 		const lightColor = token[`${colorKey}6`];
 		return { [`&${componentCls}-${colorKey}`]: {
 			[varName("arrow-background-color")]: lightColor,
-			[`${componentCls}-inner`]: { backgroundColor: lightColor },
+			[`${componentCls}-container`]: { backgroundColor: lightColor },
 			[`${componentCls}-arrow`]: { background: "transparent" }
 		} };
 	}) };

package/dist/progress/Circle.js

@@ -181,14 +181,6 @@ const Circle = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		rootClass: {
 			type: String,
 			required: false
-		},
-		"aria-label": {
-			type: [String, null],
-			required: false
-		},
-		"aria-labelledby": {
-			type: [String, null],
-			required: false
 		}
 	}, {
 		strokeLinecap: "round",

package/dist/progress/Line.js

@@ -57,7 +57,7 @@ function handleGradient(strokeColor, directionConfig) {
 }
 const Line = /* @__PURE__ */ defineComponent((props, { slots }) => {
 	if (isDev) devUseWarning("Progress").deprecated(!(props.strokeWidth !== void 0), "strokeWidth", "size");
-	const mergedSize = computed(() => props.size ?? [-1, props.strokeWidth || (props.size === "small" ? 6 : 8)]);
+	const mergedSize = computed(() => props.size ?? [-1, props.strokeWidth || 8]);
 	return () => {
 		const { prefixCls, classes, styles, direction: directionConfig, percent, strokeWidth, strokeColor, strokeLinecap = "round", railColor, trailColor, percentPosition, success } = props;
 		const { align: infoAlign, type: infoPosition } = percentPosition;
@@ -216,14 +216,6 @@ const Line = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		rootClass: {
 			type: String,
 			required: false
-		},
-		"aria-label": {
-			type: [String, null],
-			required: false
-		},
-		"aria-labelledby": {
-			type: [String, null],
-			required: false
 		}
 	},
 	name: "ProgressLine",

package/dist/progress/Steps.js

@@ -129,14 +129,6 @@ const Steps = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		prefixCls: {
 			type: String,
 			required: false
-		},
-		"aria-label": {
-			type: [String, null],
-			required: false
-		},
-		"aria-labelledby": {
-			type: [String, null],
-			required: false
 		}
 	},
 	name: "ProgressSteps",

package/dist/progress/progress.js

@@ -147,18 +147,14 @@ const Progress = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 			[`${prefixCls.value}-small`]: mergedSize.value === "small",
 			[`${prefixCls.value}-rtl`]: direction.value === "rtl"
 		}, contextClassName.value, className, rootClass.value, mergedClassNames.value.root, hashId.value, cssVarCls.value);
-		const rootStyle = [mergedStyles.value.root, attrStyle];
-		const ariaProps = {};
-		if (props["aria-label"] !== void 0) ariaProps["aria-label"] = props["aria-label"];
-		if (props["aria-labelledby"] !== void 0) ariaProps["aria-labelledby"] = props["aria-labelledby"];
 		return createVNode("div", mergeProps(restAttrs, {
-			"style": rootStyle,
+			"style": [mergedStyles.value.root, attrStyle],
 			"class": classString,
 			"role": "progressbar",
 			"aria-valuenow": percentNumber.value,
 			"aria-valuemin": 0,
 			"aria-valuemax": 100
-		}, ariaProps), [progress]);
+		}), [progress]);
 	};
 }, {
 	props: /*@__PURE__*/ mergeDefaults({
@@ -263,14 +259,6 @@ const Progress = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 		prefixCls: {
 			type: String,
 			required: false
-		},
-		"aria-label": {
-			type: [String, null],
-			required: false
-		},
-		"aria-labelledby": {
-			type: [String, null],
-			required: false
 		}
 	}, defaultProps),
 	name: "AProgress",

package/dist/qrcode/index.js

@@ -7,7 +7,7 @@ import { toPropsRefs } from "../_util/tools.js";
 import useLocale from "../locale/useLocale.js";
 import QRcodeStatus from "./QrcodeStatus.js";
 import style_default from "./style/index.js";
-import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
+import { computed, createVNode, defineComponent, getCurrentInstance, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { classNames } from "@v-c/util";
 import { omit } from "es-toolkit";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
@@ -16,6 +16,7 @@ import { QRCodeCanvas, QRCodeSVG } from "@v-c/qrcode";
 const QRCode = /* @__PURE__ */ defineComponent((props, { emit, attrs, slots, expose }) => {
 	const { prefixCls, class: contextClassName, style: contextStyle, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("qrcode", props);
 	const { styles, classes } = toPropsRefs(props, "styles", "classes");
+	const instance = getCurrentInstance();
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	const [locale] = useLocale("QRCode");
 	const [, token] = useToken();
@@ -42,6 +43,7 @@ const QRCode = /* @__PURE__ */ defineComponent((props, { emit, attrs, slots, exp
 	return () => {
 		const { type, value, size, errorLevel, bgColor, icon, boostLevel, bordered, rootClass, status, marginSize } = props;
 		const statusRender = slots?.statusRender ?? props?.statusRender;
+		const hasRefreshListener = !!instance?.vnode?.props?.onRefresh;
 		const a11yProps = pickAttrs(attrs, true);
 		const restProps = omit(attrs, Object.keys(a11yProps));
 		const style = attrs.style;
@@ -89,9 +91,7 @@ const QRCode = /* @__PURE__ */ defineComponent((props, { emit, attrs, slots, exp
 			"prefixCls": prefixCls.value,
 			"locale": locale.value,
 			"status": status,
-			"onRefresh": () => {
-				emit("refresh");
-			},
+			"onRefresh": hasRefreshListener ? () => emit("refresh") : void 0,
 			"statusRender": statusRender
 		}, null)]), type === "canvas" ? createVNode(QRCodeCanvas, qrCodeProps, null) : createVNode(QRCodeSVG, qrCodeProps, null)]);
 	};

package/dist/radio/group.js

@@ -1,16 +1,17 @@
+import { useFormItemContext, useFormItemInputContext } from "../form/context.js";
 import { useOrientation } from "../_util/hooks/useOrientation.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
-import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
+import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import { checkRenderNode } from "../_util/vueNode.js";
-import { useFormItemContext, useFormItemInputContext } from "../form/context.js";
 import { toNamePathStr } from "../form/hooks/useForm.js";
 import { useRadioGroupContextProvider } from "./context.js";
 import style_default from "./style/index.js";
 import InternalRadio from "./radio.js";
-import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, ref, useId, watch } from "vue";
+import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, ref, toRef, useId, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import pickAttrs from "@v-c/util/dist/pickAttrs";
@@ -40,7 +41,21 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
 	const mergedSize = useSize(customizeSize);
-	const [, mergedVertical] = useOrientation(orientation, vertical);
+	const [mergedOrientation, mergedVertical] = useOrientation(orientation, vertical);
+	const contextDisabled = useDisabledContext();
+	const mergedProps = computed(() => ({
+		...props,
+		value: value.value,
+		disabled: props.disabled ?? contextDisabled.value,
+		size: mergedSize.value,
+		buttonStyle: props.buttonStyle,
+		block: props.block,
+		name: name.value,
+		optionType: props.optionType ?? "default",
+		orientation: mergedOrientation.value,
+		vertical: mergedVertical.value
+	}));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(toRef(() => props.classes)), useToArr(toRef(() => props.styles)), useToProps(mergedProps));
 	useRadioGroupContextProvider(computed(() => {
 		return {
 			onChange: onRadioChange,
@@ -48,7 +63,17 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			disabled: props?.disabled,
 			name: name.value,
 			optionType: props?.optionType,
-			block: props?.block
+			block: props?.block,
+			classes: {
+				root: mergedClassNames.value.item,
+				icon: mergedClassNames.value.itemIcon,
+				label: mergedClassNames.value.itemLabel
+			},
+			styles: {
+				root: mergedStyles.value.item,
+				icon: mergedStyles.value.itemIcon,
+				label: mergedStyles.value.itemLabel
+			}
 		};
 	}));
 	return () => {
@@ -60,7 +85,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			[`${groupPrefixCls.value}-small`]: mergedSize.value === "small",
 			[`${groupPrefixCls.value}-rtl`]: direction.value === "rtl",
 			[`${groupPrefixCls.value}-block`]: block
-		}, className, rootClass, hashId.value, cssVarCls.value, rootCls.value);
+		}, className, rootClass, mergedClassNames.value.root, hashId.value, cssVarCls.value, rootCls.value);
 		let childrenToRender = children;
 		const labelRender = slots?.labelRender ?? props?.labelRender;
 		if (options && options.length) childrenToRender = options.map((option, index) => {
@@ -102,7 +127,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			data: true
 		}), {
 			"class": clsx(classString, { [`${prefixCls.value}-group-vertical`]: mergedVertical.value }),
-			"style": style,
+			"style": [mergedStyles.value.root, style],
 			"onMouseenter": (e) => {
 				emit("mouseenter", e);
 			},
@@ -166,6 +191,14 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 			type: Function,
 			required: false
 		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
 		"onUpdate:value": {
 			type: Function,
 			required: false

package/dist/radio/index.d.ts

@@ -1,7 +1,7 @@
 import { CheckboxEmits, CheckboxSlots } from "../checkbox/Checkbox.js";
 import { CheckboxOptionType } from "../checkbox/Group.js";
 import "../checkbox/index.js";
-import { RadioChangeEvent, RadioEmits, RadioGroupEmits, RadioGroupOptionType, RadioGroupSlots, RadioSlots } from "./interface.js";
+import { RadioChangeEvent, RadioEmits, RadioGroupClassNamesType, RadioGroupEmits, RadioGroupOptionType, RadioGroupSemanticClassNames, RadioGroupSemanticStyles, RadioGroupSlots, RadioGroupStylesType, RadioSlots } from "./interface.js";
 import { InternalRadioButtonProps } from "./radioButton.js";
 import "../index.js";
 import { InternalRadioGroupProps } from "./group.js";
@@ -13,4 +13,4 @@ type RadioOptionType = CheckboxOptionType;
 declare const RadioGroup: import("vue").DefineSetupFnComponent<InternalRadioGroupProps, RadioGroupEmits, import("vue").SlotsType<RadioGroupSlots>, InternalRadioGroupProps, import("vue").PublicProps>;
 declare const RadioButton: import("vue").DefineSetupFnComponent<InternalRadioButtonProps, CheckboxEmits, import("vue").SlotsType<CheckboxSlots>, InternalRadioButtonProps, import("vue").PublicProps>;
 //#endregion
-export { RadioButton, type RadioChangeEvent, type RadioEmits, RadioGroup, type RadioGroupEmits, type RadioGroupOptionType, RadioGroupProps, type RadioGroupSlots, RadioOptionType, RadioProps, type RadioSlots, InternalRadio as default };
+export { RadioButton, type RadioChangeEvent, type RadioEmits, RadioGroup, type RadioGroupClassNamesType, type RadioGroupEmits, type RadioGroupOptionType, RadioGroupProps, type RadioGroupSemanticClassNames, type RadioGroupSemanticStyles, type RadioGroupSlots, type RadioGroupStylesType, RadioOptionType, RadioProps, type RadioSlots, InternalRadio as default };

package/dist/radio/interface.d.ts

@@ -8,6 +8,20 @@ import { CSSProperties } from "vue";
 //#region src/radio/interface.d.ts
 type RadioGroupButtonStyle = 'outline' | 'solid';
 type RadioGroupOptionType = 'default' | 'button';
+interface RadioGroupSemanticClassNames {
+  root?: string;
+  item?: string;
+  itemIcon?: string;
+  itemLabel?: string;
+}
+interface RadioGroupSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+  itemIcon?: CSSProperties;
+  itemLabel?: CSSProperties;
+}
+type RadioGroupClassNamesType = SemanticClassNamesType<RadioGroupProps, RadioGroupSemanticClassNames>;
+type RadioGroupStylesType = SemanticStylesType<RadioGroupProps, RadioGroupSemanticStyles>;
 interface RadioGroupProps extends AbstractCheckboxGroupProps {
   defaultValue?: any;
   value?: any;
@@ -24,6 +38,8 @@ interface RadioGroupProps extends AbstractCheckboxGroupProps {
     item: CheckboxOptionType;
     index: number;
   }) => any;
+  classes?: RadioGroupClassNamesType;
+  styles?: RadioGroupStylesType;
   'onUpdate:value'?: (value: any) => void;
 }
 interface RadioGroupEmits {
@@ -53,6 +69,8 @@ interface RadioGroupContextProps {
    */
   optionType?: RadioGroupOptionType;
   block?: boolean;
+  classes?: RadioSemanticClassNames;
+  styles?: RadioSemanticStyles;
 }
 type RadioSemanticName = keyof RadioSemanticClassNames & keyof RadioSemanticStyles;
 interface RadioSemanticClassNames {
@@ -93,4 +111,4 @@ interface RadioChangeEvent {
 }
 type RadioOptionTypeContextProps = RadioGroupOptionType;
 //#endregion
-export { RadioChangeEvent, RadioChangeEventTarget, RadioClassNamesType, RadioEmits, RadioGroupButtonStyle, RadioGroupContextProps, RadioGroupEmits, RadioGroupOptionType, RadioGroupProps, RadioGroupSlots, RadioOptionTypeContextProps, RadioProps, RadioSemanticClassNames, RadioSemanticName, RadioSemanticStyles, RadioSlots, RadioStylesType };
+export { RadioChangeEvent, RadioChangeEventTarget, RadioClassNamesType, RadioEmits, RadioGroupButtonStyle, RadioGroupClassNamesType, RadioGroupContextProps, RadioGroupEmits, RadioGroupOptionType, RadioGroupProps, RadioGroupSemanticClassNames, RadioGroupSemanticStyles, RadioGroupSlots, RadioGroupStylesType, RadioOptionTypeContextProps, RadioProps, RadioSemanticClassNames, RadioSemanticName, RadioSemanticStyles, RadioSlots, RadioStylesType };

package/dist/radio/radio.js

@@ -1,4 +1,5 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
@@ -7,11 +8,10 @@ import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import { TARGET_CLS } from "../_util/wave/interface.js";
 import wave_default from "../_util/wave/index.js";
 import { checkRenderNode } from "../_util/vueNode.js";
-import { useFormItemInputContext } from "../form/context.js";
 import { useRadioGroupContext, useRadioOptionTypeContext } from "./context.js";
 import useBubbleLock from "../checkbox/useBubbleLock.js";
 import style_default from "./style/index.js";
-import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
+import { computed, createVNode, defineComponent, mergeProps, shallowRef, toRef } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { omit } from "es-toolkit";
@@ -64,7 +64,9 @@ const InternalRadio = /* @__PURE__ */ defineComponent((props, { slots, expose, a
 		};
 	});
 	const contextStyleRoot = useSemanticRootStyle(contextStyle);
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
+	const groupClassNames = toRef(() => groupContext?.value?.classes);
+	const groupStyles = toRef(() => groupContext?.value?.styles);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, groupClassNames, classes), useToArr(contextStyles, contextStyleRoot, groupStyles, styles), useToProps(mergedProps));
 	const [onLabelClick, onInputClick] = useBubbleLock((e) => {
 		emit("click", e);
 	});

package/dist/result/index.js

@@ -57,7 +57,7 @@ const Icon = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 const Extra = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	return () => {
 		const extra = getSlotPropsFnRun(slots, props, "extra");
-		if (!extra) return null;
+		if (!isRenderable(extra)) return null;
 		return createVNode("div", attrs, [extra]);
 	};
 }, {
@@ -112,11 +112,11 @@ const Result = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose })
 				"icon": icon,
 				"style": mergedStyles.value.icon
 			}, null),
-			!!title && createVNode("div", {
+			isRenderable(title) && createVNode("div", {
 				"class": titleClassNames,
 				"style": mergedStyles.value.title
 			}, [title]),
-			!!subTitle && createVNode("div", {
+			isRenderable(subTitle) && createVNode("div", {
 				"class": subTitleClassNames,
 				"style": mergedStyles.value.subTitle
 			}, [subTitle]),