antdv-next 1.5.1 → 1.5.2

package/dist/carousel/index.js

@@ -2,6 +2,8 @@ import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass as getAttrStyleAndClass$1 } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
+import localeValues from "../locale/en_US.js";
+import useLocale from "../locale/useLocale.js";
 import style_default, { DotDuration } from "./style/index.js";
 import { computed, createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, onMounted, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
@@ -59,6 +61,7 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 	});
 	const mergedVertical = computed(() => props?.vertical ?? (mergedDotPlacement.value === "start" || mergedDotPlacement.value === "end"));
 	const { prefixCls, direction, class: contextClassName, style: contextStyle } = useComponentBaseConfig("carousel", props);
+	const [contextLocale] = useLocale("Carousel", localeValues.Carousel);
 	const slickRef = shallowRef();
 	const nativeElementRef = shallowRef();
 	const goTo = (slide, dontAnimate = false) => {
@@ -140,8 +143,8 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 			"dots": enableDots,
 			"dotsClass": dsClass,
 			"arrows": arrows,
-			"prevArrow": prevArrow ?? createVNode(ArrowButton, { "aria-label": isRTL.value ? "next" : "prev" }, null),
-			"nextArrow": nextArrow ?? createVNode(ArrowButton, { "aria-label": isRTL.value ? "prev" : "next" }, null),
+			"prevArrow": prevArrow ?? createVNode(ArrowButton, { "aria-label": isRTL.value ? contextLocale.value.nextSlide : contextLocale.value.prevSlide }, null),
+			"nextArrow": nextArrow ?? createVNode(ArrowButton, { "aria-label": isRTL.value ? contextLocale.value.prevSlide : contextLocale.value.nextSlide }, null),
 			"draggable": draggable,
 			"verticalSwiping": mergedVertical.value,
 			"autoplaySpeed": autoplaySpeed,

package/dist/collapse/Collapse.js

@@ -30,10 +30,8 @@ const Collapse = /* @__PURE__ */ defineComponent((props, { attrs, emit, slots })
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(contextClassNames, classes), useToArr(contextStyles, contextStyleRoot, styles), useToProps(mergedProps));
 	const renderExpandIcon = (panelProps = {}) => {
 		const mergedExpandIcon = slots?.expandIcon ?? props?.expandIcon ?? expandIcon.value;
-		const icon = typeof mergedExpandIcon === "function" ? mergedExpandIcon?.(panelProps) : createVNode(RightOutlined, {
-			"rotate": panelProps.isActive ? direction.value === "rtl" ? -90 : 90 : void 0,
-			"aria-label": panelProps.isActive ? "expanded" : "collapsed"
-		}, null);
+		const iconIsInteractive = panelProps.collapsible === "header" || panelProps.collapsible === "icon";
+		const icon = typeof mergedExpandIcon === "function" ? mergedExpandIcon?.(panelProps) : createVNode(RightOutlined, mergeProps({ "rotate": panelProps.isActive ? direction.value === "rtl" ? -90 : 90 : void 0 }, iconIsInteractive ? { "aria-label": panelProps.isActive ? "expanded" : "collapsed" } : { "aria-hidden": "true" }), null);
 		return cloneElement(icon, () => {
 			return { class: classNames(icon.props?.class, `${prefixCls.value}-arrow`) };
 		});

package/dist/color-picker/components/ColorTrigger.js

@@ -55,7 +55,7 @@ var ColorTrigger_default = /* @__PURE__ */ defineComponent((props, { attrs }) =>
 			"style": [styles.root, style]
 		}), [containerNode.value, props.showText && createVNode("div", {
 			"class": [colorTextPrefixCls.value, classes.description],
-			"style": classes.description
+			"style": styles.description
 		}, [desc.value])]);
 	};
 }, {

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

@@ -33,6 +33,7 @@ function genClearStyle(token, size, extraStyle) {
 		position: "relative",
 		overflow: "hidden",
 		cursor: "inherit",
+		userSelect: "none",
 		transition: `all ${token.motionDurationFast}`,
 		...extraStyle,
 		"&::after": {

package/dist/date-picker/generatePicker/generateRangePicker.js

@@ -10,6 +10,7 @@ import useCSSVarCls from "../../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../../config-provider/DisabledContext.js";
 import locale from "../locale/en_US.js";
 import useLocale from "../../locale/useLocale.js";
+import { isNonNullable } from "../../_util/is.js";
 import { getMergedStatus, getStatusClassNames } from "../../_util/statusUtils.js";
 import { useFormItemInputContext } from "../../form/context.js";
 import { useVariants } from "../../form/hooks/useVariant.js";
@@ -142,12 +143,13 @@ function generateRangePicker(generateConfig) {
 			const inputRender = slots.inputRender || props.inputRender ? (inputProps) => resolveRender("inputRender", [inputProps], inputProps) : void 0;
 			const _contextSeparator = getSlotPropsFnRun({}, { separator: contextSeparator?.value }, "separator", false);
 			const mergedSeparator = (getSlotPropsFnRun(slots, props, "separator", false) || _contextSeparator) ?? _contextSeparator;
+			const hasCustomSeparator = isNonNullable(mergedSeparator);
 			return createVNode(ContextIsolator, { "space": true }, { default: () => [createVNode(RangePicker, mergeProps(restAttrs, restProps, {
 				"ref": innerRef,
 				"separator": createVNode("span", {
-					"aria-label": "to",
+					"aria-hidden": hasCustomSeparator ? void 0 : true,
 					"class": `${prefixCls.value}-separator`
-				}, [mergedSeparator ?? createVNode(SwapRightOutlined, null, null)]),
+				}, [hasCustomSeparator ? mergedSeparator : createVNode(SwapRightOutlined, null, null)]),
 				"disabled": mergedDisabled.value,
 				"placement": placement,
 				"placeholder": getRangePlaceholder(locale$1.value, props.picker, placeholder),

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

@@ -4,11 +4,11 @@ import { Components } from "@v-c/picker";
 //#region src/date-picker/generatePicker/useComponents.d.ts
 declare function useComponents(components?: Components): {
   time?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
-  year?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
-  month?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   date?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   week?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
+  month?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   quarter?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
+  year?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   decade?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   datetime?: import("vue").DefineComponent<import("@v-c/picker/dist/interface").SharedPanelProps<any>> | undefined;
   button: string | import("vue").DefineSetupFnComponent<ButtonProps, {}, {}, ButtonProps & {}, import("vue").PublicProps> | import("vue").DefineComponent;

package/dist/descriptions/hooks/useItems.d.ts

@@ -8,21 +8,21 @@ declare function useItems(screens: Ref<ScreenMap>, items: Ref<DescriptionsItemTy
   filled: boolean;
   _$index: number;
   key?: import("@v-c/util/dist/type").Key;
-  classes?: CellSemanticClassNames | undefined;
   styles?: CellSemanticStyles | undefined;
   style?: import("vue").CSSProperties | undefined;
-  rootClass?: string | undefined;
   class?: string | undefined;
+  rootClass?: string | undefined;
+  classes?: CellSemanticClassNames | undefined;
   label?: VueNode;
   content?: VueNode;
 } | {
   span: number | undefined;
   key?: import("@v-c/util/dist/type").Key;
-  classes?: CellSemanticClassNames | undefined;
   styles?: CellSemanticStyles | undefined;
   style?: import("vue").CSSProperties | undefined;
-  rootClass?: string | undefined;
   class?: string | undefined;
+  rootClass?: string | undefined;
+  classes?: CellSemanticClassNames | undefined;
   label?: VueNode;
   content?: VueNode;
   _$index: number;

package/dist/float-button/style/button.js

@@ -4,7 +4,7 @@ import { unit } from "@antdv-next/cssinjs";
 const genFloatButtonStyle = (token) => {
 	const { componentCls, floatButtonSize, iconCls, antCls, floatButtonIconSize } = token;
 	const [varName, varRef] = genCssVar(antCls, "float-btn");
-	const [buttonVarName, buttonVarRef] = genCssVar(antCls, "btn");
+	const [, buttonVarRef] = genCssVar(antCls, "btn");
 	const getProgressBackground = (backgroundColor) => [`linear-gradient(${backgroundColor}, ${backgroundColor})`, `conic-gradient(${token.colorPrimary} ${varRef("progress", "0turn")}, ${token.colorBorderSecondary} 0)`].join(", ");
 	const badgeCls = `${componentCls}-badge`;
 	const R = Math.SQRT2;
@@ -35,20 +35,26 @@ const genFloatButtonStyle = (token) => {
 		},
 		"&:empty": { display: "none" },
 		[`${componentCls}-icon`]: { lineHeight: 1 },
-		[`&${componentCls}-progress`]: {
-			[buttonVarName("border-width")]: unit(token.lineWidthBold),
-			[buttonVarName("border-color")]: "transparent",
-			[buttonVarName("border-color-hover")]: "transparent",
-			[buttonVarName("border-color-active")]: "transparent",
-			[buttonVarName("border-color-disabled")]: "transparent",
+		[`&${antCls}-btn${componentCls}-progress`]: {
+			borderWidth: unit(token.lineWidthBold),
+			borderColor: "transparent",
 			backgroundImage: getProgressBackground(buttonVarRef("bg-color")),
 			backgroundOrigin: "border-box",
 			backgroundClip: "padding-box, border-box",
 			[`&:not(:disabled):not(${antCls}-btn-disabled)`]: {
-				"&:hover": { backgroundImage: getProgressBackground(buttonVarRef("bg-color-hover")) },
-				"&:active": { backgroundImage: getProgressBackground(buttonVarRef("bg-color-active")) }
+				"&:hover": {
+					borderColor: "transparent",
+					backgroundImage: getProgressBackground(buttonVarRef("bg-color-hover"))
+				},
+				"&:active": {
+					borderColor: "transparent",
+					backgroundImage: getProgressBackground(buttonVarRef("bg-color-active"))
+				}
 			},
-			[`&:disabled, &${antCls}-btn-disabled`]: { backgroundImage: getProgressBackground(buttonVarRef("bg-color-disabled")) }
+			[`&:disabled, &${antCls}-btn-disabled`]: {
+				borderColor: "transparent",
+				backgroundImage: getProgressBackground(buttonVarRef("bg-color-disabled"))
+			}
 		},
 		[`&${componentCls}-icon-only`]: { [iconCls]: { fontSize: floatButtonIconSize } },
 		[`${componentCls}-content`]: { fontSize: token.fontSizeSM },

package/dist/form/FormItem/ItemHolder.js

@@ -28,7 +28,7 @@ const ItemHolder = /* @__PURE__ */ defineComponent((props, { attrs, slots }) =>
 		}
 	}, { immediate: true });
 	const onErrorVisibleChanged = (visible) => {
-		if (!visible) marginBottom.value = null;
+		if (!visible && !hasError.value) marginBottom.value = null;
 	};
 	function getValidateState(isDebounce = false) {
 		return getStatus(isDebounce ? props?.errors : props?.meta?.errors, isDebounce ? props?.warnings : props?.meta?.warnings, props?.meta, "", !!props?.hasFeedback, props?.validateStatus);

package/dist/form/FormItem/index.js

@@ -1,7 +1,6 @@
 import { useComponentBaseConfig } from "../../config-provider/context.js";
 import { getSlotPropsFnRun } from "../../_util/tools.js";
 import useCSSVarCls from "../../config-provider/hooks/useCSSVarCls.js";
-import { checkRenderNode } from "../../_util/vueNode.js";
 import { useFormContext, useFormItemProvider, useNoStyleItemContext } from "../context.js";
 import { getFieldId, initialValueFormat, toArray, toNamePathStr } from "../util.js";
 import { useFormInstance } from "../hooks/useForm.js";
@@ -302,11 +301,11 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 		triggerFocus: onFieldFocus
 	});
 	return () => {
-		return renderLayout(checkRenderNode(filterEmpty(slots.default?.() ?? [])), fieldId.value, isRequired.value);
+		return renderLayout(filterEmpty(slots.default?.() ?? []), fieldId.value, isRequired.value);
 	};
 	function renderLayout(baseChildren, currentFieldId, isRequiredMark) {
-		if (Array.isArray(baseChildren) && baseChildren.length === 1 && isVNode(baseChildren[0]) || isVNode(baseChildren)) {
-			const child = isVNode(baseChildren) ? baseChildren : baseChildren[0];
+		if (Array.isArray(baseChildren) && baseChildren.length === 1 && isVNode(baseChildren[0])) {
+			const child = baseChildren[0];
 			const childProps = child.props || {};
 			const _onBlur = childProps.onBlur;
 			const _onFocus = childProps.onFocus;
@@ -341,7 +340,7 @@ const InternalFormItem = /* @__PURE__ */ defineComponent((props, { slots, attrs
 			}
 			if (itemErrors.length > 0) newChildProps["aria-invalid"] = "true";
 			if (props.required ?? isRequiredMark) newChildProps["aria-required"] = "true";
-			baseChildren = createVNode(child, newChildProps);
+			baseChildren = [createVNode(child, newChildProps)];
 		}
 		if (props.noStyle && !props.hidden) return createVNode(StatusProvider, {
 			"prefixCls": prefixCls.value,

package/dist/form/context.d.ts

@@ -71,7 +71,7 @@ declare function useFormItemPrefixContext(): Ref<{
   prefixCls: string;
 }>;
 declare function useVariantContextProvider(variant: Ref<Variant | undefined>): void;
-declare function useVariantContext(): Ref<"outlined" | "filled" | "borderless" | "underlined" | undefined, "outlined" | "filled" | "borderless" | "underlined" | undefined>;
+declare function useVariantContext(): Ref<"outlined" | "borderless" | "filled" | "underlined" | undefined, "outlined" | "borderless" | "filled" | "underlined" | undefined>;
 interface FormItemStatusContextProps {
   isFormItemInput?: boolean;
   status?: ValidateStatus;

package/dist/form/hooks/useVariant.d.ts

@@ -3,7 +3,7 @@ import { Variant } from "../../config-provider/context.js";
 import { Ref } from "vue";
 //#region src/form/hooks/useVariant.d.ts
 type VariantComponents = keyof Pick<ConfigProviderProps, 'input' | 'inputPassword' | 'inputSearch' | 'otp' | 'inputNumber' | 'textArea' | 'mentions' | 'select' | 'cascader' | 'treeSelect' | 'datePicker' | 'timePicker' | 'rangePicker' | 'card'>;
-declare function useVariant(component: VariantComponents, variant?: Ref<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean, fallbackComponent?: VariantComponents): readonly [import("vue").ComputedRef<"outlined" | "filled" | "borderless" | "underlined">, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<boolean>];
+declare function useVariant(component: VariantComponents, variant?: Ref<Variant | undefined>, legacyBordered?: Ref<boolean | undefined> | boolean, fallbackComponent?: VariantComponents): readonly [import("vue").ComputedRef<"outlined" | "borderless" | "filled" | "underlined">, import("vue").ComputedRef<boolean>, import("vue").ComputedRef<boolean>];
 declare const useVariants: typeof useVariant;
 //#endregion
 export { useVariant as default, useVariants };

package/dist/form/style/index.js

@@ -194,9 +194,8 @@ const genFormItemStyle = (token) => {
 		}
 	} };
 };
-const makeVerticalLayoutLabel = (token) => ({
+const makeVerticalLayoutLabelBase = (token) => ({
 	padding: token.verticalLabelPadding,
-	margin: token.verticalLabelMargin,
 	whiteSpace: "initial",
 	textAlign: "start",
 	"> label": {
@@ -204,6 +203,17 @@ const makeVerticalLayoutLabel = (token) => ({
 		"&::after": { visibility: "hidden" }
 	}
 });
+const makeVerticalLayoutLabel = (token) => ({
+	...makeVerticalLayoutLabelBase(token),
+	margin: token.verticalLabelMargin
+});
+const makeVerticalLayoutLabelWithOffset = (token) => {
+	const [formVarName] = genCssVar(token.antCls, "form");
+	return {
+		...makeVerticalLayoutLabelBase(token),
+		[formVarName("item-label-margin")]: token.verticalLabelMargin
+	};
+};
 const genHorizontalStyle = (token) => {
 	const { antCls, formItemCls } = token;
 	return { [`${formItemCls}-horizontal`]: {
@@ -213,8 +223,8 @@ const genHorizontalStyle = (token) => {
 			minWidth: 0
 		},
 		[`${formItemCls}-label[class$='-24'], ${formItemCls}-label[class*='-24 ']`]: { [`& + ${formItemCls}-control`]: { minWidth: "unset" } },
-		[`${antCls}-col-24${formItemCls}-label,
-        ${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
+		[`> ${formItemCls}-row > ${antCls}-col-24${formItemCls}-label,
+        > ${formItemCls}-row > ${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
 	} };
 };
 const genInlineStyle = (token) => {
@@ -241,7 +251,7 @@ const genInlineStyle = (token) => {
 const makeVerticalLayout = (token) => {
 	const { componentCls, formItemCls, rootPrefixCls } = token;
 	return {
-		[`${formItemCls} ${formItemCls}-label`]: makeVerticalLayoutLabel(token),
+		[`${formItemCls}:not(${formItemCls}-vertical) > ${formItemCls}-row > ${formItemCls}-label`]: makeVerticalLayoutLabel(token),
 		[`${componentCls}:not(${componentCls}-inline)`]: { [formItemCls]: {
 			flexWrap: "wrap",
 			[`${formItemCls}-label, ${formItemCls}-control`]: { [`&:not([class*=" ${rootPrefixCls}-col-xs"])`]: {
@@ -253,19 +263,22 @@ const makeVerticalLayout = (token) => {
 };
 const genVerticalStyle = (token) => {
 	const { componentCls, formItemCls, antCls, verticalLabelHeight } = token;
+	const [formVarName, formVarRef] = genCssVar(antCls, "form");
 	return {
+		[formItemCls]: { [formVarName("item-label-margin")]: "initial" },
+		[`${formItemCls}-label`]: { margin: formVarRef("item-label-margin") },
 		[`${formItemCls}-vertical`]: {
 			[`${formItemCls}-row`]: { flexDirection: "column" },
 			[`${formItemCls}-label > label`]: { height: verticalLabelHeight },
 			[`${formItemCls}-control`]: { width: "100%" },
-			[`${formItemCls}-label,
-        ${antCls}-col-24${formItemCls}-label,
-        ${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabel(token)
+			[`> ${formItemCls}-row > ${formItemCls}-label,
+        > ${formItemCls}-row > ${antCls}-col-24${formItemCls}-label,
+        > ${formItemCls}-row > ${antCls}-col-xl-24${formItemCls}-label`]: makeVerticalLayoutLabelWithOffset(token)
 		},
-		[`@media (max-width: ${unit(token.screenXSMax)})`]: [makeVerticalLayout(token), { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal)`]: { [`${antCls}-col-xs-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } }],
-		[`@media (max-width: ${unit(token.screenSMMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal)`]: { [`${antCls}-col-sm-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } },
-		[`@media (max-width: ${unit(token.screenMDMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal)`]: { [`${antCls}-col-md-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } },
-		[`@media (max-width: ${unit(token.screenLGMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal)`]: { [`${antCls}-col-lg-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } }
+		[`@media (max-width: ${unit(token.screenXSMax)})`]: [makeVerticalLayout(token), { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal):not(${formItemCls}-vertical)`]: { [`> ${formItemCls}-row > ${antCls}-col-xs-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } }],
+		[`@media (max-width: ${unit(token.screenSMMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal):not(${formItemCls}-vertical)`]: { [`> ${formItemCls}-row > ${antCls}-col-sm-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } },
+		[`@media (max-width: ${unit(token.screenMDMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal):not(${formItemCls}-vertical)`]: { [`> ${formItemCls}-row > ${antCls}-col-md-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } },
+		[`@media (max-width: ${unit(token.screenLGMax)})`]: { [componentCls]: { [`${formItemCls}:not(${formItemCls}-horizontal):not(${formItemCls}-vertical)`]: { [`> ${formItemCls}-row > ${antCls}-col-lg-24${formItemCls}-label`]: makeVerticalLayoutLabel(token) } } }
 	};
 };
 const prepareComponentToken = (token) => ({

package/dist/image/hooks/usePreviewConfig.d.ts

@@ -36,17 +36,17 @@ declare function usePreviewConfig<T extends PreviewConfig | GroupPreviewConfig>(
     image: import("@v-c/image").ImgInfo;
   }) => import("@v-c/util").VueNode;
   readonly onChange?: (current: number, prevCurrent: number) => void;
-  readonly focusTrap?: boolean;
-  readonly afterOpenChange?: (open: boolean) => void;
   readonly maskClosable?: boolean;
+  readonly focusTrap?: boolean;
   readonly zIndex?: number;
+  readonly afterOpenChange?: (open: boolean) => void;
   readonly getContainer?: import("@v-c/portal/dist/Portal.js").PortalProps["getContainer"];
   readonly closeIcon?: import("@v-c/util").VueNode | boolean | null;
   readonly wheel?: boolean;
-  readonly motionName?: string;
+  readonly icons?: import("@v-c/image/dist/Preview/index.js").OperationIcons;
   readonly src?: string;
   readonly alt?: string;
-  readonly icons?: import("@v-c/image/dist/Preview/index.js").OperationIcons;
+  readonly motionName?: string;
   readonly countRender?: (current: number, total: number) => import("@v-c/util").VueNode;
   readonly scaleStep?: number;
   readonly minScale?: number;

package/dist/listy/style/index.js

@@ -44,7 +44,11 @@ const genListyStyle = (token) => {
 			}
 		},
 		[`${componentCls}-group-section`]: { position: "relative" },
-		[`${componentCls}-scrollbar`]: { zIndex: 1 },
+		[`${componentCls}-scrollbar`]: {
+			zIndex: 1,
+			cursor: "pointer",
+			"&:hover": { backgroundColor: token.colorFillQuaternary }
+		},
 		"&-rtl": { direction: "rtl" }
 	} };
 };

package/dist/locale/en_US.js

@@ -77,6 +77,10 @@ const localeValues = {
 		expand: "Expand",
 		collapse: "Collapse"
 	},
+	Carousel: {
+		prevSlide: "Previous slide",
+		nextSlide: "Next slide"
+	},
 	Form: {
 		optional: "(optional)",
 		defaultValidateMessages: {

package/dist/locale/index.d.ts

@@ -67,6 +67,10 @@ interface Locale {
     refresh?: string;
     scanned?: string;
   };
+  Carousel?: {
+    prevSlide: string;
+    nextSlide: string;
+  };
   ColorPicker?: {
     presetEmpty: string;
     transparent: string;

package/dist/locale/is_IS.js

@@ -104,7 +104,7 @@ const localeValues = {
 			},
 			number: {
 				len: "${label} verður að vera jafngildi ${len}",
-				min: "Lágmarksgildi ${label} er ${mín}",
+				min: "Lágmarksgildi ${label} er ${min}",
 				max: "Hámarksgildi ${label} er ${max}",
 				range: "${label} verður að vera á milli ${min}-${max}"
 			},

package/dist/locale/mn_MN.js

@@ -118,7 +118,7 @@ const localeValues = {
 			},
 			array: {
 				len: "${len} ${label} байх ёстой",
-				min: "Дор хаяж ${мин} ${label}",
+				min: "Дор хаяж ${min} ${label}",
 				max: "Хамгийн ихдээ ${max} ${label}",
 				range: "${label}-н хэмжээ ${min}-${max} хооронд байх ёстой"
 			},

package/dist/locale/zh_CN.js

@@ -77,6 +77,10 @@ const localeValues = {
 		expand: "展开",
 		collapse: "收起"
 	},
+	Carousel: {
+		prevSlide: "上一张幻灯片",
+		nextSlide: "下一张幻灯片"
+	},
 	Form: {
 		optional: "（可选）",
 		defaultValidateMessages: {

package/dist/menu/MenuItem.js

@@ -3,7 +3,7 @@ import { getSlotPropsFnRun } from "../_util/tools.js";
 import InternalTooltip from "../tooltip/index.js";
 import { useSiderCtx } from "../layout/Sider.js";
 import { useMenuContext } from "./MenuContext.js";
-import { createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef, watch } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty, getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 import { omit } from "es-toolkit/compat";
@@ -15,6 +15,11 @@ function _isSlot(s) {
 const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	const menuContext = useMenuContext();
 	const { siderCollapsed } = useSiderCtx();
+	const mergedCollapsed = computed(() => !!(siderCollapsed?.value || menuContext.value.inlineCollapsed));
+	const tooltipOpen = shallowRef(false);
+	watch(mergedCollapsed, () => {
+		tooltipOpen.value = false;
+	});
 	return () => {
 		const extra = getSlotPropsFnRun(slots, props, "extra");
 		const icon = getSlotPropsFnRun(slots, props, "icon");
@@ -39,9 +44,14 @@ const MenuItem = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		if (typeof title === "undefined") tooltipTitle = firstLevel ? children : "";
 		else if (title === false) tooltipTitle = "";
 		const tooltipProps = { title: tooltipTitle };
-		if (!siderCollapsed?.value && !isInlineCollapsed) {
+		if (!mergedCollapsed.value) {
 			tooltipProps.title = null;
 			tooltipProps.open = false;
+		} else {
+			tooltipProps.open = tooltipOpen.value;
+			tooltipProps.onOpenChange = (open) => {
+				tooltipOpen.value = open;
+			};
 		}
 		const childrenLength = children.length;
 		let returnNode = createVNode(Item, mergeProps(omit(pureAttrs(attrs), ["itemData"]), omit(props, [

package/dist/menu/SubMenu.d.ts

@@ -2,7 +2,7 @@ import { EmptyEmit, VueNode } from "../_util/type.js";
 import { SubMenuType } from "./interface.js";
 import { SlotsType } from "vue";
 //#region src/menu/SubMenu.d.ts
-interface SubMenuProps extends Omit<SubMenuType, 'key' | 'label' | 'children'> {
+interface SubMenuProps extends Omit<SubMenuType, 'key' | 'label' | 'children' | 'title'> {
   title?: VueNode;
 }
 interface SubMenuSlots {

package/dist/menu/style/vertical.js

@@ -29,7 +29,7 @@ const getVerticalInlineStyle = (token) => {
 	};
 };
 const getVerticalStyle = (token) => {
-	const { componentCls, iconCls, itemHeight, colorTextLightSolid, dropdownWidth, controlHeightLG, motionEaseOut, padding, paddingXL, itemMarginInline, fontSizeLG, motionDurationFast, motionDurationSlow, paddingXS, boxShadowSecondary, collapsedWidth, collapsedIconSize } = token;
+	const { componentCls, iconCls, itemHeight, colorTextLightSolid, dropdownWidth, controlHeightLG, padding, paddingXL, itemMarginInline, fontSizeLG, motionDurationSlow, paddingXS, boxShadowSecondary, collapsedWidth, collapsedIconSize } = token;
 	const inlineItemStyle = {
 		height: itemHeight,
 		lineHeight: unit(itemHeight),
@@ -63,11 +63,7 @@ const getVerticalStyle = (token) => {
 			[`&${componentCls}-root`]: { [`${componentCls}-item, ${componentCls}-submenu-title`]: {
 				display: "flex",
 				alignItems: "center",
-				transition: [
-					`border-color ${motionDurationSlow}`,
-					`background-color ${motionDurationSlow}`,
-					`padding ${motionDurationFast} ${motionEaseOut}`
-				].join(","),
+				transition: [`border-color ${motionDurationSlow}`, `background-color ${motionDurationSlow}`].join(","),
 				[`> ${componentCls}-title-content`]: {
 					flex: "auto",
 					minWidth: 0,

package/dist/notification/index.js

@@ -93,7 +93,8 @@ const GlobalHolderWrapper = /* @__PURE__ */ defineComponent((props) => {
 		const configHolderNode = createVNode(ConfigProvider, {
 			"prefixCls": global.getRootPrefixCls(),
 			"iconPrefixCls": global.getIconPrefixCls(),
-			"theme": global.theme.value
+			"theme": global.theme.value,
+			"locale": globalConfig().locale
 		}, _isSlot(holderNode) ? holderNode : { default: () => [holderNode] });
 		return global.holderRender ? global.holderRender(configHolderNode) : configHolderNode;
 	};

package/dist/notification/useNotification.js

@@ -6,6 +6,8 @@ import { toPropsRefs } from "../_util/tools.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import style_default from "./style/index.js";
 import { getCloseIconConfig, getMotion, getPlacementStyle } from "./util.js";
+import localeValues from "../locale/en_US.js";
+import useLocale from "../locale/useLocale.js";
 import { computeClosable, pickClosable } from "../_util/hooks/useClosable.js";
 import { getCloseIcon, getIconWrapperClassName, resolveIconNode } from "./PurePanel.js";
 import { isRenderable } from "../_util/is.js";
@@ -41,6 +43,7 @@ const renderNotifications = (node, { prefixCls, key }) => {
 };
 const Holder = /* @__PURE__ */ defineComponent((props, { expose }) => {
 	const { getPrefixCls, getPopupContainer, notification, direction } = useBaseConfig("notification");
+	const [contextLocale] = useLocale("global", localeValues.global);
 	const { classes: contextClassNames, style: contextStyle, styles: contextStyles } = useComponentBaseConfig("notification", props);
 	const { classes, styles } = toPropsRefs(props, "classes", "styles");
 	const [, token] = useToken();
@@ -49,7 +52,7 @@ const Holder = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		return typeof props.duration === "number" && props.duration > 0 ? props.duration : false;
 	});
 	const getStyle = (placement) => {
-		return getPlacementStyle(placement, props?.top ?? DEFAULT_OFFSET, props?.bottom ?? DEFAULT_DURATION);
+		return getPlacementStyle(placement, props?.top ?? DEFAULT_OFFSET, props?.bottom ?? DEFAULT_OFFSET);
 	};
 	const getClassName = () => clsx({ [`${prefixCls.value}-rtl`]: props.rtl ?? direction.value === "rtl" });
 	const getNotificationMotion = () => getMotion(prefixCls.value);
@@ -80,7 +83,8 @@ const Holder = /* @__PURE__ */ defineComponent((props, { expose }) => {
 		prefixCls,
 		notification,
 		classNames: mergedClassNames,
-		styles: mergedStyles
+		styles: mergedStyles,
+		closeLabel: computed(() => contextLocale.value?.close ?? localeValues.global?.close ?? "Close")
 	});
 	return () => {
 		return holder?.();
@@ -174,7 +178,7 @@ function useInternalNotification(notificationConfig) {
 				warning(false, "usage", "You are calling notice in render which will break in React 18 concurrent mode. Please trigger in effect instead.");
 				return;
 			}
-			const { open: originOpen, prefixCls, notification, classNames: originClassNames, styles: originStyles } = holderRef.value;
+			const { open: originOpen, prefixCls, notification, classNames: originClassNames, styles: originStyles, closeLabel } = holderRef.value;
 			const contextClassName = notification?.class || {};
 			const noticePrefixCls = `${prefixCls}-notice`;
 			const { title, description, icon, type, actions, class: className, style, role = "alert", closeIcon, closable, classes: configClassNames = {}, styles = {}, ...restConfig } = config;
@@ -188,7 +192,7 @@ function useInternalNotification(notificationConfig) {
 			}))), pickClosable(notificationContext), computed(() => ({
 				closable: true,
 				closeIcon: realCloseIcon
-			})));
+			})), closeLabel);
 			const mergedClosable = rawClosable ? {
 				onClose: closable && typeof closable === "object" ? closable.onClose : void 0,
 				closeIcon: mergedCloseIcon,

package/dist/package.js

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

package/dist/package.json.d.ts

@@ -21,6 +21,10 @@ declare const _exports: {
       import: string;
       default: string;
     };
+    "./version/token.json": string;
+    "./version/token-meta.json": string;
+    "./dist/version/token.json": string;
+    "./dist/version/token-meta.json": string;
     "./dist/*": {
       types: string[];
       import: string[];

package/dist/radio/group.js

@@ -84,7 +84,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				item: option,
 				index
 			}) : option.label;
-			return createVNode(InternalRadio, {
+			return createVNode(InternalRadio, mergeProps({
 				"key": `radio-group-value-options-${option.value}`,
 				"prefixCls": prefixCls.value,
 				"disabled": option.disabled || disabled,
@@ -95,7 +95,7 @@ const RadioGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 				"class": option.class,
 				"id": option.id,
 				"required": option.required
-			}, _isSlot(_label) ? _label : { default: () => [_label] });
+			}, { onChange: option.onChange }), _isSlot(_label) ? _label : { default: () => [_label] });
 		});
 		return createVNode("div", mergeProps(pickAttrs(restAttrs, {
 			aria: true,

package/dist/select/index.js

@@ -414,7 +414,7 @@ const Select = /* @__PURE__ */ defineComponent((props, { slots, emit, expose, at
 			required: false
 		},
 		optionFilterProp: {
-			type: String,
+			type: [String, Array],
 			required: false
 		},
 		optionLabelProp: {

package/dist/select/style/index.js

@@ -14,7 +14,7 @@ const genBaseStyle = (token) => {
 			opacity: 0,
 			pointerEvents: "none"
 		},
-		[`&${componentCls}-allow-clear:not(${componentCls}-show-arrow) ${componentCls}-content`]: { marginInlineEnd: token.showArrowPaddingInlineEnd }
+		[`&${componentCls}-allow-clear:not(${componentCls}-show-arrow):not(${componentCls}-customize) ${componentCls}-content`]: { marginInlineEnd: token.showArrowPaddingInlineEnd }
 	};
 	return {
 		[componentCls]: {

package/dist/space/Compact.d.ts

@@ -21,7 +21,7 @@ interface SpaceCompactItemContextType {
 declare function useSpaceCompactItemContext(): Ref<SpaceCompactItemContextType | null, SpaceCompactItemContextType | null>;
 declare function useCompactItemContext(prefixCls: Ref<string>, direction: Ref<DirectionType>): {
   compactSize: import("vue").ComputedRef<SizeType>;
-  compactDirection: import("vue").ComputedRef<"vertical" | "horizontal" | undefined>;
+  compactDirection: import("vue").ComputedRef<"horizontal" | "vertical" | undefined>;
   compactItemClassnames: import("vue").ComputedRef<string>;
 };
 declare const NoCompactStyle: import("vue").DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import("vue").PublicProps>;