@antdv-next1/pro-card 1.0.0

package/dist/style/index.d.ts

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

package/dist/style/index.js

@@ -0,0 +1,107 @@
+import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+//#region src/style/index.ts
+const genProCardStyle = (token) => {
+	const { componentCls } = token;
+	return { [componentCls]: {
+		[`&${token.antCls}-collapse`]: {
+			"&&-ghost": { [`${token.antCls}-collapse-item`]: {
+				[`${componentCls}-header`]: { borderRadius: 0 },
+				[`${token.antCls}-collapse-content`]: { "&-box": { padding: token.paddingLG } }
+			} },
+			[`${token.antCls}-collapse-item`]: {
+				"&-active": { [`${componentCls}-header`]: {
+					transition: "none",
+					"&-border": { borderBlockEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}` }
+				} },
+				[`${componentCls}-header`]: { [`&${token.antCls}-collapse-header`]: {
+					paddingBlock: 16,
+					paddingInline: 24,
+					[`${token.antCls}-collapse-header-text`]: { fontSize: token.fontSizeLG }
+				} }
+			}
+		},
+		[`&${token.antCls}-card:not(${token.antCls}-card-bordered):not(&-box-shadow)`]: { boxShadow: "none" },
+		"&&-direction-column": {
+			display: "flex",
+			flexDirection: "column",
+			[`& > ${token.antCls}-card-body`]: { [`${componentCls}-column`]: {
+				display: "flex",
+				boxSizing: "border-box",
+				height: "100%",
+				flexDirection: "column"
+			} }
+		},
+		[`&${token.antCls}-card&-ghost`]: {
+			boxShadow: "none",
+			backgroundColor: "transparent",
+			[`& > ${token.antCls}-card-body`]: {
+				paddingBlock: 0,
+				paddingInline: 0,
+				borderRadius: 0
+			}
+		},
+		"&-disabled": {
+			backgroundColor: token.colorBgContainerDisabled,
+			borderColor: token.colorBorder,
+			color: token.colorTextDisabled,
+			cursor: "not-allowed"
+		}
+	} };
+};
+function genLoopGridColumnsStyle(token, sizeCls) {
+	const { componentCls, gridColumns } = token;
+	return Array.from({ length: gridColumns + 1 }).fill(1).reduce((gridColumnsStyle, _, index) => {
+		if (index === 0) {
+			gridColumnsStyle[`${componentCls}-col${sizeCls}-${index}`] = { display: "none" };
+			gridColumnsStyle[`${componentCls}-push-${index}`] = { insetInlineStart: "auto" };
+			gridColumnsStyle[`${componentCls}-pull-${index}`] = { insetInlineEnd: "auto" };
+			gridColumnsStyle[`${componentCls}${sizeCls}-push-${index}`] = { insetInlineStart: "auto" };
+			gridColumnsStyle[`${componentCls}${sizeCls}-pull-${index}`] = { insetInlineEnd: "auto" };
+			gridColumnsStyle[`${componentCls}${sizeCls}-offset-${index}`] = { marginInlineEnd: 0 };
+			gridColumnsStyle[`${componentCls}${sizeCls}-order-${index}`] = { order: 0 };
+		} else {
+			gridColumnsStyle[`${componentCls}-col${sizeCls}-${index}`] = {
+				display: "block",
+				flex: `0 0 ${index / gridColumns * 100}%`,
+				maxWidth: `${index / gridColumns * 100}%`
+			};
+			gridColumnsStyle[`${componentCls}-col${sizeCls}-push-${index}`] = { insetInlineStart: `${index / gridColumns * 100}%` };
+			gridColumnsStyle[`${componentCls}-col${sizeCls}-pull-${index}`] = { insetInlineEnd: `${index / gridColumns * 100}%` };
+			gridColumnsStyle[`${componentCls}-col${sizeCls}-offset-${index}`] = { marginInlineStart: `${index / gridColumns * 100}%` };
+			gridColumnsStyle[`${componentCls}-col${sizeCls}-order-${index}`] = { order: index };
+		}
+		return gridColumnsStyle;
+	}, {});
+}
+const genGridStyle = (token, sizeCls) => genLoopGridColumnsStyle(token, sizeCls);
+const genGridMediaStyle = (token, screenSize, sizeCls) => {
+	return { [`@media (min-width: ${screenSize}px)`]: { ...genGridStyle(token, sizeCls) } };
+};
+function useStyle(prefixCls) {
+	return useStyle$1("ProCard", (token) => {
+		const proCardToken = {
+			...token,
+			gridColumns: 24,
+			componentCls: `.${prefixCls.value}`
+		};
+		const gridMediaSizesMap = {
+			"-xs": proCardToken.screenXSMin,
+			"-sm": proCardToken.screenSMMin,
+			"-md": proCardToken.screenMDMin,
+			"-lg": proCardToken.screenLGMin,
+			"-xl": proCardToken.screenXLMin,
+			"-xxl": proCardToken.screenXXLMin
+		};
+		return [
+			genProCardStyle(proCardToken),
+			genGridStyle(proCardToken, ""),
+			genGridStyle(proCardToken, "-xs"),
+			Object.keys(gridMediaSizesMap).map((key) => genGridMediaStyle(proCardToken, gridMediaSizesMap[key], key)).reduce((pre, cur) => ({
+				...pre,
+				...cur
+			}), {})
+		];
+	});
+}
+//#endregion
+export { useStyle as default };

package/dist/typing.d.ts

@@ -0,0 +1,6 @@
+import { Breakpoint, ScreenMap } from "antdv-next/dist/_util/responsiveObserver";
+
+//#region src/typing.d.ts
+type CollapsibleType = 'icon' | 'header' | boolean;
+//#endregion
+export { type Breakpoint, CollapsibleType, type ScreenMap };

package/dist/typing.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@antdv-next1/pro-card",
+  "type": "module",
+  "version": "1.0.0",
+  "description": "@antdv-next1/pro-card",
+  "sideEffects": [
+    "./dist/pro-card.esm.js",
+    "./dist/pro-card.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./dist/*": {
+      "types": "./dist/*.d.ts",
+      "import": "./dist/*.js",
+      "default": "./dist/*.js"
+    },
+    "./dist/pro-card.esm.js": "./dist/pro-card.esm.js",
+    "./dist/pro-card.js": "./dist/pro-card.js"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "unpkg": "dist/pro-card.js",
+  "jsdelivr": "dist/pro-card.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "LICENSE",
+    "README.md",
+    "dist",
+    "package.json"
+  ],
+  "browserslist": [
+    "last 2 versions",
+    "Firefox ESR",
+    "> 1%",
+    "ie >= 11"
+  ],
+  "peerDependencies": {
+    "antdv-next": ">=1.1.6",
+    "vue": ">=3.5.30"
+  },
+  "dependencies": {
+    "@antdv-next1/pro-provider": "1.0.0",
+    "@antdv-next1/pro-utils": "1.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "authors": [
+    "Song Chao <archiesongqd@gmail.com> (https://github.com/asuradaSong)"
+  ],
+  "scripts": {
+    "build": "run-s build:esm build:vite:parallel",
+    "build:esm": "tsdown --config-loader unrun",
+    "build:vite:parallel": "run-p build:umd build:full-esm",
+    "build:full-esm": "vite build --config ./vite.esm.config.ts",
+    "build:umd": "vite build",
+    "prepublish": "pnpm build"
+  }
+}