antdv-next 1.5.6 → 1.7.0

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

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

package/dist/auto-complete/index.js

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

package/dist/avatar/Avatar.js

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

package/dist/avatar/AvatarContext.d.ts

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

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

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

package/dist/badge/index.js

@@ -65,7 +65,7 @@ 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 || (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 isStatusBadge = computed(() => Boolean(!childrenNodes.value.length && hasStatus.value && (hasTextSlot.value || !!props.text || hasStatusValue.value)));
 	const offsetStyle = computed(() => {
 		if (!props.offset) return;
 		const horizontalOffset = Number.parseFloat(props.offset[0]);

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

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GenStyleFn, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/badge/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -107,6 +111,6 @@ interface BadgeToken extends FullToken<'Badge'> {
 }
 declare function prepareToken(token: Parameters<GenStyleFn<'Badge'>>[0]): BadgeToken;
 declare const prepareComponentToken: GetDefaultToken<'Badge'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { BadgeToken, ComponentToken, _default as default, prepareComponentToken, prepareToken };

package/dist/badge/style/index.js

@@ -202,15 +202,8 @@ const genSharedBadgeStyle = (token) => {
 				height: indicatorHeight,
 				transition: `all ${token.motionDurationSlow} ${token.motionEaseOutBack}`,
 				WebkitTransformStyle: "preserve-3d",
-				WebkitBackfaceVisibility: "hidden",
-				[`> p${numberPrefixCls}-only-unit`]: {
-					height: indicatorHeight,
-					margin: 0,
-					WebkitTransformStyle: "preserve-3d",
-					WebkitBackfaceVisibility: "hidden"
-				}
-			},
-			[`${numberPrefixCls}-symbol`]: { verticalAlign: "top" }
+				WebkitBackfaceVisibility: "hidden"
+			}
 		},
 		"&-rtl": {
 			direction: "rtl",

package/dist/badge/style/ribbon.d.ts

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

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

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

package/dist/border-beam/BorderBeam.js

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

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

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

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

@@ -1,5 +1,9 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/border-beam/style/index.d.ts
 type ComponentToken = object;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default };

package/dist/breadcrumb/BreadcrumbItem.js

@@ -1,8 +1,8 @@
 import { useBaseConfig } from "../config-provider/context.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import { isRenderable } from "../_util/is.js";
-import isNonNullable from "../_util/isNonNullable.js";
 import { checkRenderNode } from "../_util/vueNode.js";
+import isNonNullable from "../_util/isNonNullable.js";
 import { useBreadcrumbContext } from "./BreadcrumbContext.js";
 import Dropdown from "../dropdown/index.js";
 import BreadcrumbSeparator from "./BreadcrumbSeparator.js";
@@ -32,7 +32,7 @@ const InternalBreadcrumbItem = /* @__PURE__ */ defineComponent((props, { slots }
 							(function() {
 								return mergedLabel;
 							})();
-							mergedLabel = createVNode("a", { "href": `${href}${path}` }, [mergedLabel]);
+							mergedLabel = createVNode("a", { "href": `${href ?? ""}${path}` }, [mergedLabel]);
 						}
 						return {
 							...itemProps,

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

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

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

@@ -1,5 +1,9 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { ComponentToken } from "./token.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/button/style/index.d.ts
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { type ComponentToken, _default as default };

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

@@ -1,5 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { PanelComponentToken, PickerPanelToken } from "../../date-picker/style/token.js";
 import "../../date-picker/style/index.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GetDefaultToken } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
@@ -61,6 +64,6 @@ interface CalendarToken extends FullToken<'Calendar'>, PickerPanelToken, PanelCo
 }
 declare const genCalendarStyles: GenerateStyle<CalendarToken, CSSObject>;
 declare const prepareComponentToken: GetDefaultToken<'Calendar'>;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { ComponentToken, _default as default, genCalendarStyles, prepareComponentToken };

package/dist/card/Card.js

@@ -95,7 +95,7 @@ const Card = /* @__PURE__ */ defineComponent((props, { slots, emit, attrs }) =>
 		const hasActiveTabKey = activeTabKey !== void 0;
 		const extraProps = {
 			...tabProps,
-			[hasActiveTabKey ? "activeKey" : "defaultActiveKey"]: hasActiveTabKey ? activeTabKey : defaultActiveTabKey,
+			[hasActiveTabKey ? "activeKey" : "defaultActiveKey"]: hasActiveTabKey ? activeTabKey : defaultActiveTabKey ?? tabProps?.defaultActiveKey,
 			tabBarExtraContent: getSlotPropsFnRun(slots, props, "tabBarExtraContent")
 		};
 		let head;

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

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

package/dist/card/style/index.js

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

package/dist/carousel/index.js

@@ -77,7 +77,7 @@ const Carousel = /* @__PURE__ */ defineComponent((props, { slots, emit, expose,
 		innerSlider: computed(() => slickRef.value?.innerSlider)
 	});
 	const count = shallowRef(0);
-	const isRTL = computed(() => (props?.rtl ?? direction.value === "rtl") && !props.vertical);
+	const isRTL = computed(() => (props?.rtl ?? direction.value === "rtl") && !mergedVertical.value);
 	const syncInitialSlide = () => {
 		const { initialSlide = 0 } = props;
 		if (count.value > 0) {

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

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

package/dist/carousel/style/index.js

@@ -275,7 +275,7 @@ const genCarouselVerticalStyle = (token) => {
 };
 const genCarouselRtlStyle = (token) => {
 	const { componentCls } = token;
-	return [{ [`${componentCls}-rtl`]: { direction: "rtl" } }, { [`${componentCls}-vertical`]: { ".slick-dots": { [`${componentCls}-rtl&`]: { flexDirection: "column" } } } }];
+	return [{ [`${componentCls}-rtl`]: { direction: "rtl" } }];
 };
 const prepareComponentToken = (token) => {
 	const dotActiveWidth = 24;

package/dist/cascader/Panel.js

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

package/dist/cascader/index.js

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

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

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken, GlobalToken } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 import { CSSProperties } from "vue";
 //#region src/cascader/style/index.d.ts
@@ -46,6 +50,6 @@ interface ComponentToken {
 }
 type CascaderToken = FullToken<'Cascader'>;
 declare function prepareComponentToken(token: GlobalToken): ComponentToken;
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => readonly [import("vue").Ref<string, string>, import("vue").ComputedRef<string | undefined>];
 //#endregion
 export { CascaderToken, ComponentToken, _default as default, prepareComponentToken };

package/dist/cascader/style/panel.d.ts

@@ -1,4 +1,8 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/cascader/style/panel.d.ts
-declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>) => import("vue").Ref<string, string>;
+declare const _default: (prefixCls: import("vue").Ref<string>, rootCls?: import("vue").Ref<string | undefined>, tokenResult?: import("@antdv-next/cssinjs").UseTokenReturn<ComponentTokenMap, AliasToken, SeedToken> | undefined) => import("vue").Ref<string, string>;
 //#endregion
 export { _default as default };

package/dist/checkbox/Checkbox.js

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

package/dist/checkbox/Group.d.ts

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