feat: add skipHover prop to deactive the hover detection (#752)

Akryum · Oct 10, 2022 · b613318 · b613318
1 parent 59f3f1b
commit b613318
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/RecycleScroller.vue b/src/components/RecycleScroller.vue
@@ -29,9 +29,9 @@
         :key="view.nr.id"
         :style="ready ? { transform: `translate${direction === 'vertical' ? 'Y' : 'X'}(${view.position}px)` } : null"
         class="vue-recycle-scroller__item-view"
-        :class="{ hover: hoverKey === view.nr.key }"
-        @mouseenter="hoverKey = view.nr.key"
-        @mouseleave="hoverKey = null"
+        :class="{ hover: !skipHover && hoverKey === view.nr.key }"
+        @mouseenter="!skipHover && (hoverKey = view.nr.key)"
+        @mouseleave="!skipHover && (hoverKey = null)"
       >
         <slot
           :item="view.item"
@@ -118,6 +118,11 @@ export default {
       type: Boolean,
       default: false,
     },
+
+    skipHover: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   data () {