element-plus/lib/el-steps/index.js

A Component Library for Vue3.0

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var constants = require('../utils/constants');

var script = vue.defineComponent({
    name: 'ElSteps',
    props: {
        space: {
            type: [Number, String],
            default: '',
        },
        active: {
            type: Number,
            default: 0,
        },
        direction: {
            type: String,
            default: 'horizontal',
            validator: (val) => ['horizontal', 'vertical'].includes(val),
        },
        alignCenter: {
            type: Boolean,
            default: false,
        },
        simple: {
            type: Boolean,
            default: false,
        },
        finishStatus: {
            type: String,
            default: 'finish',
            validator: (val) => ['wait', 'process', 'finish', 'error', 'success'].includes(val),
        },
        processStatus: {
            type: String,
            default: 'process',
            validator: (val) => ['wait', 'process', 'finish', 'error', 'success'].includes(val),
        },
    },
    emits: [constants.CHANGE_EVENT],
    setup(props, { emit }) {
        const steps = vue.ref([]);
        vue.watch(steps, () => {
            steps.value.forEach((instance, index) => {
                instance.setIndex(index);
            });
        });
        vue.provide('ElSteps', { props, steps });
        vue.watch(() => props.active, (newVal, oldVal) => {
            emit(constants.CHANGE_EVENT, newVal, oldVal);
        });
        return {
            steps,
        };
    },
});

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (vue.openBlock(), vue.createBlock("div", {
    class: ['el-steps', _ctx.simple ? 'el-steps--simple' : `el-steps--${_ctx.direction}`]
  }, [
    vue.renderSlot(_ctx.$slots, "default")
  ], 2 /* CLASS */))
}

script.render = render;
script.__file = "packages/steps/src/index.vue";

script.install = (app) => {
    app.component(script.name, script);
};
const _Steps = script;

exports.default = _Steps;