@antdv-next1/pro-card 2.0.7 → 2.0.10

package/dist/ProCard.js

@@ -1,296 +1,11 @@
-import useStyle from "./style/index.js";
-import { Fragment, computed, createTextVNode, createVNode, defineComponent, isVNode, mergeProps, ref, watch } from "vue";
-import { childrenToArray, isSpecialNode } from "@antdv-next1/pro-utils";
-import { InfoCircleOutlined } from "@antdv-next/icons";
-import { classNames } from "@v-c/util";
-import { BorderBeam, Card, Col, Collapse, Row, Tooltip, useBreakpoint } from "antdv-next";
-import { responsiveArray } from "antdv-next/dist/_util/responsiveObserver";
-import { useConfig } from "antdv-next/dist/config-provider/context";
+import InternalProCard from "./Card.js";
+import { createVNode, defineComponent, mergeProps } from "vue";
+import ProConfigProvider from "@antdv-next1/pro-provider";
 //#region src/ProCard.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
 const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
-	const config = useConfig();
-	const prefixCls = computed(() => props.prefixCls || config.value.getPrefixCls("pro"));
-	const baseClassName = computed(() => `${prefixCls.value}-card`);
-	const { wrapSSR, hashId } = useStyle(baseClassName);
-	const activeKey = ref();
-	const screens = useBreakpoint();
-	/**
-	* 根据响应式获取 gutter, 参考 antd 实现
-	* @param gut
-	*/
-	const getNormalizedGutter = (gut) => {
-		const results = [0, 0];
-		(Array.isArray(gut) ? gut : [gut, 0]).forEach((g, index) => {
-			if (typeof g === "object") for (let i = 0; i < responsiveArray.length; i += 1) {
-				const breakpoint = responsiveArray[i];
-				if (screens.value?.[breakpoint] && g[breakpoint] !== void 0) {
-					results[index] = g[breakpoint];
-					break;
-				}
-			}
-			else results[index] = g || 0;
-		});
-		return results;
-	};
-	/**
-	* 根据条件返回 style.ts，负责返回空对象
-	*
-	* @param withStyle 是否符合条件
-	* @param appendStyle 如果符合条件要返回的 style.ts 属性
-	*/
-	const getStyle = (withStyle, appendStyle) => {
-		return withStyle ? appendStyle : {};
-	};
-	watch(() => props.defaultCollapsed, (next) => {
-		if (!next) activeKey.value = ["collapseCard"];
-	}, { immediate: true });
-	let containProCard = false;
-	const slotTitleProps = computed(() => {
-		if (props.title && props.tooltip || slots.title && props.tooltip) return { title: () => createVNode(Fragment, null, [props.title || slots.title?.(), createVNode(Tooltip, null, {
-			default: () => [createVNode(InfoCircleOutlined, { "style": {
-				marginInlineStart: "4px",
-				cursor: "pointer"
-			} }, null)],
-			title: () => props.tooltip
-		})]) };
-		if (slots.title && !props.tooltip) return { title: slots.title };
-		return {};
-	});
-	return () => {
-		const { ghost, direction, boxShadow, colSpan, split, align, borderBeam, colStyle, headerBordered = false, collapsible = false, collapsibleIconRender, collapsed: controlCollapsed, defaultCollapsed = false, onChecked, checked, onCollapse, justify, colLg, colFlex, colMd, colXl, colXxl, colSm, colPush, colPull, colXs, disabled, gutter = 0, title, tooltip, ...rest } = props;
-		const [horizontalGutter, verticalGutter] = getNormalizedGutter(gutter);
-		const { default: children, title: slotTitle, ...restSlots } = slots;
-		const childrenDom = childrenToArray(children?.())?.map((element) => {
-			if (isVNode(element) && !isSpecialNode(element)) {
-				if (element.props && element.type.isProCard && direction === "column") {
-					const colBreakpointKeyList = [
-						"span",
-						"flex",
-						"offset",
-						"order",
-						"pull",
-						"push",
-						"xs",
-						"sm",
-						"md",
-						"lg",
-						"xl",
-						"xxl"
-					];
-					const colPropsClass = Object.entries(element.props).reduce((prev, [key, value]) => {
-						const keys = key.split("-");
-						if (colBreakpointKeyList.includes(keys[keys.length - 1])) if (["span", "flex"].includes(keys[keys.length - 1])) prev[`${baseClassName.value}-${keys[keys.length - 2]}-${value}`] = true;
-						else prev[`${baseClassName.value}-${key}-${value}`] = true;
-						return prev;
-					}, {});
-					containProCard = true;
-					return createVNode("div", {
-						"style": {
-							...getStyle(horizontalGutter > 0, {
-								paddingInlineEnd: `${horizontalGutter / 2}px`,
-								paddingInlineStart: `${horizontalGutter / 2}px`
-							}),
-							...getStyle(verticalGutter > 0, {
-								paddingBlockStart: `${verticalGutter / 2}px`,
-								paddingBlockEnd: `${verticalGutter / 2}px`
-							})
-						},
-						"class": classNames([`${baseClassName.value}-col`], colPropsClass)
-					}, [element]);
-				}
-				if (element.type.isProCard) {
-					containProCard = true;
-					return createVNode(Col, [
-						"span",
-						"flex",
-						"offset",
-						"order",
-						"pull",
-						"push",
-						"xs",
-						"sm",
-						"md",
-						"lg",
-						"xl",
-						"xxl"
-					].reduce((prev, key) => {
-						if (element.props?.[`col-${key}`] !== void 0) prev[key] = element.props?.[`col-${key}`];
-						return prev;
-					}, {}), _isSlot(element) ? element : { default: () => [element] });
-				}
-			}
-			return element;
-		});
-		return wrapSSR(createVNode(Fragment, null, [collapsible ? createVNode(Collapse, mergeProps({ "bordered": rest.variant !== "borderless" }, defaultCollapsed ? {} : { activeKey: activeKey.value }, {
-			"class": classNames(baseClassName.value, attrs.class, hashId.value),
-			"ghost": !ghost
-		}), { default: () => [createTextVNode("asdsa")] }) : createVNode(Fragment, null, [rest.variant !== "borderless" && borderBeam && !disabled ? createVNode(BorderBeam, typeof borderBeam === "boolean" ? {} : borderBeam, { default: () => [createVNode(Card, mergeProps(attrs, rest, { "class": classNames(baseClassName.value, attrs.class, hashId.value, {
-			[`${baseClassName.value}-direction-column`]: split === "horizontal" || direction === "column",
-			[`${baseClassName.value}-ghost`]: ghost,
-			[`${baseClassName.value}-box-shadow`]: boxShadow,
-			[`${baseClassName.value}-contain-card`]: containProCard
-		}) }, title && !tooltip && !slotTitle ? { title } : {}, { "styles": {
-			header: headerBordered ? {} : { borderBlockEnd: "none" },
-			...rest.styles
-		} }), {
-			default: () => [direction !== "column" && containProCard ? createVNode(Row, { "gutter": gutter }, _isSlot(childrenDom) ? childrenDom : { default: () => [childrenDom] }) : ghost && containProCard ? createVNode("div", {
-				"class": `${baseClassName.value}-column`,
-				"style": {
-					...getStyle(horizontalGutter > 0, {
-						marginInlineEnd: `-${horizontalGutter / 2}px`,
-						marginInlineStart: `-${horizontalGutter / 2}px`
-					}),
-					...getStyle(verticalGutter > 0, {
-						marginBlockStart: `-${verticalGutter / 2}px`,
-						marginBlockEnd: `-${verticalGutter / 2}px`
-					})
-				}
-			}, [childrenDom]) : childrenDom],
-			...restSlots,
-			...slotTitleProps.value
-		})] }) : createVNode(Card, mergeProps(attrs, rest, { "class": classNames(baseClassName.value, attrs.class, hashId.value, {
-			[`${baseClassName.value}-direction-column`]: split === "horizontal" || direction === "column",
-			[`${baseClassName.value}-ghost`]: ghost,
-			[`${baseClassName.value}-disabled`]: disabled,
-			[`${baseClassName.value}-box-shadow`]: boxShadow,
-			[`${baseClassName.value}-contain-card`]: containProCard
-		}) }, title && !tooltip && !slotTitle ? { title } : {}, { "styles": {
-			header: headerBordered ? {} : { borderBlockEnd: "none" },
-			...rest.styles
-		} }), {
-			default: () => [direction !== "column" && containProCard ? createVNode(Row, { "gutter": gutter }, _isSlot(childrenDom) ? childrenDom : { default: () => [childrenDom] }) : ghost && containProCard ? createVNode("div", {
-				"class": `${baseClassName.value}-column`,
-				"style": {
-					...getStyle(horizontalGutter > 0, {
-						marginInlineEnd: `-${horizontalGutter / 2}px`,
-						marginInlineStart: `-${horizontalGutter / 2}px`
-					}),
-					...getStyle(verticalGutter > 0, {
-						marginBlockStart: `-${verticalGutter / 2}px`,
-						marginBlockEnd: `-${verticalGutter / 2}px`
-					})
-				}
-			}, [childrenDom]) : childrenDom],
-			...restSlots,
-			...slotTitleProps.value
-		})])]));
-	};
+	return () => createVNode(ProConfigProvider, { "needDeps": true }, { default: () => [createVNode(InternalProCard, mergeProps(attrs, props), slots)] });
 }, {
 	props: {
-		tooltip: {
-			type: [
-				Object,
-				Function,
-				String,
-				Number,
-				null,
-				Boolean,
-				Array
-			],
-			required: false,
-			default: void 0
-		},
-		split: {
-			type: String,
-			required: false
-		},
-		direction: {
-			type: String,
-			required: false
-		},
-		gutter: {
-			type: [
-				Number,
-				null,
-				Object,
-				Array
-			],
-			required: false
-		},
-		colStyle: {
-			type: Object,
-			required: false
-		},
-		borderBeam: {
-			type: [Object, Boolean],
-			required: false,
-			default: void 0
-		},
-		layout: {
-			type: String,
-			required: false
-		},
-		boxShadow: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		headerBordered: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		ghost: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		collapsible: {
-			type: [String, Boolean],
-			required: false,
-			default: void 0
-		},
-		collapsed: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		collapsibleIconRender: {
-			type: Function,
-			required: false
-		},
-		defaultCollapsed: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		onCollapse: {
-			type: Function,
-			required: false
-		},
-		checked: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		onChecked: {
-			type: Function,
-			required: false
-		},
-		colSpan: { required: false },
-		colOffset: { required: false },
-		colFlex: { required: false },
-		colOrder: { required: false },
-		colPull: { required: false },
-		colPush: { required: false },
-		colXs: { required: false },
-		colSm: { required: false },
-		colMd: { required: false },
-		colLg: { required: false },
-		colXl: { required: false },
-		colXxl: { required: false },
-		onClick: {
-			type: Function,
-			required: false
-		},
 		title: {
 			type: [
 				Function,
@@ -422,6 +137,15 @@ const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			type: Function,
 			required: false
 		},
+		gutter: {
+			type: [
+				Number,
+				null,
+				Object,
+				Array
+			],
+			required: false
+		},
 		align: {
 			type: [String, Object],
 			required: false
@@ -434,6 +158,108 @@ const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			type: Boolean,
 			required: false,
 			default: void 0
+		},
+		tooltip: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		split: {
+			type: String,
+			required: false
+		},
+		direction: {
+			type: String,
+			required: false
+		},
+		colStyle: {
+			type: Object,
+			required: false
+		},
+		borderBeam: {
+			type: [Object, Boolean],
+			required: false,
+			default: void 0
+		},
+		layout: {
+			type: String,
+			required: false
+		},
+		boxShadow: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		headerBordered: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		ghost: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		collapsible: {
+			type: [String, Boolean],
+			required: false,
+			default: void 0
+		},
+		collapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		collapsibleIconRender: {
+			type: Function,
+			required: false
+		},
+		defaultCollapsed: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onCollapse: {
+			type: Function,
+			required: false
+		},
+		checked: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onChecked: {
+			type: Function,
+			required: false
+		},
+		colSpan: { required: false },
+		colOffset: { required: false },
+		colFlex: { required: false },
+		colOrder: { required: false },
+		colPull: { required: false },
+		colPush: { required: false },
+		colXs: { required: false },
+		colSm: { required: false },
+		colMd: { required: false },
+		colLg: { required: false },
+		colXl: { required: false },
+		colXxl: { required: false },
+		onClick: {
+			type: Function,
+			required: false
 		}
 	},
 	name: "ProCard",

package/dist/components/CheckCard/CheckCard.d.ts

@@ -2,6 +2,7 @@ import { ProCardProps } from "../../ProCard.js";
 import ProCheckCardGroup from "./Group.js";
 import * as _$vue from "vue";
 import { VNode } from "vue";
+import { VueNode } from "@v-c/util";
 import { BorderBeamProps, CardMetaProps, CardProps } from "antdv-next";
 import { CustomSlotsType } from "@v-c/util/dist/type";
 
@@ -20,11 +21,11 @@ type ProCheckCardProps = CardMetaProps & Omit<CardProps, 'title' | 'onTabChange'
   collapsible?: ProCardProps['collapsible'];
 };
 declare const _ProCheckCard: _$vue.DefineSetupFnComponent<ProCheckCardProps, {}, CustomSlotsType<{
-  default?: () => VNode[];
-  avatar?: () => VNode[];
-  title?: () => VNode[];
-  extra?: () => VNode[];
-  cover?: () => VNode[];
+  default?: () => VueNode[];
+  avatar?: () => VueNode[];
+  title?: () => VueNode[];
+  extra?: () => VueNode[];
+  cover?: () => VueNode[];
   description?: () => VNode[];
 }>, CardMetaProps & Omit<CardProps, "size" | "title" | "onTabChange" | "activeTabKey" | "defaultActiveTabKey" | "headStyle" | "bodyStyle" | "tabBarExtraContent" | "tabList" | "type"> & {
   /** 边框流光 */borderBeam?: BorderBeamProps | boolean;

package/dist/components/CheckCard/CheckCard.js

@@ -1,8 +1,8 @@
 import ProCard from "../../ProCard.js";
 import ProCheckCardGroup, { useCheckCardGroupContextInject } from "./Group.js";
 import { useStyle } from "./style/index.js";
-import { Fragment, computed, createVNode, defineComponent, isVNode, mergeProps, reactive, ref, toRef } from "vue";
-import { isNil, useEffect, useMountMergeState } from "@antdv-next1/pro-utils";
+import { Fragment, computed, createVNode, defineComponent, mergeProps, reactive, ref, toRef } from "vue";
+import { isImg, isNil, isUrl, transformVueNodeType, useEffect, useMountMergeState } from "@antdv-next1/pro-utils";
 import { classNames } from "@v-c/util";
 import { Avatar, CardMeta } from "antdv-next";
 import { useConfig } from "antdv-next/dist/config-provider/context";
@@ -51,20 +51,22 @@ const ProCheckCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
 		setStateChecked?.(newChecked);
 	};
 	return () => {
-		const { title, avatar, prefixCls, onChange, value, disabled: propsDisabled, defaultChecked, checked, "onUpdate:checked": onUpdateChecked, "onUpdate:value": onUpdateValue, description, borderBeam, size: propsSize, onClick, ...rest } = props;
+		const { title = slots.title, avatar = slots.avatar, prefixCls, onChange, value, disabled: propsDisabled, defaultChecked, checked, "onUpdate:checked": onUpdateChecked, "onUpdate:value": onUpdateValue, description = slots.description, borderBeam, size: propsSize, onClick, ...rest } = props;
 		Object.keys(rest).forEach((key) => {
 			checkCardProps[key] = rest[key];
 		});
-		const { disabled = propsDisabled || false, loading: cardLoading, bordered = true, size, checked: propsChecked = checked, cover, extra, ...restCardProps } = checkCardProps;
+		const { disabled = propsDisabled || false, loading: cardLoading, bordered = true, size, checked: propsChecked = checked, cover = slots.cover, extra = slots.extra, ...restCardProps } = checkCardProps;
 		const sizeCls = getSizeCls(size || propsSize);
-		const avatarDom = isVNode(avatar) ? avatar : slots.avatar?.() || avatar && createVNode(Avatar, {
+		const titleDom = transformVueNodeType(title);
+		const descriptionDom = transformVueNodeType(description);
+		const coverDom = transformVueNodeType(cover);
+		const extraDom = transformVueNodeType(extra);
+		const avatarDom = typeof avatar === "string" && isUrl(avatar) && isImg(avatar) ? createVNode(Avatar, {
 			"size": 48,
 			"shape": "square",
 			"src": avatar
-		}, null);
-		const headerDom = isNil((slots.title?.() || title) ?? (slots.extra?.() || extra)) ? null : !(slots.extra?.() || extra) ? slots.title?.() || title : createVNode(Fragment, null, [createVNode("div", { "class": classNames(`${baseClassName.value}-meta-title-left`, hashId.value) }, [createVNode("div", { "class": classNames(`${baseClassName.value}-meta-title-left-text`, hashId.value) }, [slots.title?.() || title])]), createVNode("div", { "class": classNames(`${baseClassName.value}-meta-title-extra`, hashId.value) }, [slots.extra?.() || extra])]);
-		const descriptionDom = slots.description?.() || description;
-		const coverDom = cover || slots.cover?.();
+		}, null) : transformVueNodeType(avatar);
+		const headerDom = isNil(titleDom ?? extraDom) ? null : createVNode(Fragment, null, [titleDom && createVNode("div", { "class": classNames(`${baseClassName.value}-meta-header`, hashId.value) }, [createVNode("div", { "class": classNames(`${baseClassName.value}-meta-title`, `${baseClassName.value}-meta-title-with-ellipsis`, hashId.value) }, [titleDom])]), extraDom && createVNode("div", { "class": classNames(`${baseClassName.value}-meta-title-extra`, hashId.value) }, [extraDom])]);
 		return wrapSSR(createVNode(ProCard, mergeProps({
 			"style": attrs.style,
 			"class": classNames(baseClassName.value, attrs.class, hashId.value, {
@@ -79,22 +81,20 @@ const ProCheckCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
 			"loading": cardLoading,
 			"onClick": (e) => {
 				if (!cardLoading && !disabled) handleClick(e);
-			}
-		}), {
-			...coverDom && { cover: () => typeof coverDom === "string" ? createVNode("img", {
-				"src": coverDom,
+			},
+			"cover": typeof cover === "string" ? createVNode("img", {
+				"src": cover,
 				"alt": "checkcard"
-			}, null) : coverDom },
-			...headerDom || avatarDom || descriptionDom || cardLoading ? { default: () => createVNode(CardMeta, {
-				"title": headerDom,
-				"description": descriptionDom,
-				"class": classNames(`${baseClassName.value}-meta`, hashId.value, {
-					[`${baseClassName.value}-meta-avatar-header`]: avatarDom && headerDom && !descriptionDom,
-					[`${baseClassName.value}-meta-extra-header`]: !isNil(slots.extra?.() || extra)
-				}),
-				"avatar": avatarDom
-			}, null) } : {}
-		}));
+			}, null) : coverDom
+		}), { ...headerDom || avatarDom || descriptionDom || cardLoading ? { default: () => createVNode(CardMeta, {
+			"title": headerDom,
+			"description": descriptionDom,
+			"class": classNames(`${baseClassName.value}-meta`, hashId.value, {
+				[`${baseClassName.value}-meta-avatar-header`]: avatarDom && headerDom && !descriptionDom,
+				[`${baseClassName.value}-meta-extra-header`]: !isNil(extraDom)
+			}),
+			"avatar": avatarDom
+		}, null) } : {} }));
 	};
 }, {
 	props: {
@@ -258,11 +258,7 @@ const ProCheckCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
 			type: Function,
 			required: false
 		},
-		collapsible: {
-			type: [String, Boolean],
-			required: false,
-			default: void 0
-		}
+		collapsible: { required: false }
 	},
 	name: "ProCheckCard",
 	inheritAttrs: false

