antdv-next 1.5.1 → 1.5.3

package/dist/auto-complete/index.d.ts

@@ -33,7 +33,7 @@ type AutoCompleteClassNamesType = SemanticClassNamesType<AutoCompleteProps, Auto
 type AutoCompleteStylesType = SemanticStylesType<AutoCompleteProps, AutoCompleteSemanticStyles, {
   popup?: SelectPopupSemanticStyles;
 }>;
-type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onPopupVisibleChange' | 'onSelect' | 'onSearch';
+type RcEventKeys = 'onClear' | 'onKeyUp' | 'onKeyDown' | 'onBlur' | 'onClick' | 'onActive' | 'onChange' | 'onDeselect' | 'onInputKeyDown' | 'onMouseDown' | 'onMouseLeave' | 'onMouseEnter' | 'onFocus' | 'onPopupScroll' | 'onSelect' | 'onSearch';
 interface AutoCompleteProps extends Omit<InternalSelectProps, 'loading' | 'mode' | 'optionLabelProp' | 'labelInValue' | 'classes' | 'styles' | 'getInputElement' | 'getRawInputElement' | 'showSearch' | 'optionFilterProp' | 'filterSort' | RcEventKeys>, AutoCompleteEmitsProps {
   /** @deprecated Please use `options` instead */
   dataSource?: DataSourceItemType[];

package/dist/auto-complete/index.js

@@ -4,7 +4,7 @@ import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useTo
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import genPurePanel from "../_util/PurePanel.js";
 import Select from "../select/index.js";
-import { Text, computed, createVNode, defineComponent, isVNode, mergeProps } from "vue";
+import { Text, computed, createVNode, defineComponent, getCurrentInstance, isVNode, mergeProps } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { omit } from "es-toolkit";
@@ -26,11 +26,18 @@ const omitKeys = [
 	"dropdownStyle",
 	"classes",
 	"styles",
-	"popupRender"
+	"popupRender",
+	"onOpenChange",
+	"onDropdownVisibleChange"
 ];
 const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
 	const { prefixCls } = useComponentBaseConfig("select", props);
 	const { classes, styles } = toPropsRefs$1(props, "classes", "styles");
+	const instance = getCurrentInstance();
+	const mergedOnOpenChange = (open) => {
+		if (instance?.vnode.props?.onOpenChange) emit("openChange", open);
+		else emit("dropdownVisibleChange", open);
+	};
 	const mergedProps = computed(() => {
 		return {
 			...props,
@@ -41,6 +48,7 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 	const [mergedClassNames, mergedStyles] = useMergeSemantic(useToArr(classes), useToArr(styles), useToProps(mergedProps), computed(() => ({ popup: { _default: "root" } })));
 	return () => {
 		const { className, style, restAttrs } = getAttrStyleAndClass$1(attrs);
+		const forwardedAttrs = omit(restAttrs, ["onOpenChange", "onDropdownVisibleChange"]);
 		const childNodes = toArray(filterEmpty(slots.default?.() ?? []));
 		const hasSelectOptions = !!childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0]);
 		let customizeInput;
@@ -115,7 +123,7 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 		};
 		const selectProps = omit(props, omitKeys);
 		if (selectProps.placeholder === void 0 && customizeInputPlaceholder !== void 0) selectProps.placeholder = customizeInputPlaceholder;
-		return createVNode(Select, mergeProps(restAttrs, selectProps, {
+		return createVNode(Select, mergeProps(forwardedAttrs, selectProps, {
 			onSelect: (value, option) => {
 				emit("select", value, option);
 			},
@@ -163,12 +171,6 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 			},
 			onSearch: (value) => {
 				emit("search", value);
-			},
-			onOpenChange: (open) => {
-				emit("openChange", open);
-			},
-			onDropdownVisibleChange: (open) => {
-				emit("dropdownVisibleChange", open);
 			}
 		}, getInputElement ? { getInputElement } : {}, {
 			"prefixCls": prefixCls.value,
@@ -178,7 +180,8 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 			"popupRender": mergedPopupRender,
 			"popupMatchSelectWidth": mergedPopupMatchSelectWidth,
 			"mode": Select.SECRET_COMBOBOX_MODE_DO_NOT_USE,
-			"suffixIcon": null
+			"suffixIcon": null,
+			"onOpenChange": mergedOnOpenChange
 		}, { "onUpdate:value": (value) => emit("update:value", value) }), {
 			default: () => [optionChildren],
 			...forwardedSlots

package/dist/breadcrumb/BreadcrumbItem.js

@@ -2,6 +2,7 @@ import { useBaseConfig } from "../config-provider/context.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import isNonNullable from "../_util/isNonNullable.js";
 import { checkRenderNode } from "../_util/vueNode.js";
+import { isRenderable } from "../_util/is.js";
 import { useBreadcrumbContext } from "./BreadcrumbContext.js";
 import Dropdown from "../dropdown/index.js";
 import BreadcrumbSeparator from "./BreadcrumbSeparator.js";
@@ -53,7 +54,7 @@ const InternalBreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }
 		if (isNonNullable(link)) return createVNode(Fragment, null, [createVNode("li", {
 			"class": clsx(`${prefixCls}-item`, mergedClassNames?.item),
 			"style": mergedStyles?.item
-		}, [link]), !!separator && createVNode(BreadcrumbSeparator, null, _isSlot(separator) ? separator : { default: () => [separator] })]);
+		}, [link]), isRenderable(separator) && createVNode(BreadcrumbSeparator, null, _isSlot(separator) ? separator : { default: () => [separator] })]);
 		return null;
 	};
 }, {

package/dist/button/buttonHelper.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties, VNodeChild } from "vue";
 //#region src/button/buttonHelper.d.ts
 declare const isTwoCNChar: (string: string) => boolean;
