temporally removed multiselect component to separate it
This commit is contained in:
parent
349dc2d787
commit
73c78b7658
1 changed files with 3 additions and 8 deletions
|
|
@ -6,8 +6,7 @@
|
|||
>
|
||||
<label for="selector-select" class="text-sm">{{ label }}</label>
|
||||
|
||||
<component
|
||||
:is="isCompareModeEnabled ? 'MultiSelect' : 'Select'"
|
||||
<Select
|
||||
id="selector-select"
|
||||
v-model="currentValue"
|
||||
:options="items"
|
||||
|
|
@ -15,13 +14,9 @@
|
|||
class="font-serif"
|
||||
data-icon="chevron-single-down"
|
||||
checkmark
|
||||
:display="isCompareModeEnabled ? 'chip' : undefined"
|
||||
>
|
||||
<template #value="slotProps">
|
||||
<p v-if="isCompareModeEnabled && Array.isArray(currentValue)">
|
||||
{{ currentValue.length }} selected
|
||||
</p>
|
||||
<p v-else-if="currentValue && !Array.isArray(currentValue)">
|
||||
<p v-if="currentValue && !Array.isArray(currentValue)">
|
||||
{{ currentValue.title }}
|
||||
</p>
|
||||
<p v-else>Select...</p>
|
||||
|
|
@ -36,7 +31,7 @@
|
|||
/>
|
||||
<p>{{ slotProps.option.title }}</p>
|
||||
</template>
|
||||
</component>
|
||||
</Select>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue