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

fix(SelectCustom): types and lint

Browse Source
This commit is contained in:
Benjamin Canac
2022-10-26 13:00:03 +02:00
parent 6fab68baa8
commit ec8bd5cdc4
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/runtime/components/forms/SelectCustom.vue
View File

@@ -12,8 +12,8 @@
> >
<input :value="modelValue" :required="required" class="absolute inset-0 w-px opacity-0 cursor-default" tabindex="-1"> <input :value="modelValue" :required="required" class="absolute inset-0 w-px opacity-0 cursor-default" tabindex="-1">
<ComboboxButton ref="trigger" v-slot="{ disabled }" as="div"> <ComboboxButton ref="trigger" v-slot="{ disabled: buttonDisabled }" as="div">
<slot :open="open" :disabled="disabled"> <slot :open="open" :disabled="buttonDisabled">
<button :class="selectCustomClass" :disabled="disabled" type="button"> <button :class="selectCustomClass" :disabled="disabled" type="button">
<slot name="label"> <slot name="label">
<span v-if="modelValue" class="block truncate">{{ modelValue[textAttribute] }}</span> <span v-if="modelValue" class="block truncate">{{ modelValue[textAttribute] }}</span>
@@ -44,13 +44,13 @@
/> />
<ComboboxOption <ComboboxOption
v-for="(option, index) in filteredOptions" v-for="(option, index) in filteredOptions"
v-slot="{ active, selected, disabled }" v-slot="{ active, selected, disabled: optionDisabled }"
:key="index" :key="index"
as="template" as="template"
:value="option" :value="option"
:disabled="option.disabled" :disabled="option.disabled"
> >
<li :class="resolveOptionClass({ active, selected, disabled })"> <li :class="resolveOptionClass({ active, selected, disabled: optionDisabled })">
<div :class="listOptionContainerClass"> <div :class="listOptionContainerClass">
<slot name="option" :option="option" :active="active" :selected="selected"> <slot name="option" :option="option" :active="active" :selected="selected">
<span class="block truncate">{{ option[textAttribute] }}</span> <span class="block truncate">{{ option[textAttribute] }}</span>
@@ -110,7 +110,7 @@ const props = defineProps({
default: undefined default: undefined
}, },
options: { options: {
type: Array as PropType<{ disabled?: boolean }[]>, type: Array as PropType<{ [key: string]: any, disabled?: boolean }[]>,
default: () => [] default: () => []
}, },
required: { required: {