【taro react】---- 获取元素的位置和宽高等信息

1. 需求分析

1. 添加节点的布局位置的查询请求。相对于显示区域，以像素为单位。其功能类似于 DOM 的 getBoundingClientRect。返回 NodesRef 对应的 SelectorQuery。
2. 区分小程序和H5的环境，调用 getBoundingClientRect 获取对应的信息。

2. H5 实现

1. 判断传入元素是否是window窗口，是window窗口，直接获取窗口的宽高；
2. 元素，同时可以获取元素的宽高等信息；
3. 都不满足，返回默认值。

function isWindow(val){
  return val === window
}

export const getRect = (elementRef) => {
  const element = elementRef
  // 判断传入元素是否是window窗口，是window窗口，直接获取窗口的宽高
  if (isWindow(element)) {
    const width = element.innerWidth
    const height = element.innerHeight

    return {
      top: 0,
      left: 0,
      right: width,
      bottom: height,
      width,
      height,
    }
  }
  // 是元素，同时可以获取元素的宽高等信息
  if (element &