Allow null values

src/components/fieldComponents/checkList.vue

@@ -26,7 +26,10 @@ export default {
   props: {
     value: {
       type: Array,
-      required: true
+      required: false,
+      default: function() {
+        return [];
+      }
     },
     options: {
       type: Array,

src/components/fieldComponents/htmlBlock.vue

@@ -11,7 +11,8 @@ export default {
   props: {
     label: {
       type: String,
-      required: true
+      required: false,
+      default: ""
     },
     name: {
       type: String,

src/components/fieldComponents/numberInput.vue

@@ -20,11 +20,13 @@ export default {
   props: {
     value: {
       type: Number,
-      required: true
+      required: false,
+      default: 0
     },
     placeholder: {
       type: Number,
-      required: true
+      required: false,
+      default: NaN
     },
     name: {
       type: String,

src/components/fieldComponents/radioList.vue

@@ -27,7 +27,8 @@ export default {
   props: {
     value: {
       type: String,
-      required: true
+      required: false,
+      default: ""
     },
     options: {
       type: Array,

src/components/fieldComponents/selectList.vue

@@ -21,7 +21,8 @@ export default {
   props: {
     value: {
       type: String,
-      required: true
+      required: false,
+      default: ""
     },
     options: {
       type: Array,

src/components/fieldComponents/textInput.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <label class="uk-form-label">{{ label }}</label>
+    <label v-if="label" class="uk-form-label">{{ label }}</label>
 
     <input
       class="uk-input uk-form-small"
@@ -20,11 +20,13 @@ export default {
   props: {
     placeholder: {
       type: String,
-      required: true
+      required: false,
+      default: null
     },
     label: {
       type: String,
-      required: true
+      required: false,
+      default: null
     },
     name: {
       type: String,
@@ -32,7 +34,8 @@ export default {
     },
     value: {
       type: String,
-      required: true
+      required: false,
+      default: ""
     }
   }
 };

src/components/pluginComponents/JsonForm.vue

@@ -156,13 +156,16 @@ export default {
       */
       for (const field of this.schema) {
         if (Array.isArray(field)) {
+          var defaultValue; // Initial value of the form component
           for (const subfield of field) {
-            console.log(subfield.name);
+            // If a default value is given in the schema, use this
-            this.$set(this.formData, subfield.name, null);
+            defaultValue = subfield.default ? subfield.default : null;
+            this.$set(this.formData, subfield.name, defaultValue);
           }
         } else {
-          console.log(field.name);
+          // If a default value is given in the schema, use this
-          this.$set(this.formData, field.name, null);
+          defaultValue = field.default ? field.default : null;
+          this.$set(this.formData, field.name, defaultValue);
         }
       }
     },