feat(tcr): testing modified

NervJS · May 28, 2018 · 7e50324 · 7e50324
1 parent 6e57d1e
commit 7e50324
Show file tree

Hide file tree

Showing 9 changed files with 1,840 additions and 2,234 deletions.
diff --git a/packages/taro-components-rn/.gitignore b/packages/taro-components-rn/.gitignore
@@ -15,3 +15,6 @@ build
 # jest
 coverage
 __snapshots__
+
+# tcr-testing
+tcr-testing.sh
diff --git a/packages/taro-components-rn/README.md b/packages/taro-components-rn/README.md
@@ -4,6 +4,16 @@ Alo, alo! Bilibilibilibibili~
 
 > IOS: Remember to link the libART.a into your project if you want to use Icon.
 
+## Example
+
+Please use official AwesomeProject.
+
+```bash
+cp -rf src AwesomeProjectDir/src/tcr
+# import components
+# import { Icon } from './tcr'
+```
+
 ## Todo list
 
 > FS = Fully Support
@@ -31,7 +41,7 @@ Alo, alo! Bilibilibilibibili~
 - [] picker | 
 - [] radio | 
 - [] slider | 0.4~0.6 99%
-- [] switch | 0.3~0.5
+- [] switch | FS
 - [] textarea
 
 ### 导航

diff --git a/packages/taro-components-rn/package-lock.json b/packages/taro-components-rn/package-lock.json
diff --git a/packages/taro-components-rn/package.json b/packages/taro-components-rn/package.json
@@ -2,7 +2,7 @@
   "name": "@tarojs/components-rn",
   "version": "0.0.32",
   "description": "多端解决方案基础组件（RN）",
-  "main": "index.js",
+  "main": "./src/index.js",
   "scripts": {
     "flow": "flow",
     "flow-stop": "flow stop",

diff --git a/packages/taro-components-rn/src/components/checkbox/index.js b/packages/taro-components-rn/src/components/checkbox/index.js
@@ -11,8 +11,9 @@
 
 import React, { Component } from 'react'
 import {
+  View,
   TouchableWithoutFeedback,
-  StyleSheet,
+  StyleSheet
 } from 'react-native'
 import Icon from '../icon'
 import styles from './styles'
@@ -54,16 +55,15 @@ class _Checkbox extends Component<Props> {
     } = this.props
 
     return (
-      <TouchableWithoutFeedback
-        onPress={this.onPress}
-        style={[styles.wrapper, style, wrapperChecked]}
-      >
-        <Icon
-          type="success_no_circle"
-          size="10"
-          color="white"
-          style="[wrapperIcon, checked && wrapperCheckedIcon]"
-        />
+      <TouchableWithoutFeedback onPress={this.onPress}>
+        <View style={[styles.wrapper, style, checked && styles.wrapperChecked]}>
+          <Icon
+            type="success_no_circle"
+            size={18}
+            color="white"
+            style={[styles.wrapperIcon, checked && styles.wrapperCheckedIcon]}
+          />
+        </View>
       </TouchableWithoutFeedback>
     )
   }

diff --git a/packages/taro-components-rn/src/components/checkbox/styles.js b/packages/taro-components-rn/src/components/checkbox/styles.js
@@ -4,10 +4,10 @@ export default StyleSheet.create({
   wrapper: {
     alignItems: 'center',
     justifyContent: 'center',
-    width: 12,
-    height: 12,
+    width: 24,
+    height: 24,
     borderColor: '#f3f3f3',
-    borderWidth: 1,
+    borderWidth: 2,
     borderRadius: 2
   },
   wrapperChecked: {

diff --git a/packages/taro-components-rn/src/components/switch/index.js b/packages/taro-components-rn/src/components/switch/index.js
@@ -4,7 +4,14 @@
  * ✔ bindchange :isChecked
  * ✔ color
  *
+ * @warn When type="switch", use native Switch
  * @see https://wechat.design/brand/color
+ * @example
+ *  <Switch
+ *    checked={this.state.isSwitchChecked}
+ *    bindchange={this.onSwitchChange}
+ *    color="red"
+ *  />
  *
  * @flow
  */
@@ -49,7 +56,7 @@ class _Switch extends Component<Props> {
     if (type === 'checkbox') {
       return (
         <Checkbox
-          bindchange={onCheckboxToggle}
+          bindchange={this.onCheckboxToggle}
           checked={checked}
         />
       )
@@ -60,7 +67,7 @@ class _Switch extends Component<Props> {
         value={checked}
         onValueChange={bindchange}
         onTintColor={color}
-        style={[style, { width: size, height: size }]}
+        style={style}
       />
     )
   }

diff --git a/packages/taro-components-rn/src/components/view/index.js b/packages/taro-components-rn/src/components/view/index.js
@@ -19,6 +19,8 @@
  * ✘ animationend
  * ✘ touchforcechange
  *
+ * @warn unstable
+ *
  * @flow
  */
 

diff --git a/packages/taro-components-rn/src/index.js b/packages/taro-components-rn/src/index.js
@@ -0,0 +1,7 @@
+import Icon from './components/icon'
+import Switch from './components/switch'
+
+export {
+  Icon,
+  Switch
+}