/*******************************************************************************
 * Copyright(c) 2022 dongke All rights reserved. / Confidential
 * 类的信息：
 *		1.程序名称：
 *		2.功能描述：dkVanTag组件
 * 编辑履历：
 *		作者				日期					版本				修改内容
 *		admin		  	2021-7-7  		1.00		   	  新建
 *******************************************************************************/
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    /**
     * 传入的数据，供事件返回
     */
    dataItem:{
      type:Object,
      value:{}
    },
    dataItemIndex:{
      type:Number,
    },
    dataItemIndex2:{
      type:Number,
    },
    /**
     * 输入的数据
     */
		value: {
			type: String,
      value: '',
      observer: function (newVal) {
        // 处理数据
        this.handleData(newVal);
      }
    },
    /**
     * 边框
     */
    border:{
      type:String,
      value:''
    },
    /**
     * 颜色
     */
    color:{
      type:String,
      value:'#95A8CB'
    },
    /**
     * 文本颜色
     */
    textColor:{
      type:String,
      value:'#fff'
    },
    /**
     * 高度
     */
    height:{
      type:String,
      value:'27rpx'
    },
    /**
     * 右边距
     */
    marginRight:{
      type:String,
      value:''
    },
    /**
     * 是否是四周圆角
     */
    roundFlag:{
      type:Boolean,
      value:false
    },
    /**
     * 圆角角度
     */
    radius:{
      type:String,
      value:'15rpx'
    },
    /**
     * 类型
     */
    type:{
      type:String,
      value:'danger'
    },
    /**
     * 大小
     */
    size:{
      type:String,
      value:''
    },
    /**
     * 是否为空心样式
     */
    plain:{
      type:Boolean,
      value:false
    },
    /**
     * 是否为圆角样式
     */
    round:{
      type:Boolean,
      value:false
    },
    /**
     * 是否为可关闭标签
     */
    closeable:{
      type:Boolean,
      value:false
    },
    /**
     * 字体大小（默认10px)
     */
    fontSize:{
      type:String,
      value:'10px'
    },
    /**
     * 内边距
     */
    padding:{
      type:String,
      value:'0 5rpx'
    }
  },
  options: {
   
    styleIsolation: 'shared',
  },

  /**
   * 组件的初始数据
   */
  data: {
    displayValue:'',
  },

  /**
   * 组件的方法列表
   */
  methods: {
    handleData(val){
      let inputValue = ''
      // 对内容进行处理
      if(val == undefined || val == null ){
        inputValue = '';
      }else{
        inputValue = val;
      }
      this.setData({
        displayValue:inputValue
      })
    },
    /**
   * 绑定方法
   */
    tapClick(e){
      this.triggerEvent('tap', {
        item:this.data.dataItem,
        index:this.data.dataItemIndex,
        index2:this.data.dataItemIndex2,
      })
    },
  },
  /**
  * 组件生命周期
  */
  lifetimes: {
    attached: function () {
    },
    detached: function () {
      // 在组件实例被从页面节点树移除时执行
    },
  },
})
