fix: clickoutside event listener change capturing to bubbling

src/directives/clickoutside.js

@@ -11,9 +11,9 @@ export default {
         binding.value()
       }
     }
-    document.addEventListener('click', el['@clickoutside'], true)
+    document.addEventListener('click', el['@clickoutside'], false)
   },
   unbind (el) {
-    document.removeEventListener('click', el['@clickoutside'], true)
+    document.removeEventListener('click', el['@clickoutside'], false)
   }
 }

src/index.vue

@@ -10,7 +10,7 @@
     }"
     v-clickoutside="closePopup">
     <div class="mx-input-wrapper"
-      @click="showPopup">
+      @click.stop="showPopup">
       <input
         :class="inputClass"
         :name="inputName"