fix(types): EmitsOptions support named tuple syntax

vuejs · Jan 9, 2025 · 5d549d2 · 5d549d2
1 parent 22dcbf3
commit 5d549d2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/packages-private/dts-test/defineComponent.test-d.tsx b/packages-private/dts-test/defineComponent.test-d.tsx
@@ -1368,6 +1368,20 @@ describe('function syntax w/ emits', () => {
       },
     },
   )
+
+  defineComponent<
+    {},
+    {
+      update: [value: string] // named tuple syntax
+    }
+  >((props, ctx) => {
+    ctx.emit('update', '123')
+    // @ts-expect-error
+    ctx.emit('update', 123)
+    // @ts-expect-error
+    ctx.emit('non-exist')
+    return () => {}
+  })
 })
 
 describe('function syntax w/ runtime props', () => {

diff --git a/packages/runtime-core/src/componentEmits.ts b/packages/runtime-core/src/componentEmits.ts
@@ -35,7 +35,7 @@ import type { ComponentPublicInstance } from './componentPublicInstance'
 
 export type ObjectEmitsOptions = Record<
   string,
-  ((...args: any[]) => any) | null
+  ((...args: any[]) => any) | null | any[]
 >
 
 export type EmitsOptions = ObjectEmitsOptions | string[]