qt-public-ui/es/Modal/modal.js

新设计规范下业务组件库

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
var _excluded = ["className", "styleType", "getContainer", "visible"];
import React, { useEffect } from 'react';
import { Modal as AntdModal } from 'antd';
import { IconSlim as Icon, Frame } from '..';
import classnames from 'classnames';
import './style';
var Modal = function Modal(props) {
  var _Frame$useFrame = Frame.useFrame(),
    inFrame = _Frame$useFrame.inFrame;
  var className = props.className,
    styleType = props.styleType,
    getContainer = props.getContainer,
    visible = props.visible,
    antdProps = _objectWithoutPropertiesLoose(props, _excluded);
  useEffect(function () {
    inFrame && window.top.postMessage({
      _type: 'frame:modal',
      visible: visible
    }, '*');
  }, [visible]);
  return /*#__PURE__*/React.createElement(AntdModal, _extends({}, antdProps, {
    visible: visible,
    className: classnames('umui-modal', className),
    getContainer: getContainer,
    closeIcon: /*#__PURE__*/React.createElement(Icon, {
      type: "umicon-close",
      className: "umui-modal-close"
    })
  }));
};
export default Modal;