github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-25 13:38:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

Only render form field if field is present (#18500)

Browse Source
This commit is contained in:
Nicola Krumschmidt
2023-05-05 15:18:32 +02:00
committed by GitHub
parent 2e5a4fd804
commit b514136ff7
1 changed files with 61 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
app/src/components/v-form/v-form.vue
View File

@@ -15,70 +15,72 @@
{{ t('no_visible_fields_copy') }}
</v-info>
<template v-for="(fieldName, index) in fieldNames" :key="fieldName">
<component
:is="`interface-${fieldsMap[fieldName]?.meta?.interface || 'group-standard'}`"
v-if="fieldsMap[fieldName]?.meta?.special?.includes('group')"
v-show="!fieldsMap[fieldName]?.meta?.hidden"
:ref="
<template v-if="fieldsMap[fieldName]">
<component
:is="`interface-${fieldsMap[fieldName]!.meta?.interface || 'group-standard'}`"
v-if="fieldsMap[fieldName]!.meta?.special?.includes('group')"
v-show="!fieldsMap[fieldName]!.meta?.hidden"
:ref="
(el: Element) => {
formFieldEls[fieldName] = el;
}
"
:class="[
fieldsMap[fieldName]?.meta?.width || 'full',
index === firstVisibleFieldIndex ? 'first-visible-field' : '',
]"
:field="fieldsMap[fieldName]"
:fields="fieldsForGroup[index] || []"
:values="modelValue || {}"
:initial-values="initialValues || {}"
:disabled="disabled"
:batch-mode="batchMode"
:batch-active-fields="batchActiveFields"
:primary-key="primaryKey"
:loading="loading"
:validation-errors="validationErrors"
:badge="badge"
:raw-editor-enabled="rawEditorEnabled"
:direction="direction"
v-bind="fieldsMap[fieldName]?.meta?.options || {}"
@apply="apply"
/>
:class="[
fieldsMap[fieldName]!.meta?.width || 'full',
index === firstVisibleFieldIndex ? 'first-visible-field' : '',
]"
:field="fieldsMap[fieldName]"
:fields="fieldsForGroup[index] || []"
:values="modelValue || {}"
:initial-values="initialValues || {}"
:disabled="disabled"
:batch-mode="batchMode"
:batch-active-fields="batchActiveFields"
:primary-key="primaryKey"
:loading="loading"
:validation-errors="validationErrors"
:badge="badge"
:raw-editor-enabled="rawEditorEnabled"
:direction="direction"
v-bind="fieldsMap[fieldName]!.meta?.options || {}"
@apply="apply"
/>
<form-field
v-else-if="!fieldsMap[fieldName]?.meta?.hidden"
:ref="
(el) => {
formFieldEls[fieldName] = el;
}
"
:class="index === firstVisibleFieldIndex ? 'first-visible-field' : ''"
:field="fieldsMap[fieldName]!"
:autofocus="index === firstEditableFieldIndex && autofocus"
:model-value="(values || {})[fieldName]"
:initial-value="(initialValues || {})[fieldName]"
:disabled="isDisabled(fieldsMap[fieldName]!)"
:batch-mode="batchMode"
:batch-active="batchActiveFields.includes(fieldName)"
:primary-key="primaryKey"
:loading="loading"
:validation-error="
validationErrors.find(
(err) =>
err.collection === fieldsMap[fieldName]?.collection &&
(err.field === fieldName || err.field.endsWith(`(${fieldName})`))
)
"
:badge="badge"
:raw-editor-enabled="rawEditorEnabled"
:raw-editor-active="rawActiveFields.has(fieldName)"
:direction="direction"
@update:model-value="setValue(fieldName, $event)"
@set-field-value="setValue($event.field, $event.value, { force: true })"
@unset="unsetValue(fieldsMap[fieldName]!)"
@toggle-batch="toggleBatchField(fieldsMap[fieldName]!)"
@toggle-raw="toggleRawField(fieldsMap[fieldName]!)"
/>
<form-field
v-else-if="!fieldsMap[fieldName]!.meta?.hidden"
:ref="
(el) => {
formFieldEls[fieldName] = el;
}
"
:class="index === firstVisibleFieldIndex ? 'first-visible-field' : ''"
:field="fieldsMap[fieldName]!"
:autofocus="index === firstEditableFieldIndex && autofocus"
:model-value="(values || {})[fieldName]"
:initial-value="(initialValues || {})[fieldName]"
:disabled="isDisabled(fieldsMap[fieldName]!)"
:batch-mode="batchMode"
:batch-active="batchActiveFields.includes(fieldName)"
:primary-key="primaryKey"
:loading="loading"
:validation-error="
validationErrors.find(
(err) =>
err.collection === fieldsMap[fieldName]!.collection &&
(err.field === fieldName || err.field.endsWith(`(${fieldName})`))
)
"
:badge="badge"
:raw-editor-enabled="rawEditorEnabled"
:raw-editor-active="rawActiveFields.has(fieldName)"
:direction="direction"
@update:model-value="setValue(fieldName, $event)"
@set-field-value="setValue($event.field, $event.value, { force: true })"
@unset="unsetValue(fieldsMap[fieldName]!)"
@toggle-batch="toggleBatchField(fieldsMap[fieldName]!)"
@toggle-raw="toggleRawField(fieldsMap[fieldName]!)"
/>
</template>
</template>
<v-divider v-if="showDivider && !noVisibleFields" />
</div>