const math = require('../../utils/math') //导入模块
const app = getApp()

Component({
  options: {
    addGlobalClass: true,
    multipleSlots: true
  },
  properties: {
    imageList:{
      type: Array,
      value: []
    },
    clickable:{
      type: Boolean,
      value: false
    },
    square:{
      type: Boolean,
      value: false
    },
    listed:{
      type: Boolean,
      value: false
    }
  },
  data: {
    column: 3,
    height: 115,
    width: 115,
    windowWidth: 345,
    heightList: []
	},
  observers: {
    'imageList': function () {
      if(this.data.imageList.length == 4){
        this.setData({column: 2})
      } else if(this.data.imageList.length >= 5){
        this.setData({column: 3})
      } else if(this.data.imageList.length >= 2){
        this.setData({column: 3})
      } else if(this.data.imageList.length >= 1){
        this.setData({column: 1})
      } else {
        this.setData({column: 0})
      }
    }
  },
  lifetimes: {
    // 生命周期函数，可以为函数，或一个在methods段中定义的方法名
    attached: function () {
      let grap = app.globalData.windowWidth * (60 / 750)
      this.setData({ windowWidth : app.globalData.windowWidth - grap })
    }
  },
  methods: {
    onImageLoad: function(e){
      if(this.data.listed){
        var index = e.currentTarget.dataset.index
        var radio = math.divide(e.detail.height, e.detail.width)
        var height = parseInt(math.times(this.data.windowWidth, radio))
        this.setData({ ['heightList[' + index + ']']: height })
      } else {
        var radio = math.divide(e.detail.height, e.detail.width)
        if(radio == 1){
          this.setData({ width: 128, height: 128 })
        } else if(radio < 0.3){// 太宽了，
          this.setData({ width: 200, height: parseInt(math.times(200, radio)) })
        } else if(radio < 1 && radio >= 0.3) {// 宽了，
          this.setData({ width: 150, height: parseInt(math.times(150, radio)) })
        } else if( radio > 1 && radio <= 3) {// 高了，
          this.setData({ width:  parseInt(math.divide(150, radio)), height: 150 })
        } else if(radio > 3){
          this.setData({ width:  parseInt(math.divide(180, radio)), height: 180 })
        }
      }
    },
    viewImage: function(e){
      if(!this.data.clickable){
        return
      }
      var index = e.currentTarget.dataset.index
			wx.previewImage({ urls: this.data.imageList, current: this.data.imageList[index] })
    }
  }
})