import { Component, ComponentProps, Event } from "waft";
import { JSON, JSONObject } from "waft-json";
import { lodash } from "waft-ui-common";



export class TimePicker extends Component {
  pickerCurrentData: JSONObject = new JSONObject() //选择器当前数据
  constructor(props: ComponentProps) {
    super(props);
  }

  willMount(props: JSONObject): void {
    console.log("测试timePickerData构造");
    let minHour = lodash.getInt(props, "minHour", 1)
    let maxHour = lodash.getInt(props, "maxHour", 12)
    let minMinute = lodash.getInt(props, "minMinute", 1)
    let maxMinute = lodash.getInt(props, "maxMinute", 59)
    console.log("测试timePickerData构造");
    // 构造timePickerData
    let timePickerData:Array<JSONObject>  =new Array()
    let options1: JSONObject = new JSONObject()
    options1.set("options",JSON.parseArray(`["上午", "下午"]`))
    options1.set("index",0)
    timePickerData.push(options1)
    let hourOption:Array<string> = new Array()
    for(let i = minHour;i <= maxHour;i++){
        hourOption.push(i.toString())
    }
    let options2: JSONObject = new JSONObject()
    options2.set("options",hourOption)
    options2.set("index",0)
    timePickerData.push(options2)
    let minuteOption:Array<string> = new Array()
    for(let i = minMinute;i <= maxMinute;i++){
        minuteOption.push(i.toString())
    }
    let options3: JSONObject = new JSONObject()
    options3.set("options",minuteOption)
    options3.set("index",0)
    timePickerData.push(options3)

    let stateData: JSONObject = new JSONObject();
    stateData.set("timePickerData", timePickerData);  
    this.setState(stateData);

    // 初始化pickerCurrentData
    this.pickerCurrentData.set("startTime", new Array<JSONObject>())
    this.pickerCurrentData.set("endTime", new Array<JSONObject>())
    for(let i=0;i<timePickerData.length;i++){
      let objTmp:JSONObject = new JSONObject()
      objTmp.set("index",0)
      objTmp.set("value",(timePickerData[i] as JSONObject).getArray("options").value[0])
      this.pickerCurrentData.getArray("startTime").push(objTmp)
    }
    for(let i=0;i<timePickerData.length;i++){
      let objTmp:JSONObject = new JSONObject()
      objTmp.set("index",0)
      objTmp.set("value",(timePickerData[i] as JSONObject).getArray("options").value[0])
      this.pickerCurrentData.getArray("endTime").push(objTmp)
    }
  }
  didMount(): void {}
  
  onChange(e: Event): void{
    console.log(e.toString());
    let data = e.toJSONObject().getObject("data");
    this.props.dispatch("onChange", data)
    // 更新选择器当前数据
    if(data.getInteger("column-index") < 3){
      let objTmp:JSONObject = new JSONObject()
      objTmp.set("index",data.getInteger("index"))
      objTmp.set("value",data.getString("value"))
      this.pickerCurrentData.getArray("startTime").value[data.getInteger("column-index") as i32]= objTmp
    }else{
      let objTmp:JSONObject = new JSONObject()
      objTmp.set("index",data.getInteger("index"))
      objTmp.set("value",data.getString("value"))
      this.pickerCurrentData.getArray("endTime").value[data.getInteger("column-index")-3 as i32]= objTmp
    }
  }

  onConfirm(e: Event): void{
    let statusTmp:JSONObject = new JSONObject()
    statusTmp.set("timePickerValue", this.pickerCurrentData)
    this.props.dispatch("onConfirm",statusTmp)
  }

  onCancel(e: Event): void{
    let statusTmp:JSONObject = new JSONObject()
    statusTmp.set("timePickerValue", this.pickerCurrentData)
    this.props.dispatch("onCancel",statusTmp)
  }
}