nuxt-hs-ui 2.1.20 → 2.2.0
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
|
@@ -333,7 +333,9 @@ const selectClose = () => {
|
|
|
333
333
|
>
|
|
334
334
|
<!-- -->
|
|
335
335
|
<!-- -->
|
|
336
|
-
<template
|
|
336
|
+
<template
|
|
337
|
+
#selected-option="{ text, imgUrl, deleted, hidden, appendIcon }"
|
|
338
|
+
>
|
|
337
339
|
<div class="flex items-baseline w-full">
|
|
338
340
|
<SelectImgIcon
|
|
339
341
|
v-if="imgUrl && props.image"
|
|
@@ -350,9 +352,15 @@ const selectClose = () => {
|
|
|
350
352
|
<div v-if="hidden" class="text-error text-[0.7em] leading-[1em]">
|
|
351
353
|
※非表示
|
|
352
354
|
</div>
|
|
355
|
+
<span v-if="appendIcon && typeof appendIcon === 'string'">
|
|
356
|
+
<i :class="appendIcon"></i>
|
|
357
|
+
</span>
|
|
358
|
+
<span v-else-if="appendIcon && Array.isArray(appendIcon)">
|
|
359
|
+
<i v-for="(c, i) in appendIcon" :key="i" :class="c"></i>
|
|
360
|
+
</span>
|
|
353
361
|
</div>
|
|
354
362
|
</template>
|
|
355
|
-
<template #option="{ text, imgUrl, deleted, hidden }">
|
|
363
|
+
<template #option="{ text, imgUrl, deleted, hidden, appendIcon }">
|
|
356
364
|
<div class="flex items-center">
|
|
357
365
|
<SelectImgIcon
|
|
358
366
|
v-if="props.image"
|
|
@@ -368,6 +376,12 @@ const selectClose = () => {
|
|
|
368
376
|
<div v-if="hidden" class="text-error text-[0.7em] leading-[1em]">
|
|
369
377
|
※非表示
|
|
370
378
|
</div>
|
|
379
|
+
<span v-if="appendIcon && typeof appendIcon === 'string'">
|
|
380
|
+
<i :class="appendIcon"></i>
|
|
381
|
+
</span>
|
|
382
|
+
<span v-else-if="appendIcon && Array.isArray(appendIcon)">
|
|
383
|
+
<i v-for="(c, i) in appendIcon" :key="i" :class="c"></i>
|
|
384
|
+
</span>
|
|
371
385
|
</div>
|
|
372
386
|
</template>
|
|
373
387
|
<template v-if="includeHidden" #list-footer>
|
|
@@ -408,9 +422,16 @@ const selectClose = () => {
|
|
|
408
422
|
.v-select > div {
|
|
409
423
|
border-width: 0 !important;
|
|
410
424
|
}
|
|
425
|
+
.v-select:not(.vs--open).vs--single.vs--searchable .vs__selected {
|
|
426
|
+
width: 100%;
|
|
427
|
+
}
|
|
428
|
+
.v-select.vs--open.vs--single.vs--searchable .vs__selected {
|
|
429
|
+
width: calc(100% - 0.5em);
|
|
430
|
+
}
|
|
411
431
|
.v-select .vs__selected {
|
|
412
432
|
margin-top: 0 !important;
|
|
413
433
|
margin-bottom: 0 !important;
|
|
434
|
+
flex: 1 1 auto;
|
|
414
435
|
}
|
|
415
436
|
.v-select .vs__selected,
|
|
416
437
|
.v-select .vs__selected-options {
|