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

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _reactDom = _interopRequireDefault(require("react-dom"));
const FullScreen = props => {
  const {
    children,
    status = false,
    onClose
  } = props;
  (0, _react.useEffect)(() => {
    const fn = event => {
      if (event.keyCode === 27) {
        onClose?.();
      }
    };
    window.addEventListener('keydown', fn);
    return () => {
      window.removeEventListener('keydown', fn);
    };
  }, []);
  return status ? /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement("div", {
    className: "lm_full_screen"
  }, children), document.body) : children;
};
var _default = FullScreen;
exports.default = _default;