fix: call "cancel" function before "delay" timeout

Author: aleclarson

packages/core/src/runAsync.ts

@@ -179,9 +179,16 @@ export function scheduleProps<T>(
   { key, props, state, action }: ScheduledProps<T>
 ): AsyncResult<T> {
   return new Promise((resolve, reject) => {
-    const pause = matchProp(props.pause, key)
+    let delay = 0
+    let pause = false
 
-    let delay = Math.max(0, callProp(props.delay || 0, key))
+    let cancel = matchProp(props.cancel, key)
+    if (cancel) {
+      state.cancelId = callId
+      return next()
+    }
+
+    delay = Math.max(0, callProp(props.delay || 0, key))
     if (delay > 0) {
       let timeout: Timeout
       const onPause = () => {
@@ -195,7 +202,7 @@ export function scheduleProps<T>(
         state.pause = concatFn(state.pause, onPause)
         timeout = G.frameLoop.setTimeout(next, delay)
       }
-      if (pause) {
+      if ((pause = matchProp(props.pause, key))) {
         state.unpause = concatFn(state.unpause, onResume)
       } else {
         timeout = G.frameLoop.setTimeout(next, delay)
@@ -209,18 +216,12 @@ export function scheduleProps<T>(
       if (delay > 0) {
         state.pause = void 0
       }
-      let { cancel, reset } = props
+      // Maybe cancelled during its delay.
+      if (callId <= (state.cancelId || 0)) {
+        cancel = true
+      }
       try {
-        // Might have been cancelled during its delay.
-        if (callId <= (state.cancelId || 0)) {
-          cancel = true
-        } else {
-          cancel = matchProp(cancel, key)
-          if (cancel) {
-            state.cancelId = callId
-          }
-        }
-        reset = !cancel && matchProp(reset, key)
+        const reset = !cancel && matchProp(props.reset, key)
         action({ ...props, callId, delay, cancel, pause, reset }, resolve)
       } catch (err) {
         reject(err)