press-ui/common/utils/get-window-offset.js

简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目

import { canIUse } from './can-i-use';
import { safeAreaInsets } from './safe-area-insets';

export const NAVBAR_HEIGHT = 44;
export const TABBAR_HEIGHT = 50;


export default function getWindowOffset() {
  if (canIUse('css.var')) {
    const { style } = document.documentElement;
    const top = parseInt((style.getPropertyValue('--window-top').match(/\d+/) || ['0'])[0], 10);
    const bottom = parseInt((style.getPropertyValue('--window-bottom').match(/\d+/) || ['0'])[0], 10);
    const left = parseInt((style.getPropertyValue('--window-left').match(/\d+/) || ['0'])[0], 10);
    const right = parseInt((style.getPropertyValue('--window-right').match(/\d+/) || ['0'])[0], 10);
    const topWindowHeight = parseInt((style.getPropertyValue('--top-window-height').match(/\d+/) || ['0'])[0], 10);
    return {
      top: (top ? (top + safeAreaInsets.top) : 0) + (topWindowHeight || 0),
      bottom: bottom ? (bottom + safeAreaInsets.bottom) : 0,
      left: left ? (left + safeAreaInsets.left) : 0,
      right: right ? (right + safeAreaInsets.right) : 0,
    };
  }

  let top = 0;
  const bottom = 0;

  const pages = getCurrentPages();
  if (pages.length) {
    const pageVm = pages[pages.length - 1].$parent.$parent;
    const navigationBarType = pageVm.navigationBar.type;
    top = navigationBarType === 'default' || navigationBarType === 'float' ? NAVBAR_HEIGHT : 0;
  }

  return {
    top,
    bottom,
    left: 0,
    right: 0,
  };
}