var emptyTemp = `
<div class="empty-container">
  <div class="empty-content-position">
    <div class="image" :class="stateClass"></div>
    <div class="empty-main tip-text">
      <slot name="default"></slot>
    </div>
  </div>
</div>
`

var emptyComponent = {
  name: 'empty-container',
  template: emptyTemp,
  props: {
    /**
     * 图标名称 back [back cry chagrin sleep smile box]
     */
    state: {
      type: String,
      default: 'back'
    }
  },
  computed: {
    stateClass () {
      const imgType = this.typeSrc[this.state]
      const classArr = [imgType]
      if (!window.utils.$envs.inH5) {
        classArr.push('fixed-position')
      }
      return classArr
    }
  },
  data () {
    return {
      typeSrc: {
        back: 'empty-back',
        cry: 'empty-cry',
        chagrin: 'empty-chagrin',
        sleep: 'empty-sleep',
        smile: 'empty-smile',
        box: 'empty-box'
      }
    }
  }
}