arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-21 07:21:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore(Dropdown): handle item hover

Browse Source 
Co-Authored-By: Sébastien Chopin <seb@nuxtjs.com>
This commit is contained in:
Benjamin Canac
2022-03-26 00:45:16 +01:00
parent 3c7d986684
commit 0ca40a57c9
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/runtime/components/elements/Dropdown.vue
View File

@@ -19,7 +19,7 @@
<MenuItems :class="baseClass" static>
<div v-for="(subItems, index) of items" :key="index" class="py-1">
<MenuItem v-for="(item, subIndex) of subItems" :key="subIndex" v-slot="{ active, disabled }" :disabled="item.disabled">
<Component v-bind="item" :is="(item.to && 'Link') || (item.click && 'button') || 'div'" :class="resolveItemClass({ active, disabled })" @click="onItemClick(item)">
<Component v-bind="item" :is="(item.to && 'Link') || (item.click && 'button') || 'div'" :class="resolveItemClass({ active, disabled })" @click="onItemClick(item)" @mouseover="$emit('hover', item)">
<slot :name="item.slot" :item="item">
<Icon v-if="item.icon" :name="item.icon" :class="itemIconClass" />
<Avatar v-if="item.avatar" :src="item.avatar" :alt="item.label" :class="itemAvatarClass" size="xs" />
@@ -115,6 +115,7 @@ export default {
default: () => $ui.dropdown.item.avatar
}
},
emits: ['hover'],
setup (props) {
const [trigger, container] = usePopper({
placement: props.placement,