import baseComponent from '../helpers/baseComponent'
import classNames from '../helpers/classNames'

baseComponent({
    relations: {
        '../row/index': {
            type: 'parent',
        },
    },
    properties: {
        prefixCls: {
            type: String,
            value: 'wux-col',
        },
        span: {
            value: 0,
            type: Number,
        },
        offset: {
            value: 0,
            type: Number,
        },
        pull: {
            value: 0,
            type: Number,
        },
        push: {
            value: 0,
            type: Number,
        },
    },
    data: {
        colStyle: '',
    },
    computed: {
        classes() {
            const { prefixCls, span, offset, pull, push } = this.data
            const wrap = classNames(prefixCls, {
                [`${prefixCls}--span-${span}`]: span,
                [`${prefixCls}--offset-${offset}`]: offset,
                [`${prefixCls}--pull-${pull}`]: pull,
                [`${prefixCls}--push-${push}`]: push,
            })

            return {
                wrap,
            }
        },
    },
    methods: {
        updateStyle(colStyle) {
            if (this.data.colStyle !== colStyle) {
                this.setData({
                    colStyle,
                })
            }
        },
    },
})