issue: rename

afeiship · Sep 19, 2018 · 8481e8e · 8481e8e
1 parent 7b04bf8
commit 8481e8e
Show file tree

Hide file tree

Showing 16 changed files with 35 additions and 35 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# react-fade-img
+# react-fade-image
 > Fade or lazy image for react
 
 

diff --git a/_README.md b/_README.md
@@ -1,4 +1,4 @@
-# react-fade-img
+# react-fade-image
 > Fade or lazy image for react
 
 ## properties:
@@ -8,19 +8,19 @@ BACKUP_PROPERTIES
 
 ## install && import:
 ```bash
-npm install --save afeiship/react-fade-img --registry=https://registry.npm.taobao.org
+npm install --save afeiship/react-fade-image --registry=https://registry.npm.taobao.org
 ```
 
 ```js
-import ReactFadeImg from 'react-fade-img';
+import ReactFadeImage from 'react-fade-image';
 ```
 
 ```scss
 // customize your styles:
-$react-fade-img-options:(
+$react-fade-image-options:(
 );
 
-@import 'node_modules/react-fade-img/dist/style.scss';
+@import 'node_modules/react-fade-image/dist/style.scss';
 ```
 
 

diff --git a/build/auto-readme.js b/build/auto-readme.js
@@ -10,7 +10,7 @@ const targetUsageRE = /## usage:\n```jsx\n(.*)\n```/;
 let readmeFile = path.join(__dirname,'../README.md');
 let _readmeFile = path.join(__dirname,'../_README.md');
 let exampleFile = path.join(__dirname,'../src/dev.js');
-let templateFile = path.join(__dirname,'../src/components/react-fade-img.js');
+let templateFile = path.join(__dirname,'../src/components/react-fade-image.js');
 
 
 

diff --git a/build/webpack.prod.conf.js b/build/webpack.prod.conf.js
@@ -9,8 +9,8 @@ base.entry = {
 base.output = {
   path: config.build.assetsRoot,
   publicPath: config.build.assetsPublicPath,
-  filename: 'react-fade-img.js',
-  library: 'ReactFadeImg',
+  filename: 'react-fade-image.js',
+  library: 'ReactFadeImage',
   libraryTarget: 'umd'
 }
 

diff --git a/dist/react-fade-image.js b/dist/react-fade-image.js
diff --git a/dist/react-fade-image.js.map b/dist/react-fade-image.js.map
diff --git a/dist/react-fade-img.js b/dist/react-fade-img.js
diff --git a/dist/react-fade-img.js.map b/dist/react-fade-img.js.map
diff --git a/dist/style.scss b/dist/style.scss
@@ -1,10 +1,10 @@
-$react-fade-img-options: (
+$react-fade-image-options: (
   duration: 0.3s
 ) !default;
 
-.react-fade-img {
+.react-fade-image {
   $duration: map-get(
-    $map: $react-fade-img-options,
+    $map: $react-fade-image-options,
     $key: duration
   );
 

diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
     <meta name="format-detection" content="date=no" />
     <meta name="referrer" content="never">
 
-    <title>react-fade-img</title>
+    <title>react-fade-image</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/package.json b/package.json
@@ -1,30 +1,30 @@
 {
-  "name": "react-fade-img",
+  "name": "react-fade-image",
   "version": "0.0.1",
   "description": "Fade or lazy image for react",
   "author": "afeiship <1290657123@qq.com>",
   "keywords": [
     "components",
-    "react-fade-img",
+    "react-fade-image",
     "ui",
     "theme"
   ],
   "private": false,
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/afeiship/react-fade-img.git"
+    "url": "git+https://github.com/afeiship/react-fade-image.git"
   },
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/afeiship/react-fade-img/issues"
+    "url": "https://github.com/afeiship/react-fade-image/issues"
   },
-  "homepage": "https://github.com/afeiship/react-fade-img",
+  "homepage": "https://github.com/afeiship/react-fade-image",
   "scripts": {
     "dev": "node build/dev-server.js",
     "build": "node build/build.js",
     "docs": "node build/auto-readme.js"
   },
-  "main": "./dist/react-fade-img.js",
+  "main": "./dist/react-fade-image.js",
   "devDependencies": {
     "autoprefixer": "^6.4.0",
     "autoprefixer-loader": "^3.2.0",

diff --git a/src/components/react-fade-img.js → src/components/react-fade-image.js b/src/components/react-fade-img.js → src/components/react-fade-image.js
@@ -52,7 +52,7 @@ export default class extends Component {
       <img
         onLoad={this._onLoad}
         data-loaded={_value}
-        className={classNames('react-fade-img', className)}
+        className={classNames('react-fade-image', className)}
         {...props}
       />
     );

diff --git a/src/components/style.scss b/src/components/style.scss
@@ -1,10 +1,10 @@
-$react-fade-img-options: (
+$react-fade-image-options: (
   duration: 0.3s
 ) !default;
 
-.react-fade-img {
+.react-fade-image {
   $duration: map-get(
-    $map: $react-fade-img-options,
+    $map: $react-fade-image-options,
     $key: duration
   );
 

diff --git a/src/dev.js b/src/dev.js
@@ -1,10 +1,10 @@
 import './dev.scss';
-import ReactFadeImg from './main';
+import ReactFadeImage from './main';
 
 /*===example start===*/
 
-// install: npm install afeiship/react-fade-img --save
-// import : import ReactFadeImg from 'react-fade-img'
+// install: npm install afeiship/react-fade-image --save
+// import : import ReactFadeImage from 'react-fade-image'
 
 class App extends React.Component{
   state = {
@@ -20,8 +20,8 @@ class App extends React.Component{
 
   render(){
     return (
-      <div className="hello-react-fade-img">
-        <ReactFadeImg value={false} src="http://imglf4.nosdn.127.net/img/KzNuMlRKSFVENitYYjJBYnU5Q2cwQjRjd0ljSURUWmxZeGxvWVlOYnhHZWRReFBoUVJWUXFRPT0.jpg?imageView&thumbnail=1680x0&quality=96&stripmeta=0&type=jpg" ref='rc' />
+      <div className="hello-react-fade-image">
+        <ReactFadeImage value={false} src="http://imglf4.nosdn.127.net/img/KzNuMlRKSFVENitYYjJBYnU5Q2cwQjRjd0ljSURUWmxZeGxvWVlOYnhHZWRReFBoUVJWUXFRPT0.jpg?imageView&thumbnail=1680x0&quality=96&stripmeta=0&type=jpg" ref='rc' />
       </div>
     );
   }

diff --git a/src/dev.scss b/src/dev.scss
@@ -11,11 +11,11 @@ button{
 @import './components/style.scss';
 
 
-.hello-react-fade-img{
+.hello-react-fade-image{
   color:#F00;
   padding:50px 20px;
 
-  .react-fade-img{
+  .react-fade-image{
     width: 100%;
   }
 

diff --git a/src/main.js b/src/main.js
@@ -1,2 +1,2 @@
-import ReactFadeImg from 'components/react-fade-img';
-export default ReactFadeImg;
+import ReactFadeImage from 'components/react-fade-image';
+export default ReactFadeImage;