<script>
    import Vue from 'vue';
    import {Steps} from 'view-design'
    import FunctionComponent from '../../../libs/utils/FunctionComponent'

    const _Steps = Vue.extend({
        name: 'HtBaseSteps',
        extends: Steps,
    })

    Array.prototype.remove = function (val) {
        let index = this.indexOf(val);
        if (index > -1) {
            this.splice(index, 1);
        }
    };
    export default FunctionComponent(_Steps, 'ht-base-steps', 'i', {
        preDispose(ctx) {
            //指示器
            if (ctx.props.indicator == '') {
                this.class.push('ht-base-steps-indicator')
            }
            if (ctx.props.indicator == '' && ctx.props.direction == 'vertical') {
                this.class.remove('ht-base-steps-indicator')
            }
            //点状
            // if (ctx.props.dot == '') {
            //     this.class.push('ht-base-steps-dot')
            // }
        }
    })
</script>
