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

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

    private status: any = {
        disabled: false,
        buttonGroup: true,
        buttonGroundLineIndex: 0,
        buttonGroundLineHeader: false,                 // 是否是按钮组的第一个,行头
    };
    lineMargin: any = 0;                               // 行间距

    private mounted() {

    }

    private created(){

    }

    @Watch('disabled', {immediate: true})
    private watchDisabled(value: any) {
        if (this.disabled === '') {
            this.status.disabled = true;
        } else if (this.disabled) {
            this.status.disabled = this.disabled;
        } else {
            this.status.disabled = false;
        }
    }

    private click() {
        if (!this.status.disabled) {
            this.$emit('click');
        } else {
            this.$emit('error');
        }
    }

    private mouseenter() {
        this.$emit('mouseenter');
    }

    private mouseleave() {
        this.$emit('mouseleave');
    }
}