import {Component, Prop, Vue, Emit, Watch} from 'vue-property-decorator';

@Component
export default class EflyCheckbox extends Vue {
  @Prop({default: () => false}) private active!: boolean;
  @Prop({default: () => false}) private disabled!: any;
  @Prop({default: () => ''}) private size!: any;

  @Watch('disabled') disabledChange($event: any){
    this.status.disabled = $event === '' || $event;
  }
  private status: any = {
    disabled: false
  };

  private mounted() {
    this.status.disabled = this.disabled === '' || this.disabled ? true : false;
  }

  /**
   * radio单选框选择事件
   */
  private eventChange() {
    if(!this.status.disabled){
      this.$emit('click');
    }
  }
}