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

chore(InputMenu/SelectMenu): handle item select

Browse Source
This commit is contained in:
Benjamin Canac
2024-09-24 12:42:03 +02:00
parent 5e55e15ddf
commit cac33c87b2
2 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/runtime/components/InputMenu.vue
View File

@@ -23,6 +23,7 @@ export interface InputMenuItem extends Pick<ComboboxItemProps, 'disabled'> {
* @defaultValue 'item' * @defaultValue 'item'
*/ */
type?: 'label' | 'separator' | 'item' type?: 'label' | 'separator' | 'item'
select?(e?: Event): void
} }
type InputMenuVariants = VariantProps<typeof inputMenu> type InputMenuVariants = VariantProps<typeof inputMenu>
@@ -332,6 +333,7 @@ defineExpose({
:class="ui.item({ class: props.ui?.item })" :class="ui.item({ class: props.ui?.item })"
:disabled="item.disabled" :disabled="item.disabled"
:value="valueKey && typeof item === 'object' ? (item[valueKey as keyof InputMenuItem]) as AcceptableValue : item" :value="valueKey && typeof item === 'object' ? (item[valueKey as keyof InputMenuItem]) as AcceptableValue : item"
@select="item.select"
> >
<slot name="item" :item="(item as T)" :index="index"> <slot name="item" :item="(item as T)" :index="index">
<slot name="item-leading" :item="(item as T)" :index="index"> <slot name="item-leading" :item="(item as T)" :index="index">

2
src/runtime/components/SelectMenu.vue
View File

@@ -22,6 +22,7 @@ export interface SelectMenuItem extends Pick<ComboboxItemProps, 'disabled'> {
* @defaultValue 'item' * @defaultValue 'item'
*/ */
type?: 'label' | 'separator' | 'item' type?: 'label' | 'separator' | 'item'
select?(e?: Event): void
} }
type SelectMenuVariants = VariantProps<typeof selectMenu> type SelectMenuVariants = VariantProps<typeof selectMenu>
@@ -267,6 +268,7 @@ function onUpdateOpen(value: boolean) {
:class="ui.item({ class: props.ui?.item })" :class="ui.item({ class: props.ui?.item })"
:disabled="item.disabled" :disabled="item.disabled"
:value="valueKey && typeof item === 'object' ? (item[valueKey as keyof SelectMenuItem]) as AcceptableValue : item" :value="valueKey && typeof item === 'object' ? (item[valueKey as keyof SelectMenuItem]) as AcceptableValue : item"
@select="item.select"
> >
<slot name="item" :item="(item as T)" :index="index"> <slot name="item" :item="(item as T)" :index="index">
<slot name="item-leading" :item="(item as T)" :index="index"> <slot name="item-leading" :item="(item as T)" :index="index">