@jdcfe/yep-react/lib/dialog/confirm.js

一套移动端的React组件库

"use strict";

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

var _typeof = require("@babel/runtime/helpers/typeof");

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

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

var React = _interopRequireWildcard(require("react"));

var ReactDOM = _interopRequireWildcard(require("react-dom"));

var _Dialog = _interopRequireDefault(require("./Dialog"));

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function confirm(title, message) {
  var actions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [{
    text: 'Cancel',
    onClick: function onClick() {
      return console.log('cancel');
    },
    className: ''
  }, {
    text: 'Ok',
    onClick: function onClick() {
      return console.log('ok');
    },
    className: ''
  }];
  var restProps = arguments.length > 3 ? arguments[3] : undefined;
  var prefixCls = 'Yep-dialog';
  var closed = false;

  if (!title && !message) {
    // console.log('Must specify either an alert title, or message, or both');
    return {
      close: function close() {}
    };
  }

  var div = document.createElement('div');
  document.body.appendChild(div);

  function close() {
    ReactDOM.unmountComponentAtNode(div);

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

  var buttons = actions.map(function (button) {
    // tslint:disable-next-line:only-arrow-functions
    var orginPress = button.onClick || function () {};

    button.onClick = function () {
      if (closed) {
        return;
      }

      var res = orginPress();

      if (res && res.then) {
        res.then(function () {
          closed = true;
          close();
        }).catch(function () {});
      } else {
        closed = true;
        close();
      }
    };

    return button;
  });
  var footer = /*#__PURE__*/React.createElement("div", {
    className: "".concat(prefixCls, "-button-group-h")
  }, buttons.map(function (button, index) {
    return /*#__PURE__*/React.createElement("a", {
      className: "".concat(prefixCls, "-button ").concat(button.className ? button.className : ''),
      onClick: button.onClick,
      key: index
    }, button.text);
  }));
  ReactDOM.render( /*#__PURE__*/React.createElement(_Dialog.default, (0, _extends2.default)({
    show: true,
    title: title,
    footer: footer,
    onClose: close
  }, restProps), /*#__PURE__*/React.createElement("div", {
    className: "".concat(prefixCls, "-alert-content")
  }, message)), div);
  return {
    close: close
  };
}