vue3-yuanma/packages/runtime-core/src/scheduler.ts

88 lines
2.0 KiB
TypeScript
Raw Normal View History

import { ErrorCodes, callWithErrorHandling } from './errorHandling'
import { isArray } from '@vue/shared'
2019-08-30 19:15:23 +00:00
2019-05-28 11:36:15 +00:00
const queue: Function[] = []
const postFlushCbs: Function[] = []
2019-05-28 09:19:47 +00:00
const p = Promise.resolve()
let isFlushing = false
2019-10-31 01:41:28 +00:00
let isFlushPending = false
2019-05-28 09:19:47 +00:00
export function nextTick(fn?: () => void): Promise<void> {
return fn ? p.then(fn) : p
}
2019-08-30 19:15:23 +00:00
export function queueJob(job: () => void) {
if (!queue.includes(job)) {
2019-05-28 09:19:47 +00:00
queue.push(job)
2019-10-31 01:41:28 +00:00
queueFlush()
2019-05-28 09:19:47 +00:00
}
}
2019-08-30 19:15:23 +00:00
export function queuePostFlushCb(cb: Function | Function[]) {
if (!isArray(cb)) {
2019-05-28 11:59:54 +00:00
postFlushCbs.push(cb)
} else {
postFlushCbs.push(...cb)
2019-05-28 09:19:47 +00:00
}
2019-10-31 01:41:28 +00:00
queueFlush()
}
2019-10-31 01:41:28 +00:00
function queueFlush() {
if (!isFlushing && !isFlushPending) {
isFlushPending = true
2019-08-30 19:15:23 +00:00
nextTick(flushJobs)
2019-08-19 18:44:52 +00:00
}
2019-05-28 09:19:47 +00:00
}
const dedupe = (cbs: Function[]): Function[] => [...new Set(cbs)]
2019-05-28 11:36:15 +00:00
2019-05-28 09:19:47 +00:00
export function flushPostFlushCbs() {
2019-05-28 11:36:15 +00:00
if (postFlushCbs.length) {
const cbs = dedupe(postFlushCbs)
postFlushCbs.length = 0
for (let i = 0; i < cbs.length; i++) {
cbs[i]()
}
2019-05-28 09:19:47 +00:00
}
}
const RECURSION_LIMIT = 100
type JobCountMap = Map<Function, number>
function flushJobs(seenJobs?: JobCountMap) {
2019-10-31 01:41:28 +00:00
isFlushPending = false
2019-05-28 09:19:47 +00:00
isFlushing = true
let job
if (__DEV__) {
seenJobs = seenJobs || new Map()
}
while ((job = queue.shift())) {
if (__DEV__) {
2019-10-05 14:09:34 +00:00
const seen = seenJobs!
2019-05-28 09:19:47 +00:00
if (!seen.has(job)) {
seen.set(job, 1)
} else {
2019-10-05 14:09:34 +00:00
const count = seen.get(job)!
2019-05-28 09:19:47 +00:00
if (count > RECURSION_LIMIT) {
throw new Error(
'Maximum recursive updates exceeded. ' +
"You may have code that is mutating state in your component's " +
'render function or updated hook.'
)
} else {
seen.set(job, count + 1)
}
}
}
callWithErrorHandling(job, null, ErrorCodes.SCHEDULER)
2019-05-28 09:19:47 +00:00
}
flushPostFlushCbs()
isFlushing = false
// some postFlushCb queued jobs!
// keep flushing until it drains.
2019-10-31 01:41:28 +00:00
if (queue.length || postFlushCbs.length) {
2019-05-28 09:19:47 +00:00
flushJobs(seenJobs)
}
}