Latest updates from IceHrmPro
This commit is contained in:
Thilina Pituwala
102
web/node_modules/rc-steps/HISTORY.md
generated
vendored
Normal file
102
web/node_modules/rc-steps/HISTORY.md
generated
vendored
Normal file
@@ -0,0 +1,102 @@
|
||||
# History
|
||||
----
|
||||
|
||||
## 3.5.0
|
||||
|
||||
- Support `navigation` type & `disabled` prop.
|
||||
|
||||
## 3.4.0
|
||||
|
||||
- Support `onChange` event.
|
||||
|
||||
## 3.3.0
|
||||
|
||||
- Add `icons` prop for change preset icon.
|
||||
|
||||
## 3.2.0
|
||||
|
||||
- Add `initial` prop.
|
||||
|
||||
## 3.1.0
|
||||
|
||||
- Add `tailContent`.
|
||||
|
||||
## 3.0.0
|
||||
|
||||
- Rewrite from bottom.
|
||||
|
||||
## 2.5.1
|
||||
|
||||
* Support react@15.5
|
||||
|
||||
## 2.5.0
|
||||
|
||||
* Refactor for last tail style.
|
||||
|
||||
## 2.4.0
|
||||
|
||||
* Refactor for extra width of tail. https://github.com/ant-design/ant-design/issues/5083
|
||||
|
||||
## 2.3.0
|
||||
|
||||
* Add new step style of prop `progressDot`.
|
||||
|
||||
## 2.2.0
|
||||
|
||||
* `icon` can be React.Node now.
|
||||
|
||||
## 2.1.0
|
||||
|
||||
* Add `labelPlacement`, support vertial title and description
|
||||
|
||||
## 2.0.0
|
||||
|
||||
* Refactor for better layout
|
||||
|
||||
## 1.5
|
||||
|
||||
* add `status` property of `Steps`
|
||||
|
||||
## 1.4
|
||||
|
||||
* update react to 0.14
|
||||
|
||||
## 1.3
|
||||
|
||||
* add `current` property of `Steps`
|
||||
|
||||
## 1.2.3
|
||||
|
||||
* fix publish
|
||||
|
||||
## 1.2.2
|
||||
|
||||
* remove vertical `maxDescriptionWidth`
|
||||
|
||||
## 1.2.1
|
||||
|
||||
* fix vertical `maxDescriptionWidth`
|
||||
|
||||
## 1.2.0
|
||||
|
||||
* add vertical steps
|
||||
|
||||
## 1.1.4
|
||||
|
||||
* fix layout algorithm
|
||||
|
||||
## 1.1.3
|
||||
|
||||
* support `iconPrefix` property, default is `rc`
|
||||
|
||||
## 1.1.2
|
||||
|
||||
* fix bugs
|
||||
|
||||
## 1.1.1
|
||||
|
||||
* support `maxDescriptionWidth` property, default is 120
|
||||
|
||||
## 1.1.0
|
||||
|
||||
* support `prefixCls` property, default is `rc-steps`
|
||||
9
web/node_modules/rc-steps/LICENSE.md
generated
vendored
Normal file
9
web/node_modules/rc-steps/LICENSE.md
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2014-present yiminghe
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
176
web/node_modules/rc-steps/README.md
generated
vendored
Normal file
176
web/node_modules/rc-steps/README.md
generated
vendored
Normal file
@@ -0,0 +1,176 @@
|
||||
# rc-steps
|
||||
|
||||
---
|
||||
|
||||
React steps component.
|
||||
|
||||
[![NPM version][npm-image]][npm-url]
|
||||
[![build status][travis-image]][travis-url]
|
||||
[![Test coverage][coveralls-image]][coveralls-url]
|
||||
[![npm download][download-image]][download-url]
|
||||
|
||||
[npm-image]: http://img.shields.io/npm/v/rc-steps.svg?style=flat-square
|
||||
[npm-url]: http://npmjs.org/package/rc-steps
|
||||
[download-image]: https://img.shields.io/npm/dm/rc-steps.svg?style=flat-square
|
||||
[download-url]: https://npmjs.org/package/rc-steps
|
||||
[travis-image]: https://img.shields.io/travis/react-component/steps.svg?style=flat-square
|
||||
[travis-url]: https://travis-ci.org/react-component/steps
|
||||
[coveralls-image]: https://img.shields.io/coveralls/react-component/steps.svg?style=flat-square
|
||||
[coveralls-url]: https://coveralls.io/r/react-component/steps?branch=master
|
||||
|
||||
## Usage
|
||||
|
||||
```bash
|
||||
npm install rc-steps
|
||||
```
|
||||
|
||||
```jsx
|
||||
<Steps current={1}>
|
||||
<Steps.Step title="first" />
|
||||
<Steps.Step title="second" />
|
||||
<Steps.Step title="third" />
|
||||
</Steps>
|
||||
```
|
||||
|
||||
## Example
|
||||
|
||||
http://localhost:8002/examples
|
||||
|
||||
online example: http://react-component.github.io/steps/examples/
|
||||
|
||||
## API
|
||||
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 100px;">name</th>
|
||||
<th style="width: 50px;">type</th>
|
||||
<th style="width: 50px;">default</th>
|
||||
<th>description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>type</td>
|
||||
<td>string</td>
|
||||
<td>default</td>
|
||||
<td>diretypetion of Steps, enum: `default` or `navigation`</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>direction</td>
|
||||
<td>string</td>
|
||||
<td>horizontal</td>
|
||||
<td>direction of Steps, enum: `horizontal` or `vertical`</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>current</td>
|
||||
<td>number</td>
|
||||
<td>0</td>
|
||||
<td>index of current step</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>initial</td>
|
||||
<td>number</td>
|
||||
<td>0</td>
|
||||
<td>index initial</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>size</td>
|
||||
<td>string</td>
|
||||
<td></td>
|
||||
<td>size of Steps, could be `small`</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>labelPlacement</td>
|
||||
<td>string</td>
|
||||
<td></td>
|
||||
<td>placement of step title, could be `vertical`</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>status</td>
|
||||
<td>string</td>
|
||||
<td>wait</td>
|
||||
<td>status of current Steps, could be `error` `process` `finish` `wait`</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>icons</td>
|
||||
<td>{ finish: ReactNode, error: ReactNode }</td>
|
||||
<td></td>
|
||||
<td>spicify the default finish icon and error icon</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>onChange</td>
|
||||
<td>(current: number) => void</td>
|
||||
<td></td>
|
||||
<td>Trigger when Step changed</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
### Steps.Step
|
||||
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 100px;">name</th>
|
||||
<th style="width: 50px;">type</th>
|
||||
<th style="width: 50px;">default</th>
|
||||
<th>description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>title</td>
|
||||
<td>ReactNode</td>
|
||||
<td></td>
|
||||
<td>title of step item</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>subTitle</td>
|
||||
<td>ReactNode</td>
|
||||
<td></td>
|
||||
<td>subTitle of step item</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>description</td>
|
||||
<td>ReactNode</td>
|
||||
<td></td>
|
||||
<td>description of step item</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>icon</td>
|
||||
<td>ReactNode</td>
|
||||
<td></td>
|
||||
<td>set icon of step item</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>status</td>
|
||||
<td>string</td>
|
||||
<td></td>
|
||||
<td>status of current Steps, could be `error` `process` `finish` `wait`</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>tailContent</td>
|
||||
<td>ReactNode</td>
|
||||
<td></td>
|
||||
<td>content above tail</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>disabled</td>
|
||||
<td>bool</td>
|
||||
<td>false</td>
|
||||
<td>disabled step when onChange exist</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
## Development
|
||||
|
||||
```
|
||||
npm install
|
||||
npm start
|
||||
```
|
||||
|
||||
## License
|
||||
|
||||
rc-steps is released under the MIT license.
|
||||
492
web/node_modules/rc-steps/assets/iconfont.css
generated
vendored
Normal file
492
web/node_modules/rc-steps/assets/iconfont.css
generated
vendored
Normal file
@@ -0,0 +1,492 @@
|
||||
@font-face {
|
||||
font-family: 'anticon';
|
||||
src: url('//at.alicdn.com/t/font_1434092639_4910953.eot');
|
||||
/* IE9*/
|
||||
src: url('//at.alicdn.com/t/font_1434092639_4910953.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1434092639_4910953.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1434092639_4910953.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1434092639_4910953.svg#iconfont') format('svg');
|
||||
/* iOS 4.1- */
|
||||
}
|
||||
.rcicon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
vertical-align: baseline;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-stroke-width: 0px;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.rcicon:before {
|
||||
display: block;
|
||||
font-family: "anticon" !important;
|
||||
}
|
||||
.rcicon-step-backward:before {
|
||||
content: "\e662";
|
||||
}
|
||||
.rcicon-step-forward {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-step-forward:before {
|
||||
content: "\e662";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-fast-backward:before {
|
||||
content: "\e62a";
|
||||
}
|
||||
.rcicon-fast-forward {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-fast-forward:before {
|
||||
content: "\e62a";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-shrink:before {
|
||||
content: "\e65f";
|
||||
}
|
||||
.rcicon-arrow-salt:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.rcicon-caret-down:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.rcicon-caret-left {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
||||
}
|
||||
.rcicon-caret-left:before {
|
||||
content: "\e60f";
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.rcicon-caret-up {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-caret-up:before {
|
||||
content: "\e60f";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-caret-right {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||
}
|
||||
.rcicon-caret-right:before {
|
||||
content: "\e60f";
|
||||
-webkit-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
.rcicon-caret-circle-right:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.rcicon-caret-circle-left {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-caret-circle-left:before {
|
||||
content: "\e60d";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-caret-circle-o-right:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
.rcicon-caret-circle-o-left {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-caret-circle-o-left:before {
|
||||
content: "\e60e";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-circle-right:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.rcicon-circle-left {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-circle-left:before {
|
||||
content: "\e602";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-circle-o-right:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.rcicon-circle-o-left {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-circle-o-left:before {
|
||||
content: "\e603";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-double-right:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.rcicon-double-left {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-double-left:before {
|
||||
content: "\e604";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-verticle-right:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.rcicon-verticle-left {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-verticle-left:before {
|
||||
content: "\e605";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-forward:before {
|
||||
content: "\e630";
|
||||
}
|
||||
.rcicon-backward {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-backward:before {
|
||||
content: "\e630";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-rollback:before {
|
||||
content: "\e65a";
|
||||
}
|
||||
.rcicon-retweet:before {
|
||||
content: "\e659";
|
||||
}
|
||||
.rcicon-right:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.rcicon-down {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
|
||||
}
|
||||
.rcicon-down:before {
|
||||
content: "\e611";
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
.rcicon-left {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
|
||||
}
|
||||
.rcicon-left:before {
|
||||
content: "\e611";
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
-o-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
.rcicon-up {
|
||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
|
||||
}
|
||||
.rcicon-up:before {
|
||||
content: "\e611";
|
||||
-webkit-transform: rotate(270deg);
|
||||
-ms-transform: rotate(270deg);
|
||||
-o-transform: rotate(270deg);
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
.rcicon-question:before {
|
||||
content: "\e655";
|
||||
}
|
||||
.rcicon-question-circle:before {
|
||||
content: "\e656";
|
||||
}
|
||||
.rcicon-question-circle-o:before {
|
||||
content: "\e657";
|
||||
}
|
||||
.rcicon-plus:before {
|
||||
content: "\e651";
|
||||
}
|
||||
.rcicon-plus-circle:before {
|
||||
content: "\e652";
|
||||
}
|
||||
.rcicon-plus-circle-o:before {
|
||||
content: "\e653";
|
||||
}
|
||||
.rcicon-pause:before {
|
||||
content: "\e64c";
|
||||
}
|
||||
.rcicon-pause-circle:before {
|
||||
content: "\e64d";
|
||||
}
|
||||
.rcicon-pause-circle-o:before {
|
||||
content: "\e64e";
|
||||
}
|
||||
.rcicon-minus:before {
|
||||
content: "\e646";
|
||||
}
|
||||
.rcicon-minus-circle:before {
|
||||
content: "\e647";
|
||||
}
|
||||
.rcicon-minus-circle-o:before {
|
||||
content: "\e648";
|
||||
}
|
||||
.rcicon-info-circle:before {
|
||||
content: "\e637";
|
||||
}
|
||||
.rcicon-info-circle-o:before {
|
||||
content: "\e638";
|
||||
}
|
||||
.rcicon-info:before {
|
||||
content: "\e63a";
|
||||
}
|
||||
.rcicon-exclamation:before {
|
||||
content: "\e627";
|
||||
}
|
||||
.rcicon-exclamation-circle:before {
|
||||
content: "\e628";
|
||||
}
|
||||
.rcicon-exclamation-circle-o:before {
|
||||
content: "\e629";
|
||||
}
|
||||
.rcicon-cross:before {
|
||||
content: "\e61e";
|
||||
}
|
||||
.rcicon-cross-circle:before {
|
||||
content: "\e61f";
|
||||
}
|
||||
.rcicon-cross-circle-o:before {
|
||||
content: "\e620";
|
||||
}
|
||||
.rcicon-check:before {
|
||||
content: "\e613";
|
||||
}
|
||||
.rcicon-check-circle:before {
|
||||
content: "\e614";
|
||||
}
|
||||
.rcicon-check-circle-o:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.rcicon-clock-circle:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.rcicon-clock-circle-o:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.rcicon-lock:before {
|
||||
content: "\e641";
|
||||
}
|
||||
.rcicon-android:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.rcicon-apple:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.rcicon-area-chart:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.rcicon-bar-chart:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.rcicon-bars:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.rcicon-book:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.rcicon-calendar:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.rcicon-cloud:before {
|
||||
content: "\e618";
|
||||
}
|
||||
.rcicon-cloud-download:before {
|
||||
content: "\e619";
|
||||
}
|
||||
.rcicon-code:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
.rcicon-copy:before {
|
||||
content: "\e61c";
|
||||
}
|
||||
.rcicon-credit-card:before {
|
||||
content: "\e61d";
|
||||
}
|
||||
.rcicon-delete:before {
|
||||
content: "\e621";
|
||||
}
|
||||
.rcicon-desktop:before {
|
||||
content: "\e622";
|
||||
}
|
||||
.rcicon-download-line:before {
|
||||
content: "\e623";
|
||||
}
|
||||
.rcicon-edit:before {
|
||||
content: "\e624";
|
||||
}
|
||||
.rcicon-ellipsis:before {
|
||||
content: "\e625";
|
||||
}
|
||||
.rcicon-environment:before {
|
||||
content: "\e626";
|
||||
}
|
||||
.rcicon-file:before {
|
||||
content: "\e62c";
|
||||
}
|
||||
.rcicon-file-text:before {
|
||||
content: "\e62d";
|
||||
}
|
||||
.rcicon-folder:before {
|
||||
content: "\e62e";
|
||||
}
|
||||
.rcicon-folder-open:before {
|
||||
content: "\e62f";
|
||||
}
|
||||
.rcicon-github:before {
|
||||
content: "\e631";
|
||||
}
|
||||
.rcicon-hdd:before {
|
||||
content: "\e632";
|
||||
}
|
||||
.rcicon-frown:before {
|
||||
content: "\e633";
|
||||
}
|
||||
.rcicon-meh:before {
|
||||
content: "\e634";
|
||||
}
|
||||
.rcicon-inbox:before {
|
||||
content: "\e635";
|
||||
}
|
||||
.rcicon-laptop:before {
|
||||
content: "\e63d";
|
||||
}
|
||||
.rcicon-large:before {
|
||||
content: "\e63e";
|
||||
}
|
||||
.rcicon-line-chart:before {
|
||||
content: "\e63f";
|
||||
}
|
||||
.rcicon-link:before {
|
||||
content: "\e640";
|
||||
}
|
||||
.rcicon-logout:before {
|
||||
content: "\e642";
|
||||
}
|
||||
.rcicon-mail:before {
|
||||
content: "\e643";
|
||||
}
|
||||
.rcicon-menu-fold:before {
|
||||
content: "\e644";
|
||||
}
|
||||
.rcicon-menu-unfold:before {
|
||||
content: "\e645";
|
||||
}
|
||||
.rcicon-mobile:before {
|
||||
content: "\e649";
|
||||
}
|
||||
.rcicon-notification:before {
|
||||
content: "\e64a";
|
||||
}
|
||||
.rcicon-paper-clip:before {
|
||||
content: "\e64b";
|
||||
}
|
||||
.rcicon-picture:before {
|
||||
content: "\e64f";
|
||||
}
|
||||
.rcicon-pie-chart:before {
|
||||
content: "\e650";
|
||||
}
|
||||
.rcicon-poweroff:before {
|
||||
content: "\e654";
|
||||
}
|
||||
.rcicon-reload:before {
|
||||
content: "\e658";
|
||||
}
|
||||
.rcicon-search:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
.rcicon-setting:before {
|
||||
content: "\e65c";
|
||||
}
|
||||
.rcicon-share-alt:before {
|
||||
content: "\e65d";
|
||||
}
|
||||
.rcicon-shopping-cart:before {
|
||||
content: "\e65e";
|
||||
}
|
||||
.rcicon-smile:before {
|
||||
content: "\e661";
|
||||
}
|
||||
.rcicon-tablet:before {
|
||||
content: "\e664";
|
||||
}
|
||||
.rcicon-tag:before {
|
||||
content: "\e665";
|
||||
}
|
||||
.rcicon-tags:before {
|
||||
content: "\e666";
|
||||
}
|
||||
.rcicon-to-top:before {
|
||||
content: "\e667";
|
||||
}
|
||||
.rcicon-unlock:before {
|
||||
content: "\e668";
|
||||
}
|
||||
.rcicon-upload:before {
|
||||
content: "\e669";
|
||||
}
|
||||
.rcicon-user:before {
|
||||
content: "\e66a";
|
||||
}
|
||||
.rcicon-video-camera:before {
|
||||
content: "\e66b";
|
||||
}
|
||||
.rcicon-windows:before {
|
||||
content: "\e66c";
|
||||
}
|
||||
.rcicon-loading:before {
|
||||
display: inline-block;
|
||||
-webkit-animation: loadingCircle 1s infinite linear;
|
||||
-o-animation: loadingCircle 1s infinite linear;
|
||||
animation: loadingCircle 1s infinite linear;
|
||||
content: "\e610";
|
||||
}
|
||||
:root .rcicon-step-forward,
|
||||
:root .rcicon-fast-forward,
|
||||
:root .rcicon-left,
|
||||
:root .rcicon-up,
|
||||
:root .rcicon-down,
|
||||
:root .rcicon-caret-left,
|
||||
:root .rcicon-caret-up,
|
||||
:root .rcicon-caret-right,
|
||||
:root .rcicon-caret-circle-left,
|
||||
:root .rcicon-caret-circle-o-left,
|
||||
:root .rcicon-circle-left,
|
||||
:root .rcicon-circle-o-left,
|
||||
:root .rcicon-double-left,
|
||||
:root .rcicon-verticle-left,
|
||||
:root .rcicon-backward {
|
||||
-webkit-filter: none;
|
||||
filter: none;
|
||||
}
|
||||
439
web/node_modules/rc-steps/assets/index.css
generated
vendored
Normal file
439
web/node_modules/rc-steps/assets/index.css
generated
vendored
Normal file
@@ -0,0 +1,439 @@
|
||||
.rc-steps {
|
||||
font-size: 0;
|
||||
width: 100%;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
}
|
||||
.rc-steps,
|
||||
.rc-steps * {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.rc-steps-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rc-steps-item-container[role='button'] {
|
||||
cursor: pointer;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
.rc-steps-item-container[role='button']:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.rc-steps-item:last-child {
|
||||
flex: none;
|
||||
}
|
||||
.rc-steps-item:last-child .rc-steps-item-tail,
|
||||
.rc-steps-item:last-child .rc-steps-item-title:after {
|
||||
display: none;
|
||||
}
|
||||
.rc-steps-item-container {
|
||||
display: inline-block;
|
||||
}
|
||||
.rc-steps-item-icon,
|
||||
.rc-steps-item-content {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
.rc-steps-item-icon {
|
||||
border: 1px solid #ccc;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
text-align: center;
|
||||
border-radius: 26px;
|
||||
font-size: 14px;
|
||||
margin-right: 8px;
|
||||
transition: background-color 0.3s, border-color 0.3s;
|
||||
}
|
||||
.rc-steps-item-icon > .rc-steps-icon {
|
||||
line-height: 1;
|
||||
top: -1px;
|
||||
color: #108ee9;
|
||||
position: relative;
|
||||
}
|
||||
.rc-steps-item-icon > .rc-steps-icon.rcicon {
|
||||
font-size: 12px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
.rc-steps-item-tail {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
top: 12px;
|
||||
padding: 0 10px;
|
||||
}
|
||||
.rc-steps-item-tail:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
background: #e9e9e9;
|
||||
height: 1px;
|
||||
border-radius: 1px;
|
||||
width: 100%;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
.rc-steps-item-content {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.rc-steps-item-title {
|
||||
font-size: 14px;
|
||||
margin-bottom: 4px;
|
||||
color: #666;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
padding-right: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.rc-steps-item-title:after {
|
||||
content: '';
|
||||
height: 1px;
|
||||
width: 1000px;
|
||||
background: #e9e9e9;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0.55em;
|
||||
left: 100%;
|
||||
}
|
||||
.rc-steps-item-subtitle {
|
||||
font-size: 12px;
|
||||
display: inline-block;
|
||||
color: #999;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.rc-steps-item-description {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
.rc-steps-item-wait .rc-steps-item-icon {
|
||||
border-color: #ccc;
|
||||
background-color: #fff;
|
||||
}
|
||||
.rc-steps-item-wait .rc-steps-item-icon > .rc-steps-icon {
|
||||
color: #ccc;
|
||||
}
|
||||
.rc-steps-item-wait .rc-steps-item-icon > .rc-steps-icon .rc-steps-icon-dot {
|
||||
background: #ccc;
|
||||
}
|
||||
.rc-steps-item-wait .rc-steps-item-title {
|
||||
color: rgba(0, 0, 0, 0.43);
|
||||
}
|
||||
.rc-steps-item-wait .rc-steps-item-title:after {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.rc-steps-item-wait .rc-steps-item-description {
|
||||
color: rgba(0, 0, 0, 0.43);
|
||||
}
|
||||
.rc-steps-item-wait .rc-steps-item-tail:after {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.rc-steps-item-process .rc-steps-item-icon {
|
||||
border-color: #108ee9;
|
||||
background-color: #fff;
|
||||
}
|
||||
.rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon {
|
||||
color: #108ee9;
|
||||
}
|
||||
.rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon .rc-steps-icon-dot {
|
||||
background: #108ee9;
|
||||
}
|
||||
.rc-steps-item-process .rc-steps-item-title {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.rc-steps-item-process .rc-steps-item-title:after {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.rc-steps-item-process .rc-steps-item-description {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
.rc-steps-item-process .rc-steps-item-tail:after {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.rc-steps-item-process .rc-steps-item-icon {
|
||||
background: #108ee9;
|
||||
}
|
||||
.rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon {
|
||||
color: #fff;
|
||||
}
|
||||
.rc-steps-item-finish .rc-steps-item-icon {
|
||||
border-color: #108ee9;
|
||||
background-color: #fff;
|
||||
}
|
||||
.rc-steps-item-finish .rc-steps-item-icon > .rc-steps-icon {
|
||||
color: #108ee9;
|
||||
}
|
||||
.rc-steps-item-finish .rc-steps-item-icon > .rc-steps-icon .rc-steps-icon-dot {
|
||||
background: #108ee9;
|
||||
}
|
||||
.rc-steps-item-finish .rc-steps-item-title {
|
||||
color: rgba(0, 0, 0, 0.43);
|
||||
}
|
||||
.rc-steps-item-finish .rc-steps-item-title:after {
|
||||
background-color: #108ee9;
|
||||
}
|
||||
.rc-steps-item-finish .rc-steps-item-description {
|
||||
color: rgba(0, 0, 0, 0.43);
|
||||
}
|
||||
.rc-steps-item-finish .rc-steps-item-tail:after {
|
||||
background-color: #108ee9;
|
||||
}
|
||||
.rc-steps-item-error .rc-steps-item-icon {
|
||||
border-color: #f50;
|
||||
background-color: #fff;
|
||||
}
|
||||
.rc-steps-item-error .rc-steps-item-icon > .rc-steps-icon {
|
||||
color: #f50;
|
||||
}
|
||||
.rc-steps-item-error .rc-steps-item-icon > .rc-steps-icon .rc-steps-icon-dot {
|
||||
background: #f50;
|
||||
}
|
||||
.rc-steps-item-error .rc-steps-item-title {
|
||||
color: #f50;
|
||||
}
|
||||
.rc-steps-item-error .rc-steps-item-title:after {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.rc-steps-item-error .rc-steps-item-description {
|
||||
color: #f50;
|
||||
}
|
||||
.rc-steps-item-error .rc-steps-item-tail:after {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
.rc-steps-item.rc-steps-next-error .rc-steps-item-title:after {
|
||||
background: #f50;
|
||||
}
|
||||
.rc-steps-horizontal:not(.rc-steps-label-vertical) .rc-steps-item {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.rc-steps-horizontal:not(.rc-steps-label-vertical) .rc-steps-item:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.rc-steps-horizontal:not(.rc-steps-label-vertical) .rc-steps-item-tail {
|
||||
display: none;
|
||||
}
|
||||
.rc-steps-horizontal:not(.rc-steps-label-vertical) .rc-steps-item-description {
|
||||
max-width: 100px;
|
||||
}
|
||||
.rc-steps-item-custom .rc-steps-item-icon {
|
||||
background: none;
|
||||
border: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
.rc-steps-item-custom .rc-steps-item-icon > .rc-steps-icon {
|
||||
font-size: 20px;
|
||||
top: 1px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.rc-steps-item-custom.rc-steps-item-process .rc-steps-item-icon > .rc-steps-icon {
|
||||
color: #108ee9;
|
||||
}
|
||||
.rc-steps-small .rc-steps-item-icon {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
line-height: 18px;
|
||||
text-align: center;
|
||||
border-radius: 18px;
|
||||
font-size: 12px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.rc-steps-small .rc-steps-item-icon > .rc-steps-icon {
|
||||
font-size: 12px;
|
||||
font-size: 9px \9;
|
||||
transform: scale(0.75);
|
||||
top: -1px;
|
||||
}
|
||||
.rc-steps-small .rc-steps-item-content {
|
||||
margin-top: 0;
|
||||
}
|
||||
.rc-steps-small .rc-steps-item-title {
|
||||
font-size: 12px;
|
||||
margin-bottom: 4px;
|
||||
color: #666;
|
||||
font-weight: bold;
|
||||
}
|
||||
.rc-steps-small .rc-steps-item-description {
|
||||
font-size: 12px;
|
||||
color: #999;
|
||||
}
|
||||
.rc-steps-small .rc-steps-item-tail {
|
||||
top: 8px;
|
||||
padding: 0 8px;
|
||||
}
|
||||
.rc-steps-small .rc-steps-item-tail:after {
|
||||
height: 1px;
|
||||
border-radius: 1px;
|
||||
width: 100%;
|
||||
}
|
||||
.rc-steps-small .rc-steps-item-custom .rc-steps-item-icon {
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
line-height: inherit;
|
||||
border-radius: 0;
|
||||
border: 0;
|
||||
background: none;
|
||||
}
|
||||
.rc-steps-small .rc-steps-item-custom .rc-steps-item-icon > .rc-steps-icon {
|
||||
font-size: 20px;
|
||||
top: -2.5px;
|
||||
transform: none;
|
||||
}
|
||||
.rc-steps-vertical {
|
||||
display: block;
|
||||
}
|
||||
.rc-steps-vertical .rc-steps-item {
|
||||
display: block;
|
||||
overflow: visible;
|
||||
}
|
||||
.rc-steps-vertical .rc-steps-item-icon {
|
||||
float: left;
|
||||
}
|
||||
.rc-steps-vertical .rc-steps-item-icon-inner {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.rc-steps-vertical .rc-steps-item-content {
|
||||
min-height: 48px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
}
|
||||
.rc-steps-vertical .rc-steps-item-title {
|
||||
line-height: 26px;
|
||||
}
|
||||
.rc-steps-vertical .rc-steps-item-title:after {
|
||||
display: none;
|
||||
}
|
||||
.rc-steps-vertical .rc-steps-item-description {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
.rc-steps-vertical .rc-steps-item-tail {
|
||||
position: absolute;
|
||||
left: 13px;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
padding: 30px 0 4px 0;
|
||||
}
|
||||
.rc-steps-vertical .rc-steps-item-tail:after {
|
||||
height: 100%;
|
||||
width: 1px;
|
||||
}
|
||||
.rc-steps-vertical.rc-steps-small .rc-steps-item-tail {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
top: 0;
|
||||
padding: 22px 0 4px 0;
|
||||
}
|
||||
.rc-steps-vertical.rc-steps-small .rc-steps-item-title {
|
||||
line-height: 18px;
|
||||
}
|
||||
.rc-steps-label-vertical .rc-steps-item {
|
||||
overflow: visible;
|
||||
}
|
||||
.rc-steps-label-vertical .rc-steps-item-tail {
|
||||
padding: 0px 24px;
|
||||
margin-left: 48px;
|
||||
}
|
||||
.rc-steps-label-vertical .rc-steps-item-content {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 8px;
|
||||
width: 100px;
|
||||
}
|
||||
.rc-steps-label-vertical .rc-steps-item-icon {
|
||||
display: inline-block;
|
||||
margin-left: 36px;
|
||||
}
|
||||
.rc-steps-label-vertical .rc-steps-item-title {
|
||||
padding-right: 0;
|
||||
}
|
||||
.rc-steps-label-vertical .rc-steps-item-title:after {
|
||||
display: none;
|
||||
}
|
||||
.rc-steps-label-vertical .rc-steps-item-description {
|
||||
text-align: left;
|
||||
}
|
||||
.rc-steps-dot .rc-steps-item-tail {
|
||||
width: 100%;
|
||||
top: 1px;
|
||||
margin: 0 0 0 50px;
|
||||
padding: 0;
|
||||
}
|
||||
.rc-steps-dot .rc-steps-item-tail:after {
|
||||
height: 3px;
|
||||
}
|
||||
.rc-steps-dot .rc-steps-item-icon {
|
||||
padding-right: 0;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
line-height: 5px;
|
||||
border: 0;
|
||||
margin-left: 48px;
|
||||
}
|
||||
.rc-steps-dot .rc-steps-item-icon .rc-steps-icon-dot {
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 2.5px;
|
||||
}
|
||||
.rc-steps-dot .rc-steps-item-process .rc-steps-dot .rc-steps-item-icon {
|
||||
top: -1px;
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
line-height: 7px;
|
||||
}
|
||||
.rc-steps-dot .rc-steps-item-process .rc-steps-dot .rc-steps-item-icon .rc-steps-icon-dot {
|
||||
border-radius: 3.5px;
|
||||
}
|
||||
.rc-steps-navigation {
|
||||
padding-top: 8px;
|
||||
}
|
||||
.rc-steps-navigation.rc-steps-horizontal .rc-steps-item-description {
|
||||
max-width: 140px;
|
||||
}
|
||||
.rc-steps-navigation .rc-steps-item {
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
overflow: visible;
|
||||
}
|
||||
.rc-steps-navigation .rc-steps-item-container {
|
||||
text-align: left;
|
||||
padding-bottom: 8px;
|
||||
outline: none;
|
||||
}
|
||||
.rc-steps-navigation .rc-steps-item-title {
|
||||
max-width: 140px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.rc-steps-navigation .rc-steps-item-title:after {
|
||||
display: none;
|
||||
}
|
||||
.rc-steps-navigation .rc-steps-item:last-child {
|
||||
flex: 1;
|
||||
}
|
||||
.rc-steps-navigation .rc-steps-item:last-child:after {
|
||||
display: none;
|
||||
}
|
||||
.rc-steps-navigation .rc-steps-item:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: none;
|
||||
border-left: none;
|
||||
transform: rotate(45deg);
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 100%;
|
||||
margin-top: -12px;
|
||||
margin-left: -8px;
|
||||
}
|
||||
.rc-steps-navigation .rc-steps-item-active .rc-steps-item-container {
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 3px solid #108ee9;
|
||||
}
|
||||
235
web/node_modules/rc-steps/es/Step.js
generated
vendored
Normal file
235
web/node_modules/rc-steps/es/Step.js
generated
vendored
Normal file
@@ -0,0 +1,235 @@
|
||||
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||||
|
||||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||||
|
||||
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
||||
|
||||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||||
|
||||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||||
|
||||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import classNames from 'classnames';
|
||||
|
||||
function isString(str) {
|
||||
return typeof str === 'string';
|
||||
}
|
||||
|
||||
var Step =
|
||||
/*#__PURE__*/
|
||||
function (_React$Component) {
|
||||
_inherits(Step, _React$Component);
|
||||
|
||||
function Step() {
|
||||
var _getPrototypeOf2;
|
||||
|
||||
var _this;
|
||||
|
||||
_classCallCheck(this, Step);
|
||||
|
||||
for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
_args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Step)).call.apply(_getPrototypeOf2, [this].concat(_args)));
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "onClick", function () {
|
||||
var _this$props = _this.props,
|
||||
onClick = _this$props.onClick,
|
||||
onStepClick = _this$props.onStepClick,
|
||||
stepIndex = _this$props.stepIndex;
|
||||
|
||||
if (onClick) {
|
||||
onClick.apply(void 0, arguments);
|
||||
}
|
||||
|
||||
onStepClick(stepIndex);
|
||||
});
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(Step, [{
|
||||
key: "renderIconNode",
|
||||
value: function renderIconNode() {
|
||||
var _classNames;
|
||||
|
||||
var _this$props2 = this.props,
|
||||
prefixCls = _this$props2.prefixCls,
|
||||
progressDot = _this$props2.progressDot,
|
||||
stepNumber = _this$props2.stepNumber,
|
||||
status = _this$props2.status,
|
||||
title = _this$props2.title,
|
||||
description = _this$props2.description,
|
||||
icon = _this$props2.icon,
|
||||
iconPrefix = _this$props2.iconPrefix,
|
||||
icons = _this$props2.icons;
|
||||
var iconNode;
|
||||
var iconClassName = classNames("".concat(prefixCls, "-icon"), "".concat(iconPrefix, "icon"), (_classNames = {}, _defineProperty(_classNames, "".concat(iconPrefix, "icon-").concat(icon), icon && isString(icon)), _defineProperty(_classNames, "".concat(iconPrefix, "icon-check"), !icon && status === 'finish' && icons && !icons.finish), _defineProperty(_classNames, "".concat(iconPrefix, "icon-close"), !icon && status === 'error' && icons && !icons.error), _classNames));
|
||||
var iconDot = React.createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon-dot")
|
||||
}); // `progressDot` enjoy the highest priority
|
||||
|
||||
if (progressDot) {
|
||||
if (typeof progressDot === 'function') {
|
||||
iconNode = React.createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, progressDot(iconDot, {
|
||||
index: stepNumber - 1,
|
||||
status: status,
|
||||
title: title,
|
||||
description: description
|
||||
}));
|
||||
} else {
|
||||
iconNode = React.createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, iconDot);
|
||||
}
|
||||
} else if (icon && !isString(icon)) {
|
||||
iconNode = React.createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, icon);
|
||||
} else if (icons && icons.finish && status === 'finish') {
|
||||
iconNode = React.createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, icons.finish);
|
||||
} else if (icons && icons.error && status === 'error') {
|
||||
iconNode = React.createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, icons.error);
|
||||
} else if (icon || status === 'finish' || status === 'error') {
|
||||
iconNode = React.createElement("span", {
|
||||
className: iconClassName
|
||||
});
|
||||
} else {
|
||||
iconNode = React.createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, stepNumber);
|
||||
}
|
||||
|
||||
return iconNode;
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _classNames2;
|
||||
|
||||
var _this$props3 = this.props,
|
||||
className = _this$props3.className,
|
||||
prefixCls = _this$props3.prefixCls,
|
||||
style = _this$props3.style,
|
||||
itemWidth = _this$props3.itemWidth,
|
||||
active = _this$props3.active,
|
||||
_this$props3$status = _this$props3.status,
|
||||
status = _this$props3$status === void 0 ? 'wait' : _this$props3$status,
|
||||
iconPrefix = _this$props3.iconPrefix,
|
||||
icon = _this$props3.icon,
|
||||
wrapperStyle = _this$props3.wrapperStyle,
|
||||
adjustMarginRight = _this$props3.adjustMarginRight,
|
||||
stepNumber = _this$props3.stepNumber,
|
||||
disabled = _this$props3.disabled,
|
||||
description = _this$props3.description,
|
||||
title = _this$props3.title,
|
||||
subTitle = _this$props3.subTitle,
|
||||
progressDot = _this$props3.progressDot,
|
||||
tailContent = _this$props3.tailContent,
|
||||
icons = _this$props3.icons,
|
||||
stepIndex = _this$props3.stepIndex,
|
||||
onStepClick = _this$props3.onStepClick,
|
||||
onClick = _this$props3.onClick,
|
||||
restProps = _objectWithoutProperties(_this$props3, ["className", "prefixCls", "style", "itemWidth", "active", "status", "iconPrefix", "icon", "wrapperStyle", "adjustMarginRight", "stepNumber", "disabled", "description", "title", "subTitle", "progressDot", "tailContent", "icons", "stepIndex", "onStepClick", "onClick"]);
|
||||
|
||||
var classString = classNames("".concat(prefixCls, "-item"), "".concat(prefixCls, "-item-").concat(status), className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-item-custom"), icon), _defineProperty(_classNames2, "".concat(prefixCls, "-item-active"), active), _defineProperty(_classNames2, "".concat(prefixCls, "-item-disabled"), disabled === true), _classNames2));
|
||||
|
||||
var stepItemStyle = _objectSpread({}, style);
|
||||
|
||||
if (itemWidth) {
|
||||
stepItemStyle.width = itemWidth;
|
||||
}
|
||||
|
||||
if (adjustMarginRight) {
|
||||
stepItemStyle.marginRight = adjustMarginRight;
|
||||
}
|
||||
|
||||
var accessibilityProps = {};
|
||||
|
||||
if (onStepClick && !disabled) {
|
||||
accessibilityProps.role = 'button';
|
||||
accessibilityProps.tabIndex = 0;
|
||||
accessibilityProps.onClick = this.onClick;
|
||||
}
|
||||
|
||||
return React.createElement("div", _extends({}, restProps, {
|
||||
className: classString,
|
||||
style: stepItemStyle
|
||||
}), React.createElement("div", _extends({
|
||||
onClick: onClick
|
||||
}, accessibilityProps, {
|
||||
className: "".concat(prefixCls, "-item-container")
|
||||
}), React.createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-tail")
|
||||
}, tailContent), React.createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-icon")
|
||||
}, this.renderIconNode()), React.createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-content")
|
||||
}, React.createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-title")
|
||||
}, title, subTitle && React.createElement("div", {
|
||||
title: subTitle,
|
||||
className: "".concat(prefixCls, "-item-subtitle")
|
||||
}, subTitle)), description && React.createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-description")
|
||||
}, description))));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Step;
|
||||
}(React.Component);
|
||||
|
||||
_defineProperty(Step, "propTypes", {
|
||||
className: PropTypes.string,
|
||||
prefixCls: PropTypes.string,
|
||||
style: PropTypes.object,
|
||||
wrapperStyle: PropTypes.object,
|
||||
itemWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
active: PropTypes.bool,
|
||||
disabled: PropTypes.bool,
|
||||
status: PropTypes.string,
|
||||
iconPrefix: PropTypes.string,
|
||||
icon: PropTypes.node,
|
||||
adjustMarginRight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
||||
stepNumber: PropTypes.string,
|
||||
stepIndex: PropTypes.number,
|
||||
description: PropTypes.any,
|
||||
title: PropTypes.any,
|
||||
subTitle: PropTypes.any,
|
||||
progressDot: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
|
||||
tailContent: PropTypes.any,
|
||||
icons: PropTypes.shape({
|
||||
finish: PropTypes.node,
|
||||
error: PropTypes.node
|
||||
}),
|
||||
onClick: PropTypes.func,
|
||||
onStepClick: PropTypes.func
|
||||
});
|
||||
|
||||
export { Step as default };
|
||||
247
web/node_modules/rc-steps/es/Steps.js
generated
vendored
Normal file
247
web/node_modules/rc-steps/es/Steps.js
generated
vendored
Normal file
@@ -0,0 +1,247 @@
|
||||
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||||
|
||||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||||
|
||||
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
||||
|
||||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||||
|
||||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||||
|
||||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
/* eslint react/no-did-mount-set-state: 0 */
|
||||
import React, { cloneElement, Children, Component } from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { findDOMNode } from 'react-dom';
|
||||
import classNames from 'classnames';
|
||||
import debounce from 'lodash/debounce';
|
||||
import { isFlexSupported } from './utils';
|
||||
|
||||
var Steps =
|
||||
/*#__PURE__*/
|
||||
function (_Component) {
|
||||
_inherits(Steps, _Component);
|
||||
|
||||
function Steps(props) {
|
||||
var _this;
|
||||
|
||||
_classCallCheck(this, Steps);
|
||||
|
||||
_this = _possibleConstructorReturn(this, _getPrototypeOf(Steps).call(this, props));
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "onStepClick", function (next) {
|
||||
var _this$props = _this.props,
|
||||
onChange = _this$props.onChange,
|
||||
current = _this$props.current;
|
||||
|
||||
if (onChange && current !== next) {
|
||||
onChange(next);
|
||||
}
|
||||
});
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "calcStepOffsetWidth", function () {
|
||||
if (isFlexSupported()) {
|
||||
return;
|
||||
}
|
||||
|
||||
var lastStepOffsetWidth = _this.state.lastStepOffsetWidth; // Just for IE9
|
||||
|
||||
var domNode = findDOMNode(_assertThisInitialized(_this));
|
||||
|
||||
if (domNode.children.length > 0) {
|
||||
if (_this.calcTimeout) {
|
||||
clearTimeout(_this.calcTimeout);
|
||||
}
|
||||
|
||||
_this.calcTimeout = setTimeout(function () {
|
||||
// +1 for fit edge bug of digit width, like 35.4px
|
||||
var offsetWidth = (domNode.lastChild.offsetWidth || 0) + 1; // Reduce shake bug
|
||||
|
||||
if (lastStepOffsetWidth === offsetWidth || Math.abs(lastStepOffsetWidth - offsetWidth) <= 3) {
|
||||
return;
|
||||
}
|
||||
|
||||
_this.setState({
|
||||
lastStepOffsetWidth: offsetWidth
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
_this.state = {
|
||||
flexSupported: true,
|
||||
lastStepOffsetWidth: 0
|
||||
};
|
||||
_this.calcStepOffsetWidth = debounce(_this.calcStepOffsetWidth, 150);
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(Steps, [{
|
||||
key: "componentDidMount",
|
||||
value: function componentDidMount() {
|
||||
this.calcStepOffsetWidth();
|
||||
|
||||
if (!isFlexSupported()) {
|
||||
this.setState({
|
||||
flexSupported: false
|
||||
});
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "componentDidUpdate",
|
||||
value: function componentDidUpdate() {
|
||||
this.calcStepOffsetWidth();
|
||||
}
|
||||
}, {
|
||||
key: "componentWillUnmount",
|
||||
value: function componentWillUnmount() {
|
||||
if (this.calcTimeout) {
|
||||
clearTimeout(this.calcTimeout);
|
||||
}
|
||||
|
||||
if (this.calcStepOffsetWidth && this.calcStepOffsetWidth.cancel) {
|
||||
this.calcStepOffsetWidth.cancel();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _classNames,
|
||||
_this2 = this;
|
||||
|
||||
var _this$props2 = this.props,
|
||||
prefixCls = _this$props2.prefixCls,
|
||||
_this$props2$style = _this$props2.style,
|
||||
style = _this$props2$style === void 0 ? {} : _this$props2$style,
|
||||
className = _this$props2.className,
|
||||
children = _this$props2.children,
|
||||
direction = _this$props2.direction,
|
||||
type = _this$props2.type,
|
||||
labelPlacement = _this$props2.labelPlacement,
|
||||
iconPrefix = _this$props2.iconPrefix,
|
||||
status = _this$props2.status,
|
||||
size = _this$props2.size,
|
||||
current = _this$props2.current,
|
||||
progressDot = _this$props2.progressDot,
|
||||
initial = _this$props2.initial,
|
||||
icons = _this$props2.icons,
|
||||
onChange = _this$props2.onChange,
|
||||
restProps = _objectWithoutProperties(_this$props2, ["prefixCls", "style", "className", "children", "direction", "type", "labelPlacement", "iconPrefix", "status", "size", "current", "progressDot", "initial", "icons", "onChange"]);
|
||||
|
||||
var isNav = type === 'navigation';
|
||||
var _this$state = this.state,
|
||||
lastStepOffsetWidth = _this$state.lastStepOffsetWidth,
|
||||
flexSupported = _this$state.flexSupported;
|
||||
var filteredChildren = React.Children.toArray(children).filter(function (c) {
|
||||
return !!c;
|
||||
});
|
||||
var lastIndex = filteredChildren.length - 1;
|
||||
var adjustedlabelPlacement = progressDot ? 'vertical' : labelPlacement;
|
||||
var classString = classNames(prefixCls, "".concat(prefixCls, "-").concat(direction), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "-label-").concat(adjustedlabelPlacement), direction === 'horizontal'), _defineProperty(_classNames, "".concat(prefixCls, "-dot"), !!progressDot), _defineProperty(_classNames, "".concat(prefixCls, "-navigation"), isNav), _defineProperty(_classNames, "".concat(prefixCls, "-flex-not-supported"), !flexSupported), _classNames));
|
||||
return React.createElement("div", _extends({
|
||||
className: classString,
|
||||
style: style
|
||||
}, restProps), Children.map(filteredChildren, function (child, index) {
|
||||
if (!child) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var stepNumber = initial + index;
|
||||
|
||||
var childProps = _objectSpread({
|
||||
stepNumber: "".concat(stepNumber + 1),
|
||||
stepIndex: stepNumber,
|
||||
prefixCls: prefixCls,
|
||||
iconPrefix: iconPrefix,
|
||||
wrapperStyle: style,
|
||||
progressDot: progressDot,
|
||||
icons: icons,
|
||||
onStepClick: onChange && _this2.onStepClick
|
||||
}, child.props);
|
||||
|
||||
if (!flexSupported && direction !== 'vertical') {
|
||||
if (isNav) {
|
||||
childProps.itemWidth = "".concat(100 / (lastIndex + 1), "%");
|
||||
childProps.adjustMarginRight = 0;
|
||||
} else if (index !== lastIndex) {
|
||||
childProps.itemWidth = "".concat(100 / lastIndex, "%");
|
||||
childProps.adjustMarginRight = -Math.round(lastStepOffsetWidth / lastIndex + 1);
|
||||
}
|
||||
} // fix tail color
|
||||
|
||||
|
||||
if (status === 'error' && index === current - 1) {
|
||||
childProps.className = "".concat(prefixCls, "-next-error");
|
||||
}
|
||||
|
||||
if (!child.props.status) {
|
||||
if (stepNumber === current) {
|
||||
childProps.status = status;
|
||||
} else if (stepNumber < current) {
|
||||
childProps.status = 'finish';
|
||||
} else {
|
||||
childProps.status = 'wait';
|
||||
}
|
||||
}
|
||||
|
||||
childProps.active = stepNumber === current;
|
||||
return cloneElement(child, childProps);
|
||||
}));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Steps;
|
||||
}(Component);
|
||||
|
||||
_defineProperty(Steps, "propTypes", {
|
||||
type: PropTypes.string,
|
||||
prefixCls: PropTypes.string,
|
||||
className: PropTypes.string,
|
||||
iconPrefix: PropTypes.string,
|
||||
direction: PropTypes.string,
|
||||
labelPlacement: PropTypes.string,
|
||||
children: PropTypes.any,
|
||||
status: PropTypes.string,
|
||||
size: PropTypes.string,
|
||||
progressDot: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),
|
||||
style: PropTypes.object,
|
||||
initial: PropTypes.number,
|
||||
current: PropTypes.number,
|
||||
icons: PropTypes.shape({
|
||||
finish: PropTypes.node,
|
||||
error: PropTypes.node
|
||||
}),
|
||||
onChange: PropTypes.func
|
||||
});
|
||||
|
||||
_defineProperty(Steps, "defaultProps", {
|
||||
type: 'default',
|
||||
prefixCls: 'rc-steps',
|
||||
iconPrefix: 'rc',
|
||||
direction: 'horizontal',
|
||||
labelPlacement: 'horizontal',
|
||||
initial: 0,
|
||||
current: 0,
|
||||
status: 'process',
|
||||
size: '',
|
||||
progressDot: false
|
||||
});
|
||||
|
||||
export { Steps as default };
|
||||
5
web/node_modules/rc-steps/es/index.js
generated
vendored
Normal file
5
web/node_modules/rc-steps/es/index.js
generated
vendored
Normal file
@@ -0,0 +1,5 @@
|
||||
import Steps from './Steps';
|
||||
import Step from './Step';
|
||||
Steps.Step = Step;
|
||||
export { Step };
|
||||
export default Steps;
|
||||
9
web/node_modules/rc-steps/es/utils.js
generated
vendored
Normal file
9
web/node_modules/rc-steps/es/utils.js
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
// eslint-disable-next-line import/prefer-default-export
|
||||
export function isFlexSupported() {
|
||||
if (typeof window !== 'undefined' && window.document && window.document.documentElement) {
|
||||
var documentElement = window.document.documentElement;
|
||||
return 'flex' in documentElement.style || 'webkitFlex' in documentElement.style || 'Flex' in documentElement.style || 'msFlex' in documentElement.style;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
248
web/node_modules/rc-steps/lib/Step.js
generated
vendored
Normal file
248
web/node_modules/rc-steps/lib/Step.js
generated
vendored
Normal file
@@ -0,0 +1,248 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports["default"] = void 0;
|
||||
|
||||
var _react = _interopRequireDefault(require("react"));
|
||||
|
||||
var _propTypes = _interopRequireDefault(require("prop-types"));
|
||||
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||||
|
||||
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||||
|
||||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||||
|
||||
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
||||
|
||||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||||
|
||||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||||
|
||||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
function isString(str) {
|
||||
return typeof str === 'string';
|
||||
}
|
||||
|
||||
var Step =
|
||||
/*#__PURE__*/
|
||||
function (_React$Component) {
|
||||
_inherits(Step, _React$Component);
|
||||
|
||||
function Step() {
|
||||
var _getPrototypeOf2;
|
||||
|
||||
var _this;
|
||||
|
||||
_classCallCheck(this, Step);
|
||||
|
||||
for (var _len = arguments.length, _args = new Array(_len), _key = 0; _key < _len; _key++) {
|
||||
_args[_key] = arguments[_key];
|
||||
}
|
||||
|
||||
_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Step)).call.apply(_getPrototypeOf2, [this].concat(_args)));
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "onClick", function () {
|
||||
var _this$props = _this.props,
|
||||
onClick = _this$props.onClick,
|
||||
onStepClick = _this$props.onStepClick,
|
||||
stepIndex = _this$props.stepIndex;
|
||||
|
||||
if (onClick) {
|
||||
onClick.apply(void 0, arguments);
|
||||
}
|
||||
|
||||
onStepClick(stepIndex);
|
||||
});
|
||||
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(Step, [{
|
||||
key: "renderIconNode",
|
||||
value: function renderIconNode() {
|
||||
var _classNames;
|
||||
|
||||
var _this$props2 = this.props,
|
||||
prefixCls = _this$props2.prefixCls,
|
||||
progressDot = _this$props2.progressDot,
|
||||
stepNumber = _this$props2.stepNumber,
|
||||
status = _this$props2.status,
|
||||
title = _this$props2.title,
|
||||
description = _this$props2.description,
|
||||
icon = _this$props2.icon,
|
||||
iconPrefix = _this$props2.iconPrefix,
|
||||
icons = _this$props2.icons;
|
||||
var iconNode;
|
||||
var iconClassName = (0, _classnames["default"])("".concat(prefixCls, "-icon"), "".concat(iconPrefix, "icon"), (_classNames = {}, _defineProperty(_classNames, "".concat(iconPrefix, "icon-").concat(icon), icon && isString(icon)), _defineProperty(_classNames, "".concat(iconPrefix, "icon-check"), !icon && status === 'finish' && icons && !icons.finish), _defineProperty(_classNames, "".concat(iconPrefix, "icon-close"), !icon && status === 'error' && icons && !icons.error), _classNames));
|
||||
|
||||
var iconDot = _react["default"].createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon-dot")
|
||||
}); // `progressDot` enjoy the highest priority
|
||||
|
||||
|
||||
if (progressDot) {
|
||||
if (typeof progressDot === 'function') {
|
||||
iconNode = _react["default"].createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, progressDot(iconDot, {
|
||||
index: stepNumber - 1,
|
||||
status: status,
|
||||
title: title,
|
||||
description: description
|
||||
}));
|
||||
} else {
|
||||
iconNode = _react["default"].createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, iconDot);
|
||||
}
|
||||
} else if (icon && !isString(icon)) {
|
||||
iconNode = _react["default"].createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, icon);
|
||||
} else if (icons && icons.finish && status === 'finish') {
|
||||
iconNode = _react["default"].createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, icons.finish);
|
||||
} else if (icons && icons.error && status === 'error') {
|
||||
iconNode = _react["default"].createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, icons.error);
|
||||
} else if (icon || status === 'finish' || status === 'error') {
|
||||
iconNode = _react["default"].createElement("span", {
|
||||
className: iconClassName
|
||||
});
|
||||
} else {
|
||||
iconNode = _react["default"].createElement("span", {
|
||||
className: "".concat(prefixCls, "-icon")
|
||||
}, stepNumber);
|
||||
}
|
||||
|
||||
return iconNode;
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _classNames2;
|
||||
|
||||
var _this$props3 = this.props,
|
||||
className = _this$props3.className,
|
||||
prefixCls = _this$props3.prefixCls,
|
||||
style = _this$props3.style,
|
||||
itemWidth = _this$props3.itemWidth,
|
||||
active = _this$props3.active,
|
||||
_this$props3$status = _this$props3.status,
|
||||
status = _this$props3$status === void 0 ? 'wait' : _this$props3$status,
|
||||
iconPrefix = _this$props3.iconPrefix,
|
||||
icon = _this$props3.icon,
|
||||
wrapperStyle = _this$props3.wrapperStyle,
|
||||
adjustMarginRight = _this$props3.adjustMarginRight,
|
||||
stepNumber = _this$props3.stepNumber,
|
||||
disabled = _this$props3.disabled,
|
||||
description = _this$props3.description,
|
||||
title = _this$props3.title,
|
||||
subTitle = _this$props3.subTitle,
|
||||
progressDot = _this$props3.progressDot,
|
||||
tailContent = _this$props3.tailContent,
|
||||
icons = _this$props3.icons,
|
||||
stepIndex = _this$props3.stepIndex,
|
||||
onStepClick = _this$props3.onStepClick,
|
||||
onClick = _this$props3.onClick,
|
||||
restProps = _objectWithoutProperties(_this$props3, ["className", "prefixCls", "style", "itemWidth", "active", "status", "iconPrefix", "icon", "wrapperStyle", "adjustMarginRight", "stepNumber", "disabled", "description", "title", "subTitle", "progressDot", "tailContent", "icons", "stepIndex", "onStepClick", "onClick"]);
|
||||
|
||||
var classString = (0, _classnames["default"])("".concat(prefixCls, "-item"), "".concat(prefixCls, "-item-").concat(status), className, (_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-item-custom"), icon), _defineProperty(_classNames2, "".concat(prefixCls, "-item-active"), active), _defineProperty(_classNames2, "".concat(prefixCls, "-item-disabled"), disabled === true), _classNames2));
|
||||
|
||||
var stepItemStyle = _objectSpread({}, style);
|
||||
|
||||
if (itemWidth) {
|
||||
stepItemStyle.width = itemWidth;
|
||||
}
|
||||
|
||||
if (adjustMarginRight) {
|
||||
stepItemStyle.marginRight = adjustMarginRight;
|
||||
}
|
||||
|
||||
var accessibilityProps = {};
|
||||
|
||||
if (onStepClick && !disabled) {
|
||||
accessibilityProps.role = 'button';
|
||||
accessibilityProps.tabIndex = 0;
|
||||
accessibilityProps.onClick = this.onClick;
|
||||
}
|
||||
|
||||
return _react["default"].createElement("div", _extends({}, restProps, {
|
||||
className: classString,
|
||||
style: stepItemStyle
|
||||
}), _react["default"].createElement("div", _extends({
|
||||
onClick: onClick
|
||||
}, accessibilityProps, {
|
||||
className: "".concat(prefixCls, "-item-container")
|
||||
}), _react["default"].createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-tail")
|
||||
}, tailContent), _react["default"].createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-icon")
|
||||
}, this.renderIconNode()), _react["default"].createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-content")
|
||||
}, _react["default"].createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-title")
|
||||
}, title, subTitle && _react["default"].createElement("div", {
|
||||
title: subTitle,
|
||||
className: "".concat(prefixCls, "-item-subtitle")
|
||||
}, subTitle)), description && _react["default"].createElement("div", {
|
||||
className: "".concat(prefixCls, "-item-description")
|
||||
}, description))));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Step;
|
||||
}(_react["default"].Component);
|
||||
|
||||
exports["default"] = Step;
|
||||
|
||||
_defineProperty(Step, "propTypes", {
|
||||
className: _propTypes["default"].string,
|
||||
prefixCls: _propTypes["default"].string,
|
||||
style: _propTypes["default"].object,
|
||||
wrapperStyle: _propTypes["default"].object,
|
||||
itemWidth: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
||||
active: _propTypes["default"].bool,
|
||||
disabled: _propTypes["default"].bool,
|
||||
status: _propTypes["default"].string,
|
||||
iconPrefix: _propTypes["default"].string,
|
||||
icon: _propTypes["default"].node,
|
||||
adjustMarginRight: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
||||
stepNumber: _propTypes["default"].string,
|
||||
stepIndex: _propTypes["default"].number,
|
||||
description: _propTypes["default"].any,
|
||||
title: _propTypes["default"].any,
|
||||
subTitle: _propTypes["default"].any,
|
||||
progressDot: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].func]),
|
||||
tailContent: _propTypes["default"].any,
|
||||
icons: _propTypes["default"].shape({
|
||||
finish: _propTypes["default"].node,
|
||||
error: _propTypes["default"].node
|
||||
}),
|
||||
onClick: _propTypes["default"].func,
|
||||
onStepClick: _propTypes["default"].func
|
||||
});
|
||||
264
web/node_modules/rc-steps/lib/Steps.js
generated
vendored
Normal file
264
web/node_modules/rc-steps/lib/Steps.js
generated
vendored
Normal file
@@ -0,0 +1,264 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports["default"] = void 0;
|
||||
|
||||
var _react = _interopRequireWildcard(require("react"));
|
||||
|
||||
var _propTypes = _interopRequireDefault(require("prop-types"));
|
||||
|
||||
var _reactDom = require("react-dom");
|
||||
|
||||
var _classnames = _interopRequireDefault(require("classnames"));
|
||||
|
||||
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
||||
|
||||
var _utils = require("./utils");
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||||
|
||||
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj["default"] = obj; return newObj; } }
|
||||
|
||||
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
||||
|
||||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
||||
|
||||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||||
|
||||
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
||||
|
||||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
||||
|
||||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||
|
||||
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||
|
||||
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||
|
||||
function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
||||
|
||||
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
||||
|
||||
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
||||
|
||||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
||||
|
||||
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
||||
|
||||
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
||||
|
||||
var Steps =
|
||||
/*#__PURE__*/
|
||||
function (_Component) {
|
||||
_inherits(Steps, _Component);
|
||||
|
||||
function Steps(props) {
|
||||
var _this;
|
||||
|
||||
_classCallCheck(this, Steps);
|
||||
|
||||
_this = _possibleConstructorReturn(this, _getPrototypeOf(Steps).call(this, props));
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "onStepClick", function (next) {
|
||||
var _this$props = _this.props,
|
||||
onChange = _this$props.onChange,
|
||||
current = _this$props.current;
|
||||
|
||||
if (onChange && current !== next) {
|
||||
onChange(next);
|
||||
}
|
||||
});
|
||||
|
||||
_defineProperty(_assertThisInitialized(_this), "calcStepOffsetWidth", function () {
|
||||
if ((0, _utils.isFlexSupported)()) {
|
||||
return;
|
||||
}
|
||||
|
||||
var lastStepOffsetWidth = _this.state.lastStepOffsetWidth; // Just for IE9
|
||||
|
||||
var domNode = (0, _reactDom.findDOMNode)(_assertThisInitialized(_this));
|
||||
|
||||
if (domNode.children.length > 0) {
|
||||
if (_this.calcTimeout) {
|
||||
clearTimeout(_this.calcTimeout);
|
||||
}
|
||||
|
||||
_this.calcTimeout = setTimeout(function () {
|
||||
// +1 for fit edge bug of digit width, like 35.4px
|
||||
var offsetWidth = (domNode.lastChild.offsetWidth || 0) + 1; // Reduce shake bug
|
||||
|
||||
if (lastStepOffsetWidth === offsetWidth || Math.abs(lastStepOffsetWidth - offsetWidth) <= 3) {
|
||||
return;
|
||||
}
|
||||
|
||||
_this.setState({
|
||||
lastStepOffsetWidth: offsetWidth
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
_this.state = {
|
||||
flexSupported: true,
|
||||
lastStepOffsetWidth: 0
|
||||
};
|
||||
_this.calcStepOffsetWidth = (0, _debounce["default"])(_this.calcStepOffsetWidth, 150);
|
||||
return _this;
|
||||
}
|
||||
|
||||
_createClass(Steps, [{
|
||||
key: "componentDidMount",
|
||||
value: function componentDidMount() {
|
||||
this.calcStepOffsetWidth();
|
||||
|
||||
if (!(0, _utils.isFlexSupported)()) {
|
||||
this.setState({
|
||||
flexSupported: false
|
||||
});
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "componentDidUpdate",
|
||||
value: function componentDidUpdate() {
|
||||
this.calcStepOffsetWidth();
|
||||
}
|
||||
}, {
|
||||
key: "componentWillUnmount",
|
||||
value: function componentWillUnmount() {
|
||||
if (this.calcTimeout) {
|
||||
clearTimeout(this.calcTimeout);
|
||||
}
|
||||
|
||||
if (this.calcStepOffsetWidth && this.calcStepOffsetWidth.cancel) {
|
||||
this.calcStepOffsetWidth.cancel();
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "render",
|
||||
value: function render() {
|
||||
var _classNames,
|
||||
_this2 = this;
|
||||
|
||||
var _this$props2 = this.props,
|
||||
prefixCls = _this$props2.prefixCls,
|
||||
_this$props2$style = _this$props2.style,
|
||||
style = _this$props2$style === void 0 ? {} : _this$props2$style,
|
||||
className = _this$props2.className,
|
||||
children = _this$props2.children,
|
||||
direction = _this$props2.direction,
|
||||
type = _this$props2.type,
|
||||
labelPlacement = _this$props2.labelPlacement,
|
||||
iconPrefix = _this$props2.iconPrefix,
|
||||
status = _this$props2.status,
|
||||
size = _this$props2.size,
|
||||
current = _this$props2.current,
|
||||
progressDot = _this$props2.progressDot,
|
||||
initial = _this$props2.initial,
|
||||
icons = _this$props2.icons,
|
||||
onChange = _this$props2.onChange,
|
||||
restProps = _objectWithoutProperties(_this$props2, ["prefixCls", "style", "className", "children", "direction", "type", "labelPlacement", "iconPrefix", "status", "size", "current", "progressDot", "initial", "icons", "onChange"]);
|
||||
|
||||
var isNav = type === 'navigation';
|
||||
var _this$state = this.state,
|
||||
lastStepOffsetWidth = _this$state.lastStepOffsetWidth,
|
||||
flexSupported = _this$state.flexSupported;
|
||||
|
||||
var filteredChildren = _react["default"].Children.toArray(children).filter(function (c) {
|
||||
return !!c;
|
||||
});
|
||||
|
||||
var lastIndex = filteredChildren.length - 1;
|
||||
var adjustedlabelPlacement = progressDot ? 'vertical' : labelPlacement;
|
||||
var classString = (0, _classnames["default"])(prefixCls, "".concat(prefixCls, "-").concat(direction), className, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-").concat(size), size), _defineProperty(_classNames, "".concat(prefixCls, "-label-").concat(adjustedlabelPlacement), direction === 'horizontal'), _defineProperty(_classNames, "".concat(prefixCls, "-dot"), !!progressDot), _defineProperty(_classNames, "".concat(prefixCls, "-navigation"), isNav), _defineProperty(_classNames, "".concat(prefixCls, "-flex-not-supported"), !flexSupported), _classNames));
|
||||
return _react["default"].createElement("div", _extends({
|
||||
className: classString,
|
||||
style: style
|
||||
}, restProps), _react.Children.map(filteredChildren, function (child, index) {
|
||||
if (!child) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var stepNumber = initial + index;
|
||||
|
||||
var childProps = _objectSpread({
|
||||
stepNumber: "".concat(stepNumber + 1),
|
||||
stepIndex: stepNumber,
|
||||
prefixCls: prefixCls,
|
||||
iconPrefix: iconPrefix,
|
||||
wrapperStyle: style,
|
||||
progressDot: progressDot,
|
||||
icons: icons,
|
||||
onStepClick: onChange && _this2.onStepClick
|
||||
}, child.props);
|
||||
|
||||
if (!flexSupported && direction !== 'vertical') {
|
||||
if (isNav) {
|
||||
childProps.itemWidth = "".concat(100 / (lastIndex + 1), "%");
|
||||
childProps.adjustMarginRight = 0;
|
||||
} else if (index !== lastIndex) {
|
||||
childProps.itemWidth = "".concat(100 / lastIndex, "%");
|
||||
childProps.adjustMarginRight = -Math.round(lastStepOffsetWidth / lastIndex + 1);
|
||||
}
|
||||
} // fix tail color
|
||||
|
||||
|
||||
if (status === 'error' && index === current - 1) {
|
||||
childProps.className = "".concat(prefixCls, "-next-error");
|
||||
}
|
||||
|
||||
if (!child.props.status) {
|
||||
if (stepNumber === current) {
|
||||
childProps.status = status;
|
||||
} else if (stepNumber < current) {
|
||||
childProps.status = 'finish';
|
||||
} else {
|
||||
childProps.status = 'wait';
|
||||
}
|
||||
}
|
||||
|
||||
childProps.active = stepNumber === current;
|
||||
return (0, _react.cloneElement)(child, childProps);
|
||||
}));
|
||||
}
|
||||
}]);
|
||||
|
||||
return Steps;
|
||||
}(_react.Component);
|
||||
|
||||
exports["default"] = Steps;
|
||||
|
||||
_defineProperty(Steps, "propTypes", {
|
||||
type: _propTypes["default"].string,
|
||||
prefixCls: _propTypes["default"].string,
|
||||
className: _propTypes["default"].string,
|
||||
iconPrefix: _propTypes["default"].string,
|
||||
direction: _propTypes["default"].string,
|
||||
labelPlacement: _propTypes["default"].string,
|
||||
children: _propTypes["default"].any,
|
||||
status: _propTypes["default"].string,
|
||||
size: _propTypes["default"].string,
|
||||
progressDot: _propTypes["default"].oneOfType([_propTypes["default"].bool, _propTypes["default"].func]),
|
||||
style: _propTypes["default"].object,
|
||||
initial: _propTypes["default"].number,
|
||||
current: _propTypes["default"].number,
|
||||
icons: _propTypes["default"].shape({
|
||||
finish: _propTypes["default"].node,
|
||||
error: _propTypes["default"].node
|
||||
}),
|
||||
onChange: _propTypes["default"].func
|
||||
});
|
||||
|
||||
_defineProperty(Steps, "defaultProps", {
|
||||
type: 'default',
|
||||
prefixCls: 'rc-steps',
|
||||
iconPrefix: 'rc',
|
||||
direction: 'horizontal',
|
||||
labelPlacement: 'horizontal',
|
||||
initial: 0,
|
||||
current: 0,
|
||||
status: 'process',
|
||||
size: '',
|
||||
progressDot: false
|
||||
});
|
||||
22
web/node_modules/rc-steps/lib/index.js
generated
vendored
Normal file
22
web/node_modules/rc-steps/lib/index.js
generated
vendored
Normal file
@@ -0,0 +1,22 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
Object.defineProperty(exports, "Step", {
|
||||
enumerable: true,
|
||||
get: function get() {
|
||||
return _Step["default"];
|
||||
}
|
||||
});
|
||||
exports["default"] = void 0;
|
||||
|
||||
var _Steps = _interopRequireDefault(require("./Steps"));
|
||||
|
||||
var _Step = _interopRequireDefault(require("./Step"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
||||
|
||||
_Steps["default"].Step = _Step["default"];
|
||||
var _default = _Steps["default"];
|
||||
exports["default"] = _default;
|
||||
16
web/node_modules/rc-steps/lib/utils.js
generated
vendored
Normal file
16
web/node_modules/rc-steps/lib/utils.js
generated
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.isFlexSupported = isFlexSupported;
|
||||
|
||||
// eslint-disable-next-line import/prefer-default-export
|
||||
function isFlexSupported() {
|
||||
if (typeof window !== 'undefined' && window.document && window.document.documentElement) {
|
||||
var documentElement = window.document.documentElement;
|
||||
return 'flex' in documentElement.style || 'webkitFlex' in documentElement.style || 'Flex' in documentElement.style || 'msFlex' in documentElement.style;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
120
web/node_modules/rc-steps/package.json
generated
vendored
Normal file
120
web/node_modules/rc-steps/package.json
generated
vendored
Normal file
@@ -0,0 +1,120 @@
|
||||
{
|
||||
"_from": "rc-steps@~3.5.0",
|
||||
"_id": "rc-steps@3.5.0",
|
||||
"_inBundle": false,
|
||||
"_integrity": "sha512-2Vkkrpa7PZbg7qPsqTNzVDov4u78cmxofjjnIHiGB9+9rqKS8oTLPzbW2uiWDr3Lk+yGwh8rbpGO1E6VAgBCOg==",
|
||||
"_location": "/rc-steps",
|
||||
"_phantomChildren": {},
|
||||
"_requested": {
|
||||
"type": "range",
|
||||
"registry": true,
|
||||
"raw": "rc-steps@~3.5.0",
|
||||
"name": "rc-steps",
|
||||
"escapedName": "rc-steps",
|
||||
"rawSpec": "~3.5.0",
|
||||
"saveSpec": null,
|
||||
"fetchSpec": "~3.5.0"
|
||||
},
|
||||
"_requiredBy": [
|
||||
"/antd"
|
||||
],
|
||||
"_resolved": "https://registry.npmjs.org/rc-steps/-/rc-steps-3.5.0.tgz",
|
||||
"_shasum": "36b2a7f1f49907b0d90363884b18623caf9fb600",
|
||||
"_spec": "rc-steps@~3.5.0",
|
||||
"_where": "/Users/thilina/TestProjects/icehrm-pro/web/node_modules/antd",
|
||||
"bugs": {
|
||||
"url": "http://github.com/react-component/steps/issues"
|
||||
},
|
||||
"bundleDependencies": false,
|
||||
"config": {
|
||||
"port": 8002
|
||||
},
|
||||
"dependencies": {
|
||||
"babel-runtime": "^6.23.0",
|
||||
"classnames": "^2.2.3",
|
||||
"lodash": "^4.17.5",
|
||||
"prop-types": "^15.5.7"
|
||||
},
|
||||
"deprecated": false,
|
||||
"description": "steps ui component for react",
|
||||
"devDependencies": {
|
||||
"coveralls": "^3.0.4",
|
||||
"enzyme": "^3.0.0",
|
||||
"enzyme-adapter-react-16": "^1.0.1",
|
||||
"enzyme-to-json": "^3.0.0",
|
||||
"jest": "^20.0.4",
|
||||
"lint-staged": "^9.0.0",
|
||||
"pre-commit": "1.x",
|
||||
"querystring": "^0.2.0",
|
||||
"rc-dialog": "6.x",
|
||||
"rc-tools": "9.x",
|
||||
"react": "^16.0.0",
|
||||
"react-dom": "^16.0.0",
|
||||
"react-test-renderer": "^16.0.0"
|
||||
},
|
||||
"files": [
|
||||
"lib",
|
||||
"es",
|
||||
"assets/iconfont.css",
|
||||
"assets/index.css"
|
||||
],
|
||||
"homepage": "http://github.com/react-component/steps",
|
||||
"jest": {
|
||||
"setupFiles": [
|
||||
"./tests/setup.js"
|
||||
],
|
||||
"collectCoverageFrom": [
|
||||
"src/**/*"
|
||||
],
|
||||
"snapshotSerializers": [
|
||||
"enzyme-to-json/serializer"
|
||||
],
|
||||
"transform": {
|
||||
"\\.jsx?$": "./node_modules/rc-tools/scripts/jestPreprocessor.js"
|
||||
}
|
||||
},
|
||||
"keywords": [
|
||||
"react",
|
||||
"react-component",
|
||||
"react-steps"
|
||||
],
|
||||
"licenses": "MIT",
|
||||
"lint-staged": {
|
||||
"*.{js,jsx,ts,tsx}": [
|
||||
"npm run pre-commit",
|
||||
"git add"
|
||||
]
|
||||
},
|
||||
"main": "./lib/index",
|
||||
"maintainers": [
|
||||
{
|
||||
"name": "afc163",
|
||||
"email": "afc163@gmail.com"
|
||||
}
|
||||
],
|
||||
"module": "./es/index",
|
||||
"name": "rc-steps",
|
||||
"pre-commit": [
|
||||
"lint-staged"
|
||||
],
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git+ssh://git@github.com/react-component/steps.git"
|
||||
},
|
||||
"scripts": {
|
||||
"build": "rc-tools run build",
|
||||
"compile": "rc-tools run compile --babel-runtime",
|
||||
"coverage": "jest --coverage && cat ./coverage/lcov.info | coveralls",
|
||||
"gh-pages": "rc-tools run gh-pages",
|
||||
"lint": "rc-tools run lint",
|
||||
"lint-staged": "lint-staged",
|
||||
"lint:fix": "rc-tools run lint --fix",
|
||||
"now-build": "npm run build",
|
||||
"pre-commit": "rc-tools run pre-commit",
|
||||
"prepublish": "rc-tools run guard",
|
||||
"pub": "rc-tools run pub --babel-runtime",
|
||||
"start": "rc-tools run server",
|
||||
"test": "jest"
|
||||
},
|
||||
"version": "3.5.0"
|
||||
}
|
||||
Reference in New Issue
Block a user