Free closeOnSelect

Signed-off-by: Jonas Rittershofer <[email protected]>

Author: jotoeri

src/components/Multiselect/Multiselect.vue

@@ -171,7 +171,7 @@ export default {
 		]"
 		:options="options"
 		:limit="maxOptions"
-		:close-on-select="!multiple"
+		:close-on-select="willCloseOnSelect"
 		:multiple="multiple"
 		:label="label"
 		:track-by="trackBy"
@@ -254,6 +254,15 @@ export default {
 			},
 		},
 
+		/**
+		 * Close the Multiselect when selecting an item.
+		 * Will be overwritten by !multiple if undefined.
+		 */
+		closeOnSelect: {
+			type: Boolean,
+			default: undefined,
+		},
+
 		/**
 		 * Allow multiple select ?
 		 */
@@ -373,6 +382,15 @@ export default {
 				this.$emit('change', value)
 			},
 		},
+
+		/**
+		 * If closeOnSelect is not manually set, set it to !multiple
+		 * @returns {boolean} closeOnSelect for vue-multiselect
+		 */
+		willCloseOnSelect() {
+			if (this.closeOnSelect === undefined) return !this.multiple
+			return this.closeOnSelect
+		},
 	},
 
 	watch: {