Doc

.eslintignore

@@ -1 +1,3 @@
 node_modules
+doc
+docs

ActionSheet/ActionSheet.md

@@ -0,0 +1,27 @@
+#### Demo
+
+![ActionSheet](http://wx4.sinaimg.cn/mw690/4c8b519dly1feq4asyl44g20hs0wsguv.gif)
+
+#### Example
+
+```JavaScript
+import ActionSheet from 'rnx-ui/ActionSheet';
+
+function Example(props) {
+  return (
+    <ActionSheet
+      visible={this.state.visible}
+      onClose={this.hide}
+      btnList={[{
+        text: '默认',
+        onPress: this.hide,
+      }, {
+        text: '相册',
+        onPress: this.hide,
+      }]}
+    />
+  );
+}
+```
+
+

ActionSheet/index.js

@@ -1,3 +1,10 @@
+/**
+ * @component ActionSheet
+ * @version 0.11.7
+ * @description 上拉按钮组
+ *
+ * @instructions {instruInfo: ./ActionSheet/ActionSheet.md}
+ */
 import React, { Component, PropTypes } from 'react';
 import {
   Platform,
@@ -75,40 +82,110 @@ class ActionSheet extends Component {
 }
 
 ActionSheet.propTypes = {
-  // 显示开关
+    /**
+     * @property visible
+     * @type Boolean
+     * @default false
+     * @description 显示开关
+     */
   visible: Sheet.propTypes.visible,
   // 按钮组
+   /**
+     * @property btnList
+     * @type Object
+     * @default [{
+     *   style: null,
+     *   text: '确定',
+     *  textStyle: null,
+     *   onPress: NOOP,
+     * }]
+     * @param {Object} style 按钮样式
+     * @param {String} text 按钮文字
+     * @param {Object} textStyle 按钮文字样式
+     * @param {Function} onPress 按钮点击回调
+     * @description 按钮组
+     */
   btnList: PropTypes.arrayOf(PropTypes.shape({
     /* eslint-disable */
-    // 按钮样式
+
     style: View.propTypes.style,
-    // 按钮文字
+
     text: PropTypes.string,
-    // 按钮文字样式
+
     textStyle: Text.propTypes.style,
-    // 按钮点击回调
+
     onPress: PropTypes.func,
     /* eslint-enable */
   })),
-  // 统一按钮样式
+    /**
+     * @property btnStyle
+     * @type Object
+     * @default null
+     * @description 统一按钮样式
+     */
   btnStyle: View.propTypes.style,
-  // 统一按钮文字样式
+    /**
+     * @property btnTextStyle
+     * @type Object
+     * @default null
+     * @description 统一按钮文字样式
+     */
   btnTextStyle: Text.propTypes.style,
-  // 取消按钮样式
+    /**
+     * @property cancelBtnStyle
+     * @type Object
+     * @default null
+     * @description 取消按钮样式
+     */
   cancelBtnStyle: View.propTypes.style,
-  // 取消按钮文字
+    /**
+     * @property cancelBtnText
+     * @type String
+     * @default '取消'
+     * @description 取消按钮文字
+     */
   cancelBtnText: PropTypes.string,
-  // 取消按钮文字样式
+    /**
+     * @property cancelBtnTextStyle
+     * @type Object
+     * @default null
+     * @description 取消按钮文字样式
+     */
   cancelBtnTextStyle: Text.propTypes.style,
-  // 遮罩层样式
+    /**
+     * @property overlayStyle
+     * @type Object
+     * @default null
+     * @description 遮罩层样式
+     */
   overlayStyle: Sheet.propTypes.overlayStyle,
-  // 关闭回调（动画结束时）
+    /**
+     * @property onClose
+     * @type Function
+     * @default NOOP
+     * @description 关闭回调（动画结束时）
+     */
   onClose: Sheet.propTypes.onClose,
-  // 动画时长
+    /**
+     * @property duration
+     * @type Number
+     * @default 200
+     * @description 动画时长
+     */
   duration: Sheet.propTypes.duration,
-  // 自定义样式
+    /**
+     * @property style
+     * @type Object
+     * @default null
+     * @description 自定义样式
+     */
   style: View.propTypes.style,
-  // 按钮点击透明度变化
+    /**
+     * @property underlayColor
+     * @type String
+     * @default '#eee'
+     * @description 按钮点击透明度变化
+     */
   underlayColor: PropTypes.string,
 };
 ActionSheet.defaultProps = {

AddAndSubtract/AddAndSubtract.md

@@ -0,0 +1,20 @@
+#### Demo
+
+![AddAndSubtract](http://wx3.sinaimg.cn/mw690/4c8b519dly1fcaq7v2pnvg20ho0wgh0z.gif)
+
+#### Example
+
+```JavaScript
+import Template from 'rnx-ui/Template';
+
+function Example(props) {
+  return (
+    <AddAndSubtract
+      num={this.state.num}
+      onPressAdder={this.add}
+      onPressSubtracter={this.subtract}
+    />
+  );
+}
+```
+