fix(site): [SITE-VCONSOLE-01] cancel stale console lifecycle work

scripts/site-vendor/vconsole/lifecycle.ts

@@ -0,0 +1,63 @@
+interface LogHost {
+  ADDED_LOG_PLUGIN_ID: string[]
+  flushLogScheduled: boolean
+  logQueue: unknown[]
+  _flushLogs: () => void
+  unmockConsole: () => void
+}
+interface Frames {
+  requestAnimationFrame: (callback: FrameRequestCallback) => number
+  cancelAnimationFrame: (id: number) => void
+}
+const pending: { host: LogHost, id: number }[] = []
+
+interface PanelHost {
+  isInited: boolean
+  pluginList: Record<string, { id: string }>
+}
+
+export function renderTab(host: PanelHost, plugin: { id: string }, render: () => void): void {
+  setTimeout(() => {
+    if (host.isInited && host.pluginList[plugin.id] === plugin)
+      render()
+  }, 0)
+}
+
+export function enqueue(host: LogHost, log: unknown, frames: Frames): void {
+  if (host.ADDED_LOG_PLUGIN_ID.length === 0)
+    return
+  if (!host.flushLogScheduled) {
+    const ticket = { host, id: 0 }
+    pending.push(ticket)
+    host.flushLogScheduled = true
+    ticket.id = frames.requestAnimationFrame(() => {
+      const index = pending.indexOf(ticket)
+      if (index === -1)
+        return
+      pending.splice(index, 1)
+      host.flushLogScheduled = false
+      host._flushLogs()
+    })
+  }
+  host.logQueue.push(log)
+}
+
+export function unbind(host: LogHost, frames: Frames): void {
+  let ticket
+  for (let index = 0; index < pending.length; index++) {
+    if (pending[index]!.host === host) {
+      ticket = pending[index]
+      pending.splice(index, 1)
+      break
+    }
+  }
+  host.logQueue = []
+  host.flushLogScheduled = false
+  try {
+    if (ticket && typeof frames.cancelAnimationFrame === 'function')
+      frames.cancelAnimationFrame(ticket.id)
+  }
+  finally {
+    host.unmockConsole()
+  }
+}