zent/lib/preview-image/previewImage.js

一套前端设计语言和基于React的实现

'use strict';

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

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

var _extends3 = _interopRequireDefault(_extends2);

exports['default'] = previewImage;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactDom = require('react-dom');

var _reactDom2 = _interopRequireDefault(_reactDom);

var _Image = require('./Image');

var _Image2 = _interopRequireDefault(_Image);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

function previewImage() {
  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};

  var container = document.createElement('div');

  var closePreviewMask = function closePreviewMask() {
    if (!container) {
      return;
    }

    _reactDom2['default'].unmountComponentAtNode(container);
    container = undefined;
  };

  var props = (0, _extends3['default'])({}, options, {
    onClose: closePreviewMask
  });

  _reactDom2['default'].render(_react2['default'].createElement(_Image2['default'], props), container);
}