New field: file upload (fieldFile).

Author: hansi90

src/fields/core/fieldFile.vue

@@ -0,0 +1,45 @@
+<template lang="pug">
+.wrapper
+	input.form-control(
+		id="ts01",
+		type="file",
+		:name="schema.inputName",
+		@change="schema.onChange || null",	
+		:accept="schema.accept",
+		:multiple="schema.multiple",
+		:placeholder="schema.placeholder",
+		:readonly="schema.readonly",
+		:required="schema.required",
+		:disabled="disabled",)
+</template>
+
+<script>
+import abstractField from "../abstractField";
+import fecha from "fecha";
+
+export default {
+	mixins: [abstractField]
+};
+
+</script>
+
+<style lang="sass">
+	.vue-form-generator .field-input {
+		.wrapper {
+			width: 100%;
+		}
+		input[type="radio"] {
+			width: 100%;
+		}
+		input[type="color"] {
+			width: 60px;
+		}
+		input[type="range"] {
+			padding: 0;
+		}
+
+		.helper {
+			margin: auto 0.5em;
+		}
+	}
+</style>

src/fields/core/fieldInput.vue

@@ -5,7 +5,7 @@
 		:type="schema.inputType",
 		:value="value",
 		@input="value = $event.target.value",
-		@change="onChange",
+		@change="schema.onChange || null",
 		:disabled="disabled",
 		:accept="schema.accept",
 		:alt="schema.alt",
@@ -37,22 +37,17 @@
 </template>
 
 <script>
-	import abstractField from "../abstractField";
-	import fecha from "fecha";
+import abstractField from "../abstractField";
+import fecha from "fecha";
 
-	export default {
-		mixins: [ abstractField ],
-		methods: {
-			onChange(event){
-				if (this.schema.inputType === "file") {
-					this.value = event.target.files;
-				}
-			},
-			
-			formatValueToField(value) {
-				if (value != null) {
-					let dt;
-					switch(this.schema.inputType){
+export default {
+	mixins: [abstractField],
+	methods: {
+
+		formatValueToField(value) {
+			if (value != null) {
+				let dt;
+				switch (this.schema.inputType) {
 					case "date":
 						dt = this.schema.format ? fecha.parse(value, this.schema.format) : new Date(value);
 						return fecha.format(dt, "YYYY-MM-DD");
@@ -62,16 +57,16 @@
 					case "datetime-local":
 						dt = this.schema.format ? fecha.parse(value, this.schema.format) : new Date(value);
 						return fecha.format(dt, "YYYY-MM-DDTHH:mm:ss");
-					}
 				}
-				
-				return value;
-			},
+			}
 
-			formatValueToModel(value) {
-				if (value != null) {
-					let m;
-					switch (this.schema.inputType){
+			return value;
+		},
+
+		formatValueToModel(value) {
+			if (value != null) {
+				let m;
+				switch (this.schema.inputType) {
 					case "date":
 						m = fecha.parse(value, "YYYY-MM-DD");
 						if (m !== false) {
@@ -100,16 +95,20 @@
 						}
 						break;
 					case "number":
-						return Number(value);					
+						return Number(value);
 					case "range":
 						return Number(value);
-					}
 				}
-
-				return value;
 			}
+
+			return value;
 		}
-	};
+	},
+
+	created () {
+		console.warn("The 'file' type in input field is deprecated. Use 'file' field instead.");	
+	}
+};
 
 </script>