Remove dependency from vue-multiselect. Make it optional and check if…

… loaded. Add it to dev files.
vue-generators · Aug 5, 2016 · 7e3472d · 7e3472d
1 parent 24c49d9
commit 7e3472d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
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>
+