{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/steps/src/index.vue"],"sourcesContent":["<template>\r\n  <div\r\n    :class=\"[\r\n      'sg-steps',\r\n      simple ? 'sg-steps--simple' : `sg-steps--${direction}`,\r\n    ]\"\r\n  >\r\n    <slot></slot>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, watch, ref, provide } from 'vue'\r\n\r\nimport { CHANGE_EVENT } from '@sgui-plus/utils/constants'\r\nimport type { IStepItemProps } from './item.vue'\r\n\r\nexport default defineComponent({\r\n  name: 'SgSteps',\r\n  props: {\r\n    space: {\r\n      type: [Number, String],\r\n      default: '',\r\n    },\r\n    activeStep: {\r\n      type: Number,\r\n      default: 0,\r\n    },\r\n    direction: {\r\n      type: String,\r\n      default: 'horizontal',\r\n      validator: (val: string): boolean =>\r\n        ['horizontal', 'vertical'].includes(val),\r\n    },\r\n    alignCenter: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    simple: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    finishStatus: {\r\n      type: String,\r\n      default: 'finish',\r\n      validator: (val: string): boolean =>\r\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\r\n    },\r\n    processStatus: {\r\n      type: String,\r\n      default: 'process',\r\n      validator: (val: string): boolean =>\r\n        ['wait', 'process', 'finish', 'error', 'success'].includes(val),\r\n    },\r\n    completedSymbol: {\r\n      type: String,\r\n      default: 'number',\r\n      validator: (val: string): boolean =>\r\n        ['number', 'check', 'error'].includes(val),\r\n    },\r\n    lineSize: Number,\r\n    contentDirection: {\r\n      type: String,\r\n      default: 'row'\r\n    }\r\n  },\r\n  emits: [CHANGE_EVENT, 'on-step-item-click'],\r\n  setup(props, { emit }) {\r\n    const steps = ref([])\r\n\r\n    watch(steps, () => {\r\n      steps.value.forEach((instance: any, index) => {\r\n        instance.setIndex(index)\r\n      })\r\n    })\r\n\r\n    const stepClick = (index: number, item: IStepItemProps) => {\r\n      emit(\"on-step-item-click\", index, item)\r\n    }\r\n\r\n    provide('StepsContextKey', { props, steps, stepClick })\r\n\r\n    watch(\r\n      () => props.activeStep,\r\n      (newVal, oldVal) => {\r\n        emit(CHANGE_EVENT, newVal, oldVal)\r\n      }\r\n    )\r\n\r\n\r\n\r\n    return {\r\n      steps,\r\n    }\r\n  },\r\n})\r\n</script>\r\n"],"names":["_normalizeClass"],"mappings":";;;;AAEU,SAAA,WAAA,CAAA,IAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA;;WAA8BA,cAAM,CAAA;AAAA,MAAA,UAAA;;AAK1C,KAAA,CAAA;AAAA,GAAA,EAAA;;;;;;;;"}