chore: add Transition and TransitionGroup to globalComponents

Author: pikax

packages/runtime-dom/src/index.ts

@@ -8,12 +8,15 @@ import {
   HydrationRenderer,
   App,
   RootHydrateFunction,
-  isRuntimeOnly
+  isRuntimeOnly,
+  DefineComponent
 } from '@vue/runtime-core'
 import { nodeOps } from './nodeOps'
 import { patchProp, forcePatchProp } from './patchProp'
 // Importing from the compiler, will be tree-shaken in prod
 import { isFunction, isString, isHTMLTag, isSVGTag, extend } from '@vue/shared'
+import { TransitionProps } from './components/Transition'
+import { TransitionGroupProps } from './components/TransitionGroup'
 
 declare module '@vue/reactivity' {
   export interface RefUnwrapBailTypes {
@@ -22,6 +25,14 @@ declare module '@vue/reactivity' {
   }
 }
 
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    // Note: if updating this, also update `types/globalComponents.d.ts`.
+    Transition: DefineComponent<TransitionProps>
+    TransitionGroup: DefineComponent<TransitionGroupProps>
+  }
+}
+
 const rendererOptions = extend({ patchProp, forcePatchProp }, nodeOps)
 
 // lazy create the renderer - this makes core renderer logic tree-shakable

packages/runtime-dom/types/globalComponents.d.ts

@@ -0,0 +1,9 @@
+// Note: this file is auto concatenated to the end of the bundled d.ts during
+// build.
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Transition: DefineComponent<TransitionProps>
+    TransitionGroup: DefineComponent<TransitionGroupProps>
+  }
+}

test-dts/defineComponent.test-d.tsx

@@ -13,7 +13,8 @@ import {
   SetupContext,
   h,
   Directive,
-  KeepAliveProps
+  KeepAliveProps,
+  TransitionProps
 } from './index'
 
 describe('with object props', () => {
@@ -984,6 +985,10 @@ describe('expose component types', () => {
   // global components
   expectType<KeepAliveProps>(new parent.components!.KeepAlive().$props)
   expectType<KeepAliveProps>(new child.components!.KeepAlive().$props)
+
+  // runtime-dom components
+  expectType<TransitionProps>(new parent.components!.Transition().$props)
+  expectType<TransitionProps>(new parent.components!.Transition().$props)
 })
 
 describe('directive typing', () => {