Correct issue when model settings object was empty

Read-Rate · Oct 21, 2020 · 0fc7bae · 0fc7bae
1 parent 58f6b85
commit 0fc7bae
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 All notable changes to `nova-model-settings-field` will be documented in this file
 
+## 1.0.2 - 2020-10-21
+
+- Correct issue when model settings object was empty
+
 ## 1.0.1 - 2020-10-21
 
 - Add doc

diff --git a/dist/js/nova-model-settings-field.js b/dist/js/nova-model-settings-field.js
diff --git a/resources/js/components/Nova/FormField.vue b/resources/js/components/Nova/FormField.vue
@@ -1,7 +1,7 @@
 <template>
     <default-field :field="field">
         <template slot="field">
-            <ul ref="novaitemslist"  class="nova-items-field-input-items list-reset border border-40 py-2">
+            <ul ref="novaitemslist" v-show="Object.keys(items).length !== 0" class="nova-items-field-input-items list-reset border border-40 py-2">
                 <li
                     v-for="(item, index) in items"
                     :key="field.attribute + '.' + index"
@@ -69,7 +69,7 @@ export default {
     data: function() {
         return {
             value: '',
-            items: [],
+            items: Object,
             newItem: '',
             newSetting: '',
             newValue: '',
@@ -78,11 +78,17 @@ export default {
     },
     methods: {
         setInitialValue() {
-            this.value = this.field.value || [];
-            this.items = this.field.value || [];
+            if (typeof this.field.value === 'object' && Object.keys(this.field.value).length !== 0){
+                this.value = this.field.value
+                this.items = this.field.value
+
+            }else{
+               this.value = {}
+               this.items = {}
+            }
         },
         fill(formData) {
-            formData.append(this.field.attribute, this.value || []);
+            formData.append(this.field.attribute, this.value || Object)
         },
         addItem() {
             const setting = this.newSetting.trim();