antdv-next 1.5.6 → 1.7.0

package/dist/checkbox/Group.js

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

package/dist/checkbox/GroupContext.d.ts

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

package/dist/checkbox/index.d.ts

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

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

@@ -1,3 +1,6 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
 import { FullToken } from "../../theme/interface/cssinjs-utils.js";
 import { GenerateStyle } from "../../theme/interface/index.js";
 import "../../theme/internal.js";
@@ -21,6 +24,6 @@ interface CheckboxToken extends FullToken<'Checkbox'> {
 }
 declare const genCheckboxStyle: GenerateStyle<CheckboxToken>;
 declare function getStyle(prefixCls: string, token: FullToken<'Checkbox'>): import("@antdv-next/cssinjs").CSSInterpolation;
-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, genCheckboxStyle, getStyle };

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

@@ -1,3 +1,6 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.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";
@@ -66,6 +69,6 @@ type CollapseToken = FullToken<'Collapse'> & {
 };
 declare const genBaseStyle: GenerateStyle<CollapseToken, CSSObject>;
 declare const prepareComponentToken: GetDefaultToken<'Collapse'>;
-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, genBaseStyle, prepareComponentToken };

package/dist/color-picker/ColorPicker.js

@@ -1,3 +1,4 @@
+import { useFormItemInputContext } from "../form/context.js";
 import { useComponentBaseConfig } from "../config-provider/context.js";
 import { useSize } from "../config-provider/hooks/useSize.js";
 import { useCompactItemContext } from "../space/Compact.js";
@@ -11,7 +12,6 @@ import { formatColorValue, genAlphaColor, generateColor, getColorAlpha } from ".
 import { useDisabledContext } from "../config-provider/DisabledContext.js";
 import genPurePanel from "../_util/PurePanel.js";
 import { getStatusClassNames } from "../_util/statusUtils.js";
-import { useFormItemInputContext } from "../form/context.js";
 import Popover from "../popover/index.js";
 import ColorPickerPanel_default from "./ColorPickerPanel.js";
 import ColorTrigger_default from "./components/ColorTrigger.js";
