tdesign-mobile-vue/cjs/shared/useScrollParent/index.js

tdesign-mobile-vue

/**
 * tdesign v1.12.1
 * (c) 2025 TDesign Group
 * @license MIT
 */

'use strict';

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

var Vue = require('vue');
var shared_util = require('../util.js');
require('@babel/runtime/helpers/slicedToArray');
require('../../hooks/useClass.js');
require('../../_chunks/dep-f487f3c9.js');
require('@babel/runtime/helpers/defineProperty');
require('../../_chunks/dep-0d34d1e2.js');
require('../../_common/js/global-config/mobile/default-config.js');
require('../../_common/js/global-config/mobile/locale/zh_CN.js');
require('../../_chunks/dep-c7f7a976.js');
require('@babel/runtime/helpers/typeof');
require('../../_chunks/dep-bce5891c.js');
require('dayjs');
require('../../_chunks/dep-71eea379.js');
require('../../_chunks/dep-cb665fd6.js');
require('../../_chunks/dep-1cdfb723.js');
require('../../_chunks/dep-744e59d5.js');
require('../../_chunks/dep-5b9d3f6f.js');
require('../../_chunks/dep-4850f616.js');
require('../../_chunks/dep-232d243a.js');
require('../../_chunks/dep-1df72545.js');
require('../../_chunks/dep-8983459f.js');
require('../../_chunks/dep-6c43868d.js');
require('../../_chunks/dep-eaef83bf.js');
require('../../_chunks/dep-100be120.js');
require('../../_chunks/dep-ea7a6cdf.js');
require('../../_chunks/dep-0d61faba.js');
require('../../_chunks/dep-49426c60.js');
require('../../_chunks/dep-d70ba5d5.js');
require('../../_chunks/dep-f5df0fcf.js');
require('../../_chunks/dep-c0b5e4e7.js');
require('../../_chunks/dep-bac64a37.js');
require('../../_chunks/dep-8e526cea.js');
require('../../_chunks/dep-9c611a30.js');
require('../../_chunks/dep-a618140f.js');
require('../../_chunks/dep-ea4c3db5.js');
require('../../_chunks/dep-a5172f92.js');

var overflowScrollReg = /scroll|auto/i;
var defaultRoot = shared_util.isBrowser ? window : void 0;
function isElement(node) {
  var ELEMENT_NODE_TYPE = 1;
  return node.tagName !== "HTML" && node.tagName !== "BODY" && node.nodeType === ELEMENT_NODE_TYPE;
}
function getScrollParent(el) {
  var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultRoot;
  var node = el;
  while (node && node !== root && isElement(node)) {
    var _window$getComputedSt = window.getComputedStyle(node),
      overflowY = _window$getComputedSt.overflowY;
    if (overflowScrollReg.test(overflowY)) {
      return node;
    }
    node = node.parentNode;
  }
  return root;
}
function useScrollParent(el) {
  var root = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultRoot;
  var scrollParent = Vue.ref();
  Vue.onMounted(function () {
    if (el.value) {
      scrollParent.value = getScrollParent(el.value, root);
    }
  });
  return scrollParent;
}

exports.getScrollParent = getScrollParent;
exports.useScrollParent = useScrollParent;
//# sourceMappingURL=index.js.map