fix(type): convert emits to props

types/test/v3/define-component-test.tsx

@@ -966,6 +966,19 @@ describe('emits', () => {
       }
     }
   })
+
+  // should have `onXXX` props for emits
+  defineComponent({
+    props: {
+      bar: String
+    },
+    emits: {
+      foo: (n: number) => n > 0
+    },
+    setup(props) {
+      expectType<((n: number) => boolean) | undefined>(props.onFoo)
+    }
+  })
 })
 
 // describe('componentOptions setup should be `SetupContext`', () => {

types/v3-component-options.d.ts

@@ -1,7 +1,7 @@
 import { Vue } from './vue'
 import { VNode } from './vnode'
 import { ComponentOptions as Vue2ComponentOptions } from './options'
-import { EmitsOptions, SetupContext } from './v3-setup-context'
+import { EmitsOptions, EmitsToProps, SetupContext } from './v3-setup-context'
 import { Data, LooseRequired, UnionToIntersection } from './common'
 import {
   ComponentPropsOptions,
@@ -52,7 +52,7 @@ export type SetupFunction<
   Emits extends EmitsOptions = {}
 > = (
   this: void,
-  props: Readonly<Props>,
+  props: Readonly<Props & EmitsToProps<Emits>>,
   ctx: SetupContext<Emits>
 ) => RawBindings | (() => VNode | null) | void
 

types/v3-component-public-instance.d.ts

@@ -13,7 +13,7 @@ import {
   ComponentOptionsMixin,
   ComponentOptionsBase
 } from './v3-component-options'
-import { EmitFn, EmitsOptions } from './v3-setup-context'
+import { EmitFn, EmitsOptions, EmitsToProps } from './v3-setup-context'
 
 /**
  * Custom properties added to component instances in any way and can be accessed through `this`
@@ -150,7 +150,7 @@ export type ComponentPublicInstance<
   >
 > = Vue3Instance<
   D,
-  P,
+  P & EmitsToProps<E>,
   PublicProps,
   E,
   Defaults,

types/v3-setup-context.d.ts

@@ -13,6 +13,25 @@ export type ObjectEmitsOptions = Record<
 
 export type EmitsOptions = ObjectEmitsOptions | string[]
 
+export type EmitsToProps<T extends EmitsOptions> = T extends string[]
+  ? {
+      [K in string & `on${Capitalize<T[number]>}`]?: (...args: any[]) => any
+    }
+  : T extends ObjectEmitsOptions
+  ? {
+      [K in string &
+        `on${Capitalize<string & keyof T>}`]?: K extends `on${infer C}`
+        ? T[Uncapitalize<C>] extends null
+          ? (...args: any[]) => any
+          : (
+              ...args: T[Uncapitalize<C>] extends (...args: infer P) => any
+                ? P
+                : never
+            ) => any
+        : never
+    }
+  : {}
+
 export type EmitFn<
   Options = ObjectEmitsOptions,
   Event extends keyof Options = keyof Options,