tdesign-mobile-vue/es/hooks/useElementHeight.mjs

tdesign-mobile-vue

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

import { _ as _asyncToGenerator, r as regenerator } from '../_chunks/dep-2c6a3bc5.mjs';
import { ref, nextTick, onMounted, onUnmounted } from 'vue';
import '../_chunks/dep-87a42381.mjs';
import '../_chunks/dep-f7af29a2.mjs';

function useElementHeight(target) {
  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
  var _options$immediate = options.immediate,
    immediate = _options$immediate === void 0 ? true : _options$immediate,
    _options$resizeObserv = options.resizeObserver,
    resizeObserver = _options$resizeObserv === void 0 ? false : _options$resizeObserv;
  var elementHeight = ref(0);
  var resizeObserverInstance = null;
  var calculateHeight = /*#__PURE__*/function () {
    var _ref = _asyncToGenerator(/*#__PURE__*/regenerator.mark(function _callee() {
      var currentElement;
      return regenerator.wrap(function (_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            _context.next = 1;
            return nextTick();
          case 1:
            currentElement = target.value;
            if (currentElement) {
              elementHeight.value = currentElement.getBoundingClientRect().height;
            }
          case 2:
          case "end":
            return _context.stop();
        }
      }, _callee);
    }));
    return function calculateHeight() {
      return _ref.apply(this, arguments);
    };
  }();
  var setupResizeObserver = function setupResizeObserver() {
    if (!resizeObserver) return;
    var currentElement = target.value;
    if (currentElement && window.ResizeObserver) {
      resizeObserverInstance = new ResizeObserver(function () {
        calculateHeight();
      });
      resizeObserverInstance.observe(currentElement);
    }
  };
  var cleanupResizeObserver = function cleanupResizeObserver() {
    if (resizeObserverInstance) {
      resizeObserverInstance.disconnect();
      resizeObserverInstance = null;
    }
  };
  onMounted(function () {
    if (immediate) {
      calculateHeight();
    }
    setupResizeObserver();
  });
  onUnmounted(function () {
    cleanupResizeObserver();
  });
  return {
    height: elementHeight,
    calculateHeight: calculateHeight
  };
}

export { useElementHeight as default };
//# sourceMappingURL=useElementHeight.mjs.map