From 2d16cd1cdfa25e74735b15f5a5bb706420e77c5e Mon Sep 17 00:00:00 2001
From: wvffle <funkwhale@wvffle.net>
Date: Sun, 24 Jul 2022 21:12:07 +0000
Subject: [PATCH] Oprimize RAF

---
 front/src/components/vui/list/VirtualList.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/front/src/components/vui/list/VirtualList.vue b/front/src/components/vui/list/VirtualList.vue
index 44f98d996..73fcfa442 100644
--- a/front/src/components/vui/list/VirtualList.vue
+++ b/front/src/components/vui/list/VirtualList.vue
@@ -49,6 +49,8 @@ const onMousedown = (event: MouseEvent | TouchEvent) => {
     ghost,
     index
   }
+
+  resume()
 }
 
 // Touch and mobile devices support
@@ -85,6 +87,7 @@ document.addEventListener('mouseup', reorder)
 document.addEventListener('touchend', reorder)
 
 const cleanup = () => {
+  pause()
   document.body.classList.remove('dragging')
   draggedItem.value?.ghost?.remove()
   draggedItem.value = undefined
@@ -142,7 +145,7 @@ useResizeObserver(el as unknown as MaybeElementRef<MaybeElement>, ([entry]) => {
 })
 
 let lastDate = +new Date()
-useRafFn(() => {
+const { resume, pause } = useRafFn(() => {
   const now = +new Date()
   const delta = now - lastDate
   const direction = scrollDirection.value
@@ -152,7 +155,7 @@ useRafFn(() => {
   }
 
   lastDate = now
-})
+}, { immediate: false })
 
 defineExpose({
   cleanup