feat: update steps

pull/309/head
wangxueliang 2018-11-30 10:50:26 +08:00
parent e8743ec48d
commit 3d41b55ba3
3 changed files with 11 additions and 4 deletions

View File

@ -10,6 +10,7 @@ The whole of the step bar.
| progressDot | Steps with progress dot style, customize the progress dot by setting a scoped slot. labelPlacement will be `vertical` | Boolean or slot="progressDot" slot-scope="{index, status, title, description, prefixCls})" | false |
| size | to specify the size of the step bar, `default` and `small` are currently supported | string | `default` |
| status | to specify the status of current step, can be set to one of the following values: `wait` `process` `finish` `error` | string | `process` |
| initial | set the initial step, counting from 0 | number | 0 |
### Steps.Step

View File

@ -2,12 +2,15 @@
import PropTypes from '../_util/vue-types'
import { initDefaultProps, getOptionProps, getComponentFromProp } from '../_util/props-util'
import VcSteps from '../vc-steps'
import Icon from '../icon'
const getStepsProps = (defaultProps = {}) => {
const props = {
prefixCls: PropTypes.string,
iconPrefix: PropTypes.string,
current: PropTypes.number,
initial: PropTypes.number,
labelPlacement: PropTypes.oneOf(['horizontal', 'vertical']),
status: PropTypes.oneOf(['wait', 'process', 'finish', 'error']),
size: PropTypes.oneOf(['default', 'small']),
direction: PropTypes.oneOf(['horizontal', 'vertical']),
@ -29,13 +32,15 @@ const Steps = {
Step: { ...VcSteps.Step, name: 'AStep' },
render () {
const props = getOptionProps(this)
const { prefixCls } = props
const icons = {
finish: <Icon type='check' className={`${prefixCls}-finish-icon`} />,
error: <Icon type='close' className={`${prefixCls}-error-icon`} />,
}
const stepsProps = {
props: {
...props,
icons: props.icons || {
error: getComponentFromProp(this, 'icons.error'),
finish: getComponentFromProp(this, 'icons.finish'),
},
icons,
},
on: this.$listeners,
scopedSlots: this.$scopedSlots,

View File

@ -11,6 +11,7 @@
| progressDot | 点状步骤条,可以设置为一个 作用域插槽,labelPlacement 将强制为`vertical` | Boolean or slot="progressDot" slot-scope="{index, status, title, description, prefixCls})" | false |
| size | 指定大小,目前支持普通(`default`)和迷你(`small` | string | default |
| status | 指定当前步骤的状态,可选 `wait` `process` `finish` `error` | string | process |
| initial | 起始序号,从 0 开始记数 | number | 0 |
### Steps.Step