import TyComponent from '../common/component'

TyComponent({
  /**
   * 组件的属性列表
   */
  properties: {

    name: {
      type: String
    },
    value: {
      type: Number
    },
    count: {
      type: Number,
      value: 5
    },
    size: {
      type: [String, Number],
      value: '20px'
    },
    gutter: {
      type: [String, Number],
      value: 'number'
    },
    color: {
      type: String,
      value: '#ff9900'
    },
    voidColor: {
      type: String,
      value: '#bfbfbf'
    },
    icon: {
      type: String,
      value: 'SuMo_star_a'
    },
    voidIcon: {
      type: String,
      value: 'LiRo_star_a'
    },
    allowHalf: {
      type: Boolean,
      value: false
    },
    readonly: {
      type: Boolean,
      value: false
    },
    disabled: {
      type: Boolean,
      value: false
    },
    disabledColor: {
      type: String,
      value: '#bfbfbf'
    },
    touchable: {
      type: Boolean,
      value: true
    },
    customClass: {
      type: String
    },
    iconClass: {
      type: String
    }

  },

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

  },

  /**
   * 组件的方法列表
   */
  methods: {
    handleChange({detail}) {
      this.triggerEvent('change', detail)
    },
  }
})
