fix(types): h support for resolveComponent (#2402)

close #2357
This commit is contained in:
Carlos Rodrigues 2020-10-20 20:56:29 +01:00 committed by GitHub
parent fff62e2ee8
commit 1f2a652a9d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 28 additions and 5 deletions

View File

@ -10,7 +10,12 @@ import { Teleport, TeleportProps } from './components/Teleport'
import { Suspense, SuspenseProps } from './components/Suspense'
import { isObject, isArray } from '@vue/shared'
import { RawSlots } from './componentSlots'
import { FunctionalComponent, Component, ComponentOptions } from './component'
import {
FunctionalComponent,
Component,
ComponentOptions,
ConcreteComponent
} from './component'
import { EmitsOptions } from './componentEmits'
import { DefineComponent } from './apiDefineComponent'
@ -112,6 +117,17 @@ export function h<P, E extends EmitsOptions = {}>(
// catch-all for generic component types
export function h(type: Component, children?: RawChildren): VNode
// concrete component
export function h<P>(
type: ConcreteComponent | string,
children?: RawChildren
): VNode
export function h<P>(
type: ConcreteComponent<P> | string,
props?: (RawProps & P) | ({} extends P ? null : never),
children?: RawChildren
): VNode
// component without props
export function h(
type: Component,

View File

@ -16,9 +16,7 @@ const DIRECTIVES = 'directives'
/**
* @private
*/
export function resolveComponent(
name: string
): ConcreteComponent | string | undefined {
export function resolveComponent(name: string): ConcreteComponent | string {
return resolveAsset(COMPONENTS, name) || name
}

View File

@ -8,7 +8,8 @@ import {
Suspense,
Component,
expectError,
expectAssignable
expectAssignable,
resolveComponent
} from './index'
describe('h inference w/ element', () => {
@ -224,3 +225,11 @@ describe('Boolean prop implicit false', () => {
// @ts-expect-error
expectError(h(RequiredComponent, {}))
})
// #2357
describe('resolveComponent should work', () => {
h(resolveComponent('test'))
h(resolveComponent('test'), {
message: '1'
})
})