@antdv-next1/pro-card 2.0.6 → 2.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
# @antdv-next1/pro-card
|
|
2
|
+
|
|
3
|
+
Flexible card component with split layout, grid support, check cards, and statistics for Pro Components.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install @antdv-next1/pro-card
|
|
9
|
+
# or
|
|
10
|
+
pnpm add @antdv-next1/pro-card
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Peer Dependencies
|
|
14
|
+
|
|
15
|
+
- `vue` >= 3.5.30
|
|
16
|
+
- `antdv-next` >= 1.3.4
|
|
17
|
+
|
|
18
|
+
## Components
|
|
19
|
+
|
|
20
|
+
| Component | Description |
|
|
21
|
+
|-----------|-------------|
|
|
22
|
+
| `ProCard` | Main card component with split and grid layout |
|
|
23
|
+
| `Statistic` | Statistic display component |
|
|
24
|
+
| `StatisticCard` | Card with built-in statistic display |
|
|
25
|
+
| `ProCheckCard` | Selectable check card |
|
|
26
|
+
| `ProCheckCardGroup` | Group of check cards with single/multi select |
|
|
27
|
+
|
|
28
|
+
## Usage
|
|
29
|
+
|
|
30
|
+
```vue
|
|
31
|
+
<script setup lang="ts">
|
|
32
|
+
import { ProCard } from '@antdv-next1/pro-card'
|
|
33
|
+
</script>
|
|
34
|
+
|
|
35
|
+
<template>
|
|
36
|
+
<ProCard title="Card Title" :bordered="true">
|
|
37
|
+
<ProCard title="Left" split="vertical" :col-span="12">
|
|
38
|
+
Left content
|
|
39
|
+
</ProCard>
|
|
40
|
+
<ProCard title="Right" :col-span="12">
|
|
41
|
+
Right content
|
|
42
|
+
</ProCard>
|
|
43
|
+
</ProCard>
|
|
44
|
+
</template>
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
### Statistic Card
|
|
48
|
+
|
|
49
|
+
```vue
|
|
50
|
+
<script setup lang="ts">
|
|
51
|
+
import { StatisticCard } from '@antdv-next1/pro-card'
|
|
52
|
+
</script>
|
|
53
|
+
|
|
54
|
+
<template>
|
|
55
|
+
<StatisticCard
|
|
56
|
+
:statistic="{ title: 'Total Sales', value: 126560 }"
|
|
57
|
+
/>
|
|
58
|
+
</template>
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
### Check Card
|
|
62
|
+
|
|
63
|
+
```vue
|
|
64
|
+
<script setup lang="ts">
|
|
65
|
+
import { ProCheckCard, ProCheckCardGroup } from '@antdv-next1/pro-card'
|
|
66
|
+
</script>
|
|
67
|
+
|
|
68
|
+
<template>
|
|
69
|
+
<ProCheckCardGroup v-model="selected" multiple>
|
|
70
|
+
<ProCheckCard title="Option A" value="A" />
|
|
71
|
+
<ProCheckCard title="Option B" value="B" />
|
|
72
|
+
</ProCheckCardGroup>
|
|
73
|
+
</template>
|
|
74
|
+
```
|
|
75
|
+
|
|
76
|
+
## Dependencies
|
|
77
|
+
|
|
78
|
+
- `@antdv-next1/pro-provider` — Theme and configuration context
|
|
79
|
+
- `@antdv-next1/pro-utils` — Shared utilities
|
|
80
|
+
|
|
81
|
+
## License
|
|
82
|
+
|
|
83
|
+
[MIT](../../LICENSE)
|
|
@@ -26,7 +26,7 @@ declare const _ProCheckCard: _$vue.DefineSetupFnComponent<ProCheckCardProps, {},
|
|
|
26
26
|
extra?: () => VNode[];
|
|
27
27
|
cover?: () => VNode[];
|
|
28
28
|
description?: () => VNode[];
|
|
29
|
-
}>, CardMetaProps & Omit<CardProps, "size" | "title" | "
|
|
29
|
+
}>, CardMetaProps & Omit<CardProps, "size" | "title" | "onTabChange" | "activeTabKey" | "defaultActiveTabKey" | "headStyle" | "bodyStyle" | "tabBarExtraContent" | "tabList" | "type"> & {
|
|
30
30
|
/** 边框流光 */borderBeam?: BorderBeamProps | boolean;
|
|
31
31
|
size?: CardProps["size"] | "large";
|
|
32
32
|
checked?: boolean;
|
|
@@ -258,7 +258,11 @@ const ProCheckCard = /* @__PURE__ */ defineComponent((props, { slots, attrs }) =
|
|
|
258
258
|
type: Function,
|
|
259
259
|
required: false
|
|
260
260
|
},
|
|
261
|
-
collapsible: {
|
|
261
|
+
collapsible: {
|
|
262
|
+
type: [String, Boolean],
|
|
263
|
+
required: false,
|
|
264
|
+
default: void 0
|
|
265
|
+
}
|
|
262
266
|
},
|
|
263
267
|
name: "ProCheckCard",
|
|
264
268
|
inheritAttrs: false
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@antdv-next1/pro-card",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "2.0.
|
|
4
|
+
"version": "2.0.7",
|
|
5
5
|
"description": "@antdv-next1/pro-card",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -44,12 +44,12 @@
|
|
|
44
44
|
"ie >= 11"
|
|
45
45
|
],
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"antdv-next": ">=1.
|
|
47
|
+
"antdv-next": ">=1.3.4",
|
|
48
48
|
"vue": ">=3.5.30"
|
|
49
49
|
},
|
|
50
50
|
"dependencies": {
|
|
51
|
-
"@antdv-next1/pro-
|
|
52
|
-
"@antdv-next1/pro-
|
|
51
|
+
"@antdv-next1/pro-utils": "1.0.10",
|
|
52
|
+
"@antdv-next1/pro-provider": "1.0.4"
|
|
53
53
|
},
|
|
54
54
|
"publishConfig": {
|
|
55
55
|
"access": "public"
|