@@ -118,11 +118,7 @@ const ColorPicker = /* @__PURE__ */ defineComponent((props, { slots, expose, emi
 	const rootCls = useCSSVarCls(prefixCls);
 	const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
 	const handleClear = () => {
-		const cleared = new AggregationColor("");
-		setColor(cleared);
 		emit("clear");
-		emit("change", cleared, cleared.toCssString());
-		emit("update:value", valueFormat.value ? formatColorValue(cleared, valueFormat.value) : cleared.toCssString());
 	};
 	expose({
 		focus: () => {},
@@ -130,7 +126,7 @@ const ColorPicker = /* @__PURE__ */ defineComponent((props, { slots, expose, emi
 	});
 	return () => {
 		const { rootClass, trigger, placement, getPopupContainer, autoAdjustOverflow, destroyOnHidden } = props;
-		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs, void 0, props);
 		const children = filterEmpty(slots?.default?.() ?? []);
 		const showText = slots?.showText ?? props?.showText;
 		const panelRender = slots?.panelRender ?? props?.panelRender;
@@ -151,8 +147,7 @@ const ColorPicker = /* @__PURE__ */ defineComponent((props, { slots, expose, emi
 			autoAdjustOverflow,
 			destroyOnHidden
 		};
-		const mergedShowText = showText ? typeof showText === "function" ? (color) => showText({ color }) : showText : void 0;
-		const panelNode = createVNode(ContextIsolator, { "form": true }, { default: () => [createVNode(ColorPickerPanel_default, mergeProps(restAttrs, {
+		const panelNode = createVNode(ContextIsolator, { "form": true }, { default: () => [createVNode(ColorPickerPanel_default, mergeProps({
 			"prefixCls": prefixCls.value,
 			"presets": presets.value,
 			"panelRender": panelRender,
@@ -176,19 +171,20 @@ const ColorPicker = /* @__PURE__ */ defineComponent((props, { slots, expose, emi
 			"classes": mergedClassNames.value,
 			"styles": mergedStyles.value
 		}), null)] });
-		const triggerNode = children.length ? children : createVNode(ColorTrigger_default, {
+		const triggerNode = children.length ? children : createVNode(ColorTrigger_default, mergeProps({
 			"activeIndex": popupOpen.value ? activeIndex.value : -1,
 			"open": popupOpen.value,
 			"className": mergedCls,
 			"style": style,
 			"prefixCls": prefixCls.value,
 			"disabled": mergedDisabled.value,
-			"showText": mergedShowText,
-			"format": formatValue.value,
+			"showText": showText,
+			"format": formatValue.value
+		}, restAttrs, {
 			"color": mergedColor.value,
 			"classes": mergedClassNames.value,
 			"styles": mergedStyles.value
-		}, null);
+		}), null);
 		return createVNode(Popover, mergeProps({
 			"classes": { root: mergedPopupCls },
 			"styles": {

package/dist/color-picker/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 } from "../../theme/interface/cssinjs-utils.js";
+import "../../theme/interface/index.js";
 import "../../theme/internal.js";
 //#region src/color-picker/style/index.d.ts
 interface ComponentToken {}
@@ -59,6 +63,6 @@ declare function genActiveStyle(token: ColorPickerToken, borderColor: string, ou
   boxShadow: string;
   outline: number;
 };
-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 { ColorPickerToken, ComponentToken, _default as default, genActiveStyle };

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

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

package/dist/components.d.ts

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

package/dist/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 { AriaAttributes, CSSProperties, Ref } from "vue";
+import { CSSProperties, Ref } from "vue";
 import { DerivativeFunc } from "@antdv-next/cssinjs";
 import { MoreProps } from "@v-c/tabs";
 //#region src/config-provider/context.d.ts
@@ -232,10 +232,7 @@ type ButtonConfig = ComponentStyleConfig & Pick<ButtonProps, 'classes' | 'styles
   loadingIcon?: VueNode;
 };
 type FlexConfig = ComponentStyleConfig & Pick<FlexProps, 'vertical'>;
-type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closeIcon' | 'classes' | 'styles'> & {
-  closable?: boolean | ({
-    closeIcon?: VueNode;
-  } & AriaAttributes);
+type AlertConfig = ComponentStyleConfig & Pick<AlertProps, 'variant' | 'closeIcon' | 'closable' | 'classes' | 'styles'> & {
   successIcon?: VueNode;
   infoIcon?: VueNode;
   warningIcon?: VueNode;
@@ -343,9 +340,7 @@ type UploadConfig = ComponentStyleConfig & Pick<UploadProps, 'classes' | 'styles
 type DatePickerConfig = ComponentStyleConfig & Pick<DatePickerProps, 'classes' | 'styles' | 'variant' | 'suffixIcon' | 'allowClear'> & {
   clearIcon?: any;
 };
-type RangePickerConfig = ComponentStyleConfig & Pick<RangePickerProps, 'classes' | 'styles' | 'variant' | 'separator' | 'suffixIcon' | 'allowClear'> & {
-  clearIcon?: any;
-};
+type RangePickerConfig = ComponentStyleConfig & Pick<RangePickerProps, 'variant' | 'separator'>;
 type TimePickerConfig = ComponentStyleConfig & Pick<TimePickerProps, 'classes' | 'styles' | 'variant' | 'suffixIcon' | 'allowClear'> & {
   clearIcon?: any;
 };
@@ -481,13 +476,13 @@ declare function useConfig(): Ref<ConfigConsumerProps, ConfigConsumerProps>;
  */
 type ConfigRefs<R extends ConfigConsumerProps = ConfigConsumerProps> = { [K in keyof R]?: R[K] extends ((...args: any[]) => any) ? R[K] : R[K] extends object | undefined ? Ref<R[K]> : Ref<R[K]>; };
 declare function useBaseConfig<K extends string>(suffixCls?: K, props?: ComponentBaseProps): {
-  result: import("vue").ComputedRef<ResultConfig | undefined>;
-  modal: import("vue").ComputedRef<ModalConfig | undefined>;
-  timeline: import("vue").ComputedRef<TimelineConfig | undefined>;
-  notification: import("vue").ComputedRef<NotificationConfig | undefined>;
+  result: Readonly<Ref<ResultConfig | undefined, ResultConfig | undefined>>;
+  modal: Readonly<Ref<ModalConfig | undefined, ModalConfig | undefined>>;
+  timeline: Readonly<Ref<TimelineConfig | undefined, TimelineConfig | undefined>>;
+  notification: Readonly<Ref<NotificationConfig | undefined, NotificationConfig | undefined>>;
   getPrefixCls: (suffixCls?: string, prefixCls?: string) => string;
-  prefixCls: import("vue").ComputedRef<string>;
-  direction: import("vue").ComputedRef<DirectionType>;
+  prefixCls: Readonly<Ref<string, string>>;
+  direction: Readonly<Ref<DirectionType, DirectionType>>;
   getPopupContainer: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
 };
 /**
@@ -503,16 +498,16 @@ declare function useComponentBaseConfig<T extends keyof ConfigComponentProps, K
   classes?: any;
   styles?: any;
 } & ConfigComponentProps[T] extends (infer T_1) ? { [Key in keyof T_1]-?: Ref<T_1[Key], T_1[Key]>; } : never) & {
-  direction: import("vue").ComputedRef<DirectionType>;
-  prefixCls: import("vue").ComputedRef<string>;
-  rootPrefixCls: import("vue").ComputedRef<string>;
+  direction: Readonly<Ref<DirectionType, DirectionType>>;
+  prefixCls: Readonly<Ref<string, string>>;
+  rootPrefixCls: Readonly<Ref<string, string>>;
   getPopupContainer: ((triggerNode?: HTMLElement) => HTMLElement) | undefined;
   getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
   getTargetContainer: (() => HTMLElement) | undefined;
-  virtual: import("vue").ComputedRef<boolean | undefined>;
-  renderEmpty: import("vue").ComputedRef<RenderEmptyHandler | undefined>;
-  popupMatchSelectWidth: import("vue").ComputedRef<boolean | undefined>;
-  popupOverflow: import("vue").ComputedRef<PopupOverflow | undefined>;
+  virtual: Readonly<Ref<boolean | undefined, boolean | undefined>>;
+  renderEmpty: Readonly<Ref<RenderEmptyHandler | undefined, RenderEmptyHandler | undefined>>;
+  popupMatchSelectWidth: Readonly<Ref<boolean | undefined, boolean | undefined>>;
+  popupOverflow: Readonly<Ref<PopupOverflow | undefined, PopupOverflow | undefined>>;
 };
 //#endregion
 export { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CardMetaConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentBaseProps, ComponentStyleConfig, ConfigComponentProps, ConfigConsumerProps, ConfigRefs, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListyConfig, MappingAlgorithm, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, QRcodeConfig, RadioConfig, RangePickerConfig, ResultConfig, RibbonConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TabsMoreConfig, TagConfig, TextAreaConfig, Theme, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TooltipUniqueConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TriggerType, TypographyConfig, UploadConfig, Variant, Variants, WaveConfig, defaultIconPrefixCls, defaultPrefixCls, useBaseConfig, useComponentBaseConfig, useComponentConfig, useConfig, useConfigProvider };

package/dist/config-provider/context.js

@@ -1,4 +1,4 @@
-import { computed, inject, provide, ref } from "vue";
+import { computed, inject, provide, ref, toRef } from "vue";
 //#region src/config-provider/context.ts
 const defaultPrefixCls = "ant";
 const defaultIconPrefixCls = "anticon";
@@ -17,26 +17,23 @@ function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
 	if (customizePrefixCls) return customizePrefixCls;
 	return suffixCls ? `ant-${suffixCls}` : "ant";
 }
+const defaultConfigRef = ref({
+	getPrefixCls: defaultGetPrefixCls,
+	iconPrefixCls: defaultIconPrefixCls
+});
 function useConfig() {
-	return inject(ConfigConsumerKey, ref({
-		getPrefixCls: defaultGetPrefixCls,
-		iconPrefixCls: defaultIconPrefixCls
-	}));
+	return inject(ConfigConsumerKey, defaultConfigRef);
 }
 function useBaseConfig(suffixCls, props) {
 	const config = useConfig();
 	return {
-		result: computed(() => config.value?.result),
-		modal: computed(() => config.value?.modal),
-		timeline: computed(() => config.value?.timeline),
-		notification: computed(() => config.value?.notification),
+		result: toRef(() => config.value?.result),
+		modal: toRef(() => config.value?.modal),
+		timeline: toRef(() => config.value?.timeline),
+		notification: toRef(() => config.value?.notification),
 		getPrefixCls: (suffixCls, prefixCls) => config.value?.getPrefixCls(suffixCls, prefixCls),
-		prefixCls: computed(() => {
-			return config.value?.getPrefixCls(suffixCls, props?.prefixCls);
-		}),
-		direction: computed(() => {
-			return config.value?.direction;
-		}),
+		prefixCls: toRef(() => config.value?.getPrefixCls(suffixCls, props?.prefixCls)),
+		direction: toRef(() => config.value?.direction),
 		getPopupContainer: config?.value.getPopupContainer
 	};
 }
@@ -65,37 +62,34 @@ function useComponentConfig(propName) {
 }
 function useComponentBaseConfig(propName, props, keys, suffixCls) {
 	const context = useConfig();
-	const propValue = computed(() => {
-		return context.value[propName];
-	});
-	const toRefs = (propValues) => {
+	const getPropValue = () => context.value[propName];
+	const toRefs = (getPropValues) => {
 		const result = {
-			classes: computed(() => propValues.value?.classes ?? EMPTY_OBJECT),
-			styles: computed(() => propValues.value?.styles ?? EMPTY_OBJECT),
-			class: computed(() => propValues.value?.class),
-			style: computed(() => propValues.value?.style)
+			classes: toRef(() => getPropValues()?.classes ?? EMPTY_OBJECT),
+			styles: toRef(() => getPropValues()?.styles ?? EMPTY_OBJECT),
+			class: toRef(() => getPropValues()?.class),
+			style: toRef(() => getPropValues()?.style)
+		};
+		const addKey = (key) => {
+			if (!result[key]) result[key] = toRef(() => getPropValues()?.[key]);
 		};
-		const __keys = Object.keys(result);
-		for (const key in propValues.value) if (!__keys.includes(key)) result[key] = computed(() => propValues.value[key]);
-		if (keys && keys.length) keys.forEach((key) => {
-			if (!result[key]) result[key] = computed(() => propValues.value?.[key]);
-		});
+		const current = getPropValues();
+		if (current) Object.keys(current).forEach(addKey);
+		keys?.forEach((key) => addKey(key));
 		return result;
 	};
 	return {
-		...toRefs(propValue),
-		direction: computed(() => context.value.direction),
-		prefixCls: computed(() => {
-			return context.value?.getPrefixCls(suffixCls ?? propName, props?.prefixCls);
-		}),
-		rootPrefixCls: computed(() => context.value?.getPrefixCls()),
+		...toRefs(getPropValue),
+		direction: toRef(() => context.value.direction),
+		prefixCls: toRef(() => context.value?.getPrefixCls(suffixCls ?? propName, props?.prefixCls)),
+		rootPrefixCls: toRef(() => context.value?.getPrefixCls()),
 		getPopupContainer: context.value.getPopupContainer,
 		getPrefixCls: context.value.getPrefixCls,
 		getTargetContainer: context.value.getTargetContainer,
-		virtual: computed(() => context.value.virtual),
-		renderEmpty: computed(() => context.value.renderEmpty),
-		popupMatchSelectWidth: computed(() => context.value.popupMatchSelectWidth),
-		popupOverflow: computed(() => context.value.popupOverflow)
+		virtual: toRef(() => context.value.virtual),
+		renderEmpty: toRef(() => context.value.renderEmpty),
+		popupMatchSelectWidth: toRef(() => context.value.popupMatchSelectWidth),
+		popupOverflow: toRef(() => context.value.popupOverflow)
 	};
 }
 //#endregion

package/dist/config-provider/define.d.ts

@@ -4,7 +4,7 @@ import { ColumnType } from "../table/interface.js";
 import "../table/index.js";
 import { Locale } from "../locale/index.js";
 import { RenderEmptyHandler } from "./defaultRenderEmpty.js";
-import { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentStyleConfig, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListyConfig, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, RadioConfig, RangePickerConfig, ResultConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TypographyConfig, UploadConfig, Variant, WaveConfig } from "./context.js";
+import { AlertConfig, AnchorStyleConfig, BadgeConfig, BreadcrumbConfig, ButtonConfig, CSPConfig, CalendarConfig, CardConfig, CardMetaConfig, CascaderConfig, CheckboxConfig, CollapseConfig, ColorPickerConfig, ComponentStyleConfig, DatePickerConfig, DescriptionsConfig, DirectionType, DividerConfig, DrawerConfig, DropdownConfig, EmptyConfig, FlexConfig, FloatButtonConfig, FloatButtonGroupConfig, FormConfig, ImageConfig, InputConfig, InputNumberConfig, InputPasswordConfig, InputSearchConfig, ListyConfig, MasonryConfig, MentionsConfig, MenuConfig, ModalConfig, NotificationConfig, OTPConfig, PaginationConfig, PopconfirmConfig, PopoverConfig, PopupOverflow, ProgressConfig, RadioConfig, RangePickerConfig, ResultConfig, RibbonConfig, SegmentedConfig, SelectConfig, SkeletonConfig, SliderConfig, SpaceConfig, SpinConfig, SplitterConfig, StatisticConfig, StepsConfig, SwitchStyleConfig, TableConfig, TabsConfig, TagConfig, TextAreaConfig, ThemeConfig, TimePickerConfig, TimelineConfig, TooltipConfig, TourConfig, TransferConfig, TreeConfig, TreeSelectConfig, TypographyConfig, UploadConfig, Variant, WaveConfig } from "./context.js";
 //#region src/config-provider/define.d.ts
 interface ConfigProviderProps {
   getTargetContainer?: () => HTMLElement | Window;
@@ -89,6 +89,7 @@ interface ConfigProviderProps {
   badge?: BadgeConfig;
   radio?: RadioConfig;
   rate?: ComponentStyleConfig;
+  ribbon?: RibbonConfig;
   switch?: SwitchStyleConfig;
   transfer?: TransferConfig;
   avatar?: ComponentStyleConfig;
@@ -96,6 +97,7 @@ interface ConfigProviderProps {
   tag?: TagConfig;
   table?: TableConfig;
   card?: CardConfig;
+  cardMeta?: CardMetaConfig;
   tabs?: TabsConfig;
   timeline?: TimelineConfig;
   timePicker?: TimePickerConfig;

package/dist/config-provider/hooks/useCSSVarCls.d.ts

@@ -3,6 +3,9 @@ import { Ref } from "vue";
 /**
  * This hook is only for cssVar to add root className for components.
  * If root ClassName is needed, this hook could be refactored with `-root`
+ *
+ * antd 6 always runs with CSS variables enabled (`useToken()` always yields a
+ * cssVar config), so the class is unconditional and no token lookup is needed.
  * @param prefixCls
  */
 declare function useCSSVarCls(prefixCls: Ref<string>): import("vue").ComputedRef<string>;

package/dist/config-provider/hooks/useCSSVarCls.js

@@ -1,14 +1,15 @@
-import useToken from "../../theme/useToken.js";
 import { computed } from "vue";
 //#region src/config-provider/hooks/useCSSVarCls.ts
 /**
 * This hook is only for cssVar to add root className for components.
 * If root ClassName is needed, this hook could be refactored with `-root`
+*
+* antd 6 always runs with CSS variables enabled (`useToken()` always yields a
+* cssVar config), so the class is unconditional and no token lookup is needed.
 * @param prefixCls
 */
 function useCSSVarCls(prefixCls) {
-	const [, , , , cssVar] = useToken();
-	return computed(() => cssVar?.value ? `${prefixCls.value}-css-var` : "");
+	return computed(() => `${prefixCls.value}-css-var`);
 }
 //#endregion
 export { useCSSVarCls as default };

package/dist/config-provider/index.d.ts

@@ -30,8 +30,8 @@ declare function globalConfig(): {
   getPrefixCls: (suffixCls?: string, customizePrefixCls?: string) => string;
   getIconPrefixCls: typeof getGlobalIconPrefixCls;
   getRootPrefixCls: () => string;
-  getTheme: () => ThemeConfig | Theme;
-  theme: import("vue").ComputedRef<ThemeConfig | Theme>;
+  getTheme: () => Theme | ThemeConfig;
+  theme: import("vue").ComputedRef<Theme | ThemeConfig>;
   locale: Locale | undefined;
   holderRender: holderRenderType | undefined;
   readonly appContext: AppContext | undefined;

package/dist/config-provider/index.js

@@ -154,9 +154,16 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			theme: mergedTheme.value,
 			direction: props.direction,
 			virtual: props.virtual,
+			popupMatchSelectWidth: props.popupMatchSelectWidth,
+			popupOverflow: props.popupOverflow,
 			locale: locale.value || props.legacyLocale,
 			space: props.space,
-			variant: props.variant
+			variant: props.variant,
+			calendar: props.calendar,
+			carousel: props.carousel,
+			cardMeta: props.cardMeta,
+			ribbon: props.ribbon,
+			warning: props.warning
 		};
 		const config = { ...parentConfig };
 		Object.keys(baseConfig).forEach((key) => {
@@ -515,6 +522,10 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		ribbon: {
+			type: Object,
+			required: false
+		},
 		switch: {
 			type: Object,
 			required: false
@@ -543,6 +554,10 @@ const ProviderChildren = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		cardMeta: {
+			type: Object,
+			required: false
+		},
 		tabs: {
 			type: Object,
 			required: false
@@ -883,6 +898,10 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		ribbon: {
+			type: Object,
+			required: false
+		},
 		switch: {
 			type: Object,
 			required: false
@@ -911,6 +930,10 @@ const ConfigProvider = /* @__PURE__ */ defineComponent((props, { slots }) => {
 			type: Object,
 			required: false
 		},
+		cardMeta: {
+			type: Object,
+			required: false
+		},
 		tabs: {
 			type: Object,
 			required: false