57 lines
1.3 KiB
TypeScript
57 lines
1.3 KiB
TypeScript
import { VNode } from './vnode'
|
|
|
|
export const SuspenseSymbol = __DEV__ ? Symbol('Suspense key') : Symbol()
|
|
|
|
export interface SuspenseBoundary<
|
|
HostNode,
|
|
HostElement,
|
|
HostVNode = VNode<HostNode, HostElement>
|
|
> {
|
|
vnode: HostVNode
|
|
parent: SuspenseBoundary<HostNode, HostElement> | null
|
|
contentTree: HostVNode | null
|
|
oldContentTree: HostVNode | null
|
|
fallbackTree: HostVNode | null
|
|
oldFallbackTree: HostVNode | null
|
|
deps: number
|
|
isResolved: boolean
|
|
bufferedJobs: Function[]
|
|
onRetry(fn: Function): void
|
|
retry(): void
|
|
onResolve(fn: Function): void
|
|
resolve(): void
|
|
}
|
|
|
|
export function createSuspenseBoundary<HostNode, HostElement>(
|
|
vnode: VNode<HostNode, HostElement>,
|
|
parent: SuspenseBoundary<HostNode, HostElement> | null
|
|
): SuspenseBoundary<HostNode, HostElement> {
|
|
let retry: Function
|
|
let resolve: Function
|
|
const suspense: SuspenseBoundary<HostNode, HostElement> = {
|
|
vnode,
|
|
parent,
|
|
deps: 0,
|
|
contentTree: null,
|
|
oldContentTree: null,
|
|
fallbackTree: null,
|
|
oldFallbackTree: null,
|
|
isResolved: false,
|
|
bufferedJobs: [],
|
|
onRetry(fn: Function) {
|
|
retry = fn
|
|
},
|
|
retry() {
|
|
retry()
|
|
},
|
|
onResolve(fn: Function) {
|
|
resolve = fn
|
|
},
|
|
resolve() {
|
|
resolve()
|
|
}
|
|
}
|
|
|
|
return suspense
|
|
}
|