tdesign-vue-next/cjs/guide/utils/getRelativePosition.js

TDesign Component for vue-next

/**
 * tdesign v1.13.2
 * (c) 2025 tdesign
 * @license MIT
 */

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var utils_dom = require('../../utils/dom.js');
require('../../_chunks/dep-5c9b4e07.js');
require('../../_chunks/dep-ac58e1cc.js');
require('../../_chunks/dep-6f35bfc1.js');
require('../../_chunks/dep-d17ed13a.js');
require('@babel/runtime/helpers/typeof');
require('../../_chunks/dep-c94e2f5d.js');
require('../../_chunks/dep-5c87313c.js');
require('../../_chunks/dep-8c59be4f.js');
require('../../_chunks/dep-86aa65fa.js');

function getRelativePosition(elm) {
  var relativeElm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document.body;
  var _getWindowScroll = utils_dom.getWindowScroll(),
    scrollTop = _getWindowScroll.scrollTop,
    scrollLeft = _getWindowScroll.scrollLeft;
  var _elm$getBoundingClien = elm.getBoundingClientRect(),
    elmTop = _elm$getBoundingClien.top,
    elmLeft = _elm$getBoundingClien.left;
  var _relativeElm$getBound = relativeElm.getBoundingClientRect(),
    relElmTop = _relativeElm$getBound.top,
    relElmLeft = _relativeElm$getBound.left;
  var relativeElmPosition = utils_dom.getElmCssPropValue(relativeElm, "position");
  if (relativeElm.tagName.toLowerCase() !== "body" && relativeElmPosition === "relative" || relativeElmPosition === "sticky") {
    return {
      top: elmTop - relElmTop,
      left: elmLeft - relElmLeft
    };
  }
  if (utils_dom.isFixed(elm)) {
    return {
      top: elmTop,
      left: elmLeft
    };
  }
  return {
    top: elmTop + scrollTop,
    left: elmLeft + scrollLeft
  };
}

exports.getRelativePosition = getRelativePosition;
//# sourceMappingURL=getRelativePosition.js.map