package name and demo fix for msg

Author: n7best

README.md

@@ -38,7 +38,7 @@ We have several examples on the documentation. Here is the first one to get you
 ```javascript
 // app.js
 
-import React, { Component } from 'react';
+import React from 'react';
 import ReactDOM from 'react-dom';
 import { Button } from 'react-weui';
 //import styles

docs/docs.json

@@ -541,6 +541,14 @@
         "preview" : "Infinite",
         "code"  : "infiniteloader/index",
         "component" : "infiniteloader/infiniteloader"
+      },
+      {
+        "name": "Page",
+        "version": "1.1.0",
+        "icon": "http://weui.github.io/weui/images/icon_nav_panel.png",
+        "preview" : "Page",
+        "code"  : "page/index",
+        "component" : "page/page"
       }
     ]
   },
@@ -566,4 +574,4 @@
       }
     ]
   }
-]
+]

docs/guide/getstarted.en-US.md

@@ -19,30 +19,14 @@ npm install [email protected] react-weui --save
 
 We have several examples on the documentation. Here is the first one to get you started:
 ```javascript
-// app.js
-
-import React, { Component } from 'react';
+import React from 'react';
 import ReactDOM from 'react-dom';
-
-//import using commonJS Module *Require Plugins
-//import { Button } from 'react-weui'
-
-//import Using ES6 syntax
-import WeUI from 'react-weui';
-
+import { Button } from 'react-weui';
 //import styles
 import 'weui';
-import 'react-weui/lib/react-weui.min.css';
-
-const {Button} = WeUI;
+import 'react-weui/build/packages/react-weui.css';
 
-class App extends Component {
-    render() {
-        return (
-            <Button>hello wechat</Button>
-        );
-    }
-}
+const App = () => <Button>hello wechat</Button>;
 
 ReactDOM.render((
     <App/>

docs/guide/getstarted.zh-CN.md

@@ -19,30 +19,14 @@ npm install [email protected] react-weui --save
 
 我们的组件文档里头有很多例子, 这里提供给一个快速上手的例子:
 ```javascript
-// app.js
-
-import React, { Component } from 'react';
+import React from 'react';
 import ReactDOM from 'react-dom';
-
-//使用 commonJS 模块方式 *可能需要webpack插件
-//import { Button } from 'react-weui'
-
-//使用 ES6 方式引入
-import WeUI from 'react-weui';
-
-//引入样式库
+import { Button } from 'react-weui';
+//import styles
 import 'weui';
-import 'react-weui/lib/react-weui.min.css';
-
-const {Button} = WeUI;
+import 'react-weui/build/packages/react-weui.css';
 
-class App extends Component {
-    render() {
-        return (
-            <Button>hello wechat</Button>
-        );
-    }
-}
+const App = () => <Button>hello wechat</Button>;
 
 ReactDOM.render((
     <App/>

example/app.js

@@ -33,7 +33,7 @@ const routes = [
     { path: '/toast', component: Toast },
     { path: '/dialog', component: Dialog },
     { path: '/progress', component: Progress },
-    { path: '/msg', component: MsgDemo },
+    { path: '/msg', component: MsgDemo, exact: true },
     { path: '/msg/success', component: MsgSuccess },
     { path: '/msg/fail', component: MsgFail },
     { path: '/article', component: Article },

package.json

@@ -3,7 +3,7 @@
   "version": "1.1.1",
   "description": "weui for react",
   "main": "./build/packages/index.js",
-  "browser": "./build/dist/bundle.min.js",
+  "browser": "./build/dist/react-weui.min.js",
   "scripts": {
     "start": "webpack-dev-server",
     "start:doc": "webpack-dev-server --config webpack.config.doc.js --progress --colors --port 8080",
@@ -13,7 +13,7 @@
     "test": "mocha --compilers js:babel-core/register --recursive -r ignore-styles -r jsdom-global/register",
     "test:watch": "npm run test -- --watch",
     "coverage": "npm run lint & nyc --require babel-core/register mocha -r ignore-styles -r jsdom-global/register && nyc report --reporter=lcov",
-    "publish": "gh-pages -d ./build/demo"
+    "postpublish": "gh-pages -d ./build/demo"
   },
   "repository": {
     "type": "git",

scripts/build.js

@@ -160,6 +160,10 @@ function createWebpackBuild(config){
           if (err || stats.hasErrors()) {
             rej('webpack build error');
           }
+          log(stats.toString({
+            chunks: false,  // Makes the build much quieter
+            colors: true    // Shows colors in the console
+          }));
           res();
         });
     };
@@ -173,7 +177,7 @@ function createBundle(bundleType){
             CLI.section('Writing Bundle to file');
             return bundle.write({
               moduleName: 'WeUI',
-              dest: atrs.path + (atrs.env === 'production' ? 'bundle.min.js' : 'bundle.js'),
+              dest: atrs.path + (atrs.env === 'production' ? 'react-weui.min.js' : 'react-weui.js'),
               format: atrs.format,
               sourceMap: atrs.sourceMap
             });

webpack.config.js

@@ -57,6 +57,8 @@ const rules = [
                     browsers: [
                         'last 3 version',
                         'ie >= 10',
+                        'iOS >= 7',
+                        'Android >= 4.1'
                     ],
                 })
             ]
@@ -82,6 +84,8 @@ const rules = [
                     browsers: [
                         'last 3 version',
                         'ie >= 10',
+                        'iOS >= 7',
+                        'Android >= 4.1'
                     ],
                 })
             ]