Release v0.1.0

Author: alvarosabu

CHANGELOG.md

@@ -1,13 +1,15 @@
-![repository-banner.png](https://res.cloudinary.com/alvarosaburido/image/upload/v1564929632/as-readme-banner_tqdgrx.png)
+# Changelog
 
-## Software version
+All notable changes to this project will be documented in this file.
 
-- `node -v` : v12.4.0
-- `npm -v` : v6.4.1
-- `yarn -v`: 1.9.4
-- `vue --version`:3.0.3
-- `webpack -v` : v4.1.1
+The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
+and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
----
+## 0.1.0 - 2020-22-03
 
-# Vue Dynamic Forms
+### Added
+
+- Dynamic Forms component
+- Dynamic Input component
+- Input text, select, checkbox, textarea, radio
+- Validators

src/components/dynamic-form/DynamicForm.js

@@ -38,10 +38,6 @@ const methods = {
         field =>
           new FormControl({
             ...field,
-            valid: true,
-            touched: false,
-            dirty: false,
-            errors: {},
           }),
       );
   },
@@ -87,34 +83,32 @@ const computed = {
     return control ? control.valid : true;
   },
   allErrors() {
-    return (
-      this.controls &&
-      this.controls.reduce((prev, curr) => {
-        const errors = Object.keys(curr.errors) || [];
-        if (errors.length > 0) {
-          const error = {};
-          error[curr.name] = curr.errors;
+    return this.controls
+      ? this.controls.reduce((prev, curr) => {
+          const errors = Object.keys(curr.errors) || [];
+          if (errors.length > 0) {
+            const error = {};
+            error[curr.name] = curr.errors;
+            return {
+              ...prev,
+              ...error,
+            };
+          }
+          return prev;
+        }, {})
+      : {};
+  },
+  values() {
+    return this.controls
+      ? this.controls.reduce((prev, curr) => {
+          const obj = {};
+          obj[curr.name] = curr.value;
           return {
             ...prev,
-            ...error,
+            ...obj,
           };
-        }
-        return prev;
-      }, {})
-    );
-  },
-  values() {
-    return (
-      this.controls &&
-      this.controls.reduce((prev, curr) => {
-        const obj = {};
-        obj[curr.name] = curr.value;
-        return {
-          ...prev,
-          ...obj,
-        };
-      }, {})
-    );
+        }, {})
+      : {};
   },
 };
 

src/components/dynamic-form/DynamicForm.vue

@@ -11,7 +11,7 @@
     >
       <input type="hidden" name="form-name" :value="id" />
       <dynamic-input
-        v-for="field in fields"
+        v-for="field in controls"
         :key="field.name"
         :form-control="field"
       />

src/core/utils/form-control.model.js

@@ -6,6 +6,10 @@ export function FormControl({
   name = null,
   options = [],
   placeholder = null,
+  errors = {},
+  valid = true,
+  touched = false,
+  dirty = false,
 }) {
   this.type = type;
   this.value = value;
@@ -14,6 +18,10 @@ export function FormControl({
   this.name = name;
   this.options = options;
   this.placeholder = placeholder;
+  this.errors = errors;
+  this.valid = valid;
+  this.touched = touched;
+  this.dirty = dirty;
 }
 
 export function FormField({