arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-03 13:47:55 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Dropdown): better handle item click to preventDefault (#119)

Browse Source
This commit is contained in:
Sylvain Marroufin
2022-12-02 17:06:46 +01:00
committed by Benjamin Canac
parent 3ce600f89a
commit 44a78d7f67
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -10,8 +10,13 @@
<transition appear v-bind="transitionClass"> <transition appear v-bind="transitionClass">
<MenuItems :class="baseClass" static> <MenuItems :class="baseClass" static>
<div v-for="(subItems, index) of items" :key="index" :class="groupClass"> <div v-for="(subItems, index) of items" :key="index" :class="groupClass">
<MenuItem v-for="(item, subIndex) of subItems" :key="subIndex" v-slot="{ active, disabled }" :disabled="item.disabled" @click="e => item.click?.(e)"> <MenuItem v-for="(item, subIndex) of subItems" :key="subIndex" v-slot="{ active, disabled }" :disabled="item.disabled">
<Component v-bind="item" :is="(item.to && NuxtLink) || (item.click && 'button') || 'div'" :class="resolveItemClass({ active, disabled })"> <Component
v-bind="omit(item, ['click'])"
:is="(item.to && NuxtLink) || (item.click && 'button') || 'div'"
:class="resolveItemClass({ active, disabled })"
@click="item.click"
>
<slot :name="item.slot" :item="item"> <slot :name="item.slot" :item="item">
<Icon v-if="item.icon" :name="item.icon" :class="[itemIconClass, item.iconClass]" /> <Icon v-if="item.icon" :name="item.icon" :class="[itemIconClass, item.iconClass]" />
<Avatar v-if="item.avatar" v-bind="{ size: 'xxs', ...item.avatar }" :class="itemAvatarClass" /> <Avatar v-if="item.avatar" v-bind="{ size: 'xxs', ...item.avatar }" :class="itemAvatarClass" />
@@ -45,7 +50,7 @@ import { defu } from 'defu'
import NuxtLink from '#app/components/nuxt-link' import NuxtLink from '#app/components/nuxt-link'
import Icon from '../elements/Icon.vue' import Icon from '../elements/Icon.vue'
import Avatar from '../elements/Avatar.vue' import Avatar from '../elements/Avatar.vue'
import { classNames } from '../../utils' import { classNames, omit } from '../../utils'
import { usePopper } from '../../composables/usePopper' import { usePopper } from '../../composables/usePopper'
import type { Avatar as AvatarType } from '../../types/avatar' import type { Avatar as AvatarType } from '../../types/avatar'
import type { PopperOptions } from '../../types' import type { PopperOptions } from '../../types'