Remove dependency from vue-multiselect. Make it optional and check if loaded. Add it to dev files.

Lionel Bijaoui · Lionel Bijaoui · commit 7e3472df42b4 · 2016-08-05T13:17:55.000+02:00
diff --git a/dev/index.html b/dev/index.html
@@ -20,6 +20,7 @@
 	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/spectrum/1.8.0/spectrum.js"></script>
 	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.js"></script>
 	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.1.4/js/ion.rangeSlider.js"></script>
+	<script type="text/javascript" src="https://rawgit.com/monterail/vue-multiselect/master/lib/vue-multiselect.min.js"></script>
 	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.3.0/lodash.min.js"></script>
   </head>
   <body>
diff --git a/package.json b/package.json
@@ -96,6 +96,5 @@
   "dependencies": {
     "babel-runtime": "6.9.2",
     "vue": "1.0.24",
-    "vue-multiselect": "^1.0.1"
   }
-}
+}
diff --git a/src/fields/fieldVueMultiSelect.vue b/src/fields/fieldVueMultiSelect.vue
@@ -32,13 +32,9 @@
 <script>
 // import { isObject } from "lodash";
 import abstractField from "./abstractField";
-import Multiselect from "vue-multiselect";
 
 export default {
 	mixins: [abstractField],
-	components: {
-		Multiselect
-	},
 	computed: {
 		options() {
 			let values = this.schema.values;
@@ -82,5 +78,14 @@ export default {
 			console.log("onClose", value, id);
 		}
 	}
+    created() {
+        // Check if the component is loaded
+        if (window.VueMultiselect) {
+            Vue.component("multiselect", window.VueMultiselect.default);           
+        } else {
+            console.error("'vue-multiselect' is missing. Please download from https://github.com/monterail/vue-multiselect and load the script in the HTML head section!");
+        }
+    }
 };
 </script>
+

Original file line number	Diff line number	Diff line change
`@@ -96,6 +96,5 @@`
`96`	`96`	`"dependencies": {`
`97`	`97`	`"babel-runtime": "6.9.2",`
`98`	`98`	`"vue": "1.0.24",`
`99`		`- "vue-multiselect": "^1.0.1"`
`100`	`99`	`}`
`101`		`-}`
	`100`	`+}`