@finema/finework-layer 0.2.135 → 0.2.136
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.
|
@@ -49,22 +49,30 @@
|
|
|
49
49
|
color="neutral"
|
|
50
50
|
icon="ph:trash"
|
|
51
51
|
/>
|
|
52
|
-
<
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
52
|
+
<Card>
|
|
53
|
+
<InfoItemList
|
|
54
|
+
:inline="true"
|
|
55
|
+
:vertical="true"
|
|
56
|
+
class="mb-6"
|
|
57
|
+
label-width="150"
|
|
58
|
+
:items="[
|
|
59
|
+
{
|
|
60
|
+
label: 'Status:',
|
|
61
|
+
value: `ActiveasdasdsadasdadasdasdadadsadsadasdsadActiveasdasdsad
|
|
62
|
+
asdadasdasdadadsadsadasdsadActiveasdasdsadasdadasdasdadadsadsadasdsad`,
|
|
63
|
+
},
|
|
64
|
+
{
|
|
65
|
+
label: '12asdasdasdasdasd',
|
|
66
|
+
value: '<p>123123</p>',
|
|
67
|
+
type: 'link',
|
|
68
|
+
linkProps: {
|
|
69
|
+
to: 'https://www.google.com',
|
|
70
|
+
target: '_blank',
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
]"
|
|
74
|
+
/>
|
|
75
|
+
</Card>
|
|
68
76
|
<PortalApp />
|
|
69
77
|
</LayoutAdmin>
|
|
70
78
|
</template>
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.2.136](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.135...0.2.136) (2026-02-11)
|
|
4
|
+
|
|
5
|
+
### Features
|
|
6
|
+
|
|
7
|
+
* update InfoItemList to support link type and improve layout in layout-admin ([0ea8595](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/0ea8595496748f9815103055ec1f934f59adf364))
|
|
8
|
+
|
|
3
9
|
## [0.2.135](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.134...0.2.135) (2026-02-11)
|
|
4
10
|
|
|
5
11
|
### Bug Fixes
|
|
@@ -30,6 +30,7 @@
|
|
|
30
30
|
'mb-1 block text-sm text-gray-500': !inline,
|
|
31
31
|
'mr-2 text-gray-500': inline,
|
|
32
32
|
'font-bold text-black!': item.label && titleBold,
|
|
33
|
+
'flex-shrink-0': inline,
|
|
33
34
|
},
|
|
34
35
|
]"
|
|
35
36
|
:style="inline && labelWidth ? { width: `${labelWidth}px` } : undefined"
|
|
@@ -51,7 +52,12 @@
|
|
|
51
52
|
/>
|
|
52
53
|
<div
|
|
53
54
|
v-else
|
|
54
|
-
class="
|
|
55
|
+
:class="[
|
|
56
|
+
'break-words whitespace-pre-line text-gray-900',
|
|
57
|
+
{
|
|
58
|
+
'min-w-0 flex-1': inline,
|
|
59
|
+
},
|
|
60
|
+
]"
|
|
55
61
|
>
|
|
56
62
|
<span
|
|
57
63
|
v-if="shouldTruncateText(item)"
|
|
@@ -98,6 +104,18 @@
|
|
|
98
104
|
]"
|
|
99
105
|
v-html="getValue(item)"
|
|
100
106
|
/>
|
|
107
|
+
<NuxtLink
|
|
108
|
+
v-if="item.type === TYPE_INFO_ITEM.LINK && item.linkProps"
|
|
109
|
+
v-bind="item.linkProps"
|
|
110
|
+
:class="[
|
|
111
|
+
'text-primary hover:underline',
|
|
112
|
+
{
|
|
113
|
+
'font-bold': item.label && !titleBold,
|
|
114
|
+
},
|
|
115
|
+
]"
|
|
116
|
+
>
|
|
117
|
+
{{ item.value || '-' }}
|
|
118
|
+
</NuxtLink>
|
|
101
119
|
<span
|
|
102
120
|
v-else-if="!shouldTruncateText(item)"
|
|
103
121
|
:class="[
|
|
@@ -116,6 +134,8 @@
|
|
|
116
134
|
|
|
117
135
|
<script lang="ts" setup>
|
|
118
136
|
import { reactive } from 'vue'
|
|
137
|
+
import type { ComponentProps } from 'vue-component-type-helpers'
|
|
138
|
+
import NuxtLink from '#app/components/nuxt-link'
|
|
119
139
|
|
|
120
140
|
enum TYPE_INFO_ITEM {
|
|
121
141
|
TEXT = 'text',
|
|
@@ -125,6 +145,7 @@ enum TYPE_INFO_ITEM {
|
|
|
125
145
|
DATE_TIME = 'date_time',
|
|
126
146
|
BOOLEAN = 'boolean',
|
|
127
147
|
HTML = 'html',
|
|
148
|
+
LINK = 'link',
|
|
128
149
|
}
|
|
129
150
|
|
|
130
151
|
defineProps<{
|
|
@@ -138,6 +159,7 @@ defineProps<{
|
|
|
138
159
|
type?: TYPE_INFO_ITEM
|
|
139
160
|
customClass?: string
|
|
140
161
|
hide?: boolean
|
|
162
|
+
linkProps?: ComponentProps<typeof NuxtLink>
|
|
141
163
|
}>
|
|
142
164
|
vertical?: boolean
|
|
143
165
|
inline?: boolean
|