update status manager

afeiship · Mar 23, 2017 · f133441 · f133441
1 parent 32f75af
commit f133441
Show file tree

Hide file tree

Showing 14 changed files with 33 additions and 38 deletions.
diff --git a/README.MD b/README.MD
@@ -1,5 +1,5 @@
-# react-refresher
-> React refresher for pull to refresh.
+# react-status-manager
+> React component for status manager.
 
 
 ## resource:
@@ -16,5 +16,5 @@
 
 ## usage:
 ```html
-<react-refresher :visible="true" />
+<react-status-manager :visible="true" />
 ```
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-refresher.js',
-  library: 'ReactRefresher',
+  filename: 'react-status-manager.js',
+  library: 'ReactStatusManager',
   libraryTarget: 'umd'
 }
 

diff --git a/dist/react-refresher.js b/dist/react-refresher.js
diff --git a/dist/react-refresher.js.map b/dist/react-refresher.js.map
diff --git a/dist/react-status-manager.js b/dist/react-status-manager.js
diff --git a/dist/react-status-manager.js.map b/dist/react-status-manager.js.map
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
     <meta name="format-detection" content="address=no" />
     <meta name="format-detection" content="date=no" />
 
-    <title>react-refresher</title>
+    <title>react-status-manager</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/package.json b/package.json
@@ -1,29 +1,32 @@
 {
-  "name": "react-refresher",
+  "name": "react-status-manager",
   "version": "0.1.0",
-  "description": "React refresher for pull to refresh.",
+  "description": "React component for status manager.",
   "author": "afeiship <1290657123@qq.com>",
   "keywords": [
     "components",
-    "react-refresher",
+    "react",
+    "status",
+    "manager",
+    "state",
     "ui",
     "theme"
   ],
   "private": false,
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/afeiship/react-refresher.git"
+    "url": "git+https://github.com/afeiship/react-status-manager.git"
   },
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/afeiship/react-refresher/issues"
+    "url": "https://github.com/afeiship/react-status-manager/issues"
   },
-  "homepage": "https://github.com/afeiship/react-refresher",
+  "homepage": "https://github.com/afeiship/react-status-manager",
   "scripts": {
     "dev": "node build/dev-server.js",
     "build": "node build/build.js"
   },
-  "main": "./dist/react-refresher.js",
+  "main": "./dist/react-status-manager.js",
   "devDependencies": {
     "autoprefixer": "^6.4.0",
     "autoprefixer-loader": "^3.2.0",

diff --git a/src/components/loading.svg → src/assets/loading.svg b/src/components/loading.svg → src/assets/loading.svg
diff --git a/src/components/react-refresher.js → src/components/react-status-manager.js b/src/components/react-refresher.js → src/components/react-status-manager.js
@@ -1,7 +1,6 @@
 import './style.scss';
 import classNames from 'classnames';
 import {createElement,PureComponent,PropTypes} from 'react';
-import loadingImg from './loading.svg';
 
 export default class extends PureComponent{
   static propTypes = {
@@ -12,28 +11,16 @@ export default class extends PureComponent{
   };
 
   static defaultProps = {
-    className:'',
     status:'init',
     size:'14px',
     statusList:['init','active','running','finish']
   };
 
-  getDefaultChildren(){
-    let children = [];
-    return [
-      createElement('span',{key:0},'下拉刷新'),
-      createElement('span',{key:1},'释放更新'),
-      createElement('img',{key:2,width:30,src:loadingImg}),
-      createElement('span',{key:3},'加载完毕')
-    ];
-  }
-
   render(){
-    let children = this.props.children || this.getDefaultChildren();
-    const { className, status, statusList, size} = this.props;
+    const { className, status, statusList, size ,children} = this.props;
     return (
       <div
-      className={classNames('react-refresher',className)}
+      className={classNames('react-status-manager',className)}
       style={{fontSize:size}}
       data-status={status}
       >