ming-demo1/lib/components/portal/Iframe.js

mdf metaui web

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

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

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

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

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

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

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

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

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

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

var _redux = require("redux");

var _reactRedux = require("react-redux");

var _addEventListener = _interopRequireDefault(require("rc-util/lib/Dom/addEventListener"));

var _uuid = _interopRequireDefault(require("uuid"));

var portalactions = _interopRequireWildcard(require("../../redux/portal"));

var tabsactions = _interopRequireWildcard(require("../../redux/tabs"));

var Iframe = function (_Component) {
  (0, _inherits2["default"])(Iframe, _Component);

  function Iframe(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, Iframe);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Iframe).call(this, props));
    var queryString = new cb.utils.queryString(props.url);
    _this.state = {
      random: queryString.get('random')
    };
    return _this;
  }

  (0, _createClass2["default"])(Iframe, [{
    key: "handleMessage",
    value: function handleMessage(e) {
      var event = e.nativeEvent;
      if ((0, _typeof2["default"])(event.data) !== 'object' || event.data.random !== this.state.random) return;

      if (event.data.key === 'context') {
        var params = cb.cache.get(event.data.random);
        this.callback = params.callback;
        delete params.callback;
        this.origin = e.nativeEvent.origin;
        this.refs.iframe.contentWindow.postMessage({
          key: 'params',
          value: params
        }, this.origin);
      } else if (event.data.key === 'return') {
        var _this$props = this.props,
            _portalactions = _this$props.portalactions,
            index = _this$props.index;

        _portalactions.delItem(index, {
          refreshData: true
        });
      } else if (event.data.key === 'menu') {
        var _tabsactions = this.props.tabsactions;
        var random = (0, _uuid["default"])();
        var _event$data$data = event.data.data,
            menuUrl = _event$data$data.menuUrl,
            menuData = _event$data$data.menuData;
        menuUrl += "&random=".concat(random);
        cb.cache.set(random, menuData);

        _tabsactions.addItem({
          key: menuData.key || menuData.code,
          title: menuData.name,
          content: {
            type: 'iframe',
            url: cb.utils.getPredicateValue(menuUrl)
          }
        });
      } else if (event.data.key === 'title') {
        var _this$props2 = this.props,
            _portalactions2 = _this$props2.portalactions,
            _index = _this$props2.index;

        _portalactions2.updateItem(_index, {
          title: event.data.title
        });
      } else if (event.data.key === 'callback') {
        if (this.callback) this.callback(event.data.args);
      } else if (event.data.key === 'crossdomainpush') {
        var _this$props3 = this.props,
            _portalactions3 = _this$props3.portalactions,
            _index2 = _this$props3.index;

        if (event.data.args) {
          cb.utils.alert(event.data.args, 'error');

          _portalactions3.delItem(_index2);
        } else if (event.data.msg) {
          var _event$data$msg = event.data.msg,
              type = _event$data$msg.type,
              content = _event$data$msg.content;
          cb.utils.alert(content, type);
        } else {
          _portalactions3.updateItem(_index2);
        }

        cb.utils.loadingControl.end();
      }
    }
  }, {
    key: "componentDidMount",
    value: function componentDidMount() {
      var _this2 = this;

      this.messageHandler = (0, _addEventListener["default"])(window, 'message', function (e) {
        return _this2.handleMessage(e);
      });
    }
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {
      this.messageHandler.remove();
      this.messageHandler = null;
    }
  }, {
    key: "render",
    value: function render() {
      var _this$props4 = this.props,
          url = _this$props4.url,
          width = _this$props4.width,
          height = _this$props4.height,
          index = _this$props4.index;
      var style = {
        width: width || '100%',
        height: height || '100%'
      };
      return _react["default"].createElement("iframe", {
        ref: "iframe",
        id: index,
        name: "myFrame",
        src: url,
        style: style,
        className: "no-border"
      });
    }
  }]);
  return Iframe;
}(_react.Component);

function mapStateToProps(state) {
  return {};
}

function mapDispatchToProps(dispatch) {
  return {
    portalactions: (0, _redux.bindActionCreators)(portalactions, dispatch),
    tabsactions: (0, _redux.bindActionCreators)(tabsactions, dispatch)
  };
}

var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(Iframe);

exports["default"] = _default;
//# sourceMappingURL=Iframe.js.map