@antdv-next1/pro-card 2.0.10 → 2.0.12

package/dist/Card.d.ts

@@ -5,6 +5,7 @@ import { CSSProperties, VNode } from "vue";
 import { VueNode } from "@antdv-next1/pro-utils";
 import * as _$antdv_next0 from "antdv-next";
 import { ColProps } from "antdv-next";
+import * as _$antdv_next_dist_form_FormItemLabel0 from "antdv-next/dist/form/FormItemLabel";
 import { CustomSlotsType } from "@v-c/util/dist/type";
 import { Gutter } from "antdv-next/dist/grid/row";
 
@@ -14,7 +15,7 @@ declare const InternalProCard: _$vue.DefineSetupFnComponent<ProCardProps, {}, Cu
   extra?: () => VueNode;
   title?: () => VueNode;
 }>, _$antdv_next0.CardProps & _$antdv_next0.RowProps & {
-  tooltip?: VueNode;
+  tooltip?: _$antdv_next_dist_form_FormItemLabel0.FormItemTooltipType;
   split?: "vertical" | "horizontal";
   direction?: "column" | "row";
   gutter?: Gutter | [Gutter, Gutter];
@@ -26,7 +27,6 @@ declare const InternalProCard: _$vue.DefineSetupFnComponent<ProCardProps, {}, Cu
   headerBordered?: boolean;
   ghost?: boolean;
   collapsible?: CollapsibleType;
-  collapsed?: boolean;
   collapsibleIconRender?: ({
     collapsed
   }: {

package/dist/Card.js

@@ -1,22 +1,35 @@
 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 { Fragment, cloneVNode, computed, createVNode, defineComponent, isVNode, mergeProps, shallowRef } from "vue";
+import { LabelIconTip, childrenToArray, isSpecialNode } from "@antdv-next1/pro-utils";
 import { classNames } from "@v-c/util";
-import { BorderBeam, Card, Col, Collapse, Row, Tooltip, useBreakpoint } from "antdv-next";
+import { BorderBeam, Card, Col, Collapse, Row, useBreakpoint } from "antdv-next";
 import { responsiveArray } from "antdv-next/dist/_util/responsiveObserver";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 //#region src/Card.tsx
 function _isSlot(s) {
 	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
-const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const breakpointKeyList = [
+	"span",
+	"flex",
+	"offset",
+	"order",
+	"pull",
+	"push",
+	"xs",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"xxl"
+];
+const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, expose, 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();
+	const collapsed = shallowRef(props.defaultCollapsed || false);
 	/**
 	* 根据响应式获取 gutter, 参考 antd 实现
 	* @param gut
@@ -36,7 +49,7 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 		return results;
 	};
 	/**
-	* 根据条件返回 style.ts，负责返回空对象
+	* 根据条件返回 style 负责返回空对象
 	*
 	* @param withStyle 是否符合条件
 	* @param appendStyle 如果符合条件要返回的 style.ts 属性
@@ -44,49 +57,25 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 	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 {};
-	});
+	expose({});
 	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 { ghost = false, direction, boxShadow, colSpan, split, align, borderBeam, colStyle, headerBordered = false, collapsible = false, collapsibleIconRender, defaultCollapsed = false, onChecked, checked, onCollapse, justify, colLg, colFlex, colMd, colXl, colXxl, colSm, colPush, colPull, colOrder, colOffset, colXs, disabled, bordered, gutter = 0, onClick, title, type, tooltip, layout, wrap, ...rest } = props;
+		const hasBorderBeamDom = rest.variant !== "borderless" && borderBeam && !disabled;
 		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 childrenArray = childrenToArray(children?.());
+		const childrenDom = childrenArray.map((element, index) => {
+			if (isVNode(element) && !isSpecialNode(element) && element.props && element.type.isProCard) {
+				let _slot;
+				containProCard = true;
+				if (direction === "column" || split === "horizontal") {
 					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;
+						if (breakpointKeyList.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, {
@@ -96,87 +85,134 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 							...getStyle(verticalGutter > 0, {
 								paddingBlockStart: `${verticalGutter / 2}px`,
 								paddingBlockEnd: `${verticalGutter / 2}px`
-							})
+							}),
+							...colStyle
 						},
-						"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] });
+						"key": index,
+						"class": classNames([`${baseClassName.value}-col`], colPropsClass, hashId.value, {
+							[`${baseClassName.value}-split-horizontal`]: split === "horizontal" && index !== childrenArray.length - 1,
+							[`${baseClassName.value}-split-vertical`]: split === "vertical" && index !== childrenArray.length - 1
+						})
+					}, [cloneVNode(element, {
+						size: rest.size,
+						type,
+						...element.props
+					})]);
 				}
+				const colProps = breakpointKeyList.reduce((prev, key) => {
+					if (element.props?.[`col-${key}`] !== void 0) {
+						const value = element.props?.[`col-${key}`];
+						prev[key] = !Number.isNaN(Number(value)) ? Number(value) : value;
+					}
+					return prev;
+				}, {});
+				return createVNode(Col, mergeProps(Object.keys(colProps).length ? colProps : wrap ? {} : { flex: 1 }, {
+					"style": { ...colStyle },
+					"class": classNames({ [`${baseClassName.value}-split-vertical`]: split === "vertical" && index !== childrenArray.length - 1 }, hashId.value),
+					"key": index
+				}), _isSlot(_slot = cloneVNode(element, {
+					size: rest.size,
+					type,
+					...element.props
+				})) ? _slot : { default: () => [_slot] });
 			}
+			containProCard = false;
 			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" },
+		const collapseCardDom = createVNode(Collapse, mergeProps({
+			"bordered": rest.variant !== "borderless",
+			"size": rest.size === "small" ? "small" : "large",
+			"ghost": ghost
+		}, collapsibleIconRender ? { expandIcon: (panelProps) => collapsibleIconRender({ collapsed: panelProps.isActive || false }) } : {}, {
+			"collapsible": typeof collapsible !== "boolean" && collapsible !== "header" ? collapsible : void 0,
+			"defaultActiveKey": defaultCollapsed ? void 0 : ["collapseCard"],
+			"class": classNames(baseClassName.value, attrs.class, hashId.value, {
+				[`${baseClassName.value}-headerBordered`]: headerBordered,
+				[`${baseClassName.value}-type-inner`]: type === "inner",
+				[`${baseClassName.value}-ghost`]: ghost,
+				[`${baseClassName.value}-split`]: split,
+				[`${baseClassName.value}-split`]: collapsible,
+				[`${baseClassName.value}-disabled`]: disabled,
+				[`${baseClassName.value}-box-shadow`]: boxShadow,
+				[`${baseClassName.value}-contain-card`]: containProCard
+			}),
+			"style": attrs.style,
+			"classes": {
+				body: classNames({
+					[`${baseClassName.value}-body-direction-column`]: direction === "column",
+					[`${baseClassName.value}-body-layout-center`]: layout === "center"
+				}, hashId.value),
+				...rest.classes
+			},
+			"styles": {
+				header: type !== "inner" && rest.size !== "small" ? { paddingBlockEnd: 0 } : {},
+				body: { ...containProCard && split && rest.size !== "small" ? { padding: 0 } : split !== void 0 && containProCard && rest.size !== "small" && type !== "inner" || !headerBordered && (slotTitle?.() || props.title) && rest.size !== "small" && split !== void 0 && type !== "inner" ? { paddingBlockStart: 0 } : {} },
+				...rest.styles
+			},
+			"activeKey": collapsed.value ? void 0 : ["collapseCard"],
+			"items": [{
+				key: "collapseCard",
+				label: createVNode(LabelIconTip, {
+					"label": slotTitle?.() || props.title,
+					"tooltip": props.tooltip
+				}, null),
+				content: containProCard ? direction !== "column" && split !== "horizontal" ? createVNode(Row, { "gutter": gutter }, _isSlot(childrenDom) ? childrenDom : { default: () => [childrenDom] }) : createVNode("div", {
+					"class": classNames(`${baseClassName.value}-col`, hashId.value, {}),
+					"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,
+				extra: rest.extra
+			}]
+		}), null);
+		const cardDom = createVNode(Card, mergeProps(attrs, rest, {
+			"type": containProCard ? void 0 : type,
+			"class": classNames(baseClassName.value, attrs.class, hashId.value, {
+				[`${baseClassName.value}-ghost`]: ghost,
+				[`${baseClassName.value}-split`]: split,
+				[`${baseClassName.value}-disabled`]: disabled,
+				[`${baseClassName.value}-box-shadow`]: boxShadow,
+				[`${baseClassName.value}-contain-card`]: containProCard
+			})
+		}, { onClick: (e) => onClick?.(e) }, {
+			"style": attrs.style,
+			"classes": {
+				body: classNames(`${baseClassName.value}-body`, {
+					[`${baseClassName.value}-body-direction-column`]: direction === "column",
+					[`${baseClassName.value}-body-layout-center`]: layout === "center"
+				}, hashId.value),
+				...rest.classes
+			}
+		}, title && !tooltip && !slotTitle ? { title } : {}, { "styles": {
+			header: headerBordered || type ? {} : {
+				borderBlockEnd: "none",
+				...type !== "inner" && split === "horizontal" || split === "vertical" ? { paddingBlockEnd: 0 } : {}
+			},
+			body: {
+				...containProCard && split && rest.size !== "small" ? { padding: 0 } : !split && containProCard && rest.size !== "small" && type !== "inner" || !headerBordered && (slotTitle?.() || props.title) && type !== "inner" ? { paddingBlockStart: 0 } : {},
+				...!containProCard && layout === "center" ? {
+					display: "flex",
+					justifyContent: "center",
+					alignItems: "center"
+				} : {}
+			},
 			...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],
+			default: () => [containProCard ? direction !== "column" && split !== "horizontal" ? createVNode(Row, { "gutter": gutter }, _isSlot(childrenDom) ? childrenDom : { default: () => [childrenDom] }) : createVNode("div", { "class": classNames(`${baseClassName.value}-row`, hashId.value) }, [childrenDom]) : childrenDom],
 			...restSlots,
-			...slotTitleProps.value
-		})])]));
+			...slotTitle || tooltip ? { title: () => createVNode(LabelIconTip, {
+				"label": slotTitle?.() || props.title,
+				"tooltip": props.tooltip
+			}, null) } : {}
+		});
+		return wrapSSR(createVNode(Fragment, null, [typeof collapsible !== "boolean" ? hasBorderBeamDom ? createVNode(BorderBeam, typeof borderBeam === "boolean" ? {} : borderBeam, _isSlot(collapseCardDom) ? collapseCardDom : { default: () => [collapseCardDom] }) : collapseCardDom : hasBorderBeamDom ? createVNode(BorderBeam, typeof borderBeam === "boolean" ? {} : borderBeam, _isSlot(cardDom) ? cardDom : { default: () => [cardDom] }) : cardDom]));
 	};
 }, {
 	props: {
@@ -207,7 +243,7 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 		bordered: {
 			type: Boolean,
 			required: false,
-			default: void 0
+			default: false
 		},
 		headStyle: {
 			type: Object,
@@ -225,7 +261,7 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 		hoverable: {
 			type: Boolean,
 			required: false,
-			default: void 0
+			default: false
 		},
 		id: {
 			type: String,
@@ -318,7 +354,8 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 				Object,
 				Array
 			],
-			required: false
+			required: false,
+			default: 0
 		},
 		align: {
 			type: [String, Object],
@@ -331,7 +368,7 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 		wrap: {
 			type: Boolean,
 			required: false,
-			default: void 0
+			default: false
 		},
 		tooltip: {
 			type: [
@@ -340,8 +377,7 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 				String,
 				Number,
 				null,
-				Boolean,
-				Array
+				Boolean
 			],
 			required: false,
 			default: void 0
@@ -370,7 +406,7 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 		boxShadow: {
 			type: Boolean,
 			required: false,
-			default: void 0
+			default: false
 		},
 		disabled: {
 			type: Boolean,
@@ -380,23 +416,18 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 		headerBordered: {
 			type: Boolean,
 			required: false,
-			default: void 0
+			default: false
 		},
 		ghost: {
 			type: Boolean,
 			required: false,
-			default: void 0
+			default: false
 		},
 		collapsible: {
 			type: [String, Boolean],
 			required: false,
 			default: void 0
 		},
-		collapsed: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
 		collapsibleIconRender: {
 			type: Function,
 			required: false
@@ -404,7 +435,7 @@ const InternalProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }
 		defaultCollapsed: {
 			type: Boolean,
 			required: false,
-			default: void 0
+			default: false
 		},
 		onCollapse: {
 			type: Function,

package/dist/ProCard.d.ts

@@ -1,14 +1,15 @@
 import { CollapsibleType } from "./typing.js";
 import * as _$vue from "vue";
-import { CSSProperties, Plugin, VNode } from "vue";
+import { CSSProperties, Plugin } from "vue";
 import { VueNode } from "@antdv-next1/pro-utils";
-import { BorderBeamProps, CardProps, ColProps, RowProps } from "antdv-next";
+import { BorderBeamProps, CardGrid, CardMeta, CardProps, ColProps, RowProps } from "antdv-next";
+import { FormItemTooltipType } from "antdv-next/dist/form/FormItemLabel";
 import { CustomSlotsType } from "@v-c/util/dist/type";
 import { Gutter } from "antdv-next/dist/grid/row";
 
 //#region src/ProCard.d.ts
 type ProCardProps = CardProps & RowProps & {
-  /** 标题说明 */tooltip?: VueNode; /** 拆分卡片方式 */
+  /** 标题说明 */tooltip?: FormItemTooltipType; /** 拆分卡片方式 */
   split?: 'vertical' | 'horizontal'; /** 指定 Flex 方向，仅在嵌套子卡片时有效 */
   direction?: 'column' | 'row'; /** 栅格间距 */
   gutter?: Gutter | [Gutter, Gutter];
@@ -19,8 +20,9 @@ type ProCardProps = CardProps & RowProps & {
   disabled?: boolean; /** 头部是否有分割线 */
   headerBordered?: boolean; /** 幽灵模式，即是否取消卡片内容区域的 padding 和 背景颜色。 */
   ghost?: boolean;
-  collapsible?: CollapsibleType; /** 受控 collapsed 属性 */
-  collapsed?: boolean; /** 折叠按钮自定义节点 */
+  collapsible?: CollapsibleType;
+  /** 受控 collapsed 属性 */
+  /** 折叠按钮自定义节点 */
   collapsibleIconRender?: ({
     collapsed
   }: {
@@ -45,11 +47,11 @@ type ProCardProps = CardProps & RowProps & {
   onClick?: (e: MouseEvent) => void;
 };
 declare const _ProCard: _$vue.DefineSetupFnComponent<ProCardProps, {}, CustomSlotsType<{
-  default?: () => VNode[];
+  default?: () => VueNode;
   extra?: () => VueNode;
   title?: () => VueNode;
 }>, CardProps & RowProps & {
-  /** 标题说明 */tooltip?: VueNode; /** 拆分卡片方式 */
+  /** 标题说明 */tooltip?: FormItemTooltipType; /** 拆分卡片方式 */
   split?: "vertical" | "horizontal"; /** 指定 Flex 方向，仅在嵌套子卡片时有效 */
   direction?: "column" | "row"; /** 栅格间距 */
   gutter?: Gutter | [Gutter, Gutter];
@@ -60,8 +62,9 @@ declare const _ProCard: _$vue.DefineSetupFnComponent<ProCardProps, {}, CustomSlo
   disabled?: boolean; /** 头部是否有分割线 */
   headerBordered?: boolean; /** 幽灵模式，即是否取消卡片内容区域的 padding 和 背景颜色。 */
   ghost?: boolean;
-  collapsible?: CollapsibleType; /** 受控 collapsed 属性 */
-  collapsed?: boolean; /** 折叠按钮自定义节点 */
+  collapsible?: CollapsibleType;
+  /** 受控 collapsed 属性 */
+  /** 折叠按钮自定义节点 */
   collapsibleIconRender?: ({
     collapsed
   }: {
@@ -87,6 +90,8 @@ declare const _ProCard: _$vue.DefineSetupFnComponent<ProCardProps, {}, CustomSlo
 } & {}, _$vue.PublicProps>;
 declare const ProCard: typeof _ProCard & Plugin & {
   isProCard?: boolean;
+  CardGrid: typeof CardGrid;
+  CardMeta: typeof CardMeta;
 };
 //#endregion
 export { ProCardProps, ProCard as default };

package/dist/ProCard.js

@@ -1,8 +1,10 @@
 import InternalProCard from "./Card.js";
 import { createVNode, defineComponent, mergeProps } from "vue";
+import { CardGrid, CardMeta } from "antdv-next";
 import ProConfigProvider from "@antdv-next1/pro-provider";
 //#region src/ProCard.tsx
-const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
+const ProCard = /* @__PURE__ */ defineComponent((props, { slots, expose, attrs }) => {
+	expose({});
 	return () => createVNode(ProConfigProvider, { "needDeps": true }, { default: () => [createVNode(InternalProCard, mergeProps(attrs, props), slots)] });
 }, {
 	props: {
@@ -166,8 +168,7 @@ const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 				String,
 				Number,
 				null,
-				Boolean,
-				Array
+				Boolean
 			],
 			required: false,
 			default: void 0
@@ -218,11 +219,6 @@ const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			required: false,
 			default: void 0
 		},
-		collapsed: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
 		collapsibleIconRender: {
 			type: Function,
 			required: false
@@ -266,8 +262,12 @@ const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 	inheritAttrs: false
 });
 ProCard.isProCard = true;
+ProCard.CardGrid = CardGrid;
+ProCard.CardMeta = CardMeta;
 ProCard.install = (app) => {
 	app.component(ProCard.name, ProCard);
+	app.component(ProCard.CardGrid.name, CardGrid);
+	app.component(ProCard.CardMeta.name, CardMeta);
 	return app;
 };
 //#endregion

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

@@ -1,7 +1,7 @@
 import { ProCardProps } from "../../ProCard.js";
 import ProCheckCardGroup from "./Group.js";
 import * as _$vue from "vue";
-import { VNode } from "vue";
+import { Plugin, VNode } from "vue";
 import { VueNode } from "@v-c/util";
 import { BorderBeamProps, CardMetaProps, CardProps } from "antdv-next";
 import { CustomSlotsType } from "@v-c/util/dist/type";
@@ -27,7 +27,7 @@ declare const _ProCheckCard: _$vue.DefineSetupFnComponent<ProCheckCardProps, {},
   extra?: () => VueNode[];
   cover?: () => VueNode[];
   description?: () => VNode[];
-}>, CardMetaProps & Omit<CardProps, "size" | "title" | "onTabChange" | "activeTabKey" | "defaultActiveTabKey" | "headStyle" | "bodyStyle" | "tabBarExtraContent" | "tabList" | "type"> & {
+}>, CardMetaProps & Omit<CardProps, "size" | "title" | "type" | "headStyle" | "bodyStyle" | "tabList" | "tabBarExtraContent" | "activeTabKey" | "defaultActiveTabKey" | "onTabChange"> & {
   /** 边框流光 */borderBeam?: BorderBeamProps | boolean;
   size?: CardProps["size"] | "large";
   checked?: boolean;
@@ -42,6 +42,6 @@ declare const _ProCheckCard: _$vue.DefineSetupFnComponent<ProCheckCardProps, {},
 } & {}, _$vue.PublicProps>;
 declare const ProCheckCard: typeof _ProCheckCard & {
   Group?: typeof ProCheckCardGroup;
-};
+} & Plugin;
 //#endregion
 export { ProCheckCardProps, ProCheckCard as default };

package/dist/components/CheckCard/CheckCard.js

@@ -22,6 +22,7 @@ const ProCheckCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
 	const checkCardProps = reactive({});
 	const [stateChecked, setStateChecked] = useMountMergeState(props.defaultChecked || false, {
 		value: toRef(() => props.checked),
+		defaultValue: props.defaultChecked,
 		onChange: (checked) => {
 			props["onUpdate:checked"]?.(checked);
 			props.onChange?.(checked);
@@ -86,15 +87,18 @@ const ProCheckCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
 				"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(extraDom)
-			}),
-			"avatar": avatarDom
-		}, null) } : {} }));
+		}), {
+			...slots,
+			default: () => createVNode(Fragment, null, [(headerDom || avatarDom || descriptionDom || cardLoading) && 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), slots.default?.() && createVNode("div", { "class": classNames(`${baseClassName.value}-body`, hashId.value) }, [slots.default?.()])])
+		}));
 	};
 }, {
 	props: {
@@ -258,11 +262,19 @@ const ProCheckCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
 			type: Function,
 			required: false
 		},
-		collapsible: { required: false }
+		collapsible: {
+			type: [String, Boolean],
+			required: false,
+			default: void 0
+		}
 	},
 	name: "ProCheckCard",
 	inheritAttrs: false
 });
 ProCheckCard.Group = ProCheckCardGroup;
+ProCheckCard.install = (app) => {
+	app.component(ProCheckCard.name, ProCheckCard);
+	app.component(ProCheckCardGroup.name, ProCheckCardGroup);
+};
 //#endregion
 export { ProCheckCard as default };

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

@@ -35,6 +35,7 @@ const genProCheckCardStyle = (token) => {
 		cursor: "pointer",
 		transition: "all 0.3s",
 		verticalAlign: "top",
+		"&-body": { paddingBlockStart: token.padding },
 		"&:not(:last-child)": {
 			marginInlineEnd: token.margin,
 			marginBlockEnd: token.margin

package/dist/components/Statistic/index.js

@@ -1,9 +1,9 @@
 import { useStyle } from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps } from "vue";
-import { QuestionCircleOutlined } from "@antdv-next/icons";
 import { classNames } from "@v-c/util";
 import { Badge, Statistic as Statistic$1, Tooltip } from "antdv-next";
 import { useConfig } from "antdv-next/dist/config-provider/context";
+import { QuestionCircleOutlined } from "@antdv-next/icons";
 //#region src/components/Statistic/index.tsx
 const Statistic = /* @__PURE__ */ defineComponent((props, { attrs }) => {
 	const config = useConfig();