🐛 Fix unselect in select feature

Author: DrSensor

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-annotator",
-  "version": "0.13.1",
+  "version": "0.13.2",
   "description": "Vue Component for drawing annotation (box, etc)",
   "homepage": "http://vue-annotator.surge.sh",
   "repository": "github:DrSensor/vue-annotator",

src/components/Annotator.vue

@@ -51,10 +51,10 @@ export default {
       this.enableDrawing(value)
     },
     noInteract: function (value) {
-      this.enableInteraction(value)
+      this.enableInteraction(!value)
     },
     noSelect: function (value) {
-      this.enableSelection(value)
+      this.enableSelection(!value)
     },
   },
 
@@ -105,9 +105,9 @@ export default {
   },
 
   mounted () {
+    this.background = SVG.adopt(this.$refs.bgSvg)
+    this.annotations = SVG.adopt(this.$refs.annotations)
     this.$nextTick(() => {
-      this.background = SVG.adopt(this.$refs.bgSvg)
-      this.annotations = SVG.adopt(this.$refs.annotations)
       this.enableSelection(!this.noSelect)
       this.enableInteraction(!this.noInteract)
       this.enableDrawing(this.drawing)

src/mixins/select.js

@@ -6,14 +6,14 @@ function btncode2string (code) {
   if (code === 0) return 'left'
   else if (code === 1) return 'middle'
   else if (code === 2) return 'right'
-  return ''
+  return null
 }
 
 export default {
   props: {
     multipleSelect: Boolean,
     mouseSelect: {
-      default: '',
+      default: null,
       type: String
     }
   },
@@ -48,7 +48,7 @@ export default {
       }
 
       const selectListener = event => {
-        if (this.mouseSelect === btncode2string(event.button)) {
+        if (!this.mouseSelect || this.mouseSelect === btncode2string(event.button) || !btncode2string(event.button)) {
           const selector = annotator.selectize({
             deepSelect: true,
             rotationPoint: false,
@@ -72,7 +72,7 @@ export default {
       if (this.$refs.annotations.hasChildNodes()) {
         this.$refs.annotations.childNodes.forEach((node, id) => {
           if (!enabled) {
-            interact(node).selection.off('tap')
+            interact(node).off('tap')
             this.background.fire('click') // unselect all
             this.background.off('click')
           } else {