Component({
  options: {
    addGlobalClass: true
  },
  properties: {
    type: {
      type: String,
      value: 'error',
      observer: '_typeChange'
    },
    show: {
      type: Boolean,
      value: false,
      observer: '_showChange'
    },
    msg: {
      type: String,
      value: ''
    },
    delay: {
      type: Number,
      value: 2000
    },
    extClass: {
      type: String,
      value: ''
    }
  },
  data: {
    typeClassMap: {
      warn: 'weui-toptips_warn',
      info: 'weui-toptips_info',
      success: 'weui-toptips_success',
      error: 'weui-toptips_error'
    }
  },
  lifetimes: {
    attached() {
      const data = this.data
      this.setData({
        className: data.typeClassMap[data.type] || ''
      })
    },
  },

  methods: {
    _typeChange(newVal) {
      this.setData({
        className: this.data.typeClassMap[newVal] || ''
      })
      return newVal
    },
    _showChange(newVal) {
      this._showToptips(newVal)
    },
    _showToptips(newVal) {
      if (newVal && this.data.delay) {
        setTimeout(() => {
          this.setData({
            show: false
          }, () => {
            // tooltips 隐藏了，触发 hide 事件
            this.triggerEvent('hide', {}, {})
          })
        }, this.data.delay)
      }
      this.setData({
        show: newVal
      })
    }
  }
})