@finema/finework-layer 0.2.133 → 0.2.135
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.
|
@@ -50,6 +50,9 @@
|
|
|
50
50
|
icon="ph:trash"
|
|
51
51
|
/>
|
|
52
52
|
<InfoItemList
|
|
53
|
+
vertical
|
|
54
|
+
inline
|
|
55
|
+
label-width="150"
|
|
53
56
|
:items="[
|
|
54
57
|
{
|
|
55
58
|
label: 'Status:',
|
|
@@ -58,7 +61,7 @@
|
|
|
58
61
|
{
|
|
59
62
|
label: '12',
|
|
60
63
|
value: '<p>123123</p>',
|
|
61
|
-
type: '
|
|
64
|
+
type: 'html',
|
|
62
65
|
},
|
|
63
66
|
]"
|
|
64
67
|
/>
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.2.135](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.134...0.2.135) (2026-02-11)
|
|
4
|
+
|
|
5
|
+
### Bug Fixes
|
|
6
|
+
|
|
7
|
+
* update WYSIWYG type to HTML in InfoItemList component ([9d855c5](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/9d855c51a6b9f8ac3b8cd4f65a0329c7df3f5665))
|
|
8
|
+
|
|
9
|
+
## [0.2.134](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.133...0.2.134) (2026-02-11)
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* enhance InfoItemList with vertical and inline options, and add label width support ([1ced47a](https://gitlab.finema.co/finema/finework/finework-frontend-layer/commit/1ced47adb67c390d2b389e6b7575344a62ef6d83))
|
|
14
|
+
|
|
3
15
|
## [0.2.133](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.132...0.2.133) (2026-02-10)
|
|
4
16
|
|
|
5
17
|
## [0.2.132](https://gitlab.finema.co/finema/finework/finework-frontend-layer/compare/0.2.131...0.2.132) (2026-02-10)
|
|
@@ -29,9 +29,10 @@
|
|
|
29
29
|
{
|
|
30
30
|
'mb-1 block text-sm text-gray-500': !inline,
|
|
31
31
|
'mr-2 text-gray-500': inline,
|
|
32
|
-
'font-bold
|
|
32
|
+
'font-bold text-black!': item.label && titleBold,
|
|
33
33
|
},
|
|
34
34
|
]"
|
|
35
|
+
:style="inline && labelWidth ? { width: `${labelWidth}px` } : undefined"
|
|
35
36
|
>
|
|
36
37
|
{{ item.label }}
|
|
37
38
|
</p>
|
|
@@ -82,15 +83,6 @@
|
|
|
82
83
|
แสดงน้อยลง
|
|
83
84
|
</button>
|
|
84
85
|
</span>
|
|
85
|
-
<!-- <span >
|
|
86
|
-
<Icon
|
|
87
|
-
class="size-5"
|
|
88
|
-
:class="item.value ? 'text-success' : 'text-error'"
|
|
89
|
-
:name="item.value
|
|
90
|
-
? 'material-symbols:check-circle-outline-rounded'
|
|
91
|
-
: 'material-symbols:cancel-outline-rounded'"
|
|
92
|
-
/>
|
|
93
|
-
</span> -->
|
|
94
86
|
<Checkbox
|
|
95
87
|
v-if="item.type === TYPE_INFO_ITEM.BOOLEAN"
|
|
96
88
|
v-model="item.value"
|
|
@@ -98,7 +90,7 @@
|
|
|
98
90
|
class="pointer-events-none"
|
|
99
91
|
/>
|
|
100
92
|
<span
|
|
101
|
-
v-else-if="!shouldTruncateText(item) && item.type === TYPE_INFO_ITEM.
|
|
93
|
+
v-else-if="!shouldTruncateText(item) && item.type === TYPE_INFO_ITEM.HTML"
|
|
102
94
|
:class="[
|
|
103
95
|
{
|
|
104
96
|
'font-bold': item.label && !titleBold,
|
|
@@ -132,7 +124,7 @@ enum TYPE_INFO_ITEM {
|
|
|
132
124
|
DATE = 'date',
|
|
133
125
|
DATE_TIME = 'date_time',
|
|
134
126
|
BOOLEAN = 'boolean',
|
|
135
|
-
|
|
127
|
+
HTML = 'html',
|
|
136
128
|
}
|
|
137
129
|
|
|
138
130
|
defineProps<{
|
|
@@ -151,6 +143,7 @@ defineProps<{
|
|
|
151
143
|
inline?: boolean
|
|
152
144
|
customClass?: string
|
|
153
145
|
titleBold?: boolean
|
|
146
|
+
labelWidth?: string | number
|
|
154
147
|
}>()
|
|
155
148
|
|
|
156
149
|
const expandedItems = reactive<Record<string, boolean>>({})
|