'use strict'
!(function(require, directRequire) {
  const a = require('react'),
    b = require('./3b5f8e2469c474c8d433c1c6926d8999.js'),
    c = require('./fc137838572a83604db39acff8e909e0.js'),
    d = require('./cc2c2970ff81ae4a83123e81ee123da2.js'),
    e = require('./eadce02c750c875a10680bcfedadec88.js'),
    f = require('./d3976cc01aeebc5b09e11c4135b6bd8d.js'),
    g = require('redux'),
    { connect: h } = require('react-redux')
  class i extends a.Component {
    constructor(a) {
      super(a), (this.state = { lazyLoaded: !!a.show })
    }
    componentWillReceiveProps(a) {
      a.show && this.setState({ lazyLoaded: !0 })
    }
    render() {
      if (!this.state.lazyLoaded) return null
      let b = this.props,
        c = b.project,
        d = `tab-content ${b.show ? 'tab-content-active' : ''}`
      return a.createElement(
        'div',
        { className: d },
        a.createElement(
          'section',
          null,
          a.createElement(
            'div',
            { className: 'meta-item' },
            a.createElement(
              'label',
              { htmlFor: '', className: 'meta-label' },
              'request \u5408\u6CD5\u57DF\u540D'
            ),
            a.createElement(
              'div',
              {
                className: 'meta-value ui-flex-item',
                style: { userSelect: 'initial' }
              },
              0 == b.RequestDomain.length
                ? a.createElement(
                    'div',
                    { className: 'ui-flex ui-desc' },
                    a.createElement(
                      'p',
                      { className: 'ui-flex-item' },
                      '\u672A\u8BBE\u7F6E'
                    )
                  )
                : b.RequestDomain.map((b, c) => {
                    return a.createElement(
                      'div',
                      { className: 'ui-flex ui-desc', key: c },
                      a.createElement('p', { className: 'ui-flex-item' }, b)
                    )
                  })
            )
          )
        ),
        a.createElement(
          'section',
          null,
          a.createElement(
            'div',
            { className: 'meta-item' },
            a.createElement(
              'label',
              { htmlFor: '', className: 'meta-label' },
              'socket \u5408\u6CD5\u57DF\u540D'
            ),
            a.createElement(
              'div',
              {
                className: 'meta-value ui-flex-item',
                style: { userSelect: 'initial' }
              },
              0 == b.WsRequestDomain.length
                ? a.createElement(
                    'div',
                    { className: 'ui-flex ui-desc' },
                    a.createElement(
                      'p',
                      { className: 'ui-flex-item' },
                      '\u672A\u8BBE\u7F6E'
                    )
                  )
                : b.WsRequestDomain.map((b, c) => {
                    return a.createElement(
                      'div',
                      { className: 'ui-flex ui-desc', key: c },
                      a.createElement('p', { className: 'ui-flex-item' }, b)
                    )
                  })
            )
          )
        ),
        a.createElement(
          'section',
          null,
          a.createElement(
            'div',
            { className: 'meta-item' },
            a.createElement(
              'label',
              { htmlFor: '', className: 'meta-label' },
              'uploadFile \u5408\u6CD5\u57DF\u540D'
            ),
            a.createElement(
              'div',
              {
                className: 'meta-value ui-flex-item',
                style: { userSelect: 'initial' }
              },
              0 == b.UploadDomain.length
                ? a.createElement(
                    'div',
                    { className: 'ui-flex ui-desc' },
                    a.createElement(
                      'p',
                      { className: 'ui-flex-item' },
                      '\u672A\u8BBE\u7F6E'
                    )
                  )
                : b.UploadDomain.map((b, c) => {
                    return a.createElement(
                      'div',
                      { className: 'ui-flex ui-desc', key: c },
                      a.createElement('p', { className: 'ui-flex-item' }, b)
                    )
                  })
            )
          )
        ),
        a.createElement(
          'section',
          null,
          a.createElement(
            'div',
            { className: 'meta-item' },
            a.createElement(
              'label',
              { htmlFor: '', className: 'meta-label' },
              'downloadFile \u5408\u6CD5\u57DF\u540D'
            ),
            a.createElement(
              'div',
              {
                className: 'meta-value ui-flex-item',
                style: { userSelect: 'initial' }
              },
              0 >= b.DownloadDomain.length
                ? a.createElement(
                    'div',
                    { className: 'ui-flex ui-desc' },
                    a.createElement(
                      'p',
                      { className: 'ui-flex-item' },
                      '\u672A\u8BBE\u7F6E'
                    )
                  )
                : b.DownloadDomain.map((b, c) => {
                    return a.createElement(
                      'div',
                      { className: 'ui-flex ui-desc', key: c },
                      a.createElement('p', { className: 'ui-flex-item' }, b)
                    )
                  })
            )
          )
        ),
        a.createElement(
          'section',
          null,
          a.createElement(
            'div',
            { className: 'meta-item' },
            a.createElement(
              'label',
              { htmlFor: '', className: 'meta-label' },
              'web-view\uFF08\u4E1A\u52A1\u57DF\u540D\uFF09'
            ),
            a.createElement(
              'div',
              {
                className: 'meta-value ui-flex-item',
                style: { userSelect: 'initial' }
              },
              0 == b.BizDomain.length
                ? a.createElement(
                    'div',
                    { className: 'ui-flex ui-desc' },
                    a.createElement(
                      'p',
                      { className: 'ui-flex-item' },
                      '\u672A\u8BBE\u7F6E'
                    )
                  )
                : b.BizDomain.map((b, c) => {
                    return a.createElement(
                      'div',
                      { className: 'ui-flex ui-desc', key: c },
                      a.createElement('p', { className: 'ui-flex-item' }, b)
                    )
                  })
            )
          )
        )
      )
    }
  }
  module.exports = h(
    a => {
      let b = a.info.projectInfo || {},
        c = a.project.current || {},
        d = (c.attr && c.attr.network) || {}
      return {
        show: 'config' === b.selected,
        project: c,
        RequestDomain: d.RequestDomain || [],
        WsRequestDomain: d.WsRequestDomain || [],
        UploadDomain: d.UploadDomain || [],
        DownloadDomain: d.DownloadDomain || [],
        BizDomain: d.BizDomain || []
      }
    },
    a => {
      return {
        toggleClickKey: f.bindActionCreators(c.toggleClickKey, a),
        setProjectSetting: f.bindActionCreators(d.setProjectSetting, a)
      }
    }
  )(i)
})(require('lazyload'), require)
