nocobase/packages/core/utils/src/isPortalInBody.ts

/**
 * This file is part of the NocoBase (R) project.
 * Copyright (c) 2020-2024 NocoBase Co., Ltd.
 * Authors: NocoBase Team.
 *
 * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
 * For more information, please refer to: https://www.nocobase.com/agreement.
 */

/**
 * 判断一个 DOM 对象是否是由 createPortal 挂在到了 body 上
 * @param domNode DOM 对象
 */

export const isPortalInBody = (dom: Element) => {
  while (dom) {
    // 如果有 `nb-action` 类名，说明是一个 Action 按钮，其本身已经阻止了冒泡，不需要再次阻止，如果阻止会导致点击无效
    if (dom.id === 'root' || dom.classList?.contains('nb-action')) {
      return false;
    }
    dom = dom.parentNode as Element;
  }

  // 测试环境下大部分都是直接 render 的组件，是没有以 root 为 ID 的根元素的
  if (process.env.__TEST__) {
    return false;
  }

  if (process.env.NODE_ENV !== 'production') {
    if (!document.querySelector('#root')) {
      throw new Error(`isPortalInBody: can not find element with id 'root'`);
    }
  }

  return true;
};