linkmore-design/es/full-screen/index.js

🌈 🚀lm组件库。🚀

import React, { useEffect } from 'react';
import ReactDom from 'react-dom';
var FullScreen = function FullScreen(props) {
  var children = props.children,
    _props$status = props.status,
    status = _props$status === void 0 ? false : _props$status,
    onClose = props.onClose;
  useEffect(function () {
    var fn = function fn(event) {
      if (event.keyCode === 27) {
        onClose === null || onClose === void 0 ? void 0 : onClose();
      }
    };
    window.addEventListener('keydown', fn);
    return function () {
      window.removeEventListener('keydown', fn);
    };
  }, []);
  return status ? /*#__PURE__*/ReactDom.createPortal( /*#__PURE__*/React.createElement("div", {
    className: "lm_full_screen"
  }, children), document.body) : children;
};
export default FullScreen;