-declare function isUnBorderedButtonVariant(type?: ButtonVariantType): type is "text" | "link";
+declare function isUnBorderedButtonVariant(type?: ButtonVariantType): type is "link" | "text";
 declare function spaceChildren(children: VNodeChild[], needInserted: boolean, style?: CSSProperties, className?: string): VNodeChild[];
 declare const _ButtonTypes: readonly ["default", "primary", "dashed", "link", "text"];
 type ButtonType = (typeof _ButtonTypes)[number];

package/dist/card/Card.js

@@ -4,6 +4,7 @@ import { useSize } from "../config-provider/hooks/useSize.js";
 import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import skeleton_default from "../skeleton/index.js";
+import { isRenderable } from "../_util/is.js";
 import useVariant from "../form/hooks/useVariant.js";
 import Tabs from "../tabs/index.js";
 import style_default from "./style/index.js";
@@ -109,7 +110,7 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 				...item
 			};
 		}) }), tabsSlots) : null;
-		if (title || extra || tabs) {
+		if (isRenderable(title) || isRenderable(extra) || tabs) {
 			const headClasses = clsx(`${prefixCls.value}-head`, mergedClassNames.value.header);
 			const titleClasses = clsx(`${prefixCls.value}-head-title`, mergedClassNames.value.title);
 			const extraClasses = clsx(`${prefixCls.value}-extra`, mergedClassNames.value.extra);
@@ -119,16 +120,16 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 					...headStyle,
 					...mergedStyles.value.header
 				}
-			}, [createVNode("div", { "class": `${prefixCls.value}-head-wrapper` }, [!!title && createVNode("div", {
+			}, [createVNode("div", { "class": `${prefixCls.value}-head-wrapper` }, [isRenderable(title) && createVNode("div", {
 				"class": titleClasses,
 				"style": mergedStyles.value.title
-			}, [title]), !!extra && createVNode("div", {
+			}, [title]), isRenderable(extra) && createVNode("div", {
 				"class": extraClasses,
 				"style": mergedStyles.value.extra
 			}, [extra])]), tabs]);
 		}
 		const coverClasses = clsx(`${prefixCls.value}-cover`, mergedClassNames.value.cover);
-		const coverDom = cover ? createVNode("div", {
+		const coverDom = isRenderable(cover) ? createVNode("div", {
 			"class": coverClasses,
 			"style": mergedStyles.value.cover
 		}, [cover]) : null;

package/dist/card/CardMeta.js

@@ -1,6 +1,7 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
+import { isRenderable } from "../_util/is.js";
 import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 //#region src/card/CardMeta.tsx
@@ -27,15 +28,15 @@ const CardMeta = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose
 		const avatar = getSlotPropsFnRun(slots, props, "avatar");
 		const title = getSlotPropsFnRun(slots, props, "title");
 		const description = getSlotPropsFnRun(slots, props, "description");
-		const avatarDom = avatar ? createVNode("div", {
+		const avatarDom = isRenderable(avatar) ? createVNode("div", {
 			"class": avatarClassNames,
 			"style": mergedStyles.value.avatar
 		}, [avatar]) : null;
-		const titleDom = title ? createVNode("div", {
+		const titleDom = isRenderable(title) ? createVNode("div", {
 			"class": titleClassNames,
 			"style": mergedStyles.value.title
 		}, [title]) : null;
-		const descriptionDom = description ? createVNode("div", {
+		const descriptionDom = isRenderable(description) ? createVNode("div", {
 			"class": descriptionClassNames,
 			"style": mergedStyles.value.description
 		}, [description]) : null;

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/checkbox/Checkbox.js

@@ -26,7 +26,7 @@ const InternalCheckbox = /* @__PURE__ */ defineComponent((props, { slots, emit,
 	const formItemInputContext = useFormItemInputContext();
 	const formItemContext = useFormItemContext();
 	const contextDisabled = useDisabledContext();
-	const mergedDisabled = computed(() => (checkboxGroup?.value?.disabled || props?.disabled) ?? contextDisabled.value);
+	const mergedDisabled = computed(() => props.disabled ?? checkboxGroup?.value?.disabled ?? contextDisabled.value);
 	const mergedCheckedValue = computed(() => props.checkedValue ?? true);
 	const mergedUnCheckedValue = computed(() => props.unCheckedValue ?? false);
 	const currentValue = shallowRef(props?.checked ?? props?.defaultChecked ?? mergedUnCheckedValue.value);

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/config-provider/context.d.ts

@@ -90,7 +90,7 @@ import { TreeSelectProps } from "../tree-select/index.js";
 import { BlockProps } from "../typography/interface.js";
 import { ButtonProps } from "../button/Button.js";
 import "../button/index.js";
-import { CSSProperties, Ref } from "vue";
+import { AriaAttributes, CSSProperties, Ref } from "vue";
 import { DerivativeFunc } from "@antdv-next/cssinjs";
 import { MoreProps } from "@v-c/tabs";
 //#region src/config-provider/context.d.ts
@@ -235,7 +235,10 @@ type ButtonConfig = ComponentStyleConfig & Pick<ButtonProps, 'classes' | 'styles
   loadingIcon?: VueNode;
 };
 type FlexConfig = ComponentStyleConfig & Pick<FlexProps, 'vertical'>;
-type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closable' | 'closeIcon' | 'classes' | 'styles'> & {
+type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closeIcon' | 'classes' | 'styles'> & {
+  closable?: boolean | ({
+    closeIcon?: VueNode;
+  } & AriaAttributes);
   successIcon?: VueNode;
   infoIcon?: VueNode;
   warningIcon?: VueNode;

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/date-picker/util.d.ts

@@ -6,14 +6,14 @@ import { PickerMode } from "@v-c/picker";
 declare function getPlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: string): string;
 declare function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: [string, string]): [string, string] | undefined;
 declare function useIcons(props: Pick<PickerProps$1, 'allowClear' | 'removeIcon'>, prefixCls: string): readonly [false, string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null] | readonly [{
-  clearIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-  }> | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
+  clearIcon: string | number | boolean | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
     new (...args: any[]): any;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-  } | RenderNodeFn<any[]> | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  } | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+  }> | RenderNodeFn<any[]> | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
   }> | null | undefined)[] | null | undefined;
 }, string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null];

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

@@ -8,22 +8,22 @@ 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;
   label?: VueNode;
+  class?: string | undefined;
+  classes?: CellSemanticClassNames | undefined;
+  rootClass?: string | undefined;
   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;
   label?: VueNode;
+  class?: string | undefined;
+  classes?: CellSemanticClassNames | undefined;
+  rootClass?: string | undefined;
   content?: VueNode;
   _$index: number;
 })[]>;

package/dist/float-button/FloatButton.js

@@ -5,6 +5,7 @@ import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import InternalTooltip from "../tooltip/index.js";
 import button_default from "../button/index.js";
+import { isRenderable } from "../_util/is.js";
 import Badge from "../badge/index.js";
 import { useGroupContext } from "./context.js";
 import convertToTooltipProps from "../_util/convertToTooltipProps.js";
@@ -52,7 +53,7 @@ const FloatButton = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit
 		if (slotContent.length) contentNodes = slotContent;
 		else if (props.content !== void 0) contentNodes = props.content;
 		else if (props.description !== void 0) contentNodes = props.description;
-		const hasContent = Array.isArray(contentNodes) ? contentNodes.length > 0 : contentNodes !== null && contentNodes !== void 0 && contentNodes !== false;
+		const hasContent = Array.isArray(contentNodes) ? contentNodes.length > 0 : isRenderable(contentNodes);
 		const mergedIcon = getSlotPropsFnRun(slots, props, "icon") ?? props.icon ?? (!hasContent ? createVNode(FileTextOutlined, null, null) : null);
 		const tooltipSlotNodes = filterEmpty(slots.tooltip?.() ?? []);
 		const tooltipNode = tooltipSlotNodes.length ? tooltipSlotNodes.length === 1 ? tooltipSlotNodes[0] : tooltipSlotNodes : void 0;

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/FormItemLabel.js

@@ -2,6 +2,7 @@ import { getSlotPropsFnRun } from "../_util/tools.js";
 import InternalTooltip from "../tooltip/index.js";
 import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
+import { isRenderable } from "../_util/is.js";
 import { useFormContext } from "./context.js";
 import Col from "../grid/col.js";
 import convertToTooltipProps from "../_util/convertToTooltipProps.js";
@@ -17,7 +18,7 @@ const FormItemLabel = /* @__PURE__ */ defineComponent((props, { slots }) => {
 		const { labelCol, labelAlign, prefixCls, required, colon, vertical, tooltip, requiredMark, htmlFor } = props;
 		const { labelAlign: contextLabelAlign, labelCol: contextLabelCol, labelWrap, colon: contextColon, classes: contextClassNames, styles: contextStyles, tooltip: contextTooltip } = formContext.value;
 		const label = getSlotPropsFnRun(slots, props, "label");
-		if (!label) return null;
+		if (!isRenderable(label)) return null;
 		const mergedLabelCol = labelCol || contextLabelCol || {};
 		const mergedLabelAlign = labelAlign || contextLabelAlign;
 		const labelClsBasic = `${prefixCls}-item-label`;

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<"filled" | "outlined" | "borderless" | "underlined" | undefined, "filled" | "outlined" | "borderless" | "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<"filled" | "outlined" | "borderless" | "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) => ({