[2.6.1] Check <Autocomplete /> initial value

Author: isnifer

CHANGELOG.md

@@ -1,3 +1,7 @@
+## 2.6.1
+
+- Check `<Autocomplete />` initial value. If it's string — use it. If there is a default value for this control — use it.
+
 ## 2.6.0
 
 - Added `<Autocomplete />` control

README.md

@@ -79,6 +79,7 @@ See demo at [https://detools.github.io/vue-form](https://detools.github.io/vue-f
 
 ## Changelog
 
+- [2.6.1](/CHANGELOG.md#261)
 - [2.6.0](/CHANGELOG.md#260)
 - [2.5.11](/CHANGELOG.md#2511)
 - [2.5.10](/CHANGELOG.md#2510)

VueForm/components/ConnectedAutocomplete.js

@@ -1,6 +1,7 @@
 import { Autocomplete } from 'element-ui'
 import noop from 'lodash/noop'
 import isNull from 'lodash/isNull'
+import isString from 'lodash/isString'
 import ConnectedControlMixin from '../mixins/ConnectedControl'
 
 const ConnectedAutocomplete = {
@@ -10,10 +11,7 @@ const ConnectedAutocomplete = {
       required: true,
     },
 
-    value: {
-      type: [String, Number],
-      default: '',
-    },
+    value: String,
 
     labelKey: {
       type: String,
@@ -96,13 +94,23 @@ const ConnectedAutocomplete = {
       setValue(nextValue)
     },
 
-    renderComponent() {
+    renderComponent(value) {
+      let inputValue
+
+      if (isString(value)) {
+        inputValue = value
+      }
+
+      if (isString(this.viewValue)) {
+        inputValue = this.viewValue
+      }
+
       return (
         <Autocomplete
           class={this.class}
           name={this.name}
           type={this.type}
-          value={this.viewValue}
+          value={inputValue}
           placeholder={this.placeholder}
           clearable={this.clearable}
           disabled={this.disabled}

docs/bundle.js

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