add click outside event emitter to dropdown

Sergio Crisostomo
1 parent 3537176f
Showing 1 changed file with 5 additions and 1 deletions Show diff stats
src/components/dropdown/dropdown.vue
 <template>
     <div
         :class="[prefixCls]"
-        v-clickoutside="handleClose"
+        v-clickoutside="onClickoutside"
         @mouseenter="handleMouseenter"
         @mouseleave="handleMouseleave">
         <div :class="[prefixCls + '-rel']" ref="reference" @click="handleClick"><slot></slot></div>
@@ -111,6 +111,10 @@
                     }, 150);
                 }
             },
+            onClickoutside (e) {
+                this.handleClose();
+                if (this.currentVisible) this.$emit('on-clickoutside', e);
+            },
             handleClose () {
                 if (this.trigger === 'custom') return false;
                 if (this.trigger !== 'click') {