Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

rc-progress

Package Overview
Dependencies
Maintainers
3
Versions
51
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

rc-progress - npm Package Compare versions

Comparing version 1.0.4 to 2.0.0

lib/Circle.js

20

lib/index.js
'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'];

23

package.json
{
"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"
}
]
}
# 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.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc