type Fiber = {
  type: any, //類型  
  return: Fiber, //父節(jié)點(diǎn)
  child: Fiber, // 指向第一個(gè)子節(jié)點(diǎn)
  sibling: Fiber, // 指向下一個(gè)弟弟
}

function App() {
  return (
    <div>
      名稱：
      <span>明里人</span>
    </div>
  )
}

// 1. taskFlowData 任務(wù)流數(shù)據(jù)
// 2. currentTaskData 當(dāng)前完成的任務(wù)數(shù)據(jù)
export const getFinishedStatus = (task) => task.status === 1; // 1 代表完成
export const setFinishedStatus = (task) => task.status = 1;
// 首先，將當(dāng)前任務(wù)的狀態(tài)更新
setFinishedStatus(currentTaskData);
// 第一步，將現(xiàn)有數(shù)據(jù)轉(zhuǎn)換為 Fiber 樹結(jié)構(gòu)
const createNode = (value, parent) => (
  { value, return: parent, child: null, sibling: null }
);
// 1-1. 創(chuàng)建 root fiber 根節(jié)點(diǎn)，即 任務(wù)流
const rootNode = createNode(taskFlowData, undefined);
let currentNode = rootNode, currentTaskNode = null;
// 1-2. child 存放的是任務(wù)組，為第二級(jí)數(shù)據(jù)創(chuàng)建 Fiber 節(jié)點(diǎn)
currentNode.value.child.forEach((taskGroup, taskGroupIndex) => {
  const node = createNode(taskGroup, rootNode);
  // 1-3. 建立關(guān)系
  taskGroupIndex === 0 ? (currentNode.child = node) : (currentNode.sibling = node);
  // 1-4. 為第三級(jí)任務(wù)創(chuàng)建 Fiber 節(jié)點(diǎn)
  taskGroup.child.forEach((task, taskIndex) => {
    const childNode = createNode(task, node);
    taskIndex === 0 ? (node.child = childNode) : (currentNode.sibling = childNode);
    currentNode = childNode;
    // 1-5. 記錄當(dāng)前任務(wù)對(duì)應(yīng)的 Fiber 節(jié)點(diǎn)
    if (task.id === currentTaskData.id) currentTaskNode = currentNode;
  });
  currentNode = node;
});
// 第二步，根據(jù) Fiber 樹結(jié)構(gòu)，來查找并更新狀態(tài)
let parentNode = currentTaskNode.return;
while (parentNode) {
  let isFinished = true;
  // 2-1. 找到第一個(gè)任務(wù)
  let workInprgress = parentNode.child;
  // 2-2. 從第一個(gè)任務(wù)開始，依次查看每個(gè)任務(wù)的狀態(tài)
  while (workInprgress) {
    // 2-3. 如果查找的當(dāng)前任務(wù)處于未完成狀態(tài)，無需更新父級(jí)狀態(tài)
    if (!getFinishedStatus(workInprgress.value)) {
      isFinished = false;
      break;
    }
    workInprgress = workInprgress.sibling;
  }
  // 2-4. 更新任務(wù)組狀態(tài)，再向上查找，確定是否更新任務(wù)流狀態(tài)
  if (isFinished) {
    setFinishedStatus(parentNode.value);
    parentNode = parentNode.return;
  } else {
    // 2-5. 任務(wù)組狀態(tài)不需要更新，直接結(jié)束
    break;
  }
}