feat(runtime-vapor): support defineModel

Author: edison1105

packages/runtime-core/src/component.ts

@@ -366,6 +366,7 @@ export interface GenericComponentInstance {
    * @internal
    */
   refs: Data
+  emit: EmitFn
   /**
    * used for keeping track of .once event handlers on components
    * @internal
@@ -377,6 +378,10 @@ export interface GenericComponentInstance {
    * @internal
    */
   propsDefaults: Data | null
+  /**
+   * @internal
+   */
+  getRawProps: () => Record<string, any> | null
 
   // exposed properties via expose()
   exposed: Record<string, any> | null
@@ -730,6 +735,7 @@ export function createComponentInstance(
 
     // props default value
     propsDefaults: null,
+    getRawProps: null!,
 
     // inheritAttrs
     inheritAttrs: type.inheritAttrs,
@@ -777,6 +783,7 @@ export function createComponentInstance(
   }
   instance.root = parent ? parent.root : instance
   instance.emit = emit.bind(null, instance)
+  instance.getRawProps = () => instance.vnode.props
 
   // apply custom element special handling
   if (vnode.ce) {

packages/runtime-core/src/helpers/useModel.ts

@@ -1,7 +1,7 @@
 import { type Ref, customRef, ref } from '@vue/reactivity'
 import { EMPTY_OBJ, camelize, hasChanged, hyphenate } from '@vue/shared'
 import type { DefineModelOptions, ModelRef } from '../apiSetupHelpers'
-import { getCurrentInstance } from '../component'
+import { getCurrentGenericInstance } from '../component'
 import { warn } from '../warning'
 import type { NormalizedProps } from '../componentProps'
 import { watchSyncEffect } from '../apiWatch'
@@ -23,14 +23,14 @@ export function useModel(
   name: string,
   options: DefineModelOptions = EMPTY_OBJ,
 ): Ref {
-  const i = getCurrentInstance()!
+  const i = getCurrentGenericInstance()!
   if (__DEV__ && !i) {
     warn(`useModel() called without active instance.`)
     return ref() as any
   }
 
   const camelizedName = camelize(name)
-  if (__DEV__ && !(i.propsOptions[0] as NormalizedProps)[camelizedName]) {
+  if (__DEV__ && !(i.propsOptions![0] as NormalizedProps)[camelizedName]) {
     warn(`useModel() called with prop "${name}" which is not declared.`)
     return ref() as any
   }
@@ -65,7 +65,7 @@ export function useModel(
         ) {
           return
         }
-        const rawProps = i.vnode!.props
+        const rawProps = i.getRawProps()
         if (
           !(
             rawProps &&

packages/runtime-vapor/src/component.ts

@@ -50,6 +50,7 @@ import {
 import {
   type DynamicPropsSource,
   type RawProps,
+  getKeysFromRawProps,
   getPropsProxyHandlers,
   hasFallthroughAttrs,
   normalizePropsOptions,
@@ -284,6 +285,7 @@ export class VaporComponentInstance implements GenericComponentInstance {
   props: Record<string, any>
   attrs: Record<string, any>
   propsDefaults: Record<string, any> | null
+  getRawProps: () => Record<string, any>
 
   slots: StaticSlots
 
@@ -393,6 +395,17 @@ export class VaporComponentInstance implements GenericComponentInstance {
     } else {
       this.props = this.attrs = EMPTY_OBJ
     }
+    this.getRawProps = () => {
+      const keys = getKeysFromRawProps(this.rawProps)
+      return keys.reduce(
+        (props, key) => {
+          // TODO
+          props[key] = null
+          return props
+        },
+        {} as Record<string, any>,
+      )
+    }
 
     // init slots
     this.rawSlots = rawSlots || EMPTY_OBJ