1234567891011121314151617181920212223242526272829303132 |
- import { ElStep, ElIcon } from 'element-plus'
- import { WarningFilled } from '@element-plus/icons-vue'
- import { generateProps } from '../helper/component-util'
- import { componentScheme } from './step.scheme'
- import './index.less'
- export default {
- name: 'cip-step',
- props: generateProps(componentScheme),
- setup (props, { emit, slots }) {
- return () => <>
- {
- props.status === 'error' // error状态的图标根据ui规范特殊处理,带有状态属性时,传入icon会显示异常
- ? <ElStep {...props} status="process">
- {{
- icon: () => <ElIcon class="is-error-icon"><WarningFilled/></ElIcon>,
- title: slots.title?.(),
- description: slots.description?.()
- }}
- </ElStep>
- : <ElStep {...props}>
- {{
- icon: slots.icon?.(),
- title: slots.title?.(),
- description: slots.description?.()
- }}
- </ElStep>
- }
- </>
- }
- }
|