@antdv-next1/pro-card 2.0.15 → 2.0.17

package/dist/style/index.d.ts

@@ -1,7 +1,6 @@
-import { ComputedRef } from "vue";
-import * as _$_antdv_next1_pro_provider0 from "@antdv-next1/pro-provider";
+import * as _$vue from "vue";
 
 //#region src/style/index.d.ts
-declare function useStyle(prefixCls: ComputedRef<string>): _$_antdv_next1_pro_provider0.UseStyleResult;
+declare const _default: (prefixCls: _$vue.Ref<string>, rootCls?: _$vue.Ref<string | undefined>) => readonly [_$vue.Ref<string, string>, _$vue.ComputedRef<string | undefined>];
 //#endregion
-export { useStyle as default };
+export { _default as default };

package/dist/style/index.js

@@ -1,4 +1,5 @@
-import { useStyle as useStyle$1 } from "@antdv-next1/pro-provider";
+import { useStyle } from "@antdv-next1/pro-provider";
+import { mergeToken, unit } from "@antdv-next/cssinjs";
 //#region src/style/index.ts
 const genProCardStyle = (token) => {
 	const { componentCls } = token;
@@ -10,18 +11,18 @@ const genProCardStyle = (token) => {
 				borderColor: token.colorBorderSecondary,
 				backgroundColor: "transparent",
 				[`&:not(${componentCls}-split)`]: {
-					[`${token.antCls}-collapse-item`]: { [`${token.antCls}-collapse-header`]: { paddingBlockEnd: `${token.padding}px !important` } },
-					[`${token.antCls}-collapse-item`]: { "&-active": { [`${token.antCls}-collapse-panel`]: { [`${token.antCls}-collapse-body`]: { paddingBlockStart: `${token.paddingLG}px !important` } } } }
+					[`${token.antCls}-collapse-item`]: { [`${token.antCls}-collapse-header`]: { paddingBlockEnd: `${unit(token.padding)} !important` } },
+					[`${token.antCls}-collapse-item`]: { "&-active": { [`${token.antCls}-collapse-panel`]: { [`${token.antCls}-collapse-body`]: { paddingBlockStart: `${unit(token.paddingLG)} !important` } } } }
 				},
-				[`&${componentCls}-split`]: { [`${token.antCls}-collapse-item:not(${token.antCls}-collapse-item-active)`]: { [`${token.antCls}-collapse-header`]: { paddingBlockEnd: `${token.padding}px !important` } } },
+				[`&${componentCls}-split:not(${token.antCls}-collapse-small)`]: { [`${token.antCls}-collapse-item:not(${token.antCls}-collapse-item-active)`]: { [`${token.antCls}-collapse-header`]: { paddingBlockEnd: `${unit(token.padding)} !important` } } },
 				[`&${token.antCls}-collapse-borderless`]: { [`${token.antCls}-collapse-item`]: { [`${token.antCls}-collapse-panel`]: { [`${token.antCls}-collapse-body`]: { paddingBlockStart: token.paddingSM } } } },
 				[`&${token.componentCls}-type-inner`]: {
-					[`&:not(${token.antCls}-collapse-small)`]: { [`${token.antCls}-collapse-header`]: { paddingBlockEnd: `${token.padding}px !important` } },
-					[`${token.antCls}-collapse-panel`]: { borderBlockStart: `${token.lineWidth}px ${token.lineType} ${token.colorBorderSecondary}` }
+					[`&:not(${token.antCls}-collapse-small)`]: { [`${token.antCls}-collapse-header`]: { paddingBlockEnd: `${unit(token.padding)} !important` } },
+					[`${token.antCls}-collapse-panel`]: { borderBlockStart: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}` }
 				},
-				[`&${componentCls}-headerBordered`]: { borderBlockStart: `${token.lineWidth}px ${token.lineType} ${token.colorBorderSecondary}` },
+				[`&${componentCls}-headerBordered`]: { borderBlockStart: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorderSecondary}` },
 				[`${token.antCls}-collapse-panel`]: {
-					borderBlockStart: `0px ${token.lineType} ${token.colorBorderSecondary}`,
+					borderBlockStart: `${unit(0)} ${token.lineType} ${token.colorBorderSecondary}`,
 					boxSizing: "border-box",
 					borderBottomLeftRadius: token.borderRadius,
 					borderBottomRightRadius: token.borderRadius,
@@ -31,7 +32,7 @@ const genProCardStyle = (token) => {
 					[`${componentCls}-header`]: { borderRadius: 0 },
 					[`${token.antCls}-collapse-content`]: { "&-box": { padding: token.paddingLG } }
 				} },
-				[`${token.antCls}-collapse-item`]: {
+				[`&:not(${token.antCls}-collapse-small) ${token.antCls}-collapse-item`]: {
 					borderBlockEnd: 0,
 					boxSizing: "border-box",
 					"&-active": { [`${token.antCls}-collapse-header`]: {
@@ -71,8 +72,8 @@ const genProCardStyle = (token) => {
 				display: "flex",
 				flexDirection: "column"
 			},
-			[`${componentCls}-split-vertical`]: { borderInlineEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}` },
-			[`${componentCls}-split-horizontal`]: { borderBlockEnd: `${token.lineWidth}px ${token.lineType} ${token.colorSplit}` },
+			[`${componentCls}-split-vertical`]: { borderInlineEnd: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}` },
+			[`${componentCls}-split-horizontal`]: { borderBlockEnd: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}` },
 			[`&${token.antCls}-card&-ghost`]: {
 				boxShadow: "none",
 				backgroundColor: "transparent",
@@ -126,31 +127,25 @@ 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
-			}), {})
-		];
-	});
-}
+var style_default = useStyle("ProCard", (token) => {
+	const proCardToken = mergeToken(token, { gridColumns: 24 });
+	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 };
+export { style_default as default };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@antdv-next1/pro-card",
   "type": "module",
-  "version": "2.0.15",
+  "version": "2.0.17",
   "description": "@antdv-next1/pro-card",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/archiesong/pro-components.git",
+    "url": "git+https://github.com/lucasjeke/pro-components.git",
     "directory": "packages/card"
   },
   "sideEffects": [
@@ -48,8 +48,8 @@
     "vue": ">=3.5.30"
   },
   "dependencies": {
-    "@antdv-next1/pro-provider": "1.0.9",
-    "@antdv-next1/pro-utils": "1.0.17"
+    "@antdv-next1/pro-utils": "1.0.19",
+    "@antdv-next1/pro-provider": "1.0.11"
   },
   "publishConfig": {
     "access": "public"