fix: open close icon change doesnt work for Groupby
This commit is contained in:
parent
3cfd7fd565
commit
a3eda80d2c
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<Autocomplete :options="options" value="" @change="(e) => setGroupBy(e)">
|
<Autocomplete :options="options" value="" @change="(e) => setGroupBy(e)">
|
||||||
<template #target="{ togglePopover }">
|
<template #target="{ togglePopover, isOpen }">
|
||||||
<Button
|
<Button
|
||||||
:label="
|
:label="
|
||||||
hideLabel
|
hideLabel
|
||||||
@ -14,7 +14,7 @@
|
|||||||
</template>
|
</template>
|
||||||
<template #suffix>
|
<template #suffix>
|
||||||
<FeatherIcon
|
<FeatherIcon
|
||||||
:name="open ? 'chevron-up' : 'chevron-down'"
|
:name="isOpen ? 'chevron-up' : 'chevron-down'"
|
||||||
class="h-4"
|
class="h-4"
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
<Combobox v-model="selectedValue" nullable v-slot="{ open: isComboboxOpen }">
|
<Combobox v-model="selectedValue" nullable v-slot="{ open: isComboboxOpen }">
|
||||||
<Popover class="w-full" v-model:show="showOptions">
|
<Popover class="w-full" v-model:show="showOptions">
|
||||||
<template #target="{ open: openPopover, togglePopover }">
|
<template #target="{ open: openPopover, togglePopover }">
|
||||||
<slot name="target" v-bind="{ open: openPopover, togglePopover }">
|
<slot name="target" v-bind="{ open: openPopover, togglePopover, isOpen: showOptions }">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<button
|
<button
|
||||||
class="flex w-full items-center justify-between focus:outline-none"
|
class="flex w-full items-center justify-between focus:outline-none"
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user