Poptip、Tooltip add on-popper-hide event

Poptip、Tooltip add on-popper-hide event

src/components/base/popper.js

@@ -43,7 +43,12 @@ export default {
             }
         },
         visible(val) {
-            val ? this.updatePopper() : this.destroyPopper();
+            if (val) {
+                this.updatePopper();
+            } else {
+                this.destroyPopper();
+                this.$emit('on-popper-hide');
+            }
             this.$emit('input', val);
         }
     },

test/routers/poptip.vue

@@ -132,7 +132,7 @@
         <!--<Poptip title="标题" content="内容" trigger="hover">-->
             <!--<Button>hover 触发</Button>-->
         <!--</Poptip>-->
-        <Poptip title="确定删除这条信息吗？" confirm content="内容" trigger="focus" @on-ok="ok" @on-cancel="cancel">
+        <Poptip title="确定删除这条信息吗？" confirm content="内容" trigger="focus" @on-ok="ok" @on-cancel="cancel" @on-popper-hide="hide">
             <a><strong>Delete</strong></a>
         </Poptip>
         <!--<Poptip title="标题" content="内容" trigger="focus">-->
@@ -174,6 +174,9 @@
             },
             cancel () {
                 Message.info('cancel');
+            },
+            hide () {
+                Message.info('hide')
             }
         }
     }

test/routers/tooltip.vue

@@ -16,7 +16,7 @@
 </style>
 <template>
     <div class="top">
-        <Tooltip content="Top Left 文字提示" placement="top-start">
+        <Tooltip content="Top Left 文字提示" placement="top-start" @on-popper-hide="hide">
             <i-button>上左</i-button>
         </Tooltip>
         <Tooltip content="Top Center 文字提示" placement="top">
@@ -63,8 +63,13 @@
     </div>
 </template>
 <script>
-    import { Tooltip, iButton } from 'iview';
+    import { Tooltip, iButton, Message } from 'iview';
     export default {
-        components: { Tooltip, iButton }
+        components: { Tooltip, iButton },
+        methods: {
+            hide () {
+                Message.info('hide')
+            }
+        }
     }
 </script>