@51yzone/pc-components/es/modal-detail/modal-detail.js

An enterprise-class UI design language and React-based implementation

import "antd/es/modal/style";
import _Modal from "antd/es/modal";
import _extends from "@babel/runtime/helpers/extends";

/**
 * 关键字：弹框详情
 * 新增人：徐友万
 * 完善中
 */
import React from 'react';
import classnames from 'classnames';
import Detail from './detail';

var ModalDetail = function ModalDetail(props) {
  var _props$value = props.value,
      value = _props$value === void 0 ? [] : _props$value,
      visible = props.visible,
      title = props.title,
      modalProps = props.modalProps,
      onCancel = props.onCancel,
      renderFooter = props.renderFooter,
      prefixCls = props.prefixCls,
      className = props.className; // 弹框入参

  var newModalProps = _extends(_extends({
    visible: visible,
    title: title,
    destroyOnClose: true,
    maskClosable: false,
    footer: null,
    onCancel: onCancel
  }, modalProps), {
    wrapClassName: classnames(className, modalProps === null || modalProps === void 0 ? void 0 : modalProps.wrapClassName, "".concat(prefixCls, "-wrapper"))
  });

  return /*#__PURE__*/React.createElement(_Modal, _extends({}, newModalProps), /*#__PURE__*/React.createElement(Detail, {
    value: value
  }), typeof renderFooter === 'function' ? renderFooter() : renderFooter);
};

ModalDetail.defaultProps = {
  value: [],
  visible: false,
  title: '',
  modalProps: {},
  prefixCls: 'yz-modal-detail',
  className: ''
};
export default ModalDetail;