[2.5.1] Use ConnectedArrayFieldMixin for ConnectedArrayField, ConnectedCheckboxGroup

Author: isnifer

CHANGELOG.md

@@ -1,6 +1,13 @@
+## 2.5.1
+
+### Fixed
+
+- Rename `ConnectedCheckboxGroupMixin` => `ConnectedArrayFieldMixin`
+- Use `ConnectedArrayFieldMixin` for `ConnectedArrayField`, `ConnectedCheckboxGroup`
+
 ## 2.5.0
 
-## Added
+### Added
 
 - [`FieldArray`](/VueForm/components/ConnectedFieldArray.js) control
 - [`Array Field Form`](https://detools.github.io/vue-form/#/array-field-form) to explain how `FieldArray` works

README.md

@@ -79,6 +79,7 @@ See demo at [https://detools.github.io/vue-form](https://detools.github.io/vue-f
 
 ## Changelog
 
+- [2.5.1](/CHANGELOG.md#251)
 - [2.5.0](/CHANGELOG.md#250)
 - [2.4.2](/CHANGELOG.md#242)
 - [2.4.1](/CHANGELOG.md#241)

VueForm/components/ConnectedArrayField.js

@@ -1,6 +1,6 @@
 import without from 'lodash/without'
 import last from 'lodash/last'
-import ConnectedControlMixin from '../mixins/ConnectedControl'
+import { ConnectedArrayFieldMixin } from '../mixins/ConnectedControl'
 
 export default {
   props: {
@@ -23,7 +23,7 @@ export default {
     },
   },
 
-  mixins: [ConnectedControlMixin],
+  mixins: [ConnectedArrayFieldMixin],
 
   computed: {
     controlValue() {

VueForm/components/ConnectedCheckboxGroup.js

@@ -1,7 +1,7 @@
 import { Checkbox, CheckboxGroup } from 'element-ui'
 import noop from 'lodash/noop'
 import isNil from 'lodash/isNil'
-import { ConnectedCheckboxGroupMixin } from '../mixins/ConnectedControl'
+import { ConnectedArrayFieldMixin } from '../mixins/ConnectedControl'
 
 const ConnectedCheckboxGroup = {
   props: {
@@ -65,7 +65,7 @@ const ConnectedCheckboxGroup = {
     labelWidth: String,
   },
 
-  mixins: [ConnectedCheckboxGroupMixin],
+  mixins: [ConnectedArrayFieldMixin],
 
   methods: {
     generateOptions(option) {

VueForm/mixins/ConnectedControl.js

@@ -50,7 +50,7 @@ const ConnectedControlMixin = {
   },
 }
 
-export const ConnectedCheckboxGroupMixin = {
+export const ConnectedArrayFieldMixin = {
   ...ConnectedControlMixin,
 
   data() {

docs/bundle.js

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