add new event @click-outside

Author: hunterliu1003

README.md

@@ -121,6 +121,7 @@ const CLASS_TYPES = [String, Object, Array]
 
 **5. Events.**
 
+- @click-outside: Modal container on click
 - @before-open: Before open
 - @opened: When opened
 - @before-close: Before close

dist/VueFinalModal.esm.js

@@ -3,10 +3,23 @@ title: Events
 description: 'Vue Final Modal is a renderless, stackable, detachable and lightweight modal component.'
 position: 3
 category: Getting Start
+version: 0.14
 ---
 
 ## All events
 
+### `@click-outside`
+
+<badge>v0.14+</badge>
+
+Emits while modal container on click.
+
+<alert>
+
+If prop `clickToClose` is `false`, the event will still be emitted.
+
+</alert>
+
 ### `@before-open`
 
 Emits while modal is still invisible, but before transition starting.

dist/VueFinalModal.esm.js.map

@@ -136,6 +136,7 @@ const CLASS_TYPES = [String, Object, Array]
 
 **5. All events**
 
+- @click-outside: Modal container on click
 - @before-open: Before open
 - @opened: When opened
 - @before-close: Before close

dist/VueFinalModal.umd.js

@@ -33,7 +33,7 @@
         v-show="visibility.modal"
         class="vfm__container vfm--absolute vfm--inset"
         :class="[classes, { 'vfm--cursor-pointer': clickToClose }]"
-        @click="clickToClose && $emit('input', false)"
+        @click="onClickContainer"
       >
         <slot name="content-before" />
         <slot name="content">
@@ -274,6 +274,10 @@ export default {
       this.modalTransitionState = TransitionState.Leave
       this.modalStackIndex = null
       this.$emit('closed')
+    },
+    onClickContainer() {
+      this.$emit('click-outside')
+      this.clickToClose && this.$emit('input', false)
     }
   }
 }