import { VantComponent } from '../common/component';
VantComponent({
    relations: {
        '../badge/index': {
            type: 'descendant',
            linked(target) {
                this.data.badges.push(target);
                this.setActive();
            },
            unlinked(target) {
                this.data.badges = this.data.badges.filter(item => item !== target);
                this.setActive();
            }
        }
    },
    props: {
        active: {
            type: Number,
            value: 0,
            observer: 'setActive'
        }
    },
    data: {
        badges: []
    },
    beforeCreate() {
        this.currentActive = -1;
    },
    methods: {
        setActive(badge) {
            let { active } = this.data;
            const { badges } = this.data;
            if (badge) {
                active = badges.indexOf(badge);
            }
            if (active === this.currentActive) {
                return;
            }
            if (this.currentActive !== -1 && badges[this.currentActive]) {
                this.$emit('change', active);
                badges[this.currentActive].setActive(false);
            }
            if (badges[active]) {
                badges[active].setActive(true);
                this.currentActive = active;
            }
        }
    }
});