tdesign-react/cjs/hooks/useWindowSize.js

TDesign Component for React

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

'use strict';

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

var slicedToArray = require('../_chunks/dep-5cb0d66d.js');
var React = require('react');
var _util_style = require('../_chunks/dep-e0735b5f.js');
var debounce = require('../_chunks/dep-de1ebf3f.js');
require('../_chunks/dep-737b8bd8.js');
require('../_chunks/dep-b304bc94.js');
require('../_chunks/dep-4ce0670e.js');
require('../_chunks/dep-b325182b.js');
require('../_chunks/dep-bdafd287.js');
require('../_chunks/dep-3448f35f.js');
require('../_chunks/dep-5c8525ea.js');
require('../_chunks/dep-ff8b8704.js');
require('../_chunks/dep-eb2203ae.js');

function useWindowSize() {
  var _useState = React.useState(_util_style.getWindowSize),
    _useState2 = slicedToArray._slicedToArray(_useState, 2),
    size = _useState2[0],
    setSize = _useState2[1];
  React.useEffect(function () {
    function handleResize() {
      setSize(_util_style.getWindowSize());
    }
    var debounceResize = debounce.debounce(handleResize, 400);
    window.addEventListener("resize", debounceResize);
    return function () {
      window.removeEventListener("resize", debounceResize);
      debounceResize.cancel();
    };
  }, []);
  return size;
}

exports["default"] = useWindowSize;
//# sourceMappingURL=useWindowSize.js.map