fix(runtime-core): template ref should get exposed value from a top level await component.

[ygj6]

fix: #4930

[ygj6]

This PR could also solve the problem of the inline function mode of non-asynchronous components in the link: sfc.vuejs.org
If the non-asynchronous component directly calls the function, this inline mode will still have bugs:joy:. So I did not detect non-asynchronous scenes.

<template>
<button @click="showAtTop=!showAtTop">Toggle</button>
  <div v-if='showAtTop'>
    <!-- click and print null and input alternately, abnormal -->
    <input :ref='(value)=>{inputEl = value}'> 

    <!-- click and only print input, normal -->
    <!-- <input :ref='fn'>  -->
  </div>
  <hr>
  <div v-if='!showAtTop'>
    <!-- click and print null and input alternately, abnormal -->
    <input :ref='(value)=>{inputEl = value}'> 

    <!-- click and only print input, normal -->
    <!-- <input :ref='fn'>  -->
  </div>
</template>

<script setup lang='ts'>
import {ref,onMounted, onUpdated } from 'vue'
  const showAtTop = ref(false)
  const inputEl = ref(null)
  // const fn = (value)=>{inputEl.value = value}
  onMounted(()=>{
    console.log(inputEl.value)
  })
  
  onUpdated(()=>{
    console.log(inputEl.value)
  })

</script>

[LinusBorg]

@edison1105 this PR is pretty outdated. Meanwhile, the whole templateRef logic has been moved into a separate file.

If @ygj6 is willing to update the PR, that would be great. Otherwise, we should do a fresh one.

[ygj6]

OK. Please do a new one.