@antdv-next1/pro-card 1.0.0

package/dist/components/StatisticCard/index.js

@@ -0,0 +1,228 @@
+import Statistic$1 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 }) => {
+	const config = useConfig();
+	const prefixCls = computed(() => props.prefixCls || config.value.getPrefixCls("pro"));
+	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 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({
+			"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: () => [
+			contentDom,
+			slots.default?.(),
+			footer && createVNode("div", { "class": classNames(`${baseClassName.value}-footer`, hashId.value) }, [footer])
+		] })]));
+	};
+}, {
+	props: {
+		chart: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			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
+		},
+		chartPlacement: {
+			type: String,
+			required: false
+		},
+		footer: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		title: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		extra: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		bordered: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		headStyle: {
+			type: Object,
+			required: false
+		},
+		bodyStyle: {
+			type: Object,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		hoverable: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		type: {
+			type: String,
+			required: false
+		},
+		cover: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		actions: {
+			type: Array,
+			required: false
+		},
+		tabList: {
+			type: Array,
+			required: false
+		},
+		tabBarExtraContent: {
+			type: [
+				Function,
+				String,
+				Number,
+				null,
+				Object,
+				Boolean
+			],
+			required: false,
+			default: void 0
+		},
+		activeTabKey: {
+			type: String,
+			required: false
+		},
+		defaultActiveTabKey: {
+			type: String,
+			required: false
+		},
+		tabProps: {
+			type: Object,
+			required: false
+		},
+		classes: {
+			type: [Object, Function],
+			required: false
+		},
+		styles: {
+			type: [Object, Function],
+			required: false
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		rootClass: {
+			type: String,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		onTabChange: {
+			type: Function,
+			required: false
+		},
+		"onUpdate:activeTabKey": {
+			type: Function,
+			required: false
+		}
+	},
+	name: "StatisticCard",
+	inheritAttrs: false
+});
+StatisticCard.isProCard = true;
+StatisticCard.Statistic = Statistic$1;
+//#endregion
+export { StatisticCard as default };

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

@@ -0,0 +1,11 @@
+import { ComputedRef } from "vue";
+import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import { ProAliasToken } from "@antdv-next1/pro-provider";
+
+//#region src/components/StatisticCard/style/index.d.ts
+interface ProListToken extends ProAliasToken {
+  componentCls: string;
+}
+declare function useStyle(prefixCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+//#endregion
+export { ProListToken, useStyle };

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

@@ -0,0 +1,47 @@
+import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+//#region src/components/StatisticCard/style/index.ts
+const genProStyle = (token) => {
+	return { [token.componentCls]: {
+		boxSizing: "border-box",
+		"&-chart": {
+			display: "flex",
+			flexDirection: "column",
+			marginBlockStart: 8,
+			marginBlockEnd: 8,
+			"&-left": {
+				marginBlockStart: 0,
+				marginInlineEnd: "16px"
+			},
+			"&-right": {
+				marginBlockStart: 0,
+				marginInlineStart: "16px"
+			}
+		},
+		"&-content": {
+			display: "flex",
+			flexDirection: "column",
+			"&-horizontal": {
+				flexDirection: "row",
+				[`${token.componentCls}-chart`]: {
+					alignItems: "center",
+					alignSelf: "flex-start"
+				}
+			}
+		},
+		"&-footer": {
+			marginBlockStart: 8,
+			paddingBlockStart: "16px",
+			borderBlockStart: `rgba(0, 0, 0, 0.08) solid ${token.colorBorder}`
+		}
+	} };
+};
+function useStyle(prefixCls) {
+	return useStyle$1("StatisticCard", (token) => {
+		return [genProStyle({
+			...token,
+			componentCls: `.${prefixCls.value}`
+		})];
+	});
+}
+//#endregion
+export { useStyle };

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import ProCard, { ProCardProps } from "./ProCard.js";
+import ProCheckCardGroup, { ProCheckCardGroupProps } from "./components/CheckCard/Group.js";
+import ProCheckCard, { ProCheckCardProps } from "./components/CheckCard/CheckCard.js";
+import Statistic, { StatisticProps } from "./components/Statistic/index.js";
+import StatisticCard, { StatisticCardProps } from "./components/StatisticCard/index.js";
+export { ProCard, type ProCardProps, ProCheckCard, ProCheckCardGroup, type ProCheckCardGroupProps, type ProCheckCardProps, Statistic, StatisticCard, type StatisticCardProps, type StatisticProps, ProCard as default };

package/dist/index.js

@@ -0,0 +1,6 @@
+import ProCard from "./ProCard.js";
+import ProCheckCardGroup from "./components/CheckCard/Group.js";
+import ProCheckCard from "./components/CheckCard/CheckCard.js";
+import Statistic from "./components/Statistic/index.js";
+import StatisticCard from "./components/StatisticCard/index.js";
+export { ProCard, ProCheckCard, ProCheckCardGroup, Statistic, StatisticCard, ProCard as default };