/*******************************************************************************
 * Copyright(c) 2022 dongke All rights reserved. / Confidential
 * 类的信息：
 *		1.程序名称：
 *		2.功能描述：组件-省市区
 * 编辑履历：
 *		作者				日期					版本				修改内容
 *		admin		  	2022-11-17    1.00		   	  新建
 *******************************************************************************/
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    style:String,//自定义样式
    value: String,//当前选中的省市区code
    title: String,//顶部栏标题
    areaList: Object,//省市区数据，格式见下方
    //省市区显示列数，3-省市区，2-省市，1-省
    columnsNum: {
      type: String,
      value: '3'
    },
    //列占位提示文字
    columnsPlaceholder: {
      type: Array,
      value: []
    },
    loading: Boolean,//是否显示加载状态
    //选项高度
    itemHeight: {
      type: Number,
      value: 44
    },
    //可见的选项个数
    visibleItemCount: {
      type: Number,
      value: 6
    },
    //确认按钮文字
    confirmButtonText: {
      type: String,
      value: '确认'
    },
    //取消按钮文字
    cancelButtonText: {
      type: String,
      value: '取消'
    },
    //是否显示顶部栏
    showToolbar: {
      type: Boolean,
      value: true
    },
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * 点击右上方完成按钮
     * @param {*} e 
     */
    onConfirm(e) {
      this.triggerEvent("confirm", e)
    },
    /**
     * 点击取消按钮时
     * @param {*} e 
     */
    onCancel(e) {
      this.triggerEvent("cancel", e)
    },
    /**
     * 选项改变时触发
     * @param {*} e 
     */
    onChange(e) {
      this.triggerEvent("change", e)
    },
  }
})
