Fix shentao#374

Damian Dulisz · Damian Dulisz · commit dcd8ba006d92 · 2017-06-10T20:22:34.000+02:00
diff --git a/docs/partials/examples/MultiSelect.vue b/docs/partials/examples/MultiSelect.vue
@@ -8,10 +8,15 @@ div
     :close-on-select="false",
     :clear-on-select="false",
     :hide-selected="true",
+    :preserve-search="true",
     placeholder="Pick some"
     label="name",
     track-by="name"
   )
+    template(slot="tag", scope="props")
+      span.custom__tag
+        span {{ props.option.language }}
+        span.custom__remove(@click="props.remove(props.option)") ❌
   pre.language-json
     code.
       {{ value  }}
@@ -43,5 +48,13 @@ export default {
 }
 </script>
 
-<style lang="css">
+<style lang="sass">
+.custom__tag
+  display: inline-block
+  padding: 2px 6px
+  background: #ddd
+  margin-right: 4px
+
+.custom__remove
+  padding: 3px
 </style>
diff --git a/package.json b/package.json
@@ -93,12 +93,12 @@
     "sinon": "^1.17.3",
     "sinon-chai": "^2.8.0",
     "url-loader": "^0.5.7",
-    "vue": "2.1.10",
+    "vue": "^2.3.0",
     "vue-hot-reload-api": "^1.2.0",
     "vue-html-loader": "^1.0.0",
     "vue-loader": "^11.0.0",
     "vue-style-loader": "^2.0.0",
-    "vue-template-compiler": "2.1.10",
+    "vue-template-compiler": "^2.3.4",
     "vue-template-es2015-compiler": "^1.4.2",
     "vuex": "^2.1.1",
     "webpack": "^2.2.1",
diff --git a/src/multiselectMixin.js b/src/multiselectMixin.js
@@ -265,6 +265,10 @@ export default {
       default () {
         return []
       }
+    },
+    preserveSearch: {
+      type: Boolean,
+      default: false
     }
   },
   mounted () {
@@ -527,7 +531,7 @@ export default {
       this.isOpen = true
       /* istanbul ignore else  */
       if (this.searchable) {
-        this.search = ''
+        if (!this.preserveSearch) this.search = ''
         this.$nextTick(() => this.$refs.search.focus())
       } else {
         this.$el.focus()
@@ -549,7 +553,7 @@ export default {
       } else {
         this.$el.blur()
       }
-      this.search = ''
+      if (!this.preserveSearch) this.search = ''
       this.$emit('close', this.getValue(), this.id)
     },
     /**
