[2.7.3] When form field has removed from form — it value won't be passed to submit

Author: isnifer

CHANGELOG.md

@@ -1,3 +1,9 @@
+## 2.7.3
+
+### Updated
+
+— When form field has removed from form — it value won't be passed to submit
+
 ## 2.7.2
 
 ### Fixed

README.md

@@ -80,6 +80,7 @@ See demo at [https://detools.github.io/vue-form](https://detools.github.io/vue-f
 
 ## Changelog
 
+- [2.7.3](/CHANGELOG.md#273)
 - [2.7.2](/CHANGELOG.md#272)
 - [2.7.1](/CHANGELOG.md#271)
 - [2.7.0](/CHANGELOG.md#270)

VueForm/components/Form/Form.js

@@ -1,4 +1,4 @@
-import { isNil, isBoolean, isEmpty, has, mapValues, union, merge } from 'lodash'
+import { isNil, isBoolean, isEmpty, has, mapValues, union, merge, without, omit } from 'lodash'
 import { Form, Button } from 'element-ui'
 import CONSTANTS from '../../constants'
 import { validate, asyncValidate } from '../../validators/validate'
@@ -26,6 +26,9 @@ export default {
       // Array<String>
       formFields: [],
 
+      // Array<String>
+      removedFields: [],
+
       // { [fieldName]: true }
       touchedFields: {},
 
@@ -90,6 +93,7 @@ export default {
       const vm = this
 
       this.formFields = union(this.formFields, [name])
+      this.removedFields = without(this.removedFields, name)
 
       const formLevelInitialValue = vm.initialValues[name]
       const value = !isNil(formLevelInitialValue) ? formLevelInitialValue : fieldLevelInitialValue
@@ -148,6 +152,8 @@ export default {
         vm.$delete(this.syncErrors, name)
         vm.$delete(this.asyncErrors, name)
         vm.$delete(this.touchedFields, name)
+
+        this.removedFields = this.removedFields.concat(name)
       }
 
       const setTouched = () => {
@@ -231,7 +237,9 @@ export default {
 
       const off = this.manageSubmittingState()
       const submitForm = () =>
-        Promise.resolve(this.handleSubmit(merge({}, this.initialValues, this.state)))
+        Promise.resolve(
+          this.handleSubmit(merge({}, omit(this.initialValues, this.removedFields), this.state))
+        )
 
       const submitPromise = this.form.validating
         ? Promise.all(Object.values(this.asyncValidations)).then(submitForm)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@detools/vue-form",
-  "version": "2.7.2",
+  "version": "2.7.3",
   "description": "Form State Management for VueJS",
   "main": "VueForm/index.js",
   "scripts": {