78 lines
2.0 KiB
TypeScript
78 lines
2.0 KiB
TypeScript
import { VNode, normalizeVNode, VNodeChild } from './vnode'
|
|
import { ShapeFlags } from '.'
|
|
import { isFunction } from '@vue/shared'
|
|
import { ComponentInternalInstance } from './component'
|
|
import { Slots } from './componentSlots'
|
|
|
|
export const SuspenseSymbol = __DEV__ ? Symbol('Suspense key') : Symbol()
|
|
|
|
export interface SuspenseBoundary<
|
|
HostNode = any,
|
|
HostElement = any,
|
|
HostVNode = VNode<HostNode, HostElement>
|
|
> {
|
|
vnode: HostVNode
|
|
parent: SuspenseBoundary<HostNode, HostElement> | null
|
|
parentComponent: ComponentInternalInstance | null
|
|
isSVG: boolean
|
|
optimized: boolean
|
|
container: HostElement
|
|
hiddenContainer: HostElement
|
|
anchor: HostNode | null
|
|
subTree: HostVNode
|
|
fallbackTree: HostVNode
|
|
deps: number
|
|
isResolved: boolean
|
|
isUnmounted: boolean
|
|
effects: Function[]
|
|
}
|
|
|
|
export function createSuspenseBoundary<HostNode, HostElement>(
|
|
vnode: VNode<HostNode, HostElement>,
|
|
parent: SuspenseBoundary<HostNode, HostElement> | null,
|
|
parentComponent: ComponentInternalInstance | null,
|
|
container: HostElement,
|
|
hiddenContainer: HostElement,
|
|
anchor: HostNode | null,
|
|
isSVG: boolean,
|
|
optimized: boolean
|
|
): SuspenseBoundary<HostNode, HostElement> {
|
|
return {
|
|
vnode,
|
|
parent,
|
|
parentComponent,
|
|
isSVG,
|
|
optimized,
|
|
container,
|
|
hiddenContainer,
|
|
anchor,
|
|
deps: 0,
|
|
subTree: null as any, // will be set immediately after creation
|
|
fallbackTree: null as any, // will be set immediately after creation
|
|
isResolved: false,
|
|
isUnmounted: false,
|
|
effects: []
|
|
}
|
|
}
|
|
|
|
export function normalizeSuspenseChildren(
|
|
vnode: VNode
|
|
): {
|
|
content: VNode
|
|
fallback: VNode
|
|
} {
|
|
const { shapeFlag, children } = vnode
|
|
if (shapeFlag & ShapeFlags.SLOTS_CHILDREN) {
|
|
const { default: d, fallback } = children as Slots
|
|
return {
|
|
content: normalizeVNode(isFunction(d) ? d() : d),
|
|
fallback: normalizeVNode(isFunction(fallback) ? fallback() : fallback)
|
|
}
|
|
} else {
|
|
return {
|
|
content: normalizeVNode(children as VNodeChild),
|
|
fallback: normalizeVNode(null)
|
|
}
|
|
}
|
|
}
|