<template>
<el-steps :active="active" align-center class="glp-steps" :class="[processCls]">
<slot></slot>
</el-steps>
</template>

<script lang="ts">

import { Vue, Component, Prop, Ref } from 'vue-property-decorator'

@Component
export default class GlpSteps extends Vue {
  @Prop(Number) active!: number

  @Prop(Boolean) process!: boolean // 纯进度条模式

  get processCls () {
    return this.process ? 'glp-steps--process' : ''
  }
}
</script>

<style lang="scss">
@import "./style/index.scss";

</style>