package/dist/components/CheckCard/Group.js

@@ -5,7 +5,7 @@ import { computed, createVNode, defineComponent, inject, provide, shallowRef, to
 import { childrenToArray, isSpecialNode, useMountMergeState } from "@antdv-next1/pro-utils";
 import { classNames } from "@v-c/util";
 import { useConfig } from "antdv-next/dist/config-provider/context";
-import { ProConfigProvider } from "@antdv-next1/pro-provider";
+import { ProConfigProvider as ProConfigProvider$1 } from "@antdv-next1/pro-provider";
 //#region src/components/CheckCard/Group.tsx
 /**
 * Represents the possible value types for a CheckGroup.
@@ -178,6 +178,6 @@ const InternalCheckCardGroup = /* @__PURE__ */ defineComponent((props, { slots,
 	name: "InternalCheckCardGroup",
 	inheritAttrs: false
 });
-const ProCheckCardGroup = (props, { slots }) => createVNode(ProConfigProvider, { "needDeps": true }, { default: () => [createVNode(InternalCheckCardGroup, props, slots)] });
+const ProCheckCardGroup = (props, { slots }) => createVNode(ProConfigProvider$1, { "needDeps": true }, { default: () => [createVNode(InternalCheckCardGroup, props, slots)] });
 //#endregion
 export { checkCardGroupContextKey, ProCheckCardGroup as default, useCheckCardGroupContextInject, useCheckCardGroupContextProvider };

package/dist/components/CheckCard/index.d.ts

@@ -1,3 +1,3 @@
-import ProCheckCardGroup, { ProCheckCardGroupProps } from "./Group.js";
+import ProCheckCardGroup, { CheckCardGroupContextType, CheckCardItemGroupType, CheckCardItemType, CheckCardOptionType, CheckCardValueType, CheckGroupValueType, ProCheckCardGroupProps } from "./Group.js";
 import ProCheckCard, { ProCheckCardProps } from "./CheckCard.js";
-export { ProCheckCard, ProCheckCardGroup, type ProCheckCardGroupProps, type ProCheckCardProps };
+export { type CheckCardGroupContextType, type CheckCardItemGroupType, type CheckCardItemType, type CheckCardOptionType, type CheckCardValueType, type CheckGroupValueType, ProCheckCard, ProCheckCardGroup, type ProCheckCardGroupProps, type ProCheckCardProps };

package/dist/components/CheckCard/style/index.js

@@ -59,6 +59,7 @@ const genProCheckCardStyle = (token) => {
 			} }
 		} },
 		[`&${token.antCls}-card`]: {
+			boxSizing: "border-box",
 			[`${token.antCls}-card-cover`]: {
 				paddingInline: token.paddingXXS,
 				paddingBlock: token.paddingXXS,
@@ -84,15 +85,33 @@ const genProCheckCardStyle = (token) => {
 				}
 			},
 			[`${token.antCls}-card-body`]: {
-				paddingBlock: token.padding,
+				paddingBlock: token.paddingMD,
 				paddingInline: token.paddingSM,
 				[`${token.componentCls}-meta`]: { [`&${token.antCls}-card-meta`]: {
+					margin: 0,
 					[`${token.antCls}-card-meta-avatar`]: { paddingInlineEnd: token.paddingXS },
 					[`${token.antCls}-card-meta-section`]: {
 						"&>div:not(:last-child)": { marginBottom: token.marginXXS },
 						[`${token.antCls}-card-meta-title`]: {
 							fontSize: token.fontSize,
-							fontWeight: 500
+							fontWeight: 500,
+							[`${token.componentCls}-meta-header`]: {
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "space-between",
+								lineHeight: token.lineHeight,
+								[`${token.componentCls}-meta-title`]: {
+									fontSize: token.fontSize,
+									fontWeight: 500,
+									overflow: "hidden",
+									whiteSpace: "nowrap",
+									textOverflow: "ellipsis",
+									display: "flex",
+									alignItems: "center",
+									justifyContent: "space-between",
+									"&-with-ellipsis": { display: "inline-block" }
+								}
+							}
 						}
 					},
 					[`&${token.componentCls}-meta-avatar-header`]: { alignItems: "center" },
@@ -105,20 +124,13 @@ const genProCheckCardStyle = (token) => {
 						whiteSpace: "normal",
 						textOverflow: "unset",
 						lineHeight: token.lineHeight,
-						[`${token.componentCls}-meta-title-left`]: {
+						[`${token.componentCls}-meta-header`]: {
 							display: "flex",
 							alignItems: "center",
 							gap: token.sizeSM,
-							minWidth: 0,
-							[`${token.componentCls}-meta-title-left-text`]: {
-								display: "inline-block",
-								overflow: "hidden",
-								textOverflow: "ellipsis",
-								whiteSpace: "nowrap",
-								alignItems: "center"
-							}
+							minWidth: 0
 						},
-						[`${token.componentCls}-meta-title-extra`]: {}
+						[`${token.componentCls}-meta-title-extra`]: { fontWeight: "normal" }
 					} } }
 				} },
 				"&:after": {

package/dist/components/Statistic/index.d.ts

@@ -3,26 +3,30 @@ import { VNode } from "vue";
 import { VueNode } from "@v-c/util";
 import { BadgeProps, StatisticProps as StatisticProps$1, TooltipProps } from "antdv-next";
 import { CustomSlotsType } from "@v-c/util/dist/type";
+import * as _$antdv_next_dist_statistic_Statistic0 from "antdv-next/dist/statistic/Statistic";
 
 //#region src/components/Statistic/index.d.ts
-interface StatisticProps extends StatisticProps$1 {
-  /** 描述性标签 */
-  description?: VueNode;
-  /** 标题提示 */
+type StatisticProps = StatisticProps$1 & {
+  /** 描述性标签 */description?: VueNode; /** 标题提示 */
   tooltip?: TooltipProps & {
     icon?: VueNode;
-  } | VueNode;
-  /** 当前项显示的状态 */
-  status?: BadgeProps['status'];
-  /** Icon 图标 */
-  icon?: VueNode;
-  /** Layout 布局 */
-  layout?: 'horizontal' | 'vertical' | 'inline';
-  /** 趋势 */
+  } | VueNode; /** 当前项显示的状态 */
+  status?: BadgeProps['status']; /** Icon 图标 */
+  icon?: VueNode; /** Layout 布局 */
+  layout?: 'horizontal' | 'vertical' | 'inline'; /** 趋势 */
   trend?: 'up' | 'down';
-}
+};
 declare const Statistic: _$vue.DefineSetupFnComponent<StatisticProps, {}, CustomSlotsType<{
   default?: () => VNode[];
-}>, StatisticProps & {}, _$vue.PublicProps>;
+}>, _$antdv_next_dist_statistic_Statistic0.InternalStatisticProps & {
+  /** 描述性标签 */description?: VueNode; /** 标题提示 */
+  tooltip?: (TooltipProps & {
+    icon?: VueNode;
+  }) | VueNode; /** 当前项显示的状态 */
+  status?: BadgeProps["status"]; /** Icon 图标 */
+  icon?: VueNode; /** Layout 布局 */
+  layout?: "horizontal" | "vertical" | "inline"; /** 趋势 */
+  trend?: "up" | "down";
+} & {}, _$vue.PublicProps>;
 //#endregion
 export { StatisticProps, Statistic as default };