{"_id":"re-animate","_rev":"444062","name":"re-animate","description":"react animation","dist-tags":{"latest":"0.0.3"},"maintainers":[{"name":"hzongquan","email":"hzongquan@126.com"}],"time":{"modified":"2021-08-05T06:42:50.000Z","created":"2016-01-21T08:28:38.381Z","0.0.3":"2016-01-21T11:14:08.502Z","0.0.2":"2016-01-21T09:59:40.737Z","0.0.1":"2016-01-21T08:28:38.381Z"},"users":{"bpolonia":true},"author":{"name":"Jason"},"repository":{"type":"git","url":"git+https://github.com/recharts/react-css-animation.git"},"versions":{"0.0.3":{"name":"re-animate","version":"0.0.3","description":"react animation","main":"lib/index.js","files":["lib"],"scripts":{"test":"karma start --single-run","demo":"webpack-dev-server  --progress --port 3000  --colors --content-base demo --hot --inline --config demo/webpack.config.js","test-watch":"karma start","watch":"NODE_ENV=production ./node_modules/.bin/webpack -w","build":"NODE_ENV=production ./node_modules/.bin/webpack"},"repository":{"type":"git","url":"git+https://github.com/recharts/react-css-animation.git"},"keywords":["react","animation","reactjs","ramda"],"maintainers":[{"name":"hzongquan","email":"hzongquan@126.com"}],"author":{"name":"Jason"},"license":"MIT","bugs":{"url":"https://github.com/recharts/react-css-animation/issues"},"homepage":"https://github.com/recharts/react-css-animation#readme","dependencies":{"babel-register":"^6.4.3","pure-render-decorator":"^0.2.0","ramda":"^0.19.1","react":"^0.14.6","react-dom":"^0.14.6"},"devDependencies":{"babel-core":"^6.4.5","babel-eslint":"^5.0.0-beta6","babel-loader":"^6.2.1","babel-plugin-transform-decorators-legacy":"1.3.4","babel-plugin-transform-export-extensions":"6.3.13","babel-polyfill":"^6.3.14","babel-preset-es2015":"6.3.13","babel-preset-react":"6.3.13","babel-preset-stage-0":"6.3.13","chai":"^3.4.1","eslint":"^1.10.3","eslint-config-airbnb":"^3.1.0","eslint-plugin-react":"^3.15.0","karma":"^0.13.19","karma-mocha":"^0.2.1","karma-phantomjs-launcher":"^0.2.3","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","mocha":"^2.3.4","phantomjs":"^1.9.18","react-addons-test-utils":"^0.14.6","webpack":"^1.12.11"},"gitHead":"de0500119aa671e88003d6f124c587f6905bdec5","_id":"re-animate@0.0.3","_shasum":"a15c16fb00d02855b47d1bfb4d018858694d67f3","_from":".","_npmVersion":"3.5.4","_nodeVersion":"5.1.0","_npmUser":{"name":"hzongquan","email":"hzongquan@126.com"},"dist":{"shasum":"a15c16fb00d02855b47d1bfb4d018858694d67f3","size":208682,"noattachment":false,"key":"/re-animate/-/re-animate-0.0.3.tgz","tarball":"http://registry.cnpm.dingdandao.com/re-animate/download/re-animate-0.0.3.tgz"},"directories":{},"publish_time":1453374848502,"_cnpm_publish_time":1453374848502,"_hasShrinkwrap":false},"0.0.2":{"name":"re-animate","version":"0.0.2","description":"react animation","main":"lib/index.js","files":["lib"],"scripts":{"test":"karma start --single-run","demo":"webpack-dev-server  --progress --port 3000  --colors --content-base demo --hot --inline --config demo/webpack.config.js","test-watch":"karma start","watch":"NODE_ENV=production ./node_modules/.bin/webpack -w","build":"NODE_ENV=production ./node_modules/.bin/webpack"},"repository":{"type":"git","url":"git+https://github.com/recharts/react-css-animation.git"},"keywords":["react","animation","reactjs","ramda"],"maintainers":[{"name":"hzongquan","email":"hzongquan@126.com"}],"author":{"name":"Jason"},"license":"MIT","bugs":{"url":"https://github.com/recharts/react-css-animation/issues"},"homepage":"https://github.com/recharts/react-css-animation#readme","dependencies":{"babel-register":"^6.4.3","pure-render-decorator":"^0.2.0","ramda":"^0.19.1","react":"^0.14.6","react-dom":"^0.14.6"},"devDependencies":{"babel-core":"^6.4.5","babel-eslint":"^5.0.0-beta6","babel-loader":"^6.2.1","babel-plugin-transform-decorators-legacy":"1.3.4","babel-plugin-transform-export-extensions":"6.3.13","babel-polyfill":"^6.3.14","babel-preset-es2015":"6.3.13","babel-preset-react":"6.3.13","babel-preset-stage-0":"6.3.13","chai":"^3.4.1","eslint":"^1.10.3","eslint-config-airbnb":"^3.1.0","eslint-plugin-react":"^3.15.0","karma":"^0.13.19","karma-mocha":"^0.2.1","karma-phantomjs-launcher":"^0.2.3","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","mocha":"^2.3.4","phantomjs":"^1.9.18","react-addons-test-utils":"^0.14.6","webpack":"^1.12.11"},"gitHead":"25bb72e76371905a5f3eec23e6430a231ce51831","_id":"re-animate@0.0.2","_shasum":"f655be9149842adc22153d4a7273b46b73c751b9","_from":".","_npmVersion":"3.5.4","_nodeVersion":"5.1.0","_npmUser":{"name":"hzongquan","email":"hzongquan@126.com"},"dist":{"shasum":"f655be9149842adc22153d4a7273b46b73c751b9","size":208522,"noattachment":false,"key":"/re-animate/-/re-animate-0.0.2.tgz","tarball":"http://registry.cnpm.dingdandao.com/re-animate/download/re-animate-0.0.2.tgz"},"directories":{},"publish_time":1453370380737,"_cnpm_publish_time":1453370380737,"_hasShrinkwrap":false},"0.0.1":{"name":"re-animate","version":"0.0.1","description":"react animation","main":"lib/index.js","scripts":{"test":"karma start --single-run","demo":"webpack-dev-server  --progress --port 3000  --colors --content-base demo --hot --inline --config demo/webpack.config.js","test-watch":"karma start","watch":"NODE_ENV=production ./node_modules/.bin/webpack -w","build":"NODE_ENV=production ./node_modules/.bin/webpack"},"repository":{"type":"git","url":"git+https://github.com/recharts/react-css-animation.git"},"keywords":["react","animation","reactjs","ramda"],"maintainers":[{"name":"hzongquan","email":"hzongquan@126.com"}],"author":{"name":"Jason"},"license":"MIT","bugs":{"url":"https://github.com/recharts/react-css-animation/issues"},"homepage":"https://github.com/recharts/react-css-animation#readme","dependencies":{"babel-register":"^6.4.3","pure-render-decorator":"^0.2.0","ramda":"^0.19.1","react":"^0.14.6","react-dom":"^0.14.6"},"devDependencies":{"babel-core":"^6.4.5","babel-eslint":"^5.0.0-beta6","babel-loader":"^6.2.1","babel-plugin-transform-decorators-legacy":"1.3.4","babel-plugin-transform-export-extensions":"6.3.13","babel-polyfill":"^6.3.14","babel-preset-es2015":"6.3.13","babel-preset-react":"6.3.13","babel-preset-stage-0":"6.3.13","chai":"^3.4.1","eslint":"^1.10.3","eslint-config-airbnb":"^3.1.0","eslint-plugin-react":"^3.15.0","karma":"^0.13.19","karma-mocha":"^0.2.1","karma-phantomjs-launcher":"^0.2.3","karma-sourcemap-loader":"^0.3.7","karma-webpack":"^1.7.0","mocha":"^2.3.4","phantomjs":"^1.9.18","react-addons-test-utils":"^0.14.6","webpack":"^1.12.11"},"gitHead":"d879c58e083f1a31f9d00865f5154bd690f88f76","_id":"re-animate@0.0.1","_shasum":"1390b73020d667677d48f3d87b493e3c252b5b1e","_from":".","_npmVersion":"3.5.4","_nodeVersion":"5.1.0","_npmUser":{"name":"hzongquan","email":"hzongquan@126.com"},"dist":{"shasum":"1390b73020d667677d48f3d87b493e3c252b5b1e","size":8340,"noattachment":false,"key":"/re-animate/-/re-animate-0.0.1.tgz","tarball":"http://registry.cnpm.dingdandao.com/re-animate/download/re-animate-0.0.1.tgz"},"directories":{},"publish_time":1453364918381,"_cnpm_publish_time":1453364918381,"_hasShrinkwrap":false}},"readme":"# ReAnimate\nReAnimate = React + Animate\n\n[![npm version](https://badge.fury.io/js/react-css-animation.png)](https://badge.fury.io/js/react-css-animation)\n[![build status](https://travis-ci.org/recharts/react-css-animation.svg)](https://travis-ci.org/recharts/react-css-animation)\n\n## install\n```\nnpm i --save re-animate\n```\n\n## Usage\n```jsx\n<Animate to=\"0\" attributeName=\"opacity\">\n  <div>\n</Animate>\n```\nor\n```js\nconst steps = [{\n  style: {\n    opacity: 0,\n  },\n  moment: 400,\n}, {\n  style: {\n    opacity: 1,\n    transform: 'translate(0, 0)',\n  },\n  moment: 1000,\n}, {\n  style: {\n    transform: 'translate(100px, 100px)',\n  },\n  moment: 1200,\n}];\n```\n\n```jsx\n<Animate steps={steps}>\n  <div>\n</Animate>\n```\n\n## API\n\n### props\n\n<table class=\"table table-bordered table-striped\">\n    <thead>\n    <tr>\n        <th style=\"width: 50px\">name</th>\n        <th style=\"width: 100px\">type</th>\n        <th style=\"width: 50px\">default</th>\n        <th style=\"width: 50px\">description</th>\n    </tr>\n    </thead>\n    <tbody>\n        <tr>\n          <td>from</td>\n          <td>string or object</td>\n          <td>''</td>\n          <td>set the initial style of the children</td>\n        </tr>\n        <tr>\n          <td>to</td>\n          <td>string or object</td>\n          <td>''</td>\n          <td>set the final style of the children</td>\n        </tr>\n        <tr>\n          <td>canBegin</td>\n          <td>boolean</td>\n          <td>true</td>\n          <td>whether the animation is start</td>\n        </tr>\n        <tr>\n          <td>begin</td>\n          <td>number</td>\n          <td>0</td>\n          <td>animation delay time</td>\n        </tr>\n        <tr>\n          <td>duration</td>\n          <td>number</td>\n          <td>1000</td>\n          <td>animation duration</td>\n        </tr>\n        <tr>\n          <td>steps</td>\n          <td>array</td>\n          <td>[]</td>\n          <td>animation keyframes</td>\n        </tr>\n        <tr>\n          <td>onAnimationEnd</td>\n          <td>function</td>\n          <td>() => {}</td>\n          <td>called when animation finished</td>\n        </tr>\n        <tr>\n          <td>attributeName</td>\n          <td>string</td>\n          <td>''</td>\n          <td>style property</td>\n        </tr>\n        <tr>\n          <td>easing</td>\n          <td>string</td>\n          <td>'ease'</td>\n          <td>the animation timing function, support css timing function temporary</td>\n        </tr>\n        <tr>\n          <td>isActive</td>\n          <td>boolean</td>\n          <td>true</td>\n          <td>whether the animation is active</td>\n        </tr>\n        <tr>\n          <td>children</td>\n          <td>element</td>\n          <td></td>\n          <td>support only child temporary</td>\n        </tr>\n    </tbody>\n</table>\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n\nCopyright (c) 2015-2016 Recharts Group\n","_attachments":{},"homepage":"https://github.com/recharts/react-css-animation#readme","bugs":{"url":"https://github.com/recharts/react-css-animation/issues"},"license":"MIT"}