antdv-next 1.5.6 → 1.7.0

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/radio/style/index.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/radio/style/index.d.ts
 interface ComponentToken {
@@ -78,6 +82,6 @@ interface ComponentToken {
   radioBgColor: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Radio'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

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

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 import { CSSObject } from "@antdv-next/cssinjs";
 //#region src/rate/style/index.d.ts
@@ -35,6 +39,6 @@ interface ComponentToken {
   starBg: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Rate'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, prepareComponentToken };

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]),