@antdv-next1/pro-card 1.0.2 → 2.0.0

package/dist/ProCard.js

@@ -117,6 +117,7 @@ const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 						"xl",
 						"xxl"
 					].reduce((prev, key) => {
+						console.log(key, prev, element.props?.[`col-${key}`], element, "asdas");
 						if (element.props?.[`col-${key}`] !== void 0) prev[key] = element.props?.[`col-${key}`];
 						return prev;
 					}, {});
@@ -129,15 +130,12 @@ const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 		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": title
-		}, title && !tooltip && !slotTitle ? { title } : {}, { "styles": {
+		}), { 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
 		} }), {
@@ -156,16 +154,13 @@ const ProCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) => {
 			}, [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": title
-		}, title && !tooltip && !slotTitle ? { title } : {}, { "styles": {
+		})] }) : 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
 		} }), {

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

@@ -1,7 +1,7 @@
 import * as _$vue from "vue";
 import { VNode } from "vue";
 import { VueNode } from "@v-c/util";
-import { BadgeProps, StatisticProps as StatisticProps$1 } from "antdv-next";
+import { BadgeProps, StatisticProps as StatisticProps$1, TooltipProps } from "antdv-next";
 import { CustomSlotsType } from "@v-c/util/dist/type";
 
 //#region src/components/Statistic/index.d.ts
@@ -9,7 +9,9 @@ interface StatisticProps extends StatisticProps$1 {
   /** 描述性标签 */
   description?: VueNode;
   /** 标题提示 */
-  tooltip?: VueNode;
+  tooltip?: TooltipProps & {
+    icon?: VueNode;
+  } | VueNode;
   /** 当前项显示的状态 */
   status?: BadgeProps['status'];
   /** Icon 图标 */

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

@@ -1,19 +1,16 @@
-import Statistic$1, { StatisticProps as StatisticProps$1 } from "../Statistic/index.js";
+import { ProCardProps } from "../../ProCard.js";
+import Statistic, { StatisticProps } from "../Statistic/index.js";
 import * as _$vue from "vue";
 import { VNode } from "vue";
 import { VueNode } from "@v-c/util";
-import { BorderBeamProps, CardProps } from "antdv-next";
 import { CustomSlotsType } from "@v-c/util/dist/type";
 
 //#region src/components/StatisticCard/index.d.ts
-interface StatisticCardProps extends CardProps {
+interface StatisticCardProps extends ProCardProps {
   /** 图表配置 */
   chart?: VueNode;
-  headerBordered?: boolean;
-  /** 边框流光 */
-  borderBeam?: BorderBeamProps | boolean;
   /** 数值统计配置 */
-  statistic?: StatisticProps$1;
+  statistic?: StatisticProps;
   /** Chart 相对于 statistic 的位置 */
   chartPlacement?: 'right' | 'bottom' | 'left';
   /** 底部额外展示区域 */
@@ -24,7 +21,7 @@ declare const _StatisticCard: _$vue.DefineSetupFnComponent<StatisticCardProps, {
 }>, StatisticCardProps & {}, _$vue.PublicProps>;
 declare const StatisticCard: typeof _StatisticCard & {
   isProCard?: boolean;
-  Statistic?: typeof Statistic$1;
+  Statistic?: typeof Statistic;
 };
 //#endregion
 export { StatisticCardProps, StatisticCard as default };

package/dist/components/StatisticCard/index.js

@@ -1,8 +1,8 @@
-import Statistic$1 from "../Statistic/index.js";
+import ProCard from "../../ProCard.js";
+import Statistic from "../Statistic/index.js";
 import { useStyle } from "./style/index.js";
 import { Fragment, computed, createVNode, defineComponent, mergeProps } from "vue";
 import { classNames } from "@v-c/util";
-import { BorderBeam, Card } from "antdv-next";
 import { useConfig } from "antdv-next/dist/config-provider/context";
 //#region src/components/StatisticCard/index.tsx
 const StatisticCard = /* @__PURE__ */ defineComponent((props, { attrs, slots }) => {
@@ -11,31 +11,18 @@ const StatisticCard = /* @__PURE__ */ defineComponent((props, { attrs, slots })
 	const baseClassName = computed(() => `${prefixCls.value}-statistic-card`);
 	const { wrapSSR, hashId } = useStyle(baseClassName);
 	return () => {
-		const { statistic, chart, headerBordered = false, borderBeam, chartPlacement, footer, ...restProps } = props;
-		const statisticDom = statistic && createVNode(Statistic$1, mergeProps({ "layout": "vertical" }, statistic), null);
+		const { statistic, chart, chartPlacement, footer, ...restProps } = props;
+		const statisticDom = statistic && createVNode(Statistic, mergeProps({ "layout": "vertical" }, statistic), null);
 		const chartDom = chart && createVNode("div", { "class": classNames(`${baseClassName.value}-chart`, hashId.value, {
 			[`${baseClassName.value}-chart-left`]: chartPlacement === "left" && chart && statistic,
 			[`${baseClassName.value}-chart-right`]: chartPlacement === "right" && chart && statistic
 		}) }, [chart]);
 		const contentCls = classNames(`${baseClassName.value}-content `, hashId.value, { [`${baseClassName.value}-content-horizontal`]: chartPlacement === "left" || chartPlacement === "right" });
 		const contentDom = (chartDom || statisticDom) && (chartPlacement === "left" ? createVNode("div", { "class": contentCls }, [chartDom, statisticDom]) : createVNode("div", { "class": contentCls }, [statisticDom, chartDom]));
-		return wrapSSR(createVNode(Fragment, null, [restProps.variant !== "borderless" && borderBeam ? createVNode(BorderBeam, typeof borderBeam === "boolean" ? {} : borderBeam, { default: () => [createVNode(Card, mergeProps({
+		return wrapSSR(createVNode(Fragment, null, [createVNode(ProCard, mergeProps({
 			"style": attrs.style,
 			"class": classNames(baseClassName.value, attrs.class, hashId.value)
-		}, restProps, { "styles": {
-			header: headerBordered ? {} : { borderBlockEnd: "none" },
-			...restProps.styles
-		} }), { default: () => [
-			contentDom,
-			slots.default?.(),
-			footer && createVNode("div", { "class": classNames(`${baseClassName.value}-footer`, hashId.value) }, [footer])
-		] })] }) : createVNode(Card, mergeProps({
-			"style": attrs.style,
-			"class": classNames(baseClassName.value, attrs.class, hashId.value)
-		}, restProps, { "styles": {
-			header: headerBordered ? {} : { borderBlockEnd: "none" },
-			...restProps.styles
-		} }), { default: () => [
+		}, restProps), { default: () => [
 			contentDom,
 			slots.default?.(),
 			footer && createVNode("div", { "class": classNames(`${baseClassName.value}-footer`, hashId.value) }, [footer])
@@ -56,16 +43,6 @@ const StatisticCard = /* @__PURE__ */ defineComponent((props, { attrs, slots })
 			required: false,
 			default: void 0
 		},
-		headerBordered: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		borderBeam: {
-			type: [Object, Boolean],
-			required: false,
-			default: void 0
-		},
 		statistic: {
 			type: Object,
 			required: false
@@ -87,6 +64,117 @@ const StatisticCard = /* @__PURE__ */ defineComponent((props, { attrs, slots })
 			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
+		},
+		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,
@@ -217,12 +305,25 @@ const StatisticCard = /* @__PURE__ */ defineComponent((props, { attrs, slots })
 		"onUpdate:activeTabKey": {
 			type: Function,
 			required: false
+		},
+		align: {
+			type: [String, Object],
+			required: false
+		},
+		justify: {
+			type: [String, Object],
+			required: false
+		},
+		wrap: {
+			type: Boolean,
+			required: false,
+			default: void 0
 		}
 	},
 	name: "StatisticCard",
 	inheritAttrs: false
 });
 StatisticCard.isProCard = true;
-StatisticCard.Statistic = Statistic$1;
+StatisticCard.Statistic = Statistic;
 //#endregion
 export { StatisticCard as default };

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

@@ -30,7 +30,7 @@ const genProStyle = (token) => {
 		},
 		"&-footer": {
 			marginBlockStart: 8,
-			paddingBlockStart: 16,
+			paddingBlockStart: 8,
 			borderBlockStart: `${token.lineWidth}px ${token.lineType} ${token.colorBorder}`
 		}
 	} };