fix(useRaf): autoStop

Author: Simon-He95

playground/package.json

@@ -14,8 +14,10 @@
   },
   "dependencies": {
     "@opentiny/unplugin-tiny-vue": "^0.0.2",
-    "@opentiny/vue": "^3.17.2",
     "@vueuse/core": "^8.9.4",
+    "antd": "5.0.0",
+    "element-plus": "^2.0.2-beta.44",
+    "element-ui": "^2.15.1",
     "vue": "^3.4.35",
     "vue-router": "^4.4.1"
   },

playground/src/App.vue

@@ -1,11 +1,13 @@
 <script setup>
-// asdas
+const str = 'asdsa'
 
-fn({ name: 'simon' })
+onMounted(() => {
+  console.log('mounted')
+})
 </script>
 
 <template>
-  <div @click="onClick" @keydown="keydownHandler" />
+  <div>hello world</div>
 </template>
 
 <style scoped></style>

src/perf/useRaf.ts

@@ -34,20 +34,22 @@ export function useRaf(
     cancelAnimation(rafId)
   }
   rafId = animationFrame(function myFrame(timestamp: number) {
-    if (isStopped)
-      return
     if (isUndef(start)) {
       start = timestamp
       // 首次立即执行
+      if (autoStop) {
+        stop()
+        fn?.(timestamp)
+        return
+      }
       fn?.(timestamp)
     }
+    else if (isStopped) {
+      return
+    }
     else if (timestamp - start > delta) {
       fn?.(timestamp)
       start = timestamp
-      if (autoStop) {
-        stop()
-        return
-      }
     }
     rafId = animationFrame(myFrame)
   })