update event vue 2

dialpad · Jan 17, 2025 · 92beb87 · 92beb87
1 parent 53d4938
commit 92beb87
Show file tree

Hide file tree

Showing 2 changed files with 45 additions and 12 deletions.
diff --git a/packages/dialtone-vue2/components/hovercard/hovercard.vue b/packages/dialtone-vue2/components/hovercard/hovercard.vue
@@ -20,17 +20,14 @@
     @opened="(e) => ($emit('opened', e))"
     @mouseenter-popover="onMouseEnter"
     @mouseleave-popover="onMouseLeave"
+    @mouseenter-popover-anchor="onMouseEnter"
+    @mouseleave-popover-anchor="onMouseLeave"
   >
     <template #anchor="{ attrs }">
-      <div
-        @mouseenter-popover="onMouseEnter"
-        @mouseleave-popover="onMouseLeave"
-      >
-        <slot
-          name="anchor"
-          v-bind="attrs"
-        />
-      </div>
+      <slot
+        name="anchor"
+        v-bind="attrs"
+      />
     </template>
     <template #content>
       <slot name="content" />

diff --git a/packages/dialtone-vue2/components/popover/popover.vue b/packages/dialtone-vue2/components/popover/popover.vue
@@ -58,8 +58,8 @@
         :tabindex="contentTabindex"
         appear
         v-on="popoverListeners"
-        @mouseenter="onMouseEnter"
-        @mouseleave="onMouseLeave"
+        @mouseenter="onMouseEnterAnchor"
+        @mouseleave="onMouseLeaveAnchor"
       >
         <popover-header-footer
           v-if="$slots.headerContent || showCloseButton"
@@ -520,7 +520,35 @@ export default {
      * @event update:opened
      * @type {Boolean | Array}
      */
-    'update:open',
+    'opened',
+
+    /**
+     * Emitted when the mouse enters the popover
+     *
+     * @event mouseenter-popover
+     */
+    'mouseenter-popover',
+
+    /**
+     * Emitted when the mouse leaves the popover
+     *
+     * @event mouseleave-popover
+     */
+    'mouseleave-popover',
+
+    /**
+     * Emitted when the mouse enters the popover anchor
+     *
+     * @event mouseenter-popover-anchor
+     */
+    'mouseenter-popover-anchor',
+
+    /**
+     * Emitted when the mouse leaves the popover anchor
+     *
+     * @event mouseleave-popover-anchor
+     */
+    'mouseleave-popover-anchor',
   ],
 
   data () {
@@ -988,6 +1016,14 @@ export default {
     onMouseLeave () {
       this.$emit('mouseleave-popover');
     },
+
+    onMouseEnterAnchor () {
+      this.$emit('mouseenter-popover-anchor');
+    },
+
+    onMouseLeaveAnchor () {
+      this.$emit('mouseleave-popover-anchor');
+    },
   },
 };
 </script>