mirror of https://github.com/vuejs/core.git
52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import { resolveDynamicComponent } from '@vue/runtime-dom'
|
|
import { DynamicFragment, type VaporFragment, insert } from './block'
|
|
import { createComponentWithFallback } from './component'
|
|
import { renderEffect } from './renderEffect'
|
|
import type { RawProps } from './componentProps'
|
|
import type { RawSlots } from './componentSlots'
|
|
import {
|
|
insertionAnchor,
|
|
insertionParent,
|
|
resetInsertionState,
|
|
} from './insertionState'
|
|
import { isHydrating, locateHydrationNode } from './dom/hydration'
|
|
|
|
export function createDynamicComponent(
|
|
getter: () => any,
|
|
rawProps?: RawProps | null,
|
|
rawSlots?: RawSlots | null,
|
|
isSingleRoot?: boolean,
|
|
): VaporFragment {
|
|
const _insertionParent = insertionParent
|
|
const _insertionAnchor = insertionAnchor
|
|
if (isHydrating) {
|
|
locateHydrationNode()
|
|
} else {
|
|
resetInsertionState()
|
|
}
|
|
|
|
const frag = __DEV__
|
|
? new DynamicFragment('dynamic-component')
|
|
: new DynamicFragment()
|
|
|
|
renderEffect(() => {
|
|
const value = getter()
|
|
frag.update(
|
|
() =>
|
|
createComponentWithFallback(
|
|
resolveDynamicComponent(value) as any,
|
|
rawProps,
|
|
rawSlots,
|
|
isSingleRoot,
|
|
),
|
|
value,
|
|
)
|
|
})
|
|
|
|
if (!isHydrating && _insertionParent) {
|
|
insert(frag, _insertionParent, _insertionAnchor)
|
|
}
|
|
|
|
return frag
|
|
}
|