antdv-next 1.5.4 → 1.5.5

package/dist/app/App.js

@@ -1,5 +1,6 @@
 import { devUseWarning } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
+import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import { AppConfigProvider, useAppConfig, useAppContextProvider } from "./context.js";
 import useMessage from "../message/useMessage.js";
 import useModal from "../modal/useModal/index.js";
@@ -7,7 +8,6 @@ import useNotification from "../notification/useNotification.js";
 import style_default from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent } from "vue";
 import { clsx } from "@v-c/util";
-import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 //#region src/app/App.tsx
 const App = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
 	const { direction, prefixCls, class: contextClassName, style: contextStyle } = useComponentBaseConfig("app", props);

package/dist/app/index.js

@@ -2,9 +2,6 @@ import App$1 from "./App.js";
 import useApp from "./useApp.js";
 //#region src/app/index.tsx
 const App = App$1;
-App.install = (app) => {
-	app.component(App.name, App);
-};
 App.useApp = useApp;
 //#endregion
 export { App as default };

package/dist/auto-complete/index.js

@@ -1,10 +1,10 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import genPurePanel from "../_util/PurePanel.js";
 import Select from "../select/index.js";
-import { Text, computed, createVNode, defineComponent, getCurrentInstance, isVNode, mergeProps } from "vue";
+import { Text, computed, createVNode, defineComponent, getCurrentInstance, isVNode, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import { omit } from "es-toolkit";
@@ -30,10 +30,16 @@ const omitKeys = [
 	"onOpenChange",
 	"onDropdownVisibleChange"
 ];
-const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) => {
+const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs, expose }) => {
 	const { prefixCls } = useComponentBaseConfig("select", props);
 	const { classes, styles } = toPropsRefs$1(props, "classes", "styles");
 	const instance = getCurrentInstance();
+	const selectRef = shallowRef();
+	expose({
+		focus: () => selectRef.value?.focus(),
+		blur: () => selectRef.value?.blur(),
+		scrollTo: (arg) => selectRef.value?.scrollTo(arg)
+	});
 	const mergedOnOpenChange = (open) => {
 		if (instance?.vnode.props?.onOpenChange) emit("openChange", open);
 		else emit("dropdownVisibleChange", open);
@@ -47,7 +53,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 { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const forwardedAttrs = omit(restAttrs, ["onOpenChange", "onDropdownVisibleChange"]);
 		const childNodes = toArray(filterEmpty(slots.default?.() ?? []));
 		const hasSelectOptions = !!childNodes.length && isSelectOptionOrSelectOptGroup(childNodes[0]);
@@ -173,6 +179,7 @@ const InternalAutoComplete = /* @__PURE__ */ defineComponent((props, { slots, em
 				emit("search", value);
 			}
 		}, getInputElement ? { getInputElement } : {}, {
+			"ref": selectRef,
 			"prefixCls": prefixCls.value,
 			"classes": finalClassNames,
 			"styles": finalStyles,

package/dist/avatar/Avatar.d.ts

@@ -34,6 +34,9 @@ interface AvatarSlots {
   src: () => any;
   default: () => any;
 }
+interface AvatarRef {
+  nativeElement: HTMLSpanElement;
+}
 declare const Avatar: import("vue").DefineSetupFnComponent<AvatarProps, AvatarEmits, SlotsType<AvatarSlots>, AvatarProps, import("vue").PublicProps>;
 //#endregion
-export { AvatarEmits, AvatarEmitsProps, AvatarProps, AvatarSlots, Avatar as default };
+export { AvatarEmits, AvatarEmitsProps, AvatarProps, AvatarRef, AvatarSlots, Avatar as default };

package/dist/avatar/Avatar.js

@@ -1,8 +1,10 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
-import { getAttrStyleAndClass as getAttrStyleAndClass$1 } from "../_util/hooks/useMergeSemantic.js";
+import { normalizeStyle as normalizeStyle$1 } from "../_util/styleUtils.js";
+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 useBreakpoint from "../grid/hooks/useBreakpoint.js";
 import { useAvatarContext } from "./AvatarContext.js";
@@ -12,12 +14,13 @@ import { clsx } from "@v-c/util";
 import { filterEmpty } from "@v-c/util/dist/props-util";
 import ResizeObserver from "@v-c/resize-observer";
 //#region src/avatar/Avatar.tsx
-const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, expose }) => {
 	const scale = shallowRef(1);
 	const mounted = shallowRef(false);
 	const isImgExist = shallowRef(true);
 	const avatarNodeRef = shallowRef();
 	const avatarChildrenRef = shallowRef();
+	expose({ nativeElement: avatarNodeRef });
 	const { class: contextClassName, style: contextStyle, prefixCls } = useComponentBaseConfig("avatar", props);
 	const avatarCtx = useAvatarContext();
 	const setScaleParam = () => {
@@ -32,6 +35,10 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	onMounted(() => {
 		mounted.value = true;
 	});
+	watch(() => [props.src, props.srcSet], () => {
+		isImgExist.value = true;
+		scale.value = 1;
+	}, { immediate: true });
 	watch(() => props.gap, async () => {
 		await nextTick();
 		setScaleParam();
@@ -39,6 +46,9 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	const handleImgLoadError = () => {
 		if (props.onError?.() !== false) isImgExist.value = false;
 	};
+	const handleClick = (e) => {
+		emit("click", e);
+	};
 	const size = useSize((ctxSize) => props?.size ?? avatarCtx.value?.size ?? ctxSize ?? "medium");
 	const screens = useBreakpoint(computed(() => {
 		return Object.keys(typeof size.value === "object" ? size.value || {} : {}).some((key) => responsiveArray.includes(key));
@@ -48,6 +58,7 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	return () => {
 		const children = filterEmpty(slots?.default?.() ?? []);
 		const icon = getSlotPropsFnRun(slots, props, "icon");
+		const hasIcon = isRenderable(icon);
 		const { shape, rootClass, draggable, srcSet, crossOrigin, alt } = props;
 		const responsiveSizeStyleFn = () => {
 			if (typeof size.value !== "object") return {};
@@ -56,7 +67,7 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			return currentSize ? {
 				width: `${currentSize}px`,
 				height: `${currentSize}px`,
-				fontSize: currentSize && (icon || children.length) ? `${currentSize / 2}px` : "18px"
+				fontSize: currentSize && (hasIcon || children.length) ? `${currentSize / 2}px` : "18px"
 			} : {};
 		};
 		const responsiveSizeStyle = responsiveSizeStyleFn();
@@ -65,21 +76,17 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			[`${prefixCls.value}-sm`]: size.value === "small"
 		});
 		const src = getSlotPropsFnRun(slots, props, "src");
-		if (src) {
-			isImgExist.value = true;
-			scale.value = 1;
-		}
 		const hasImageElement = isVNode(src);
 		const mergedShape = shape || avatarCtx?.value?.shape || "circle";
-		const { className, style, restAttrs } = getAttrStyleAndClass$1(attrs);
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const classString = clsx(prefixCls.value, sizeCls, contextClassName.value, `${prefixCls.value}-${mergedShape}`, {
 			[`${prefixCls.value}-image`]: hasImageElement || src && isImgExist.value,
-			[`${prefixCls.value}-icon`]: !!icon
+			[`${prefixCls.value}-icon`]: hasIcon
 		}, cssVarCls.value, rootCls.value, className, rootClass, hashId.value);
 		const sizeStyle = typeof size.value === "number" ? {
 			width: `${size.value}px`,
 			height: `${size.value}px`,
-			fontSize: icon ? `${size.value / 2}px` : "18px"
+			fontSize: hasIcon ? `${size.value / 2}px` : "18px"
 		} : {};
 		let childrenToRender;
 		if (typeof src === "string" && isImgExist.value) childrenToRender = createVNode("img", {
@@ -91,7 +98,7 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			"crossorigin": crossOrigin
 		}, null);
 		else if (hasImageElement) childrenToRender = src;
-		else if (icon) childrenToRender = icon;
+		else if (hasIcon) childrenToRender = icon;
 		else if (mounted.value || scale.value !== 1) {
 			const transformString = `scale(${scale.value})`;
 			const childrenStyle = {
@@ -113,10 +120,11 @@ const Avatar = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			"style": {
 				...sizeStyle,
 				...responsiveSizeStyle,
-				...contextStyle.value,
-				...style
+				...normalizeStyle$1(contextStyle.value) || {},
+				...normalizeStyle$1(style) || {}
 			},
 			"class": classString,
+			"onClick": handleClick,
 			"ref": avatarNodeRef
 		}), [childrenToRender]);
 	};

package/dist/avatar/AvatarGroup.js

@@ -1,5 +1,5 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { getAttrStyleAndClass as getAttrStyleAndClass$1 } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import useCSSVarCls from "../config-provider/hooks/useCSSVarCls.js";
 import { useAvatarProvider } from "./AvatarContext.js";
 import style_default from "./style/index.js";
@@ -25,7 +25,7 @@ const AvatarGroup = /* @__PURE__ */ defineComponent((props, { slots, attrs, expo
 	return () => {
 		const { rootClass, max } = props;
 		const children = filterEmpty(slots?.default?.() ?? []);
-		const { className, style, restAttrs } = getAttrStyleAndClass$1(attrs);
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const cls = clsx(groupPrefixCls.value, { [`${groupPrefixCls.value}-rtl`]: direction.value === "rtl" }, cssVarCls.value, rootCls.value, className, rootClass, hashId.value);
 		const childrenWithProps = children.map((child, index) => {
 			if (isVNode(child)) return createVNode(child, { key: `avatar-key-${index}` });

package/dist/avatar/index.d.ts

@@ -1,4 +1,4 @@
-import Avatar$1, { AvatarEmits, AvatarProps, AvatarSlots } from "./Avatar.js";
+import Avatar$1, { AvatarEmits, AvatarProps, AvatarRef, AvatarSlots } from "./Avatar.js";
 import AvatarGroup, { AvatarGroupProps, AvatarGroupRef } from "./AvatarGroup.js";
 //#region src/avatar/index.d.ts
 type CompoundedComponent = typeof Avatar$1 & {
@@ -6,4 +6,4 @@ type CompoundedComponent = typeof Avatar$1 & {
 };
 declare const Avatar: CompoundedComponent;
 //#endregion
-export { type AvatarEmits, AvatarGroup, type AvatarGroupProps, type AvatarGroupRef, type AvatarProps, type AvatarSlots, Avatar as default };
+export { type AvatarEmits, AvatarGroup, type AvatarGroupProps, type AvatarGroupRef, type AvatarProps, type AvatarRef, type AvatarSlots, Avatar as default };

package/dist/badge/Ribbon.js

@@ -1,13 +1,12 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
-import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getSlotPropsFnRun, toPropsRefs } from "../_util/tools.js";
 import { isPresetColor } from "../_util/colors.js";
 import ribbon_default from "./style/ribbon.js";
 import { computed, createVNode, defineComponent, mergeDefaults, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
-import { getAttrStyleAndClass } from "@v-c/util/dist/props-util";
 var Ribbon_default = /* @__PURE__ */ defineComponent((props, { slots, attrs, expose }) => {
-	const { styles, classes: ribbonClassNames } = toPropsRefs$1(props, "classes", "styles");
+	const { styles, classes: ribbonClassNames } = toPropsRefs(props, "classes", "styles");
 	const { prefixCls, class: contextClassName, style: contextStyle, direction, classes: contextClassNames, styles: contextStyles } = useComponentBaseConfig("ribbon", props);
 	const wrapperCls = computed(() => `${prefixCls.value}-wrapper`);
 	const [hashId, cssVarCls] = ribbon_default(prefixCls, wrapperCls);

package/dist/badge/index.js

@@ -1,9 +1,10 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
+import { formatUnit } from "../_util/styleUtils.js";
 import { useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { clsx as clsx$1, getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import { isPresetColor } from "../_util/colors.js";
-import { formatUnit } from "../_util/styleUtils.js";
+import { isRenderable } from "../_util/is.js";
 import style_default from "./style/index.js";
 import Ribbon_default from "./Ribbon.js";
 import ScrollNumber_default from "./ScrollNumber.js";
@@ -47,8 +48,7 @@ const InternalBadge = /* @__PURE__ */ defineComponent((props, { slots, attrs, ex
 	const showAsDot = computed(() => props.dot && !isZero.value);
 	const mergedCount = computed(() => showAsDot.value ? "" : numberedDisplayCount.value);
 	const isHidden = computed(() => {
-		const textEmpty = textNodes.value.length === 0 && (props.text === void 0 || props.text === null || props.text === "");
-		return ((mergedCount.value === null || mergedCount.value === void 0 || mergedCount.value === "") && countNodes.value.length === 0 || isZero.value && !props.showZero) && !showAsDot.value && textEmpty;
+		return (!isRenderable(mergedCount.value) && countNodes.value.length === 0 && !isRenderable(props.text) && textNodes.value.length === 0 || isZero.value && !props.showZero) && !showAsDot.value;
 	});
 	const displayCountRef = shallowRef(mergedCount.value);
 	const countCacheRef = shallowRef(props.count ?? null);
@@ -64,15 +64,14 @@ const InternalBadge = /* @__PURE__ */ defineComponent((props, { slots, attrs, ex
 	});
 	const childrenNodes = computed(() => filterEmpty(slots.default?.() ?? []));
 	const hasTextSlot = computed(() => textNodes.value.length > 0);
-	const showStatusTextNode = computed(() => !isHidden.value && (hasTextSlot.value ? true : props.text === 0 ? props.showZero : !!props.text && props.text !== true));
-	const isStatusBadge = computed(() => Boolean(!childrenNodes.value.length && hasStatus.value && (showStatusTextNode.value || hasStatusValue.value || !ignoreCount.value)));
+	const showStatusTextNode = computed(() => !isHidden.value && (hasTextSlot.value || (props.text === 0 ? props.showZero : !!props.text && props.text !== true)));
+	const isStatusBadge = computed(() => Boolean(!childrenNodes.value.length && hasStatus.value && (hasTextSlot.value || !!props.text || hasStatusValue.value || !ignoreCount.value)));
 	const offsetStyle = computed(() => {
 		if (!props.offset) return;
-		const horizontalOffset = Number.parseInt(props.offset[0], 10);
-		const insetInlineEnd = direction.value === "rtl" ? horizontalOffset : -horizontalOffset;
+		const horizontalOffset = Number.parseFloat(props.offset[0]);
 		return {
 			marginTop: formatUnit(props.offset[1]),
-			insetInlineEnd: formatUnit(insetInlineEnd)
+			insetInlineEnd: formatUnit(-horizontalOffset)
 		};
 	});
 	const mergedStyle = computed(() => ({
@@ -197,7 +196,10 @@ const InternalBadge = /* @__PURE__ */ defineComponent((props, { slots, attrs, ex
 			type: String,
 			required: false
 		},
-		color: { required: false },
+		color: {
+			type: [String, Object],
+			required: false
+		},
 		text: {
 			type: [
 				Function,

package/dist/breadcrumb/Breadcrumb.js

@@ -1,5 +1,5 @@
 import { useComponentBaseConfig } from "../config-provider/context.js";
-import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import { useBreadcrumbProvider } from "./BreadcrumbContext.js";
 import BreadcrumbSeparator from "./BreadcrumbSeparator.js";
@@ -124,7 +124,7 @@ const Breadcrumb = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 				});
 			});
 		}
-		const { className, style, restAttrs } = getAttrStyleAndClass$1(attrs);
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const breadcrumbClassName = clsx(prefixCls.value, contextClassName.value, { [`${prefixCls}-rtl`]: direction.value === "rtl" }, className, rootClass, mergedClassNames.value?.root, hashId.value, cssVarCls.value);
 		const mergedStyle = {
 			...mergedStyles.value?.root,
@@ -142,7 +142,10 @@ const Breadcrumb = /* @__PURE__ */ defineComponent((props, { slots, attrs, emit,
 			type: String,
 			required: false
 		},
-		params: { required: false },
+		params: {
+			type: Object,
+			required: false
+		},
 		separator: { required: false },
 		rootClass: {
 			type: String,

package/dist/breadcrumb/BreadcrumbItem.js

@@ -27,7 +27,7 @@ const InternalBreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }
 				mergeDropDownProps.menu = {
 					...menuProps,
 					items: items?.map(({ key, title, label, path, ...itemProps }, index) => {
-						let mergedLabel = getSlotPropsFnRun({ label: title }, { label }, "label");
+						let mergedLabel = getSlotPropsFnRun({}, { label: isNonNullable(label) ? label : title }, "label");
 						if (path) {
 							(function() {
 								return mergedLabel;
@@ -47,13 +47,14 @@ const InternalBreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }
 		return breadcrumbItem;
 	};
 	return () => {
-		const { separator = "/", prefixCls } = props;
+		const { separator = "/", prefixCls, onClick } = props;
 		const children = checkRenderNode(filterEmpty(slots?.default?.() ?? []));
 		const { classes: mergedClassNames, styles: mergedStyles } = breadcrumbContext.value;
 		const link = renderBreadcrumbNode(children);
 		if (isNonNullable(link)) return createVNode(Fragment, null, [createVNode("li", {
 			"class": clsx(`${prefixCls}-item`, mergedClassNames?.item),
-			"style": mergedStyles?.item
+			"style": mergedStyles?.item,
+			"onClick": onClick
 		}, [link]), isRenderable(separator) && createVNode(BreadcrumbSeparator, null, _isSlot(separator) ? separator : { default: () => [separator] })]);
 		return null;
 	};

package/dist/breadcrumb/useItemRender.js

@@ -17,14 +17,11 @@ function getBreadcrumbName(route, params, titleRender, index) {
 }
 function renderItem(prefixCls, item, children, href) {
 	if (children === null || children === void 0) return null;
-	const { class: className, onClick, ...restItem } = item;
-	const passedProps = {
-		...pickAttrs(restItem, {
-			data: true,
-			aria: true
-		}),
-		onClick
-	};
+	const { class: className, ...restItem } = item;
+	const passedProps = { ...pickAttrs(restItem, {
+		data: true,
+		aria: true
+	}) };
 	if (href !== void 0) return createVNode("a", mergeProps(passedProps, {
 		"class": clsx(`${prefixCls}-link`, className),
 		"href": href

package/dist/button/Button.js

@@ -65,7 +65,9 @@ const InternalCompoundedButton = /* @__PURE__ */ defineComponent((props, { slots
 			if (danger) return ["danger", colorVariantPair[1]];
 			return colorVariantPair;
 		}
+		if (variant === "solid") return ["primary", variant];
 		if (contextColor?.value && contextVariant?.value) return [contextColor.value, contextVariant.value];
+		if (contextVariant?.value === "solid") return ["primary", contextVariant.value];
 		return ["default", "outlined"];
 	});
 	const mergedColorVariant = computed(() => {

package/dist/card/Card.js

@@ -1,7 +1,7 @@
 import { devUseWarning, isDev } from "../_util/warning.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
-import { getAttrStyleAndClass as getAttrStyleAndClass$1, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
+import { getAttrStyleAndClass, useMergeSemantic, useSemanticRootStyle, useToArr, useToProps } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun, toPropsRefs as toPropsRefs$1 } from "../_util/tools.js";
 import { isRenderable } from "../_util/is.js";
 import skeleton_default from "../skeleton/index.js";
@@ -55,7 +55,7 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 		return {
 			...props,
 			size: mergedSize.value,
-			variant: customVariant.value
+			variant: variant.value
 		};
 	});
 	const contextStyleRoot = useSemanticRootStyle(contextStyle);
@@ -77,8 +77,8 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 	};
 	const [hashId, cssVarCls] = style_default(prefixCls);
 	return () => {
-		const { activeTabKey, tabProps, defaultActiveTabKey, tabBarExtraContent, tabList, headStyle, bodyStyle, loading, rootClass, hoverable, type } = props;
-		const { style, className, restAttrs } = getAttrStyleAndClass$1(attrs);
+		const { activeTabKey, tabProps, defaultActiveTabKey, tabList, headStyle, bodyStyle, loading, rootClass, hoverable, type } = props;
+		const { style, className, restAttrs } = getAttrStyleAndClass(attrs);
 		const children = filterEmpty(slots?.default?.() ?? []);
 		const title = getSlotPropsFnRun(slots, props, "title");
 		const extra = getSlotPropsFnRun(slots, props, "extra");
@@ -93,11 +93,10 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			"title": false
 		}, _isSlot(children) ? children : { default: () => [children] });
 		const hasActiveTabKey = activeTabKey !== void 0;
-		const tabBarExtraContentSlot = typeof tabBarExtraContent === "object" && tabBarExtraContent ? tabBarExtraContent : getSlotPropsFnRun(slots, props, "tabBarExtraContent");
 		const extraProps = {
 			...tabProps,
 			[hasActiveTabKey ? "activeKey" : "defaultActiveKey"]: hasActiveTabKey ? activeTabKey : defaultActiveTabKey,
-			tabBarExtraContent: tabBarExtraContentSlot
+			tabBarExtraContent: getSlotPropsFnRun(slots, props, "tabBarExtraContent")
 		};
 		let head;
 		const tabSize = mergedSize.value === "small" ? mergedSize.value : "large";
@@ -105,7 +104,7 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 			contentRender: slots?.tabContentRender,
 			labelRender: slots?.tabLabelRender
 		};
-		const tabs = tabList ? createVNode(Tabs, mergeProps({ "size": tabSize }, extraProps, { "class": `${prefixCls.value}-head-size` }, { "onUpdate:activeKey": (key) => {
+		const tabs = tabList ? createVNode(Tabs, mergeProps({ "size": tabSize }, extraProps, { "class": `${prefixCls.value}-head-tabs` }, { "onUpdate:activeKey": (key) => {
 			onTabChange(key);
 		} }, { "items": tabList.map(({ tab, ...item }) => {
 			return {

package/dist/carousel/index.d.ts

@@ -5,7 +5,7 @@ import { SlickProps } from "@v-c/slick";
 //#region src/carousel/index.d.ts
 type CarouselEffect = 'scrollx' | 'fade';
 type DotPlacement = 'top' | 'bottom' | 'start' | 'end';
-interface CarouselProps extends Omit<SlickProps, 'prevArrow' | 'nextArrow' | 'dots' | 'className' | 'style' | 'dotsClass' | 'autoplay' | 'onInit' | 'onReInit' | 'onEdge' | 'onSwipe' | 'onLazyLoad' | 'onLazyLoadError'>, ComponentBaseProps, CarouselEmitsProps {
+interface CarouselProps extends Omit<SlickProps, 'prevArrow' | 'nextArrow' | 'dots' | 'className' | 'style' | 'dotsClass' | 'autoplay' | 'verticalSwiping' | 'onInit' | 'onReInit' | 'onEdge' | 'onSwipe' | 'onLazyLoad' | 'onLazyLoadError'>, ComponentBaseProps, CarouselEmitsProps {
   effect?: CarouselEffect;
   id?: string;
   slickGoTo?: number;

package/dist/carousel/index.js

@@ -1,6 +1,6 @@
 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 { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import localeValues from "../locale/en_US.js";
 import useLocale from "../locale/useLocale.js";
@@ -30,6 +30,7 @@ const omitKeys = [
 	"autoplaySpeed",
 	"rtl"
 ];
+const ignoredAttrKeys = ["verticalSwiping", "vertical-swiping"];
 const dotsClass = "slick-dots";
 const ArrowButton = /* @__PURE__ */ defineComponent((_, { slots, attrs }) => {
 	return () => {
@@ -113,7 +114,7 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 		const otherProps = omit(props, omitKeys);
 		const enableDots = !!dots;
 		const dsClass = clsx(dotsClass, `${dotsClass}-${mergedDotPlacement.value}`, typeof dots === "boolean" ? false : dots?.class);
-		const { className: customClassName, style, restAttrs } = getAttrStyleAndClass$1(attrs);
+		const { className: customClassName, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const newProps = {
 			vertical: mergedVertical.value,
 			className: clsx(customClassName, contextClassName.value),
@@ -125,6 +126,9 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 			...otherProps
 		};
 		if (newProps.effect === "fade") newProps.fade = true;
+		delete newProps.effect;
+		delete newProps.prefixCls;
+		delete newProps.slickGoTo;
 		const className = clsx(prefixCls.value, {
 			[`${prefixCls.value}-rtl`]: isRTL.value,
 			[`${prefixCls.value}-vertical`]: newProps.vertical
@@ -135,7 +139,7 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 		if (count.value !== childNodes.length) count.value = childNodes.length;
 		const prevArrow = getSlotPropsFnRun(slots, props, "prevArrow");
 		const nextArrow = getSlotPropsFnRun(slots, props, "nextArrow");
-		return createVNode("div", mergeProps({ "ref": nativeElementRef }, restAttrs, {
+		return createVNode("div", mergeProps({ "ref": nativeElementRef }, omit(restAttrs, ignoredAttrKeys), {
 			"class": className,
 			"id": id,
 			"style": dotDurationStyle
@@ -393,11 +397,6 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 			required: false,
 			default: void 0
 		},
-		verticalSwiping: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
 		asNavFor: {
 			type: [Object, null],
 			required: false

package/dist/cascader/Panel.d.ts

@@ -14,6 +14,7 @@ interface CascaderPanelEmitsProps {
 }
 interface CascaderPanelSlots {
   expandIcon?: () => any;
+  loadingIcon?: () => any;
   notFoundContent?: () => any;
   optionRender?: (option: DefaultOptionType) => any;
 }

package/dist/cascader/Panel.js

@@ -31,11 +31,12 @@ const CascaderPanel = /* @__PURE__ */ defineComponent((props, { attrs, emit, slo
 		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 { expandIcon: mergedExpandIcon, loadingIcon: mergedLoadingIcon } = useIcons({
 			contextExpandIcon: contextExpandIcon.value,
 			contextLoadingIcon: contextLoadingIcon.value,
 			expandIcon: customExpandIcon,
-			loadingIcon,
+			loadingIcon: customLoadingIcon,
 			isRtl: isRtl.value
 		});
 		const checkable = useCheckable(cascaderPrefixCls.value, multiple);

package/dist/cascader/index.d.ts

@@ -58,20 +58,20 @@ interface CascaderProps<OptionType extends DefaultOptionType = DefaultOptionType
   options?: OptionType[];
   status?: InputStatus;
   rootClass?: string;
-  /** @deprecated Please use `classNames.popup.root` instead */
+  /** @deprecated Please use `classes.popup.root` instead */
   popupClassName?: string;
-  /** @deprecated Please use `classNames.popup.root` instead */
+  /** @deprecated Please use `classes.popup.root` instead */
   dropdownClassName?: string;
   /** @deprecated Please use `styles.popup.root` instead */
   dropdownStyle?: CSSProperties;
   /** @deprecated Please use `popupRender` instead */
   dropdownRender?: (menu: VNode) => VNodeChild;
   popupRender?: (menu: VNode) => VNodeChild;
-  /** @deprecated Please use `popupMenuColumnStyle` instead */
+  /** @deprecated Please use `styles.popup.listItem` instead */
   dropdownMenuColumnStyle?: CSSProperties;
+  /** @deprecated Please use `styles.popup.listItem` instead */
   popupMenuColumnStyle?: CSSProperties;
   /**
-   * @since 5.13.0
    * @default "outlined"
    */
   variant?: Variant;
@@ -88,6 +88,7 @@ interface CascaderSlots<OptionType extends DefaultOptionType = DefaultOptionType
   }) => any;
   optionRender?: (option: OptionType) => any;
   expandIcon?: () => any;
+  loadingIcon?: () => any;
   default?: () => any;
 }
 interface CascaderEmits<OptionType extends DefaultOptionType = DefaultOptionType, ValueField extends keyof OptionType = keyof OptionType, Multiple extends boolean = boolean> {

package/dist/cascader/index.js

@@ -105,11 +105,12 @@ const InternalCascader = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 	if (isDev) {
 		const warning = devUseWarning("Cascader");
 		Object.entries({
-			popupClassName: "classNames.popup.root",
-			dropdownClassName: "classNames.popup.root",
+			popupClassName: "classes.popup.root",
+			dropdownClassName: "classes.popup.root",
 			dropdownStyle: "styles.popup.root",
 			dropdownRender: "popupRender",
-			dropdownMenuColumnStyle: "popupMenuColumnStyle",
+			dropdownMenuColumnStyle: "styles.popup.listItem",
+			popupMenuColumnStyle: "styles.popup.listItem",
 			bordered: "variant"
 		}).forEach(([oldProp, newProp]) => {
 			warning.deprecated(!(props[oldProp] !== void 0), oldProp, newProp);
@@ -160,7 +161,7 @@ const InternalCascader = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 		blur: () => cascaderRef.value?.blur?.()
 	});
 	return () => {
-		const { popupClassName, dropdownClassName, rootClass, dropdownRender, popupRender, dropdownMenuColumnStyle, popupMenuColumnStyle, showArrow, allowClear, expandIcon, transitionName, choiceTransitionName, builtinPlacements, getPopupContainer, displayRender, optionRender, multiple, prefixCls: _prefixCls, direction: _direction, size: _size, disabled: _disabled, status: _status, bordered: _bordered, variant: _variant, classes: _classes, styles: _styles, ...rest } = props;
+		const { popupClassName, dropdownClassName, rootClass, dropdownRender, popupRender, dropdownMenuColumnStyle, popupMenuColumnStyle, showArrow, allowClear, expandIcon, loadingIcon, transitionName, choiceTransitionName, builtinPlacements, getPopupContainer, displayRender, optionRender, multiple, prefixCls: _prefixCls, direction: _direction, size: _size, disabled: _disabled, status: _status, bordered: _bordered, variant: _variant, classes: _classes, styles: _styles, popupStyle: _popupStyle, dropdownStyle: _dropdownStyle, ...rest } = props;
 		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
 		const mergedSuffixIcon = getSlotPropsFnRun(slots, props, "suffixIcon", false) ?? contextSuffixIcon.value;
 		const showSuffixIcon = useShowArrow(mergedSuffixIcon, showArrow);
@@ -173,7 +174,7 @@ const InternalCascader = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 			showSuffixIcon,
 			suffixIcon: mergedSuffixIcon,
 			removeIcon: rest.removeIcon ?? contextRemoveIcon.value,
-			clearIcon: rest.allowClear && typeof rest.allowClear === "object" && rest.allowClear.clearIcon || contextClearIcon.value,
+			clearIcon: rest.clearIcon ?? contextClearIcon.value,
 			prefixCls: prefixCls.value,
 			componentName: "Cascader"
 		});
@@ -181,11 +182,12 @@ const InternalCascader = /* @__PURE__ */ defineComponent((props, { attrs, emit,
 		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 { expandIcon: mergedExpandIcon, loadingIcon: mergedLoadingIcon } = useIcons$1({
 			contextExpandIcon: contextExpandIcon.value,
 			contextLoadingIcon: contextLoadingIcon.value,
 			expandIcon: customExpandIcon,
-			loadingIcon: void 0,
+			loadingIcon: customLoadingIcon,
 			isRtl: isRtl.value
 		});
 		const checkable = useCheckable(cascaderPrefixCls.value, multiple);