const _Component = require("../../__antmove/component/componentClass.js")(
    "Component"
);
my.setStorageSync({
    key: "activeComponent",
    data: {
        is: "dist/tabs/index"
    }
});

_Component({
    externalClasses: ["i-class"],
    relations: {
        "../tab/index": {
            type: "child",

            linked() {
                this.changeCurrent();
            },

            linkChanged() {
                this.changeCurrent();
            },

            unlinked() {
                this.changeCurrent();
            }
        }
    },
    properties: {
        current: {
            type: String,
            value: "",
            observer: "changeCurrent"
        },
        color: {
            type: String,
            value: ""
        },
        scroll: {
            type: Boolean,
            value: false
        },
        fixed: {
            type: Boolean,
            value: false
        }
    },
    methods: {
        changeCurrent(val = this.data.current) {
            let items = this.getRelationNodes("../tab/index");
            const len = items.length;

            if (len > 0) {
                items.forEach(item => {
                    item.changeScroll(this.data.scroll);
                    item.changeCurrent(item.data.type === val);
                    item.changeCurrentColor(this.data.color);
                });
            }
        },

        emitEvent(key) {
            this.triggerEvent("change", {
                key
            });
        }
    }
});
