rc-progress
Advanced tools
Comparing version 1.0.4 to 2.0.0
'use strict'; | ||
module.exports = require('./Progress'); | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _Line = require('./Line'); | ||
var _Line2 = _interopRequireDefault(_Line); | ||
var _Circle = require('./Circle'); | ||
var _Circle2 = _interopRequireDefault(_Circle); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } | ||
exports["default"] = { | ||
Line: _Line2["default"], | ||
Circle: _Circle2["default"] | ||
}; | ||
module.exports = exports['default']; |
{ | ||
"name": "rc-progress", | ||
"version": "1.0.4", | ||
"version": "2.0.0", | ||
"description": "progress ui component for react", | ||
@@ -32,9 +32,11 @@ "keywords": [ | ||
"gh-pages": "rc-tools run gh-pages", | ||
"start": "rc-server", | ||
"start": "rc-tools run server", | ||
"pub": "rc-tools run pub", | ||
"lint": "rc-tools run lint", | ||
"lint:fix": "rc-tools run lint --fix", | ||
"karma": "rc-tools run karma", | ||
"saucelabs": "rc-tools run saucelabs", | ||
"browser-test": "rc-tools run browser-test", | ||
"browser-test-cover": "rc-tools run browser-test-cover" | ||
"test": "rc-tools run test", | ||
"chrome-test": "rc-tools run chrome-test", | ||
"coverage": "rc-tools run coverage" | ||
}, | ||
@@ -44,14 +46,9 @@ "devDependencies": { | ||
"pre-commit": "1.x", | ||
"rc-server": "3.x", | ||
"rc-tools": "4.x", | ||
"react-addons-test-utils": "^0.14.0", | ||
"react": "~0.14.0", | ||
"react-dom": "~0.14.0" | ||
"rc-tools": "5.x", | ||
"react": "^15.3.0", | ||
"react-dom": "^15.3.0" | ||
}, | ||
"pre-commit": [ | ||
"lint" | ||
], | ||
"dependencies": { | ||
"object-assign": "4.x" | ||
} | ||
] | ||
} |
137
README.md
# rc-progress | ||
--- | ||
progress ui component for react | ||
Progress Bar. | ||
[![NPM version][npm-image]][npm-url] | ||
[![SPM version](http://spmjs.io/badge/rc-progress)](http://spmjs.io/package/rc-progress) | ||
[![build status][travis-image]][travis-url] | ||
@@ -14,3 +12,2 @@ [![Test coverage][coveralls-image]][coveralls-url] | ||
[npm-image]: http://img.shields.io/npm/v/rc-progress.svg?style=flat-square | ||
@@ -29,2 +26,6 @@ [npm-url]: http://npmjs.org/package/rc-progress | ||
## Example | ||
http://react-component.github.io/progress/ | ||
## Screenshots | ||
@@ -34,13 +35,8 @@ | ||
## Browsers | ||
## Feature | ||
* support IE9+, Chrome, Firefox, Safari | ||
* support ie9+,chrome,firefox,safari | ||
## Install | ||
### Keyboard | ||
## install | ||
[![rc-progress](https://nodei.co/npm/rc-progress.png)](https://npmjs.org/package/rc-progress) | ||
@@ -50,10 +46,9 @@ | ||
```js | ||
var Line = require('rc-progress').Line; | ||
var Circle = require('rc-progress').Circle; | ||
var React = require('react'); | ||
React.render(<div> | ||
<Line percent=“10” strokeWidth="4" strokeColor=“#D3D3D3” /> | ||
<Circle percent=“10” strokeWidth="4" strokeColor=“#D3D3D3” /> | ||
</div>, container); | ||
```jsx | ||
import { Line, Circle } from 'rc-progress'; | ||
ReactDOM.render(<div> | ||
<Line percent="10" strokeWidth="4" strokeColor="#D3D3D3" /> | ||
<Circle percent="10" strokeWidth="4" strokeColor="#D3D3D3" /> | ||
</div>, container); | ||
``` | ||
@@ -66,36 +61,60 @@ | ||
<table class="table table-bordered table-striped"> | ||
<thead> | ||
<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> | ||
<th style="width: 100px;">name</th> | ||
<th style="width: 50px;">type</th> | ||
<th style="width: 50px;">default</th> | ||
<th>description</th> | ||
<td>strokeWidth</td> | ||
<td>Number</td> | ||
<td>1</td> | ||
<td>Width of the stroke. Unit is percentage of SVG canvas size.</td> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<td>strokeWidth</td> | ||
<td>Number</td> | ||
<td>1</td> | ||
<td>Width of the stroke. Unit is percentage of SVG canvas size.</td> | ||
</tr> | ||
<tr> | ||
<td>strokeColor</td> | ||
<td>String</td> | ||
<td>#3FC7FA</td> | ||
<td> Stroke color.</td> | ||
</tr> | ||
<tr> | ||
<td>trailWidth</td> | ||
<td>Number</td> | ||
<td>1</td> | ||
<td>Width of the trail stroke. Unit is percentage of SVG canvas size. Trail is always centered relative to actual progress path. If trailWidth are not defined, it same as strokeWidth.</td> | ||
</tr> | ||
<tr> | ||
<td>trailColor</td> | ||
<td>String</td> | ||
<td>#D9D9D9</td> | ||
<td> Color for lighter trail stroke underneath the actual progress path.</td> | ||
</tr> | ||
</tbody> | ||
<tr> | ||
<td>strokeColor</td> | ||
<td>String</td> | ||
<td>#2db7f5</td> | ||
<td>Stroke color.</td> | ||
</tr> | ||
<tr> | ||
<td>trailWidth</td> | ||
<td>Number</td> | ||
<td>1</td> | ||
<td>Width of the trail stroke. Unit is percentage of SVG canvas size. Trail is always centered relative to actual progress path. If trailWidth are not defined, it same as strokeWidth.</td> | ||
</tr> | ||
<tr> | ||
<td>trailColor</td> | ||
<td>String</td> | ||
<td>#D9D9D9</td> | ||
<td>Color for lighter trail stroke underneath the actual progress path.</td> | ||
</tr> | ||
<tr> | ||
<td>strokeLinecap</td> | ||
<td>String</td> | ||
<td>round</td> | ||
<td>The shape to be used at the end of the progress bar, can be square or round.</td> | ||
</tr> | ||
<tr> | ||
<td>prefixCls</td> | ||
<td>String</td> | ||
<td>rc-progress</td> | ||
<td>prefix className for component</td> | ||
</tr> | ||
<tr> | ||
<td>className</td> | ||
<td>String</td> | ||
<td></td> | ||
<td>customized className</td> | ||
</tr> | ||
<tr> | ||
<td>style</td> | ||
<td>Object</td> | ||
<td></td> | ||
<td>style object will be added to svg element</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
@@ -110,18 +129,4 @@ | ||
## Example | ||
http://localhost:8000/examples/ | ||
online example: http://react-component.github.io/progress/build/examples/ | ||
## Test Case | ||
http://localhost:8000/tests/runner.html?coverage | ||
## Coverage | ||
http://localhost:8000/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8000/tests/runner.html?coverage | ||
## License | ||
rc-progress is released under the MIT license. |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
11655
0
5
9
164
127
2
- Removedobject-assign@4.x
- Removedobject-assign@4.1.1(transitive)