antdv-next 1.5.6 → 1.7.0

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

@@ -1,4 +1,5 @@
 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";
@@ -12,7 +13,6 @@ import { isNonNullable } from "../../_util/is.js";
 import locale from "../locale/en_US.js";
 import useLocale from "../../locale/useLocale.js";
 import { getMergedStatus, getStatusClassNames } from "../../_util/statusUtils.js";
-import { useFormItemInputContext } from "../../form/context.js";
 import { useVariants } from "../../form/hooks/useVariant.js";
 import style_default from "../style/index.js";
 import useMergedPickerSemantic from "../hooks/useMergedPickerSemantic.js";
@@ -31,6 +31,7 @@ function generateRangePicker(generateConfig) {
 		const { size: customizeSize, disabled: customDisabled, status: customStatus, variant: customVariant, classes, styles, rootClass, bordered } = toPropsRefs(props, "size", "disabled", "status", "variant", "classes", "styles", "rootClass", "bordered", "separator");
 		const pickerType = computed(() => props.picker === TIME ? "timePicker" : "datePicker");
 		const { prefixCls, direction, getPopupContainer, rootPrefixCls, class: contextClassName, style: contextStyle, separator: contextSeparator } = useComponentBaseConfig("rangePicker", props, ["separator"], "picker");
+		const { allowClear: contextAllowClear, clearIcon: contextClearIcon } = useComponentBaseConfig(pickerType.value, props, ["allowClear", "clearIcon"], "picker");
 		const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
 		const mergedSize = useSize((ctx) => customizeSize.value ?? compactSize.value ?? ctx);
 		const disabled = useDisabledContext();
@@ -50,7 +51,7 @@ function generateRangePicker(generateConfig) {
 		const rootCls = useCSSVarCls(prefixCls);
 		const [hashId, cssVarCls] = style_default(prefixCls, rootCls);
 		const mergedRootClassName = computed(() => clsx(hashId.value, cssVarCls.value, rootCls.value, rootClass.value));
-		const [contextLocale] = useLocale("Calendar", locale);
+		const [contextLocale] = useLocale("DatePicker", locale);
 		const locale$1 = computed(() => ({
 			...contextLocale?.value,
 			...props.locale ?? {}
@@ -108,11 +109,17 @@ function generateRangePicker(generateConfig) {
 			nativeElement: computed(() => innerRef.value?.nativeElement)
 		});
 		return () => {
-			const { placeholder, components, placement, suffixIcon, prefix, allowClear, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer, ...restProps } = props;
+			const { placeholder, components, placement, suffixIcon, prefix, allowClear, clearIcon, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer, autoComplete, autocomplete, ...restProps } = props;
 			const { className, style, restAttrs } = getAttrStyleAndClass(attrs, void 0, props);
 			const mergedSuffixIcon = getSlotPropsFnRun(slots, { suffixIcon }, "suffixIcon", false);
 			const mergedPrefix = getSlotPropsFnRun(slots, { prefix }, "prefix", false);
-			const [mergedAllowClear] = useIcons({ allowClear }, prefixCls.value);
+			const [mergedAllowClear] = useIcons({
+				allowClear,
+				clearIcon
+			}, prefixCls.value, {
+				allowClear: contextAllowClear?.value,
+				clearIcon: contextClearIcon?.value
+			});
 			const mergedComponents = useComponents(components);
 			const { hasFeedback, status: contextStatus, feedbackIcon } = useFormItemInputContext().value;
 			const mergedStatus = getMergedStatus(contextStatus, customStatus.value);
@@ -147,6 +154,7 @@ function generateRangePicker(generateConfig) {
 			const hasCustomSeparator = isNonNullable(mergedSeparator);
 			return createVNode(ContextIsolator, { "space": true }, { default: () => [createVNode(RangePicker, mergeProps(restAttrs, restProps, {
 				"ref": innerRef,
+				"autoComplete": autoComplete ?? autocomplete,
 				"separator": createVNode("span", {
 					"aria-hidden": hasCustomSeparator ? void 0 : true,
 					"class": `${prefixCls.value}-separator`
@@ -251,6 +259,10 @@ function generateRangePicker(generateConfig) {
 				type: [Object, Function],
 				required: false
 			},
+			autocomplete: {
+				type: String,
+				required: false
+			},
 			id: {
 				type: [String, Object],
 				required: false
@@ -405,6 +417,19 @@ function generateRangePicker(generateConfig) {
 				required: false,
 				default: void 0
 			},
+			name: {
+				type: String,
+				required: false
+			},
+			required: {
+				type: Boolean,
+				required: false,
+				default: void 0
+			},
+			autoComplete: {
+				type: String,
+				required: false
+			},
 			order: {
 				type: Boolean,
 				required: false,

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

@@ -1,4 +1,5 @@
 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";
@@ -10,8 +11,8 @@ import useCSSVarCls from "../../config-provider/hooks/useCSSVarCls.js";
 import { useDisabledContext } from "../../config-provider/DisabledContext.js";
 import locale from "../locale/en_US.js";
 import useLocale from "../../locale/useLocale.js";
+import { omitUndefined } from "../../_util/omitUndefined.js";
 import { getMergedStatus, getStatusClassNames } from "../../_util/statusUtils.js";
-import { useFormItemInputContext } from "../../form/context.js";
 import { useVariants } from "../../form/hooks/useVariant.js";
 import style_default from "../style/index.js";
 import useMergedPickerSemantic from "../hooks/useMergedPickerSemantic.js";
@@ -22,7 +23,6 @@ import useComponents from "./useComponents.js";
 import { computed, createVNode, defineComponent, mergeProps, shallowRef } from "vue";
 import { clsx } from "@v-c/util";
 import { getTransitionName } from "@v-c/util/dist/utils/transition";
-import { omit } from "es-toolkit/compat";
 import Picker from "@v-c/picker";
 //#region src/date-picker/generatePicker/generateSinglePicker.tsx
 function generatePicker(generateConfig) {
@@ -31,7 +31,11 @@ function generatePicker(generateConfig) {
 		const name = displayName ? `A${displayName}` : "ADatePicker";
 		return /* @__PURE__ */ defineComponent((props, { slots, attrs, emit, expose }) => {
 			const { getPopupContainer: customGetPopupContainer, size: customizeSize, disabled: customDisabled, status: customStatus, variant: customVariant, classes, styles, rootClass, bordered } = toPropsRefs(props, "prefixCls", "getPopupContainer", "size", "disabled", "status", "variant", "classes", "styles", "rootClass", "bordered");
-			const { prefixCls, direction, getPopupContainer, rootPrefixCls, class: contextClassName, style: contextStyle, suffixIcon: contextSuffixIcon } = useComponentBaseConfig(pickerType, props, ["suffixIcon"], "picker");
+			const { prefixCls, direction, getPopupContainer, rootPrefixCls, class: contextClassName, style: contextStyle, suffixIcon: contextSuffixIcon, allowClear: contextAllowClear, clearIcon: contextClearIcon } = useComponentBaseConfig(pickerType, props, [
+				"suffixIcon",
+				"allowClear",
+				"clearIcon"
+			], "picker");
 			const { compactSize, compactItemClassnames } = useCompactItemContext(prefixCls, direction);
 			const mergedSize = useSize((ctx) => customizeSize.value ?? compactSize.value ?? ctx);
 			const disabled = useDisabledContext();
@@ -117,14 +121,18 @@ function generatePicker(generateConfig) {
 				nativeElement: computed(() => innerRef.value?.nativeElement)
 			});
 			return () => {
-				const { placeholder, components, placement, suffixIcon, prefix, allowClear, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer, ...restProps } = props;
+				const { placeholder, components, placement, suffixIcon, prefix, allowClear, clearIcon, popupClassName: _popupClassName, dropdownClassName: _dropdownClassName, popupStyle: _popupStyle, rootClass: _rootClass, classes: _classes, styles: _styles, status: _status, variant: _variant, bordered: _bordered, size: _size, disabled: _disabled, locale: _locale, getPopupContainer: _getPopupContainer, autoComplete, autocomplete, ...restProps } = props;
 				const { className, style, restAttrs } = getAttrStyleAndClass(attrs, void 0, props);
 				const mergedSuffixIcon = getSlotPropsFnRun(slots, { suffixIcon }, "suffixIcon", false);
 				const mergedPrefix = getSlotPropsFnRun(slots, { prefix }, "prefix", false);
 				const [mergedAllowClear, removeIcon] = useIcons({
 					allowClear,
+					clearIcon,
 					removeIcon: props.removeIcon
-				}, prefixCls.value);
+				}, prefixCls.value, {
+					allowClear: contextAllowClear?.value,
+					clearIcon: contextClearIcon?.value
+				});
 				const mergedComponents = useComponents(components);
 				const { hasFeedback, status: contextStatus, feedbackIcon } = useFormItemInputContext().value;
 				const mergedStatus = getMergedStatus(contextStatus, customStatus.value);
@@ -154,8 +162,9 @@ function generatePicker(generateConfig) {
 				const renderExtraFooter = slots.renderExtraFooter || props.renderExtraFooter ? (mode) => resolveRender("renderExtraFooter", [mode], mode) : void 0;
 				const panelRender = slots.panelRender || props.panelRender ? (panel) => resolveRender("panelRender", [panel], panel) : void 0;
 				const inputRender = slots.inputRender || props.inputRender ? (inputProps) => resolveRender("inputRender", [inputProps], inputProps) : void 0;
-				return createVNode(ContextIsolator, { "space": true }, { default: () => [createVNode(Picker, mergeProps(restAttrs, additionalProps, omit(restProps, ["onKeydown"]), {
+				return createVNode(ContextIsolator, { "space": true }, { default: () => [createVNode(Picker, mergeProps(restAttrs, additionalProps, omitUndefined(restProps, ["onKeydown"]), {
 					"ref": innerRef,
+					"autoComplete": autoComplete ?? autocomplete,
 					"placeholder": getPlaceholder(locale$1.value, mergedPicker.value, placeholder),
 					"suffix": suffixNode,
 					"prefix": mergedPrefix,
@@ -257,6 +266,10 @@ function generatePicker(generateConfig) {
 					type: [Object, Function],
 					required: false
 				},
+				autocomplete: {
+					type: String,
+					required: false
+				},
 				use12Hours: {
 					type: Boolean,
 					required: false,
@@ -402,6 +415,19 @@ function generatePicker(generateConfig) {
 					required: false,
 					default: void 0
 				},
+				name: {
+					type: String,
+					required: false
+				},
+				required: {
+					type: Boolean,
+					required: false,
+					default: void 0
+				},
+				autoComplete: {
+					type: String,
+					required: false
+				},
 				order: {
 					type: Boolean,
 					required: false,

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

@@ -148,6 +148,10 @@ interface BaseDefaultProps<Props> {
   popupStyle?: CSSProperties;
   classes?: DatePickerClassNamesType<Props>;
   styles?: DatePickerStylesType<Props>;
+  /**
+   * Lowercase alias of `autoComplete`, matching the native `autocomplete` attribute in templates
+   */
+  autocomplete?: string;
 }
 /** Base Single Picker props */
 interface PickerProps<DateType extends AnyObject = any> extends BaseDefaultProps<DateType>, Omit<PickerProps$1, 'placement' | 'locale' | 'generateConfig' | 'hideHeader' | 'classNames' | 'styles' | RcEventKeys | 'className' | 'style' | 'rootClassName'> {}

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

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

package/dist/date-picker/style/index.d.ts

@@ -1,6 +1,10 @@
+import { SeedToken } from "../../theme/interface/seeds.js";
+import { AliasToken } from "../../theme/interface/alias.js";
 import { ComponentToken, PanelComponentToken, PickerPanelToken, initPanelComponentToken, initPickerPanelToken } from "./token.js";
 import { genPanelStyle } from "./panel.js";
+import { ComponentTokenMap } from "../../theme/interface/components.js";
+import "../../theme/interface/index.js";
 //#region src/date-picker/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, type PanelComponentToken, type PickerPanelToken, _default as default, genPanelStyle, initPanelComponentToken, initPickerPanelToken };

package/dist/date-picker/style/panel.js

@@ -193,7 +193,7 @@ const genPanelStyle = (token) => {
 			"th, td": {
 				position: "relative",
 				minWidth: cellHeight,
-				fontWeight: "normal"
+				fontWeight: 400
 			},
 			th: {
 				height: token.calc(cellHeight).add(token.calc(pickerCellPaddingVertical).mul(2)).equal(),

package/dist/date-picker/style/util.js

@@ -85,7 +85,7 @@ function genOverflowStyle(token) {
 				display: "inline-flex",
 				alignItems: "center",
 				color: colorIcon,
-				fontWeight: "bold",
+				fontWeight: 700,
 				fontSize: 10,
 				lineHeight: "inherit",
 				cursor: "pointer",

package/dist/date-picker/util.d.ts

@@ -1,21 +1,19 @@
-import { RenderNodeFn } from "../_util/type.js";
+import { RenderNodeFn, VueNode } from "../_util/type.js";
 import "./generatePicker/index.js";
 import { PickerLocale, PickerProps as PickerProps$1 } from "./generatePicker/interface.js";
+import { AllowClear } from "../_util/hooks/useAllowClear.js";
 import { PickerMode } from "@v-c/picker";
 //#region src/date-picker/util.d.ts
 declare function getPlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: string): string;
 declare function getRangePlaceholder(locale: PickerLocale, picker?: PickerMode, customizePlaceholder?: [string, string]): [string, string] | undefined;
-declare function useIcons(props: Pick<PickerProps$1, 'allowClear' | 'removeIcon'>, prefixCls: string): readonly [false, string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null] | readonly [{
-  clearIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-  }> | RenderNodeFn<any[]> | import("vue").ComponentOptions<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, any, any, any, string, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions> | import("vue").FunctionalComponent<any, {}, any, {}> | {
-    new (...args: any[]): any;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-  } | (string | number | boolean | void | import("vue").Component | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-  }> | null | undefined)[] | null | undefined;
+declare function useIcons(props: Pick<PickerProps$1, 'allowClear' | 'clearIcon' | 'removeIcon'>, prefixCls: string, context?: {
+  allowClear?: AllowClear;
+  clearIcon?: VueNode;
+}): readonly [false, string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null] | readonly [{
+  readonly disabled?: boolean;
+  readonly tabIndex?: number;
+  readonly label?: string;
+  readonly clearIcon: any;
 }, string | number | boolean | import("vue/jsx-runtime").JSX.Element | RenderNodeFn<any[]> | null];
 //#endregion
 export { getPlaceholder, getRangePlaceholder, useIcons };

package/dist/date-picker/util.js

@@ -1,4 +1,5 @@
 import useIcons$1 from "../select/useIcons.js";
+import useAllowClear from "../_util/hooks/useAllowClear.js";
 import { cloneVNode, isVNode } from "vue";
 //#region src/date-picker/util.ts
 function getPlaceholder(locale, picker, customizePlaceholder) {
@@ -19,18 +20,24 @@ function getRangePlaceholder(locale, picker, customizePlaceholder) {
 	if (picker === "time" && locale.timePickerLocale.rangePlaceholder) return locale.timePickerLocale.rangePlaceholder;
 	return locale.lang.rangePlaceholder;
 }
-function useIcons(props, prefixCls) {
-	const { allowClear = true } = props;
-	const { clearIcon, removeIcon } = useIcons$1({
+function useIcons(props, prefixCls, context) {
+	const { removeIcon } = useIcons$1({
 		...props,
 		prefixCls,
 		componentName: "DatePicker"
 	});
-	if (allowClear === false) return [false, removeIcon];
-	const allowClearConfig = allowClear === true ? {} : allowClear;
+	const mergedAllowClear = useAllowClear({
+		allowClear: props.allowClear,
+		clearIcon: props.clearIcon,
+		contextAllowClear: context?.allowClear,
+		contextClearIcon: context?.clearIcon,
+		defaultAllowClear: true
+	});
+	if (!mergedAllowClear) return [false, removeIcon];
+	const { clearIcon: mergedClearIcon, ...rest } = mergedAllowClear;
 	return [{
-		clearIcon: isVNode(clearIcon) ? cloneVNode(clearIcon) : clearIcon,
-		...allowClearConfig
+		clearIcon: isVNode(mergedClearIcon) ? cloneVNode(mergedClearIcon) : mergedClearIcon,
+		...rest
 	}, removeIcon];
 }
 //#endregion

package/dist/descriptions/Cell.js

@@ -1,11 +1,10 @@
+import { normalizeStyle as normalizeStyle$1 } from "../_util/styleUtils.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
+import { isRenderable } from "../_util/is.js";
 import { useDescriptionsCtx } from "./DescriptionsContext.js";
 import { createVNode, defineComponent, mergeProps } from "vue";
 import { classNames } from "@v-c/util";
 //#region src/descriptions/Cell.tsx
-function notEmpty(val) {
-	return val !== void 0 && val !== null;
-}
 const Cell = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 	const descContext = useDescriptionsCtx();
 	return () => {
@@ -14,19 +13,22 @@ const Cell = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 		const Component = component;
 		const label = getSlotPropsFnRun(slots, props, "label");
 		const content = getSlotPropsFnRun(slots, props, "content");
-		if (bordered) return createVNode(Component, mergeProps({
-			"class": classNames({
-				[`${itemPrefixCls}-item-label`]: type === "label",
-				[`${itemPrefixCls}-item-content`]: type === "content"
-			}, type === "label" ? descriptionsClassNames?.label : void 0, type === "content" ? descriptionsClassNames?.content : void 0),
-			"colSpan": span
-		}, attrs), { default: () => [notEmpty(label) && createVNode("span", {
-			"style": styles?.label,
-			"class": classes?.label
-		}, [label]), notEmpty(content) && createVNode("span", {
-			"style": styles?.content,
-			"class": classes?.content
-		}, [content])] });
+		if (bordered) {
+			let typeStyle;
+			if (type === "label") typeStyle = styles?.label;
+			if (type === "content") typeStyle = styles?.content;
+			const mergedCellStyle = {
+				...normalizeStyle$1(attrs.style),
+				...typeStyle
+			};
+			return createVNode(Component, mergeProps({
+				"class": classNames({
+					[`${itemPrefixCls}-item-label`]: type === "label",
+					[`${itemPrefixCls}-item-content`]: type === "content"
+				}, type === "label" ? descriptionsClassNames?.label : void 0, type === "content" ? descriptionsClassNames?.content : void 0),
+				"colSpan": span
+			}, attrs, { "style": mergedCellStyle }), { default: () => [isRenderable(label) && createVNode("span", null, [label]), isRenderable(content) && createVNode("span", null, [content])] });
+		}
 		return createVNode(Component, mergeProps({ "class": classNames(`${itemPrefixCls}-item`) }, attrs, { "colSpan": span }), { default: () => [createVNode("div", { "class": `${itemPrefixCls}-item-container` }, [(label || label === 0) && createVNode("span", {
 			"class": classNames(`${itemPrefixCls}-item-label`, descriptionsClassNames?.label, { [`${itemPrefixCls}-item-no-colon`]: !colon }, classes?.label),
 			"style": styles?.label
@@ -35,65 +37,68 @@ const Cell = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
 			"style": styles?.content
 		}, [content])])] });
 	};
-}, { props: {
-	itemPrefixCls: {
-		type: String,
-		required: true
+}, {
+	props: {
+		itemPrefixCls: {
+			type: String,
+			required: true
+		},
+		span: {
+			type: Number,
+			required: true
+		},
+		component: {
+			type: String,
+			required: true
+		},
+		classes: {
+			type: Object,
+			required: false
+		},
+		styles: {
+			type: Object,
+			required: false
+		},
+		bordered: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		label: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		content: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		type: {
+			type: String,
+			required: false
+		},
+		colon: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		}
 	},
-	span: {
-		type: Number,
-		required: true
-	},
-	component: {
-		type: String,
-		required: true
-	},
-	classes: {
-		type: Object,
-		required: false
-	},
-	styles: {
-		type: Object,
-		required: false
-	},
-	bordered: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	},
-	label: {
-		type: [
-			Function,
-			String,
-			Number,
-			null,
-			Object,
-			Boolean
-		],
-		required: false,
-		default: void 0
-	},
-	content: {
-		type: [
-			Function,
-			String,
-			Number,
-			null,
-			Object,
-			Boolean
-		],
-		required: false,
-		default: void 0
-	},
-	type: {
-		type: String,
-		required: false
-	},
-	colon: {
-		type: Boolean,
-		required: false,
-		default: void 0
-	}
-} });
+	inheritAttrs: false
+});
 //#endregion
 export { Cell as default };

package/dist/descriptions/Row.js

@@ -1,4 +1,3 @@
-import { normalizeStyle as normalizeStyle$1 } from "../_util/styleUtils.js";
 import { getSlotPropsFnRun } from "../_util/tools.js";
 import { useDescriptionsCtx } from "./DescriptionsContext.js";
 import Cell from "./Cell.js";
@@ -55,14 +54,21 @@ function renderCells(items, { colon, prefixCls, bordered, labelRender, contentRe
 			"content": showContent ? children : null,
 			"type": type
 		}, null);
-		return [createVNode(Cell, {
-			"key": `label-${mergedKey}`,
-			"class": className,
-			"style": {
+		const mergedStyles = {
+			label: {
 				...rootStyles?.label,
-				...normalizeStyle$1(style) || {},
 				...styles?.label
 			},
+			content: {
+				...rootStyles?.content,
+				...styles?.content
+			}
+		};
+		return [createVNode(Cell, {
+			"key": `label-${mergedKey}`,
+			"class": className,
+			"style": style,
+			"styles": mergedStyles,
 			"span": 1,
 			"colon": colon,
 			"component": component[0],
@@ -73,11 +79,8 @@ function renderCells(items, { colon, prefixCls, bordered, labelRender, contentRe
 		}, null), createVNode(Cell, {
 			"key": `content-${mergedKey}`,
 			"class": className,
-			"style": {
-				...rootStyles?.content,
-				...normalizeStyle$1(style) || {},
-				...styles?.content
-			},
+			"style": style,
+			"styles": mergedStyles,
 			"span": span * 2 - 1,
 			"component": component[1],
 			"itemPrefixCls": itemPrefixCls,

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

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

package/dist/descriptions/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/descriptions/style/index.d.ts
 /** Component only token. Which will handle additional calculation of alias token */
@@ -55,6 +59,6 @@ interface ComponentToken {
   extraColor: string;
 }
 declare const prepareComponentToken: GetDefaultToken<'Descriptions'>;
-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 };