<template>
  <div style="padding: 30px;">
    <a-steps
      progress-dot
      v-model:current="current"
      direction="vertical"
      :items="statusItems"
    ></a-steps>
  </div>
</template>

<script setup lang="ts">
import {ref, computed} from "vue"
const props = defineProps(['statusData','statusItems'])

const stepIndexMap = {
  0: 0,
  1: 1,
  2: 1,
  3: 2,
  4: 2,
  6: 3,
  7: 4,
  8: 5,
}
const current = computed(() => stepIndexMap[props.statusData])
</script>

<style lang="scss" scoped></style>
