2.0.3 • Published 4 years ago

bee-step v2.0.3

Weekly downloads
101
License
MIT
Repository
github
Last release
4 years ago

bee-step

npm version Build Status Coverage Status devDependency Status NPM downloads Average time to resolve an issue Percentage of issues still open

Browser Support

IEChromeFirefoxOperaSafari
IE 9+ ✔Chrome 31.0+ ✔Firefox 31.0+ ✔Opera 30.0+ ✔Safari 7.0+ ✔

当任务复杂或具有子任务的系列一定的序列,我们可以将它分解成几个步骤,让事情变得更容易。

使用

使用单独的bee-step包

组件引入

先进行下载bee-step包

npm install --save bee-step

```js
import Step from 'bee-step';
const Steps = Step.Steps;
class Demo1 extends Component {
    render () {
        return (
            <Step.Steps current={1}>
	            <Step title="Finished" description="This is a description." />
	            <Step title="In Progress" description="This is a description." />
	            <Step title="Waiting" description="This is a description." />
	        </Step.Steps>
        )
    }
}

render(Demo1,document.getElementById('app'));

API

PropertyDescriptionTypeDefault
status自动设置当前step的状态(wait,process,finish,error)string-
titlestep的标题(string,ReactNode)-
descriptionstep的细节描述,可选的属性(string,ReactNode)-
icon设置当前step为icon,可选的属性string,ReactNode-

Step.Steps

PropertyDescriptionTypeDefault
current设置当前步骤,从0开始计数。可以使用步骤状态重写此状态。number0
status指定当前步骤的状态(danger,info,news,warning,sucess,process)stringprocess
size设置step bar的大小(default,samll)stringdefault
direction设置step bar的方向(horizontal,vertical)stringhorizontal

开发调试

$ npm install -g bee-tools
$ git clone https://github.com/tinper-bee/bee-step
$ cd bee-step
$ npm install
$ npm run dev
2.0.3

4 years ago

2.0.2

4 years ago

2.0.1

5 years ago

2.0.1-alpha.4

5 years ago

2.0.1-alpha.3

5 years ago

2.0.1-alpha.2

5 years ago

2.0.1-alpha.1

5 years ago

2.0.1-alpha.0

5 years ago

2.0.0

5 years ago

1.1.0

5 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

7 years ago

0.1.1

7 years ago

0.0.6

7 years ago

0.0.5

7 years ago

0.0.4

7 years ago

0.0.3

7 years ago

0.0.2

7 years ago

0.0.1

7 years ago