refactor(runtime-core): extract getComponentPublicInstance helper

This commit is contained in:
Evan You 2024-06-10 17:37:32 +08:00
parent b7f6c54f67
commit 9daf90e29f
No known key found for this signature in database
GPG Key ID: B9D421896CA450FB
5 changed files with 15 additions and 12 deletions

View File

@ -3,7 +3,7 @@ import {
type ComponentInternalInstance,
type ConcreteComponent,
type Data,
getExposeProxy,
getComponentPublicInstance,
validateComponentName,
} from './component'
import type {
@ -358,7 +358,7 @@ export function createAppAPI<HostElement>(
devtoolsInitApp(app, version)
}
return getExposeProxy(vnode.component!) || vnode.component!.proxy
return getComponentPublicInstance(vnode.component!)
} else if (__DEV__) {
warn(
`App has already been mounted.\n` +

View File

@ -566,6 +566,7 @@ export function createComponentInstance(
exposed: null,
exposeProxy: null,
withProxy: null,
provides: parent ? parent.provides : Object.create(appContext.provides),
accessCache: null!,
renderCache: [],
@ -1107,7 +1108,9 @@ export function createSetupContext(
}
}
export function getExposeProxy(instance: ComponentInternalInstance) {
export function getComponentPublicInstance(
instance: ComponentInternalInstance,
) {
if (instance.exposed) {
return (
instance.exposeProxy ||
@ -1124,6 +1127,8 @@ export function getExposeProxy(instance: ComponentInternalInstance) {
},
}))
)
} else {
return instance.proxy
}
}

View File

@ -1,7 +1,7 @@
import {
type ComponentInternalInstance,
type Data,
getExposeProxy,
getComponentPublicInstance,
isStatefulComponent,
} from './component'
import { nextTick, queueJob } from './scheduler'
@ -256,7 +256,7 @@ const getPublicInstance = (
i: ComponentInternalInstance | null,
): ComponentPublicInstance | ComponentInternalInstance['exposed'] | null => {
if (!i) return null
if (isStatefulComponent(i)) return getExposeProxy(i) || i.proxy
if (isStatefulComponent(i)) return getComponentPublicInstance(i)
return getPublicInstance(i.parent)
}

View File

@ -17,7 +17,7 @@ import { warn } from './warning'
import {
type ComponentInternalInstance,
type Data,
getExposeProxy,
getComponentPublicInstance,
} from './component'
import { currentRenderingInstance } from './componentRenderContext'
import { ErrorCodes, callWithAsyncErrorHandling } from './errorHandling'
@ -27,7 +27,7 @@ import { pauseTracking, resetTracking } from '@vue/reactivity'
import { traverse } from './apiWatch'
export interface DirectiveBinding<V = any> {
instance: ComponentPublicInstance | null
instance: ComponentPublicInstance | Record<string, any> | null
value: V
oldValue: V | null
arg?: string
@ -92,9 +92,7 @@ export function withDirectives<T extends VNode>(
__DEV__ && warn(`withDirectives can only be used inside render functions.`)
return vnode
}
const instance =
(getExposeProxy(currentRenderingInstance) as ComponentPublicInstance) ||
currentRenderingInstance.proxy
const instance = getComponentPublicInstance(currentRenderingInstance)
const bindings: DirectiveBinding[] = vnode.dirs || (vnode.dirs = [])
for (let i = 0; i < directives.length; i++) {
let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i]

View File

@ -10,12 +10,12 @@ import {
remove,
} from '@vue/shared'
import { isAsyncWrapper } from './apiAsyncComponent'
import { getExposeProxy } from './component'
import { warn } from './warning'
import { isRef } from '@vue/reactivity'
import { ErrorCodes, callWithErrorHandling } from './errorHandling'
import type { SchedulerJob } from './scheduler'
import { queuePostRenderEffect } from './renderer'
import { getComponentPublicInstance } from './component'
/**
* Function for handling a template ref
@ -48,7 +48,7 @@ export function setRef(
const refValue =
vnode.shapeFlag & ShapeFlags.STATEFUL_COMPONENT
? getExposeProxy(vnode.component!) || vnode.component!.proxy
? getComponentPublicInstance(vnode.component!)
: vnode.el
const value = isUnmount ? null : refValue