/*******************************************************************************
 * Copyright(c) 2022 dongke All rights reserved. / Confidential
 * 类的信息：
 *		1.程序名称：
 *		2.功能描述：组件-搜索组件
 * 编辑履历：
 *		作者				日期					版本				修改内容
 *		admin		  	2022-11-17    1.00		   	  新建
 *******************************************************************************/
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    name:String,//在表单内提交时的标识符
    label:String,//搜索框左侧文本
    //形状，可选值为 round
    shape:{
      type:String,
      value:'square'
    },
    value:String,//当前输入的值
    //搜索框背景色
    background:{
      type:String,
      value:'#f2f2f2'
    },
    //是否在搜索框右侧显示取消按钮
    showAction:Boolean,//是否在搜索框右侧显示取消按钮
    // 取消按钮文字
    actionText:{
      type:String,
      value:'取消'
    },
    // 获取焦点
    focus:Boolean,
    // 是否将输入内容标红
    error:Boolean,
    // 是否禁用输入框
    disabled:Boolean,
    // 是否只读
    readonly:Boolean,
    // 是否启用清除控件
    clearable:{
      type:Boolean,
      value:true
    },
    // 最大输入长度，设置为 -1 的时候不限制最大长度
    maxlength:{
      type:Number,
      value:-1
    },
    // 是否使用 action slot
    useActionSlot:Boolean,
    placeholder:String,//输入框为空时占位符
    //输入框内容对齐方式，可选值为 center right
    inputAlign:{
      type:String,
      value:'left'
    },    
  },

  options: {
    multipleSlots: true,//插槽
  },
  
  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    /**
     * 输入内容变化时触发
     * @param {*} e 
     */
    onChangeText(e){ 
      this.triggerEvent("change",e)
    },
    /**
     * 确定搜索时触发
     * @param {*} e 
     */
    doSearch(e){ 
      this.triggerEvent("search",e)
    }
  }
})
