reactflow判断是否所有元素都不在可视范围

要判断ReactFlow中的所有元素是否都不在可视范围内，可以使用以下方法：

获取ReactFlow容器的大小和滚动位置。

const containerSize = {
  width: containerRef.current.offsetWidth,
  height: containerRef.current.offsetHeight,
};
const scrollPosition = {
  x: containerRef.current.scrollLeft,
  y: containerRef.current.scrollTop,
};

遍历ReactFlow中的所有元素，并判断它们的位置是否在可视范围内。

const allElements = reactFlowInstance.getElements();
const areAllElementsVisible = allElements.every((element) => {
  const elementPosition = element.position;
  const elementSize = element.__rf.width && element.__rf.height
    ? { width: element.__rf.width, height: element.__rf.height }
    : defaultElementSize;
    
  const elementBounds = {
    top: elementPosition.y,
    left: elementPosition.x,
    bottom: elementPosition.y + elementSize.height,
    right: elementPosition.x + elementSize.width,
  };

  const isVisible =
    elementBounds.top >= scrollPosition.y &&
    elementBounds.left >= scrollPosition.x &&
    elementBounds.bottom <= scrollPosition.y + containerSize.height &&
    elementBounds.right <= scrollPosition.x + containerSize.width;

  return isVisible;
});

最后，根据areAllElementsVisible的值来确定所有元素是否都不在可视范围内。

if (areAllElementsVisible) {
  console.log("所有元素都不在可视范围内");
} else {
  console.log("有元素在可视范围内");
}

请注意，上述代码假设ReactFlow中的元素位置是相对于容器的左上角的。如果元素位置是相对于窗口的左上角，请相应地调整计算元素位置的代码