refactor(forms): simplify form field list (#207)

TYPO3-Headless · Nov 29, 2021 · 8c66552 · 8c66552
1 parent 7b73381
commit 8c66552
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 23 deletions.
diff --git a/docs/frontend/forms.md b/docs/frontend/forms.md
@@ -206,7 +206,7 @@ This template will be suitable for most regular input elements. You can use this
 <br/>
 :::
 
-All fields are generated in the loop, based on T3Form schema. T3FormFormFramework component is responsible 
+All fields are generated in the loop, based on T3Form schema. T3FormFormFramework component is responsible for mapping fields to this strategy.
 
 
 ```json

diff --git a/lib/components/T3CeFormFormframework/T3CeFormFormframework.vue b/lib/components/T3CeFormFormframework/T3CeFormFormframework.vue
@@ -59,8 +59,7 @@ export default {
   },
   computed: {
     elements () {
-      const elements = [...this.form.elements]
-      return this.prepareElements(elements)
+      return this.prepareElements(this.form.elements)
     }
   },
   created () {

diff --git a/lib/components/T3Form/T3FormFieldList/T3FormFieldList.vue b/lib/components/T3Form/T3FormFieldList/T3FormFieldList.vue
@@ -5,27 +5,20 @@
       :key="field.identifier"
       :class="[`t3-form-field-${field.identifier}`, getCssClass(field, classes)]"
     >
-      <template v-if="field.fieldlist">
-        <component
-          :is="getComponentField(field)"
-          :field="field"
-        >
-          <T3FormFieldList
-            ref="nested"
-            :elements="field.elements"
-            :components="components"
-            :classes="classes"
-            @input="updateModel"
-          />
-        </component>
-      </template>
-      <template v-else>
-        <component
-          :is="getComponentField(field)"
-          v-model="model[field.name]"
-          :field="field"
+      <component
+        :is="getComponentField(field)"
+        v-model="model[field.name]"
+        :field="field"
+      >
+        <T3FormFieldList
+          v-if="field.fieldlist"
+          ref="nested"
+          :elements="field.elements"
+          :components="components"
+          :classes="classes"
+          @input="updateModel"
         />
-      </template>
+      </component>
     </div>
   </div>
 </template>
-Original file line number
+Diff line change
@@ Expand Up @@
     <br/>
     :::
-    All fields are generated in the loop, based on T3Form schema. T3FormFormFramework component is responsible
+    All fields are generated in the loop, based on T3Form schema. T3FormFormFramework component is responsible for mapping fields to this strategy.
     ```json
@@ Expand Down @@