'use strict'
!(function(require, directRequire) {
  const a = require('react'),
    b = require('./1fcc6bd55b687d154a4247e57fe3011d.js'),
    c = require('./d3ce001ab1e75959382f6a7e0156dd17.js'),
    d = require('./875171e7b864aa58d026d4fa0999fbd1.js'),
    { connect: e } = require('react-redux')
  class f extends a.Component {
    constructor(a) {
      super(a), (this.state = { show: a.tips }), a.tips && this.hideTips()
    }
    componentWillReceiveProps(a) {
      a.tips != this.props.tips &&
        (this.setState({ show: a.tips }), a.tips && this.hideTips())
    }
    hideTips() {
      this.timeout && clearTimeout(this.timeout),
        (this.timeout = setTimeout(() => {
          this.setState({ show: !1 })
        }, 1500))
    }
    onAnimationOut() {
      this.state.show || this.props.showSuccessTip('')
    }
    render() {
      const b = this.props
      return a.createElement(
        d,
        {
          show: this.state.show,
          inClassName: 'ui-animate-swipeInLeft ui-notice',
          outClassName: 'ui-animate-swipeOutRight ui-notice',
          onAnimationOut: this.onAnimationOut.bind(this)
        },
        a.createElement(
          'div',
          { className: 'ui-notice-icon' },
          a.createElement('i', { className: 'ui-icon-success' })
        ),
        a.createElement(
          'div',
          { className: 'ui-notice-content' },
          a.createElement('p', null, b.tips)
        )
      )
    }
  }
  module.exports = e(
    a => {
      return { tips: a.info.successTip }
    },
    a => {
      return {
        showSuccessTip: c => {
          a(b.showSuccessTip(c))
        }
      }
    }
  )(f)
})(require('lazyload'), require)
