@unsource/ui 1.5.5 → 1.5.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/dist/module.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'image' | 'avatar', string>;
|
|
1
|
+
export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>;
|
|
2
2
|
export type CardItem = {
|
|
3
3
|
title?: string;
|
|
4
4
|
description?: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<component
|
|
3
3
|
:is="to ? NuxtLink : 'div'"
|
|
4
|
+
name="card"
|
|
4
5
|
class="flex items-stretch bg-white rounded-2xl overflow-hidden"
|
|
5
6
|
:class="headerClass[direction]"
|
|
6
7
|
no-prefetch
|
|
@@ -28,7 +29,11 @@
|
|
|
28
29
|
}"
|
|
29
30
|
>
|
|
30
31
|
<template #default="{ item }">
|
|
31
|
-
<div
|
|
32
|
+
<div
|
|
33
|
+
name="imagesItem"
|
|
34
|
+
:class="customClass.imagesItem"
|
|
35
|
+
class="h-full self-stretch max-w-screen"
|
|
36
|
+
>
|
|
32
37
|
<UnNuxtIcon
|
|
33
38
|
:name="item"
|
|
34
39
|
class="object-cover !w-full !h-full"
|
|
@@ -37,10 +42,12 @@
|
|
|
37
42
|
</template>
|
|
38
43
|
</UnSwiperSlider>
|
|
39
44
|
<div
|
|
45
|
+
name="main"
|
|
40
46
|
:class="customClass.main"
|
|
41
47
|
class="flex flex-col items-stretch grow-2.5 basis-2.5"
|
|
42
48
|
>
|
|
43
49
|
<div
|
|
50
|
+
name="body"
|
|
44
51
|
:class="customClass.body"
|
|
45
52
|
class="flex gap-2 items-stretch p-3 grow"
|
|
46
53
|
>
|
|
@@ -51,10 +58,12 @@
|
|
|
51
58
|
class="!object-cover shrink-0 w-14 h-14 aspect-square rounded-full border-(2 solid primary-500)"
|
|
52
59
|
/>
|
|
53
60
|
<div
|
|
61
|
+
name="inside"
|
|
54
62
|
class="flex justify-start flex-col gap-1 grow-1"
|
|
55
63
|
:class="customClass.inside"
|
|
56
64
|
>
|
|
57
65
|
<div
|
|
66
|
+
name="logoName"
|
|
58
67
|
v-if="item.logo || item.name || item.desc"
|
|
59
68
|
class="flex gap-2 items-center"
|
|
60
69
|
:class="customClass.logoName"
|
|
@@ -65,8 +74,14 @@
|
|
|
65
74
|
:name="item.logo"
|
|
66
75
|
class="!object-cover shrink-0 w-14 h-14 aspect-square rounded-full border-(2 solid primary-500)"
|
|
67
76
|
/>
|
|
68
|
-
<div
|
|
77
|
+
<div
|
|
78
|
+
name="nameDesc"
|
|
79
|
+
v-if="item.name || item.desc"
|
|
80
|
+
:class="customClass.nameDesc"
|
|
81
|
+
class="flex flex-col"
|
|
82
|
+
>
|
|
69
83
|
<h3
|
|
84
|
+
name="name"
|
|
70
85
|
v-if="item.name"
|
|
71
86
|
:class="customClass.name"
|
|
72
87
|
class="text-(lg gray-600) font-medium"
|
|
@@ -74,6 +89,7 @@
|
|
|
74
89
|
{{ item.name }}
|
|
75
90
|
</h3>
|
|
76
91
|
<p
|
|
92
|
+
name="desc"
|
|
77
93
|
v-if="item.desc"
|
|
78
94
|
:class="customClass.desc"
|
|
79
95
|
class="text-(base gray-500)"
|
|
@@ -87,11 +103,13 @@
|
|
|
87
103
|
:item="item"
|
|
88
104
|
/>
|
|
89
105
|
<div
|
|
106
|
+
name="title"
|
|
90
107
|
v-if="$slots.title || item.title"
|
|
91
108
|
class="flex justify-between"
|
|
92
109
|
:class="customClass.title"
|
|
93
110
|
>
|
|
94
111
|
<h3
|
|
112
|
+
name="titleText"
|
|
95
113
|
v-if="item.title"
|
|
96
114
|
:class="customClass.titleText"
|
|
97
115
|
class="text-(lg gray-600) font-medium"
|
|
@@ -104,6 +122,7 @@
|
|
|
104
122
|
/>
|
|
105
123
|
</div>
|
|
106
124
|
<p
|
|
125
|
+
name="description"
|
|
107
126
|
v-if="item.description"
|
|
108
127
|
:class="customClass.description"
|
|
109
128
|
class="text-(base gray-500)"
|
|
@@ -111,11 +130,13 @@
|
|
|
111
130
|
{{ item.description }}
|
|
112
131
|
</p>
|
|
113
132
|
<div
|
|
133
|
+
name="tags"
|
|
114
134
|
v-if="item.tags?.length"
|
|
115
135
|
:class="customClass.tags"
|
|
116
136
|
class="flex items-center justify-start gap-2"
|
|
117
137
|
>
|
|
118
138
|
<UnChips
|
|
139
|
+
name="tag"
|
|
119
140
|
v-for="(tag, index) in item.tags"
|
|
120
141
|
:key="index"
|
|
121
142
|
:class="customClass.tag"
|
|
@@ -137,6 +158,7 @@
|
|
|
137
158
|
/>
|
|
138
159
|
</div>
|
|
139
160
|
<div
|
|
161
|
+
name="footer"
|
|
140
162
|
v-if="$slots.footerStart || $slots.footerEnd"
|
|
141
163
|
:class="customClass.footer"
|
|
142
164
|
class="flex justify-between items-stretch border-t-(2 dashed border) p-3"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'image' | 'avatar', string>;
|
|
1
|
+
export type CardCustomClass = Record<'main' | 'inside' | 'logoName' | 'name' | 'desc' | 'body' | 'logo' | 'slider' | 'sliderWrapper' | 'sliderSlides' | 'title' | 'titleText' | 'tags' | 'tag' | 'description' | 'footer' | 'imagesItem' | 'image' | 'avatar', string>;
|
|
2
2
|
export type CardItem = {
|
|
3
3
|
title?: string;
|
|
4
4
|
description?: string;
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unsource/ui",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.7",
|
|
4
4
|
"private": false,
|
|
5
|
-
"description": "
|
|
6
|
-
"repository": "
|
|
5
|
+
"description": "nuxt ui kit for unsource env",
|
|
6
|
+
"repository": "https://github.com/alisa2142/unsource-ui",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"exports": {
|