Add open and close events to Tooltip (#3694)

Author: GMartigny

docs/pages/components/tooltip/api/tooltip.js

@@ -102,6 +102,18 @@ export default [
                 values: '—',
                 default: '<code>false</code>'
             }
+        ],
+        events: [
+            {
+                name: '<code>open</code>',
+                description: 'Triggers when the tooltip is opened',
+                parameters: '—'
+            },
+            {
+                name: '<code>close</code>',
+                description: 'Triggers when the tooltip is closed',
+                parameters: '—'
+            },
         ]
     }
 ]

src/components/tooltip/Tooltip.vue

@@ -107,7 +107,8 @@ export default {
         }
     },
     watch: {
-        isActive(value) {
+        isActive() {
+            this.$emit(this.isActive ? 'open' : 'close')
             if (this.appendToBody) {
                 this.updateAppendToBody()
             }