nuxt-unified-ui 0.2.23 → 0.2.25
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.
|
@@ -62,7 +62,8 @@ const filteredFields = computed(() => {
|
|
|
62
62
|
<component
|
|
63
63
|
:is="elementsMap[field.identifier]"
|
|
64
64
|
:field="field"
|
|
65
|
-
|
|
65
|
+
:model-value="radGet(props.target, field.key)"
|
|
66
|
+
@update:model-value="radSet(props.target, field.key, $event)"
|
|
66
67
|
/>
|
|
67
68
|
</div>
|
|
68
69
|
</div>
|
|
@@ -50,22 +50,22 @@ function handleMoveItem(index, direction) {
|
|
|
50
50
|
<template>
|
|
51
51
|
<div class="border border-default rounded">
|
|
52
52
|
|
|
53
|
-
<label class="text-sm flex items-center px-2 py-1 border-b border-default">
|
|
53
|
+
<label class="text-sm flex items-center gap-1 px-2 py-1 border-b border-default">
|
|
54
54
|
|
|
55
55
|
<span>
|
|
56
56
|
{{ props.field.label }}
|
|
57
57
|
</span>
|
|
58
58
|
|
|
59
|
-
<span class="text-xs
|
|
59
|
+
<span class="text-xs">
|
|
60
60
|
({{ (modelValue?.length > 0) ? (`${modelValue.length} Items`) : ('None') }})
|
|
61
61
|
</span>
|
|
62
62
|
|
|
63
63
|
<u-button
|
|
64
|
-
variant="
|
|
64
|
+
variant="subtle"
|
|
65
65
|
size="xs"
|
|
66
66
|
icon="i-lucide-plus"
|
|
67
67
|
label="New Item"
|
|
68
|
-
class="ms-
|
|
68
|
+
class="ms-2"
|
|
69
69
|
@click="handleAddItem()"
|
|
70
70
|
/>
|
|
71
71
|
|
|
@@ -79,7 +79,7 @@ function handleMoveItem(index, direction) {
|
|
|
79
79
|
|
|
80
80
|
<div
|
|
81
81
|
v-else
|
|
82
|
-
class="p-2 grid gap-2 bg-
|
|
82
|
+
class="p-2 grid gap-2 bg-muted"
|
|
83
83
|
:class="{
|
|
84
84
|
'grid-cols-1': props.field.seriesColumns === 1 || !props.field.seriesColumns,
|
|
85
85
|
'grid-cols-2': props.field.seriesColumns === 2,
|
|
@@ -101,13 +101,13 @@ function handleMoveItem(index, direction) {
|
|
|
101
101
|
<div
|
|
102
102
|
class="
|
|
103
103
|
absolute top-2 end-2
|
|
104
|
-
hidden
|
|
105
|
-
group-hover:flex group-hover:gap-1
|
|
104
|
+
hidden pointer-events-none
|
|
105
|
+
group-hover:flex group-hover:gap-1 group-hover:pointer-events-auto
|
|
106
106
|
">
|
|
107
107
|
|
|
108
108
|
<u-tooltip text="Duplicate">
|
|
109
109
|
<u-button
|
|
110
|
-
variant="
|
|
110
|
+
variant="subtle"
|
|
111
111
|
icon="i-lucide-copy"
|
|
112
112
|
size="xs"
|
|
113
113
|
@click="handleDuplicateItem(index)"
|
|
@@ -117,7 +117,7 @@ function handleMoveItem(index, direction) {
|
|
|
117
117
|
<u-tooltip text="Move Back">
|
|
118
118
|
<u-button
|
|
119
119
|
v-if="index > 0"
|
|
120
|
-
variant="
|
|
120
|
+
variant="subtle"
|
|
121
121
|
icon="i-lucide-chevron-left"
|
|
122
122
|
size="xs"
|
|
123
123
|
@click="handleMoveItem(index, -1)"
|
|
@@ -127,7 +127,7 @@ function handleMoveItem(index, direction) {
|
|
|
127
127
|
<u-tooltip text="Move Forward">
|
|
128
128
|
<u-button
|
|
129
129
|
v-if="index < modelValue.length - 1"
|
|
130
|
-
variant="
|
|
130
|
+
variant="subtle"
|
|
131
131
|
icon="i-lucide-chevron-right"
|
|
132
132
|
size="xs"
|
|
133
133
|
@click="handleMoveItem(index, 1)"
|
|
@@ -136,7 +136,7 @@ function handleMoveItem(index, direction) {
|
|
|
136
136
|
|
|
137
137
|
<u-tooltip text="Delete">
|
|
138
138
|
<u-button
|
|
139
|
-
variant="
|
|
139
|
+
variant="subtle"
|
|
140
140
|
color="error"
|
|
141
141
|
icon="i-lucide-trash"
|
|
142
142
|
size="xs"
|
|
@@ -149,5 +149,5 @@ function handleMoveItem(index, direction) {
|
|
|
149
149
|
</div>
|
|
150
150
|
</div>
|
|
151
151
|
|
|
152
|
-
|
|
152
|
+
</div>
|
|
153
153
|
</template>
|