1234567891011121314151617181920 |
- import { layoutProps } from '../layout-props'
- import { ElTimeline, ElTimelineItem } from 'element-plus'
- import './index.less'
- export default {
- props: layoutProps,
- setup (props, { slots }) {
- const Item = (option, index) => {
- const { children: step, ...stepConfig } = option
- const title = !props.config.hideIndex ? `第${index + 1}步:${stepConfig.title}` : stepConfig.title
- return <ElTimelineItem class={'cip-steps-view__item'} timestamp={title} placement="top">
- {slots.item?.({ col: step })}
- </ElTimelineItem>
- }
- return () => (
- <ElTimeline class={'cip-steps-view'}>
- {props.config.options?.map(Item)}
- </ElTimeline>
- )
- }
- }
|