mirror of
https://github.com/hay-kot/mealie.git
synced 2025-08-24 07:15:24 -07:00
fix: Auto Form Select (#5919)
Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
This commit is contained in:
parent
ad60b4445b
commit
9b2b8091ac
1 changed files with 11 additions and 9 deletions
|
@ -37,15 +37,16 @@
|
||||||
:name="inputField.varName"
|
:name="inputField.varName"
|
||||||
:disabled="(inputField.disableUpdate && updateMode) || (!updateMode && inputField.disableCreate) || (disabledFields && disabledFields.includes(inputField.varName))"
|
:disabled="(inputField.disableUpdate && updateMode) || (!updateMode && inputField.disableCreate) || (disabledFields && disabledFields.includes(inputField.varName))"
|
||||||
:hint="inputField.hint"
|
:hint="inputField.hint"
|
||||||
hide-details="auto"
|
:hide-details="!inputField.hint"
|
||||||
|
:persistent-hint="!!inputField.hint"
|
||||||
density="comfortable"
|
density="comfortable"
|
||||||
@change="emitBlur">
|
@change="emitBlur">
|
||||||
<template #label>
|
<template #label>
|
||||||
<span class="ml-4">
|
<span class="ml-4">
|
||||||
{{ inputField.label }}
|
{{ inputField.label }}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</v-checkbox>
|
</v-checkbox>
|
||||||
|
|
||||||
<!-- Text Field -->
|
<!-- Text Field -->
|
||||||
<v-text-field
|
<v-text-field
|
||||||
|
@ -97,8 +98,8 @@
|
||||||
:label="inputField.label"
|
:label="inputField.label"
|
||||||
:name="inputField.varName"
|
:name="inputField.varName"
|
||||||
:items="inputField.options"
|
:items="inputField.options"
|
||||||
:item-title="inputField.itemText"
|
item-title="text"
|
||||||
:item-value="inputField.itemValue"
|
item-value="text"
|
||||||
:return-object="false"
|
:return-object="false"
|
||||||
:hint="inputField.hint"
|
:hint="inputField.hint"
|
||||||
density="comfortable"
|
density="comfortable"
|
||||||
|
@ -107,10 +108,11 @@
|
||||||
@blur="emitBlur"
|
@blur="emitBlur"
|
||||||
>
|
>
|
||||||
<template #item="{ item }">
|
<template #item="{ item }">
|
||||||
<div>
|
<v-list-item
|
||||||
<v-list-item-title>{{ item.raw.text }}</v-list-item-title>
|
v-bind="props"
|
||||||
<v-list-item-subtitle>{{ item.raw.description }}</v-list-item-subtitle>
|
:title="item.raw.text"
|
||||||
</div>
|
:subtitle="item.raw.description"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</v-select>
|
</v-select>
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue