@bagelink/vue 1.9.148 → 1.9.150
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/components/form/inputs/ArrayInput.vue.d.ts.map +1 -1
- package/dist/index.cjs +40 -40
- package/dist/index.mjs +2225 -2221
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/form/inputs/ArrayInput.vue +11 -7
package/package.json
CHANGED
|
@@ -194,23 +194,24 @@ function getItemRef(i: number) {
|
|
|
194
194
|
:class="{ 'array-item-drag-over1 bg-gray-light border border-primary ': allowReorder && dragOverIndex === i && draggingIndex !== null && draggingIndex !== i }"
|
|
195
195
|
@dragover.prevent @dragenter.prevent="onDragEnter(i)" @drop.prevent="onDrop(i)"
|
|
196
196
|
>
|
|
197
|
-
<div class="
|
|
197
|
+
<div class="grid gap-05 grid-array-line align-items-center">
|
|
198
198
|
<Btn
|
|
199
199
|
v-if="allowReorder" v-tooltip="resolveI18n('Drag to reorder')" flat thin icon="drag_indicator"
|
|
200
200
|
class="grab" draggable="true" @dragstart="onDragStart($event, i)" @dragend="onDragEnd"
|
|
201
201
|
/>
|
|
202
|
-
<Btn
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
202
|
+
<Btn full-width align-txt="start" class="px-05" flat :icon="minimizedItems[i] ? 'expand_more' : 'expand_less'" @click="toggleItem(i)">
|
|
203
|
+
<p class="ellipsis-1">
|
|
204
|
+
{{ getItemLabel(i) }}
|
|
205
|
+
</p>
|
|
206
|
+
</Btn>
|
|
207
|
+
|
|
207
208
|
<Btn
|
|
208
209
|
v-if="allowDelete" v-tooltip="resolveI18n(deleteTooltip || 'Delete')" flat icon="delete"
|
|
209
210
|
:confirm="resolveI18n('Are you sure you want to delete this item?')" @click="deleteItem(i)"
|
|
210
211
|
/>
|
|
211
212
|
</div>
|
|
212
213
|
<Transition name="array-collapse">
|
|
213
|
-
<div v-if="!minimizedItems[i]" class="array-input-row grid gap-05 align-items-center">
|
|
214
|
+
<div v-if="!minimizedItems[i]" class="array-input-row grid gap-05 align-items-center ">
|
|
214
215
|
<slot :item="getItemRef(i)" :index="i" />
|
|
215
216
|
</div>
|
|
216
217
|
</Transition>
|
|
@@ -253,4 +254,7 @@ function getItemRef(i: number) {
|
|
|
253
254
|
opacity: 0;
|
|
254
255
|
transform: scale(0.98);
|
|
255
256
|
}
|
|
257
|
+
.grid-array-line {
|
|
258
|
+
grid-template-columns: auto 1fr auto;
|
|
259
|
+
}
|
|
256
260
|
</style>
|