antdv-next 1.6.0 → 1.7.0

package/dist/auto-complete/index.js

@@ -128,6 +128,7 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 			}
 		};
 		const selectProps = omit(props, omitKeys);
+		selectProps.allowClear = props.allowClear ?? false;
 		if (selectProps.placeholder === void 0 && customizeInputPlaceholder !== void 0) selectProps.placeholder = customizeInputPlaceholder;
 		return createVNode(Select, mergeProps(forwardedAttrs, selectProps, {
 			onSelect: (value, option) => {

package/dist/avatar/Avatar.js

@@ -5,7 +5,7 @@ import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { isRenderable } from "../_util/is.js";
-import { responsiveArray } from "../_util/responsiveObserver.js";
+import { matchScreen, responsiveArray } from "../_util/responsiveObserver.js";
 import useBreakpoint from "../grid/hooks/useBreakpoint.js";
 import { useAvatarContext } from "./AvatarContext.js";
 import style_default from "./style/index.js";
@@ -62,8 +62,7 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, exp
 		const { shape, rootClass, draggable, srcSet, crossOrigin, alt } = props;
 		const responsiveSizeStyleFn = () => {
 			if (typeof size.value !== "object") return {};
-			const currentBreakpoint = responsiveArray.find((screen) => screens.value[screen]);
-			const currentSize = size.value[currentBreakpoint] || size.value;
+			const currentSize = matchScreen(screens.value ?? {}, size.value);
 			return currentSize ? {
 				width: `${currentSize}px`,
 				height: `${currentSize}px`,
@@ -102,7 +101,6 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, exp
 		else if (mounted.value || scale.value !== 1) {
 			const transformString = `scale(${scale.value})`;
 			const childrenStyle = {
-				msTransform: transformString,
 				WebkitTransform: transformString,
 				transform: transformString
 			};

package/dist/avatar/AvatarContext.d.ts

@@ -11,7 +11,7 @@ interface AvatarContextType {
   shape?: 'circle' | 'square';
 }
 declare function useAvatarContext(): Ref<{
-  size?: number | "default" | SizeType | {
+  size?: number | SizeType | "default" | {
     xxxl?: number | undefined;
     xxl?: number | undefined;
     xl?: number | undefined;
@@ -22,7 +22,7 @@ declare function useAvatarContext(): Ref<{
   };
   shape?: "circle" | "square" | undefined;
 }, AvatarContextType | {
-  size?: number | "default" | SizeType | {
+  size?: number | SizeType | "default" | {
     xxxl?: number | undefined;
     xxl?: number | undefined;
     xl?: number | undefined;

package/dist/border-beam/BorderBeam.d.ts

@@ -1,12 +1,19 @@
 import { BorderBeamColor, BorderBeamGradient } from "./util.js";
 import { SlotsType } from "vue";
 //#region src/border-beam/BorderBeam.d.ts
+interface BorderBeamItem {
+  color?: BorderBeamColor;
+  lineWidth?: number | string;
+  outset?: number | string;
+  size?: number | string;
+}
 interface BorderBeamProps {
   prefixCls?: string;
   rootClass?: string;
   color?: BorderBeamColor;
   count?: number;
   duration?: number;
+  items?: BorderBeamItem[];
   lineWidth?: number | string;
   outset?: number | string;
   size?: number | string;
@@ -18,4 +25,4 @@ declare const BorderBeam: import("vue").DefineSetupFnComponent<BorderBeamProps,
   [x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
 }, import("vue").PublicProps>;
 //#endregion
-export { type BorderBeamColor, type BorderBeamGradient, BorderBeamProps, BorderBeamSlots, BorderBeam as default };
+export { type BorderBeamColor, type BorderBeamGradient, BorderBeamItem, BorderBeamProps, BorderBeamSlots, BorderBeam as default };

package/dist/border-beam/BorderBeam.js

@@ -1,3 +1,4 @@
+import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { genCssVar } from "../theme/util/genStyleUtils.js";
 import { isNonNullable, isNumber } from "../_util/is.js";
@@ -26,8 +27,8 @@ const BorderBeam = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =>
 	const borderWidth = useBorderSize(hostDom);
 	const beamGradient = computed(() => getBorderBeamGradient(props.color));
 	const mergedCount = computed(() => {
-		const { count = 1 } = props;
-		return isNumber(count) && Number.isFinite(count) && count >= 1 ? Math.floor(count) : 1;
+		const { count, items } = props;
+		return items?.length ?? (isNumber(count) && Number.isFinite(count) && count >= 1 ? Math.floor(count) : 1);
 	});
 	const mergedDuration = computed(() => {
 		const { duration } = props;
@@ -43,22 +44,31 @@ const BorderBeam = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =>
 	};
 	return () => {
 		let _slot;
-		const { duration, lineWidth, size } = props;
+		const { duration, lineWidth, size, items } = props;
 		const children = filterEmpty(slots.default?.() ?? []);
 		const count = mergedCount.value;
-		const getBeamStyle = (index) => ({
-			...contextStyle?.value ?? {},
-			...attrs.style ?? {},
-			...beamGradient.value && { [varName.value("beam-gradient")]: beamGradient.value },
-			...isNumber(duration) && duration > 0 && { [varName.value("duration")]: `${duration}s` },
-			...isNonNullable(lineWidth) && { [varName.value("line-width")]: unit(lineWidth) },
-			...isNonNullable(size) && { [varName.value("size")]: unit(size) },
-			...index > 0 && { [varName.value("delay")]: `${-mergedDuration.value * index / count}s` },
-			[varName.value("inset-offset")]: insetOffset.value
-		});
+		if (isDev) devUseWarning("BorderBeam")(!isNonNullable(items) || !isNonNullable(props.count), "usage", "`count` is ignored when `items` is provided.");
+		const getBeamStyle = (index) => {
+			const item = items?.[index] ?? {};
+			const beamPhase = index / count;
+			const itemBeamGradient = item.color ? getBorderBeamGradient(item.color) : beamGradient.value;
+			const itemLineWidth = item.lineWidth ?? lineWidth;
+			const itemSize = item.size ?? size;
+			const itemInsetOffset = isNonNullable(item.outset) ? getInset(item.outset) : insetOffset.value;
+			return {
+				...contextStyle?.value ?? {},
+				...attrs.style ?? {},
+				...itemBeamGradient && { [varName.value("beam-gradient")]: itemBeamGradient },
+				...isNumber(duration) && duration > 0 && { [varName.value("duration")]: `${duration}s` },
+				...isNonNullable(itemLineWidth) && { [varName.value("line-width")]: unit(itemLineWidth) },
+				...isNonNullable(itemSize) && { [varName.value("size")]: unit(itemSize) },
+				...beamPhase > 0 && { [varName.value("delay")]: `${-mergedDuration.value * beamPhase}s` },
+				[varName.value("inset-offset")]: itemInsetOffset
+			};
+		};
 		const beamCls = clsx(prefixCls.value, contextClassName?.value, props.rootClass, attrs.class, hashId.value, cssVarCls.value);
 		const beamNode = hostDom.value ? createVNode(Teleport, { "to": hostDom.value }, _isSlot(_slot = Array.from({ length: count }, (_, index) => createVNode("div", {
-			"key": index,
+			"key": `${count}-${index / count}`,
 			"aria-hidden": "true",
 			"class": beamCls,
 			"style": getBeamStyle(index)
@@ -92,6 +102,10 @@ const BorderBeam = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =>
 			type: Number,
 			required: false
 		},
+		items: {
+			type: Array,
+			required: false
+		},
 		lineWidth: {
 			type: [Number, String],
 			required: false

package/dist/border-beam/index.d.ts

@@ -1,3 +1,3 @@
 import { BorderBeamColor, BorderBeamGradient } from "./util.js";
-import BorderBeam, { BorderBeamProps } from "./BorderBeam.js";
-export { type BorderBeamColor, type BorderBeamGradient, type BorderBeamProps, BorderBeam as default };
+import BorderBeam, { BorderBeamItem, BorderBeamProps } from "./BorderBeam.js";
+export { type BorderBeamColor, type BorderBeamGradient, type BorderBeamItem, type BorderBeamProps, BorderBeam as default };

package/dist/breadcrumb/BreadcrumbItem.js

@@ -1,8 +1,8 @@
 import { useBaseConfig } from "../config-provider/context.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import { isRenderable } from "../_util/is.js";
-import isNonNullable from "../_util/isNonNullable.js";
 import { checkRenderNode } from "../_util/vueNode.js";
+import isNonNullable from "../_util/isNonNullable.js";
 import { useBreadcrumbContext } from "./BreadcrumbContext.js";
 import Dropdown from "../dropdown/index.js";
 import BreadcrumbSeparator from "./BreadcrumbSeparator.js";

package/dist/card/style/index.js

@@ -41,7 +41,7 @@ const genCardHeadStyle = (token) => {
 			clear: "both",
 			marginBottom: tabsMarginBottom,
 			color: token.colorText,
-			fontWeight: "normal",
+			fontWeight: 400,
 			fontSize: token.fontSize,
 			"&-bar": { borderBottom: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}` }
 		}
@@ -161,7 +161,7 @@ const genCardStyle = (token) => {
 			[`${componentCls}-extra`]: {
 				marginInlineStart: "auto",
 				color: extraColor,
-				fontWeight: "normal",
+				fontWeight: 400,
 				fontSize: token.fontSize
 			},
 			[`${componentCls}-body`]: {

package/dist/cascader/Panel.js

@@ -1,6 +1,6 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
-import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import { getSlotPropsFnRun, getSlotPropsFnRunWithFallback, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
@@ -30,8 +30,8 @@ const CascaderPanel = /* @__PURE__ */ defineComponent((props, { attrs, emit, slo
 	return () => {
 		const { rootClass, multiple, optionRender, expandIcon, prefixCls: _prefixCls, direction: _direction, loadingIcon, ...rest } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
-		const customExpandIcon = getSlotPropsFnRun(slots, props, "expandIcon", false) ?? expandIcon;
-		const customLoadingIcon = getSlotPropsFnRun(slots, props, "loadingIcon", false) ?? loadingIcon;
+		const customExpandIcon = getSlotPropsFnRunWithFallback(slots, props, "expandIcon");
+		const customLoadingIcon = getSlotPropsFnRunWithFallback(slots, props, "loadingIcon");
 		const { expandIcon: mergedExpandIcon, loadingIcon: mergedLoadingIcon } = useIcons({
 			contextExpandIcon: contextExpandIcon.value,
 			contextLoadingIcon: contextLoadingIcon.value,

package/dist/cascader/index.js

@@ -1,16 +1,17 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { useZIndex } from "../_util/hooks/useZIndex.js";
-import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import { getSlotPropsFnRun, getSlotPropsFnRunWithFallback, toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
+import { useLocaleGetter } from "../locale/useLocale.js";
 import genPurePanel from "../_util/PurePanel.js";
 import { getMergedStatus, getStatusClassNames } from "../_util/statusUtils.js";
 import { DefaultRenderEmpty } from "../config-provider/defaultRenderEmpty.js";
-import { useFormItemInputContext } from "../form/context.js";
 import { useVariants } from "../form/hooks/useVariant.js";
 import mergedBuiltinPlacements from "../select/mergedBuiltinPlacements.js";
 import style_default from "../select/style/index.js";
@@ -74,6 +75,7 @@ const InternalCascader = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 		"removeIcon",
 		"suffixIcon"
 	]);
+	const getGlobalLocale = useLocaleGetter("global");
 	const { prefixCls: customizePrefixCls, direction: propDirection, variant: customizeVariant, bordered, size: customizeSize, disabled: customDisabled, status: customStatus, classes, styles } = toPropsRefs(props, "prefixCls", "direction", "variant", "bordered", "size", "disabled", "status", "classes", "styles");
 	const { prefixCls, cascaderPrefixCls, direction: mergedDirection, renderEmpty } = useBase(customizePrefixCls, propDirection);
 	const isRtl = computed(() => mergedDirection.value === "rtl");
@@ -179,11 +181,16 @@ const InternalCascader = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 			componentName: "Cascader"
 		});
 		const mergedClearIcon = rest.clearIcon ?? contextClearIcon.value ?? clearIcon;
-		const mergedAllowClear = (allowClear ?? true) === true ? { clearIcon: mergedClearIcon } : allowClear;
+		const finalAllowClear = allowClear ?? true;
+		const mergedAllowClear = finalAllowClear ? {
+			clearIcon: mergedClearIcon,
+			label: getGlobalLocale().clear,
+			...typeof finalAllowClear === "object" ? finalAllowClear : {}
+		} : finalAllowClear;
 		const mergedPopupRender = usePopupRender((slots.popupRender ?? popupRender) || dropdownRender);
 		const mergedPopupMenuColumnStyle = popupMenuColumnStyle ?? dropdownMenuColumnStyle;
-		const customExpandIcon = getSlotPropsFnRun(slots, props, "expandIcon", false) ?? expandIcon;
-		const customLoadingIcon = getSlotPropsFnRun(slots, props, "loadingIcon", false) ?? loadingIcon;
+		const customExpandIcon = getSlotPropsFnRunWithFallback(slots, props, "expandIcon");
+		const customLoadingIcon = getSlotPropsFnRunWithFallback(slots, props, "loadingIcon");
 		const { expandIcon: mergedExpandIcon, loadingIcon: mergedLoadingIcon } = useIcons$1({
 			contextExpandIcon: contextExpandIcon.value,
 			contextLoadingIcon: contextLoadingIcon.value,

package/dist/checkbox/Checkbox.js

@@ -1,19 +1,19 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
+import { useFormItemContext, 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 } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
-import isNonNullable from "../_util/isNonNullable.js";
 import { TARGET_CLS } from "../_util/wave/interface.js";
 import wave_default from "../_util/wave/index.js";
 import { checkRenderNode } from "../_util/vueNode.js";
-import { useFormItemContext, useFormItemInputContext } from "../form/context.js";
+import isNonNullable from "../_util/isNonNullable.js";
 import useBubbleLock from "./useBubbleLock.js";
 import style_default from "./style/index.js";
 import { isValueEqual } from "../_util/isEqual.js";
 import { useGroupContext } from "./GroupContext.js";
-import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, nextTick, shallowRef, watch } from "vue";
+import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, nextTick, shallowRef, toRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { omit } from "es-toolkit";
 import VcCheckbox from "@v-c/checkbox";
@@ -45,7 +45,9 @@ const InternalCheckbox = /* @__PURE__ */ defineComponent((props, { slots, emit,
 		};
 	});
 	const contextStyleRoot = useSemanticRootStyle(contextStyle);
-	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
+	const groupClassNames = toRef(() => props.skipGroup ? void 0 : checkboxGroup?.value?.classes);
+	const groupStyles = toRef(() => props.skipGroup ? void 0 : checkboxGroup?.value?.styles);
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, groupClassNames, classes), useToArr(contextStyles, contextStyleRoot, groupStyles, styles), useToProps(mergedProps));
 	const checkboxRef = shallowRef();
 	if (isDev) devUseWarning("Checkbox")("checked" in props || !!checkboxGroup?.value || !("value" in props), "usage", "`value` is not a valid prop, do you mean `checked`?");
 	watch([() => props.value, () => props.skipGroup], ([value, skipGroup], _prev, onCleanup) => {

package/dist/checkbox/Group.d.ts

@@ -1,4 +1,6 @@
 import { VueNode } from "../_util/type.js";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
 import { ComponentBaseProps } from "../config-provider/context.js";
 import { CSSProperties, SlotsType } from "vue";
 import { CheckboxChangeEvent } from "@v-c/checkbox";
@@ -18,6 +20,20 @@ interface AbstractCheckboxGroupProps extends ComponentBaseProps {
   options?: (CheckboxOptionType | string | number)[];
   disabled?: boolean;
 }
+interface CheckboxGroupSemanticClassNames {
+  root?: string;
+  item?: string;
+  itemIcon?: string;
+  itemLabel?: string;
+}
+interface CheckboxGroupSemanticStyles {
+  root?: CSSProperties;
+  item?: CSSProperties;
+  itemIcon?: CSSProperties;
+  itemLabel?: CSSProperties;
+}
+type CheckboxGroupClassNamesType = SemanticClassNamesType<CheckboxGroupProps, CheckboxGroupSemanticClassNames>;
+type CheckboxGroupStylesType = SemanticStylesType<CheckboxGroupProps, CheckboxGroupSemanticStyles>;
 interface CheckboxGroupProps extends AbstractCheckboxGroupProps, CheckboxGroupEmitsProps {
   name?: string;
   defaultValue?: any[];
@@ -27,6 +43,8 @@ interface CheckboxGroupProps extends AbstractCheckboxGroupProps, CheckboxGroupEm
     index: number;
   }) => any;
   role?: string;
+  classes?: CheckboxGroupClassNamesType;
+  styles?: CheckboxGroupStylesType;
   'onUpdate:value'?: (value: any[]) => void;
 }
 interface CheckboxGroupEmits {
@@ -44,4 +62,4 @@ interface CheckboxGroupSlots {
 }
 declare const CheckboxGroup: import("vue").DefineSetupFnComponent<CheckboxGroupProps, CheckboxGroupEmits, SlotsType<CheckboxGroupSlots>, CheckboxGroupProps, import("vue").PublicProps>;
 //#endregion
-export { AbstractCheckboxGroupProps, CheckboxGroupEmits, CheckboxGroupEmitsProps, CheckboxGroupProps, CheckboxGroupSlots, CheckboxOptionType, CheckboxGroup as default };
+export { AbstractCheckboxGroupProps, CheckboxGroupClassNamesType, CheckboxGroupEmits, CheckboxGroupEmitsProps, CheckboxGroupProps, CheckboxGroupSemanticClassNames, CheckboxGroupSemanticStyles, CheckboxGroupSlots, CheckboxGroupStylesType, CheckboxOptionType, CheckboxGroup as default };

package/dist/checkbox/Group.js

@@ -1,10 +1,11 @@
 import { useBaseConfig } from "../config-provider/context.js";
-import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
+import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import style_default from "./style/index.js";
 import { useGroupContextProvider } from "./GroupContext.js";
 import InternalCheckbox from "./Checkbox.js";
-import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef, watch } from "vue";
+import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef, toRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { omit } from "es-toolkit";
 //#region src/checkbox/Group.tsx
@@ -48,12 +49,30 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 	const groupPrefixCls = computed(() => `${prefixCls.value}-group`);
 	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
+	const contextDisabled = useDisabledContext();
+	const mergedProps = computed(() => ({
+		...props,
+		options: props.options,
+		value: value.value,
+		disabled: props.disabled ?? contextDisabled.value
+	}));
+	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(toRef(() => props.classes)), useToArr(toRef(() => props.styles)), useToProps(mergedProps));
 	useGroupContextProvider(computed(() => {
 		return {
 			toggleOption,
 			value: value.value,
 			disabled: props.disabled,
 			name: props.name,
+			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
+			},
 			registerValue,
 			cancelValue
 		};
@@ -64,7 +83,9 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			"options",
 			"rootClass",
 			"defaultValue",
-			"prefixCls"
+			"prefixCls",
+			"classes",
+			"styles"
 		]);
 		const children = slots?.default?.();
 		const { restAttrs, className, style } = getAttrStyleAndClass(attrs);
@@ -89,9 +110,9 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			}), _isSlot(_label) ? _label : { default: () => [_label] });
 		}) : children;
 		return createVNode("div", mergeProps({
-			"class": clsx(groupPrefixCls.value, { [`${groupPrefixCls.value}-rtl`]: direction.value === "rtl" }, className, rootClass, cssVarCls.value, rootCls.value, hashId.value),
+			"class": clsx(groupPrefixCls.value, { [`${groupPrefixCls.value}-rtl`]: direction.value === "rtl" }, className, rootClass, mergedClassNames.value.root, cssVarCls.value, rootCls.value, hashId.value),
 			"role": role,
-			"style": style
+			"style": [mergedStyles.value.root, style]
 		}, restAttrs), [childrenNode]);
 	};
 }, {
@@ -116,6 +137,14 @@ const CheckboxGroup = /* @__PURE__ */ defineComponent((props, { slots, emit, att
 			type: String,
 			required: false
 		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
 		"onUpdate:value": {
 			type: Function,
 			required: false

package/dist/checkbox/GroupContext.d.ts

@@ -1,3 +1,4 @@
+import { CheckboxSemanticClassNames, CheckboxSemanticStyles } from "./Checkbox.js";
 import { CheckboxOptionType } from "./Group.js";
 import { Ref } from "vue";
 //#region src/checkbox/GroupContext.d.ts
@@ -6,6 +7,8 @@ interface CheckboxGroupContext {
   toggleOption?: (option: CheckboxOptionType) => void;
   value?: any;
   disabled?: boolean;
+  classes?: CheckboxSemanticClassNames;
+  styles?: CheckboxSemanticStyles;
   registerValue: (val: any) => void;
   cancelValue: (val: any) => void;
 }

package/dist/checkbox/index.d.ts

@@ -1,3 +1,3 @@
 import InternalCheckbox, { CheckboxEmits, CheckboxProps, CheckboxSlots } from "./Checkbox.js";
-import CheckboxGroup, { CheckboxGroupEmits, CheckboxGroupProps, CheckboxGroupSlots, CheckboxOptionType } from "./Group.js";
-export { type CheckboxEmits, CheckboxGroup, type CheckboxGroupEmits, type CheckboxGroupProps, type CheckboxGroupSlots, type CheckboxOptionType, type CheckboxProps, type CheckboxSlots, InternalCheckbox as default };
+import CheckboxGroup, { CheckboxGroupClassNamesType, CheckboxGroupEmits, CheckboxGroupProps, CheckboxGroupSemanticClassNames, CheckboxGroupSemanticStyles, CheckboxGroupSlots, CheckboxGroupStylesType, CheckboxOptionType } from "./Group.js";
+export { type CheckboxEmits, CheckboxGroup, type CheckboxGroupClassNamesType, type CheckboxGroupEmits, type CheckboxGroupProps, type CheckboxGroupSemanticClassNames, type CheckboxGroupSemanticStyles, type CheckboxGroupSlots, type CheckboxGroupStylesType, type CheckboxOptionType, type CheckboxProps, type CheckboxSlots, InternalCheckbox as default };

package/dist/color-picker/ColorPicker.js

@@ -1,3 +1,4 @@
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
@@ -11,7 +12,6 @@ import { formatColorValue, genAlphaColor, generateColor, getColorAlpha } from ".
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import genPurePanel from "../_util/PurePanel.js";
 import { getStatusClassNames } from "../_util/statusUtils.js";
-import { useFormItemInputContext } from "../form/context.js";
 import Popover from "../popover/index.js";
 import ColorPickerPanel_default from "./ColorPickerPanel.js";
 import ColorTrigger_default from "./components/ColorTrigger.js";

package/dist/color-picker/style/input.js

@@ -12,7 +12,7 @@ const genInputStyle = (token) => {
 				paddingInlineStart: paddingXXS,
 				paddingInlineEnd: 0
 			},
-			[`${antCls}-input-number-handler-wrap`]: { width: colorPickerInputNumberHandleWidth }
+			[`${antCls}-input-number-actions`]: { width: colorPickerInputNumberHandleWidth }
 		},
 		[`${componentCls}-steppers${componentCls}-alpha-input`]: {
 			flex: `0 0 ${unit(colorPickerAlphaInputWidth)}`,

package/dist/components.d.ts

@@ -18,6 +18,7 @@ import Pagination from "./pagination/Pagination.js";
 import { PaginationProps } from "./pagination/index.js";
 import Popover, { PopoverEmits, PopoverProps, PopoverRef, PopoverSlots } from "./popover/index.js";
 import Popconfirm, { PopconfirmEmits, PopconfirmProps, PopconfirmSlots } from "./popconfirm/index.js";
+import { SplitterEmits, SplitterSlots } from "./splitter/interface.js";
 import _default$11, { SpinProps, SpinRef, SpinSlots } from "./spin/index.js";
 import InternalCheckbox, { CheckboxEmits, CheckboxProps, CheckboxSlots } from "./checkbox/Checkbox.js";
 import CheckboxGroup, { CheckboxGroupEmits, CheckboxGroupProps, CheckboxGroupSlots, CheckboxOptionType } from "./checkbox/Group.js";
@@ -110,7 +111,6 @@ import "./skeleton/index.js";
 import Slider, { SliderEmits, SliderProps, SliderRef } from "./slider/index.js";
 import { SpaceCompactProps, SpaceCompactRef } from "./space/Compact.js";
 import Space, { SpaceAddon, SpaceCompact, SpaceProps, SpaceSize, SpaceSlots } from "./space/index.js";
-import { SplitterEmits, SplitterSlots } from "./splitter/interface.js";
 import Splitter, { SplitterRef } from "./splitter/Splitter.js";
 import { SplitterPanel, SplitterProps } from "./splitter/index.js";
 import { StatisticRef } from "./statistic/Statistic.js";

package/dist/date-picker/generatePicker/generateRangePicker.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 { useSize } from "../../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../../space/Compact.js";
@@ -12,7 +13,6 @@ import { isNonNullable } from "../../_util/is.js";
 import locale from "../locale/en_US.js";
 import useLocale from "../../locale/useLocale.js";
 import { getMergedStatus, getStatusClassNames } from "../../_util/statusUtils.js";
-import { useFormItemInputContext } from "../../form/context.js";
 import { useVariants } from "../../form/hooks/useVariant.js";
 import style_default from "../style/index.js";
 import useMergedPickerSemantic from "../hooks/useMergedPickerSemantic.js";
@@ -109,7 +109,7 @@ function generateRangePicker(generateConfig) {
 			nativeElement: computed(() => innerRef.value?.nativeElement)
 		});
 		return () => {
-			const { placeholder, components, placement, suffixIcon, prefix, allowClear, clearIcon, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer, ...restProps } = props;
+			const { placeholder, components, placement, suffixIcon, prefix, allowClear, clearIcon, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer, autoComplete, autocomplete, ...restProps } = props;
 			const { className, style, restAttrs } = getAttrStyleAndClass(attrs, void 0, props);
 			const mergedSuffixIcon = getSlotPropsFnRun(slots, { suffixIcon }, "suffixIcon", false);
 			const mergedPrefix = getSlotPropsFnRun(slots, { prefix }, "prefix", false);
@@ -154,6 +154,7 @@ function generateRangePicker(generateConfig) {
 			const hasCustomSeparator = isNonNullable(mergedSeparator);
 			return createVNode(ContextIsolator, { "space": true }, { default: () => [createVNode(RangePicker, mergeProps(restAttrs, restProps, {
 				"ref": innerRef,
+				"autoComplete": autoComplete ?? autocomplete,
 				"separator": createVNode("span", {
 					"aria-hidden": hasCustomSeparator ? void 0 : true,
 					"class": `${prefixCls.value}-separator`
@@ -258,6 +259,10 @@ function generateRangePicker(generateConfig) {
 				type: [Object, Function],
 				required: false
 			},
+			autocomplete: {
+				type: String,
+				required: false
+			},
 			id: {
 				type: [String, Object],
 				required: false
@@ -412,6 +417,19 @@ function generateRangePicker(generateConfig) {
 				required: false,
 				default: void 0
 			},
+			name: {
+				type: String,
+				required: false
+			},
+			required: {
+				type: Boolean,
+				required: false,
+				default: void 0
+			},
+			autoComplete: {
+				type: String,
+				required: false
+			},
 			order: {
 				type: Boolean,
 				required: false,

package/dist/date-picker/generatePicker/generateSinglePicker.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 { useSize } from "../../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../../space/Compact.js";
@@ -12,7 +13,6 @@ import locale from "../locale/en_US.js";
 import useLocale from "../../locale/useLocale.js";
 import { omitUndefined } from "../../_util/omitUndefined.js";
 import { getMergedStatus, getStatusClassNames } from "../../_util/statusUtils.js";
-import { useFormItemInputContext } from "../../form/context.js";
 import { useVariants } from "../../form/hooks/useVariant.js";
 import style_default from "../style/index.js";
 import useMergedPickerSemantic from "../hooks/useMergedPickerSemantic.js";
@@ -121,7 +121,7 @@ function generatePicker(generateConfig) {
 				nativeElement: computed(() => innerRef.value?.nativeElement)
 			});
 			return () => {
-				const { placeholder, components, placement, suffixIcon, prefix, allowClear, clearIcon, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer, ...restProps } = props;
+				const { placeholder, components, placement, suffixIcon, prefix, allowClear, clearIcon, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer, autoComplete, autocomplete, ...restProps } = props;
 				const { className, style, restAttrs } = getAttrStyleAndClass(attrs, void 0, props);
 				const mergedSuffixIcon = getSlotPropsFnRun(slots, { suffixIcon }, "suffixIcon", false);
 				const mergedPrefix = getSlotPropsFnRun(slots, { prefix }, "prefix", false);
@@ -164,6 +164,7 @@ function generatePicker(generateConfig) {
 				const inputRender = slots.inputRender || props.inputRender ? (inputProps) => resolveRender("inputRender", [inputProps], inputProps) : void 0;
 				return createVNode(ContextIsolator, { "space": true }, { default: () => [createVNode(Picker, mergeProps(restAttrs, additionalProps, omitUndefined(restProps, ["onKeydown"]), {
 					"ref": innerRef,
+					"autoComplete": autoComplete ?? autocomplete,
 					"placeholder": getPlaceholder(locale$1.value, mergedPicker.value, placeholder),
 					"suffix": suffixNode,
 					"prefix": mergedPrefix,
@@ -265,6 +266,10 @@ function generatePicker(generateConfig) {
 					type: [Object, Function],
 					required: false
 				},
+				autocomplete: {
+					type: String,
+					required: false
+				},
 				use12Hours: {
 					type: Boolean,
 					required: false,
@@ -410,6 +415,19 @@ function generatePicker(generateConfig) {
 					required: false,
 					default: void 0
 				},
+				name: {
+					type: String,
+					required: false
+				},
+				required: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				autoComplete: {
+					type: String,
+					required: false
+				},
 				order: {
 					type: Boolean,
 					required: false,

package/dist/date-picker/generatePicker/interface.d.ts

@@ -148,6 +148,10 @@ interface BaseDefaultProps<Props> {
   popupStyle?: CSSProperties;
   classes?: DatePickerClassNamesType<Props>;
   styles?: DatePickerStylesType<Props>;
+  /**
+   * Lowercase alias of `autoComplete`, matching the native `autocomplete` attribute in templates
+   */
+  autocomplete?: string;
 }
 /** Base Single Picker props */
 interface PickerProps<DateType extends AnyObject = any> extends BaseDefaultProps<DateType>, Omit<PickerProps$1, 'placement' | 'locale' | 'generateConfig' | 'hideHeader' | 'classNames' | 'styles' | RcEventKeys | 'className' | 'style' | 'rootClassName'> {}

package/dist/date-picker/style/panel.js

@@ -193,7 +193,7 @@ const genPanelStyle = (token) => {
 			"th, td": {
 				position: "relative",
 				minWidth: cellHeight,
-				fontWeight: "normal"
+				fontWeight: 400
 			},
 			th: {
 				height: token.calc(cellHeight).add(token.calc(pickerCellPaddingVertical).mul(2)).equal(),

package/dist/date-picker/style/util.js

@@ -85,7 +85,7 @@ function genOverflowStyle(token) {
 				display: "inline-flex",
 				alignItems: "center",
 				color: colorIcon,
-				fontWeight: "bold",
+				fontWeight: 700,
 				fontSize: 10,
 				lineHeight: "inherit",
 				cursor: "pointer",