/**
 * 迷你 React 調(diào)度器
 * 實現(xiàn)：多優(yōu)先級隊列 + 時間切片 + 任務(wù)調(diào)度
 * 對標 React Concurrent Mode 核心邏輯
 * 可用于 Vue / React 模擬低優(yōu)先級更新、AI流式打字機優(yōu)化
 */
export function useMiniReactScheduler() {
  // 優(yōu)先級定義（與 React 保持對齊，數(shù)值越小優(yōu)先級越高）
  const Priority = {
    IMMEDIATE: 0,      // 同步緊急任務(wù)
    USER_BLOCKING: 1,  // 用戶阻塞型任務(wù)：輸入、點擊、拖拽
    NORMAL: 2,         // 普通更新：列表渲染、數(shù)據(jù)展示
    LOW: 3,            // 低優(yōu)先級：AI打字、日志、埋點
    IDLE: 4            // 空閑任務(wù)：requestIdleCallback 類似語義
  }

  // 多優(yōu)先級任務(wù)隊列（React 核心設(shè)計）
  const taskQueues = {
    [Priority.IMMEDIATE]: [],
    [Priority.USER_BLOCKING]: [],
    [Priority.NORMAL]: [],
    [Priority.LOW]: [],
    [Priority.IDLE]: []
  }

  let isScheduling = false
  const sliceTime = 8 // 時間切片默認8ms，與React一致
  const channel = new MessageChannel()
  const { port1, port2 } = channel

  // 調(diào)度執(zhí)行：按優(yōu)先級從高到低消費任務(wù)
  port2.onmessage = () => {
    const startTime = performance.now()

    // 遍歷所有優(yōu)先級隊列，高優(yōu)先級先執(zhí)行
    for (const p of [0, 1, 2, 3, 4]) {
      const queue = taskQueues[p]
      while (queue.length > 0) {
        const { task } = queue.shift()
        try {
          task() // 執(zhí)行任務(wù)
        } catch (err) {
          console.error('調(diào)度任務(wù)執(zhí)行異常：', err)
        }

        // 時間切片耗盡，主動讓出主線程
        if (performance.now() - startTime > sliceTime) {
          isScheduling = false
          schedule() // 剩余任務(wù)下一幀繼續(xù)
          return
        }
      }
    }

    isScheduling = false
  }

  // 觸發(fā)調(diào)度
  function schedule() {
    if (!isScheduling) {
      isScheduling = true
      port1.postMessage('') // 宏任務(wù)推入隊列
    }
  }

  /**
   * 添加任務(wù)到調(diào)度器
   * @param {Function} task 任務(wù)函數(shù)
   * @param {number} priority 優(yōu)先級
   */
  function addTask(task, priority = Priority.NORMAL) {
    if (typeof task !== 'function') return
    taskQueues[priority].push({ task })
    schedule()
  }

  // 清空所有任務(wù)（組件卸載時調(diào)用，防止內(nèi)存泄漏）
  function clearAllTasks() {
    Object.values(taskQueues).forEach(queue => queue.length = 0)
  }

  return {
    addTask,
    clearAllTasks,
    Priority
  }
}

// 初始化調(diào)度器
const { addTask, Priority } = useMiniReactScheduler()

// AI 流式文字更新 → 低優(yōu)先級
function updateAIContent(text) {
  addTask(() => {
    // Vue / React 視圖更新
    aiMessage.value = text
  }, Priority.LOW)
}

// 用戶輸入框 → 高優(yōu)先級
function handleUserInput(e) {
  addTask(() => {
    userInput.value = e.target.value
  }, Priority.USER_BLOCKING)
}

// 組件卸載清空任務(wù)
onUnmounted(() => {
  clearAllTasks()
})