更新部分配置

Author: 翊晨

.babelrc

@@ -5,12 +5,6 @@
         "transform-react-display-name",
         "transform-class-properties",
         "transform-decorators-legacy",
-        ["transform-react-jsx", { "pragma": "createElement" }],
-        ["transform-imports", {
-            "nuke": {
-                "transform": "nuke/lib/${member}/index.js",
-                "preventFullImport": true
-            },
-        }]
+        ["transform-react-jsx", { "pragma": "createElement" }]
     ]
 }

package.json

@@ -1,15 +1,15 @@
 {
-  "name": "demo",
-  "version": "0.1.0",
+  "name": "example-qap-plugin",
+  "version": "2.0.1",
   "readmeFilename": "README.md",
   "scripts": {
     "start": "./node_modules/.bin/gulp start",
     "build": "./node_modules/.bin/gulp build"
   },
   "dependencies": {
     "QAP-SDK": "^1.0.11",
-    "nuke": "^0.6.31",
-    "rax": "^0.2.11"
+    "nuke": "^0.6.60",
+    "rax": "^0.3.8"
   },
   "devDependencies": {
     "babel-cli": "~6.7.5",

qap.json

@@ -1,6 +1,6 @@
 {
   "appKey": "23588507",
-  "version": "2.0",
+  "version": "2.0.1",
   "pages": [
     {
       "default": true,
@@ -24,7 +24,7 @@
     }
   ],
   "WebRootPath": "https://www.taobao.com/",
-  "min_qn_android": "5.8.8",
+  "min_qn_android": "5.8.2",
   "min_qn_ios": "5.8.2",
-  "jssdk": "1.0.14"
+  "jssdk": "1.0.19"
 }

src/home/index.jsx

@@ -5,7 +5,7 @@ import {View, Text, ScrollView} from 'nuke';
 import CommonModule from './mods/CommonModule';
 import QuickModule from './mods/QuickModule';
 import UserInfo from './mods/UserInfo';
-import FeedModule from './mods/FeedModule';
+import AppInfo from './mods/AppInfo';
 
 class Home extends Component {
     constructor(props) {
@@ -18,7 +18,7 @@ class Home extends Component {
                 <UserInfo></UserInfo>
                 <CommonModule></CommonModule>
                 <QuickModule></QuickModule>
-                <FeedModule></FeedModule>
+                <AppInfo></AppInfo>
             </ScrollView>
         );
     }

src/home/mods/AppInfo.jsx

@@ -0,0 +1,27 @@
+'use strict';
+import {createElement, Component,render} from 'rax';;
+import {View, Text, Image,Env} from 'nuke';
+import IconFont from '$root/components/icon/iconFont';
+import styles from './AppInfo.less';
+
+class AppInfo extends Component {
+    constructor(props) {
+        super(props);
+    }
+
+    state = {
+        v: Env.isWeex ? __weex_options__.QAPAppVersion : null
+    }
+
+
+
+    render() {
+        return (
+            <View style={styles.container}>
+                { this.state.v ? <Text style={styles.info}>插件版本号：{this.state.v}</Text> : null }
+            </View>
+        );
+    }
+}
+
+export default AppInfo;

src/home/mods/AppInfo.less

@@ -0,0 +1,8 @@
+.container{
+    margin-top: 10;
+    align-items:center;
+}
+.info{
+    font-size: 28;
+    color: #999999;
+}

src/index.jsx

@@ -30,11 +30,6 @@ class Index extends BaseModule {
         }
     }
 
-    // getUrl(url, param) {
-    //     let hasParam = url.match(/\?/);
-    //     let query = QAP.uri.toQueryString(param);
-    //     return `${url}${hasParam ? '&' : '?'}${query}`;
-    // }
 
     menus = [
         {
@@ -45,7 +40,6 @@ class Index extends BaseModule {
         }, {
             name: 'order',
             title: '订单',
-            // src: this.getUrl('qap://order/index.js', this.state.tradeStatus ? {tradeStatus: this.state.tradeStatus} : {}),
             src: 'qap://order/index.js',
             icon: 'order'
         }
@@ -63,7 +57,7 @@ class Index extends BaseModule {
                     return (
                         <View>
                             <View><IconFont iconStyle={[style.icon, color]} name={menu.icon}/></View>
-                            <Text style={color}>{menu.title}</Text>
+                            <Text style={[style.text,color]}>{menu.title}</Text>
                         </View>
                     )
                 }} title={menu.title} tabKey={menu.name} src={menu.src}></Tabbar.Item>
@@ -87,11 +81,14 @@ const style = {
         borderTopColor: '#ccc'
     },
     icon: {
-        fontSize: '48rem'
+        fontSize: '28rem'
     },
     itemUnSelectorColor: {
         color: '#3d4145'
     },
+    text:{
+        fontSize: '28rem'
+    },
     itemSelectorColor: {
         color: '#0894ec'
     }

template.html

@@ -4,34 +4,13 @@
     <meta charset="UTF-8">
     <title>H5版本</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
-    <meta name="apple-mobile-web-app-capable" content="yes"/>
-    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
-    <meta name="format-detection" content="telephone=no"/>
-    <style>
-        *{padding: 0; margin: 0}
-        html, body {
-            width: 100%;
-            height: 100%;
-            margin: 0px;
-            padding: 0px;
-            font-size: 12px;
-            color: #333;
-        }
-        body{
-            margin: 0 auto;
-            min-width: 320px;
-            max-width: 640px;
-        }
+    <link rel="stylesheet" href="//g.alicdn.com/nuke/style-normalize/0.1.4/index.css">
 
-        body > div {
-            height: 100%
-        }
-    </style>
 </head>
 <body>
 
-<script src="https://os.alipayobjects.com/qapprod/9b3e1635-ba26-4441-8d51-4a0ac999d58d/index.js"></script>
+<script src="//os.alipayobjects.com/qapprod/b62ed72a-834f-49eb-a9bb-6cfb6686592b/index.js"></script>
 <script id="script" type="text/javascript" src="<%= bundleJs %>"></script>
 
 </body>
-</html>
+</html>

webpack.config.js

@@ -61,11 +61,11 @@ var config = {
 
     },
 
-    // "externals": [{
-    //     "rax": "commonjs rax",
-    //     "nuke": "commonjs nuke",
-    //     "QAP-SDK": "commonjs QAP-SDK",
-    // }],
+    "externals": [{
+        "rax": "commonjs rax",
+        "nuke": "commonjs nuke",
+        "QAP-SDK": "commonjs QAP-SDK",
+    }],
 
     module: {
         loaders: [{