ming-demo3/lib/components/common/Confirm.js

mdf metaui web

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = confirm;

var _defineProperty2 = _interopRequireDefault(require("babel-runtime/helpers/defineProperty"));

var _extends2 = _interopRequireDefault(require("babel-runtime/helpers/extends"));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _classnames = _interopRequireDefault(require("classnames"));

var _baseui = require("@mdf/baseui");

var _ActionButton = _interopRequireDefault(require("./ActionButton"));

function confirm(config) {
  var props = (0, _extends2["default"])({
    type: 'confirm',
    iconType: 'question-circle'
  }, config);
  var prefixCls = props.prefixCls || 'ant-confirm';
  var div = document.createElement('div');
  document.body.appendChild(div);
  var width = props.width || 416;
  var style = props.style || {};
  var maskClosable = props.maskClosable === undefined ? false : props.maskClosable;

  if (!('okCancel' in props)) {
    props.okCancel = true;
  }

  props.okText = props.okText;
  props.cancelText = props.cancelText;

  function close() {
    var unmountResult = _reactDom["default"].unmountComponentAtNode(div);

    if (unmountResult && div.parentNode) {
      div.parentNode.removeChild(div);
    }

    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
      args[_key] = arguments[_key];
    }

    var triggerCancel = args && args.length && args.some(function (param) {
      return param && param.triggerCancel;
    });

    if (props.onCancel && triggerCancel) {
      props.onCancel.apply(props, args);
    }
  }

  var body = _react["default"].createElement('div', {
    className: prefixCls + '-body'
  }, _react["default"].createElement(_baseui.Icon, {
    type: props.iconType
  }), _react["default"].createElement('span', {
    className: prefixCls + '-title'
  }, props.title), _react["default"].createElement('div', {
    className: prefixCls + '-content'
  }, props.content));

  var footer = null;

  if (props.okCancel) {
    if (props.footerReversal) {
      footer = _react["default"].createElement('div', {
        className: prefixCls + '-btns'
      }, _react["default"].createElement(_ActionButton["default"], {
        type: 'primary',
        actionFn: props.onOk,
        closeModal: close,
        autoFocus: true
      }, props.okText), _react["default"].createElement(_ActionButton["default"], {
        actionFn: props.onCancel,
        closeModal: close
      }, props.cancelText));
    } else {
      footer = _react["default"].createElement('div', {
        className: prefixCls + '-btns'
      }, _react["default"].createElement(_ActionButton["default"], {
        actionFn: props.onCancel,
        closeModal: close
      }, props.cancelText), _react["default"].createElement(_ActionButton["default"], {
        type: 'primary',
        actionFn: props.onOk,
        closeModal: close,
        autoFocus: true
      }, props.okText));
    }
  } else {
    footer = _react["default"].createElement('div', {
      className: prefixCls + '-btns'
    }, _react["default"].createElement(_ActionButton["default"], {
      type: 'primary',
      actionFn: props.onOk,
      closeModal: close,
      autoFocus: true
    }, props.okText));
  }

  var classString = (0, _classnames["default"])(prefixCls, (0, _defineProperty2["default"])({}, prefixCls + '-' + props.type, true), props.className);

  _reactDom["default"].render(_react["default"].createElement(_baseui.Modal, {
    className: classString,
    onCancel: close.bind(this, {
      triggerCancel: true
    }),
    visible: true,
    title: '',
    transitionName: null,
    footer: '',
    maskTransitionName: null,
    maskClosable: maskClosable,
    style: style,
    width: width
  }, _react["default"].createElement('div', {
    className: prefixCls + '-body-wrapper'
  }, body, ' ', footer)), div);

  return {
    destroy: close
  };
}
//# sourceMappingURL=Confirm.js.map