[1/2] incubator-weex git commit: * [doc] fix transition table can not show bug

[tancy]

Repository: incubator-weex
Updated Branches:
  refs/heads/dev 7e9d53263 -> 0401b9c33


* [doc] fix transition table can not show bug


Project: http://git-wip-us.apache.org/repos/asf/incubator-weex/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-weex/commit/8a4dacce
Tree: http://git-wip-us.apache.org/repos/asf/incubator-weex/tree/8a4dacce
Diff: http://git-wip-us.apache.org/repos/asf/incubator-weex/diff/8a4dacce

Branch: refs/heads/dev
Commit: 8a4dacce864634f882ad75f124041c9ab0eae114
Parents: 840f6f7
Author: doumafang <doumaf...@gmail.com>
Authored: Tue Aug 22 16:41:42 2017 +0800
Committer: doumafang <doumaf...@gmail.com>
Committed: Tue Aug 22 16:41:42 2017 +0800

----------------------------------------------------------------------
 doc/source/cn/references/common-style.md      | 40 +++++++++++-----------
 doc/source/cn/references/modules/animation.md | 40 +++++++++++-----------
 doc/source/references/common-style.md         | 40 +++++++++++-----------
 doc/source/references/modules/animation.md    | 30 ++++++++--------
 4 files changed, 75 insertions(+), 75 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8a4dacce/doc/source/cn/references/common-style.md
----------------------------------------------------------------------
diff --git a/doc/source/cn/references/common-style.md 
b/doc/source/cn/references/common-style.md
index 9092066..0d40e69 100644
--- a/doc/source/cn/references/common-style.md
+++ b/doc/source/cn/references/common-style.md
@@ -349,17 +349,17 @@ transform 属性向元素应用 2D 转换。该属性å…
è®¸æˆ‘们对元素进行
 
 - ``transition-property``:允许过渡动画的属性名，设置不同æ 
·å¼transition效果的键值对，默认值为空，表示不执行任何transition，下表列出了所有合法的参数属性：
 
-  | 参数名             | 描述                             |
-  | --------------- | ------------------------------ |
-  | width           | 
transition过渡执行的时候是否组件的宽度参与动画   |
-  | height          | 
transition过渡执行的时候是否组件的高度参与动画   |
-  | top             | 
transition过渡执行的时候是否组件的顶部距离参与动画 |
-  | bottom          | 
transition过渡执行的时候是否组件的底部距离参与动画 |
-  | left            | 
transition过渡执行的时候是否组件的左侧距离参与动画 |
-  | right           | 
transition过渡执行的时候是否组件的右侧距离参与动画 |
-  | backgroundColor | 
transition过渡执行的时候是否组件的背景颜色参与动画 |
-  | opacity         | 
transition过渡执行的时候是否组件的不透明度参与动画 |
-  | transform       | 
transition过渡执行的时候是否组件的变换类型参与动画 |
+| 参数名             | 描述                             |
+| --------------- | ------------------------------ |
+| width           | 
transition过渡执行的时候是否组件的宽度参与动画   |
+| height          | 
transition过渡执行的时候是否组件的高度参与动画   |
+| top             | 
transition过渡执行的时候是否组件的顶部距离参与动画 |
+| bottom          | 
transition过渡执行的时候是否组件的底部距离参与动画 |
+| left            | 
transition过渡执行的时候是否组件的左侧距离参与动画 |
+| right           | 
transition过渡执行的时候是否组件的右侧距离参与动画 |
+| backgroundColor | 
transition过渡执行的时候是否组件的背景颜色参与动画 |
+| opacity         | 
transition过渡执行的时候是否组件的不透明度参与动画 |
+| transform       | 
transition过渡执行的时候是否组件的变换类型参与动画 |
 
 - ``transition-duration``:指定transition过渡的持续时间 
(单位是毫秒)，默认值是 `0`，表示没有动画效果。
 
@@ -367,18 +367,18 @@ transform 属性向元素应用 2D 转换。该属性å…
è®¸æˆ‘们对元素进行
 
 - 
``transition-timing-function``:描述transition过渡执行的速度曲线，用于使transition过渡更为平滑。默认值是
 `ease`。下表列出了所有合法的属性：
 
-  | 属性名                            | 描述                              
         |
-  | ------------------------------ | ---------------------------------------- |
-  | ``ease``                       | transition过渡逐渐变æ…
¢çš„过渡效果                    |
-  | `ease-in`                      | transition过渡æ…
¢é€Ÿå¼€å§‹ï¼Œç„¶åŽå˜å¿«çš„过渡效果               |
-  | `ease-out`                     | transition过渡快速开始，然后变æ…
¢çš„过渡效果               |
-  | `ease-in-out`                  | transition过渡æ…
¢é€Ÿå¼€å§‹ï¼Œç„¶åŽå˜å¿«ï¼Œç„¶åŽæ…¢é€Ÿç»“束的过渡效果        |
-  | `linear`                       | transition过渡以匀速变化           
             |
-  | `cubic-bezier(x1, y1, x2, y2)` | 
使用三阶贝塞尔函数中自定义transition变化过程，函数的参数值å¿
…须处于 0 到 1 之间。更多关于三次贝塞尔的信息请参阅 
[cubic-bezier](http://cubic-bezier.com/) 和 [Bézier 
curve](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). |
+| 属性名                            | 描述                                
       |
+| ------------------------------ | ---------------------------------------- |
+| ease                         | transition过渡逐渐变慢的过渡效果   
                 |
+| ease-in                      | transition过渡æ…
¢é€Ÿå¼€å§‹ï¼Œç„¶åŽå˜å¿«çš„过渡效果               |
+| ease-out                     | transition过渡快速开始，然后变æ…
¢çš„过渡效果               |
+| ease-in-out                  | transition过渡æ…
¢é€Ÿå¼€å§‹ï¼Œç„¶åŽå˜å¿«ï¼Œç„¶åŽæ…¢é€Ÿç»“束的过渡效果        |
+| linear                       | transition过渡以匀速变化               
         |
+| cubic-bezier(x1, y1, x2, y2) | 
使用三阶贝塞尔函数中自定义transition变化过程，函数的参数值å¿
…须处于 0 到 1 之间。更多关于三次贝塞尔的信息请参阅 
[cubic-bezier](http://cubic-bezier.com/) 和 [Bézier 
curve](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). |
 
 ### 示例
 
-```
+```html
 <style scoped>
     .panel {
         margin: 10px;

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8a4dacce/doc/source/cn/references/modules/animation.md
----------------------------------------------------------------------
diff --git a/doc/source/cn/references/modules/animation.md 
b/doc/source/cn/references/modules/animation.md
index 882a455..f50bea3 100644
--- a/doc/source/cn/references/modules/animation.md
+++ b/doc/source/cn/references/modules/animation.md
@@ -21,32 +21,32 @@ version: 2.1
   * `options.delay 
{number}`：指定请求动画操作到执行动画之间的时间间隔 
(单位是毫秒)，默认值是 
`0`，表示没有延迟，在请求后立即执行动画。
   * `options.timingFunction 
{string}`：描述动画执行的速度曲线，用于使动画变化更为平滑。默认值是
 `linear`，表示动画从开始到结束都拥有同æ 
·çš„速度。下表列出了所有合法的属性：
 
-| 属性名                            | 描述                                
       | 示例   |
-| ------------------------------ | ---------------------------------------- | 
---- |
-| `linear`                       | 动画从头到尾的速度是相同的     
                       |      |
-| `ease-in`                      | 动画速度由慢到快                    
             |      |
-| `ease-out`                     | 动画速度由快到慢                    
             |      |
-| `ease-in-out`                  | 动画先加
速到达中间点后减速到达终点                        |      |
-| `cubic-bezier(x1, y1, x2, y2)` | 
在三次贝塞尔函数中定义变化过程，函数的参数值必须处于 
0 到 1 之间。更多关于三次贝塞尔的信息请参阅 
[cubic-bezier](http://cubic-bezier.com/) 和 [Bézier 
curve](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). |      |
+| 属性名                            | 描述                                
       |
+| ------------------------------ | ---------------------------------------- |
+| `linear`                       | 动画从头到尾的速度是相同的     
                       |
+| `ease-in`                      | 动画速度由慢到快                    
             |
+| `ease-out`                     | 动画速度由快到慢                    
             |
+| `ease-in-out`                  | 动画先加
速到达中间点后减速到达终点                        |
+| `cubic-bezier(x1, y1, x2, y2)` | 
在三次贝塞尔函数中定义变化过程，函数的参数值必须处于 
0 到 1 之间。更多关于三次贝塞尔的信息请参阅 
[cubic-bezier](http://cubic-bezier.com/) 和 [Bézier 
curve](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). |
 
 * `options.styles {Object}`：设置不同æ 
·å¼è¿‡æ¸¡æ•ˆæžœçš„键值对，下表列出了所有合法的参数：
 
-| 参数名             | 描述                                       | 
值类型             | 默认值             | 示例   |
-| --------------- | ---------------------------------------- | --------------- 
| --------------- | ---- |
-| width           | 动画执行后应用到组件上的宽度值              
            | length          | 无               |      |
-| height          | 动画执行后应用到组件上的高度值              
            | length          | 无               |      |
-| backgroundColor | 动画执行后应用到组件上的背景颜色           
              | string          | none            |      |
-| opacity         | 动画执行后应用到组件上的不透明度值        
                | 介于 0 到 1 间的数值   | `1`             |      |
-| transformOrigin | 定义变化过程的中心点. 参数 `x-aris` 
可能的值为 `left`、`center`、`right`、长度值或百分比值, 参数 
`y-axis` 可能的值为 `top`、`center`、`bottom`、长度值或百分比值 
| `x-axis y-axis` | `center center` |      |
-| transform       | 定义应用在元素
上的变换类型，支持下表列出的属性                  | object      
    | 无               |      |
+| 参数名             | 描述                                       | 
值类型             | 默认值             |
+| --------------- | ---------------------------------------- | --------------- 
| --------------- |
+| width           | 动画执行后应用到组件上的宽度值              
            | length          | 无               |
+| height          | 动画执行后应用到组件上的高度值              
            | length          | 无               |
+| backgroundColor | 动画执行后应用到组件上的背景颜色           
              | string          | none            |
+| opacity         | 动画执行后应用到组件上的不透明度值        
                | 介于 0 到 1 间的数值   | `1`             |
+| transformOrigin | 定义变化过程的中心点. 参数 `x-aris` 
可能的值为 `left`、`center`、`right`、长度值或百分比值, 参数 
`y-axis` 可能的值为 `top`、`center`、`bottom`、长度值或百分比值 
| `x-axis y-axis` | `center center` |
+| transform       | 定义应用在元素
上的变换类型，支持下表列出的属性                  | object      
    | 无               |
 
 `transform`属性的合法值:
 
-| 名称                                    | 描述               | 值类型 
    | 默认值  | 示例   |
-| ------------------------------------- | ---------------- | ------- | ---- | 
---- |
-| `translate`/`translateX`/`translateY` | 指定元素要移动到的位置    
  | 像素值或百分比 | 无    |      |
-| `rotate`                              | 指定元素
将被旋转的角度，单位是度 | number  | 无    |      |
-| `scale`/`scaleX`/`scaleY`             | 按比例放大或缩小元素       
| number  | 无    |      |
+| 名称                                    | 描述               | 值类型 
    | 默认值  |
+| ------------------------------------- | ---------------- | ------- | ---- |
+| `translate`/`translateX`/`translateY` | 指定元素要移动到的位置    
  | 像素值或百分比 | 无    |
+| `rotate`                              | 指定元素
将被旋转的角度，单位是度 | number  | 无    |
+| `scale`/`scaleX`/`scaleY`             | 按比例放大或缩小元素       
| number  | 无    |
 
 * `callback {Function}`：动画执行完毕之后的回调
 * 
`needLayout（boolean）`：节点动画执行时是否产生布局动画即LayoutAnimation

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8a4dacce/doc/source/references/common-style.md
----------------------------------------------------------------------
diff --git a/doc/source/references/common-style.md 
b/doc/source/references/common-style.md
index 3556fb6..c0bd084 100644
--- a/doc/source/references/common-style.md
+++ b/doc/source/references/common-style.md
@@ -236,17 +236,17 @@ Now you can use the transition attribute in CSS to 
enhance the interactivity and
 
 - ``transition-property``:Allows the name of the transitional animation to set 
the value of the different styles transition effect, the default value is 
empty, that does not perform any transition, the following table lists all the 
legitimate parameters of the property:
 
-  | Property        | Description                              |
-  | --------------- | ---------------------------------------- |
-  | width           | The transition is performed when the width of the 
component is involved in the animation |
-  | height          | The transition is performed when the height of the 
component is involved in the animation |
-  | top             | The transition is performed when the top of the 
component is involved in the animation |
-  | bottom          | The transition is performed when the bottom of the 
component is involved in the animation |
-  | left            | The transition is performed when the left of the 
component is involved in the animation |
-  | right           | The transition is performed when the right of the 
component is involved in the animation |
-  | backgroundColor | The transition is performed when the backgroundColor of 
the component is involved in the animation |
-  | opacity         | The transition is performed when the opacity of the 
component is involved in the animation |
-  | transform       | The transition is performed when the transform of the 
component is involved in the animation |
+| Property        | Description                              |
+| --------------- | ---------------------------------------- |
+| width           | The transition is performed when the width of the 
component is involved in the animation |
+| height          | The transition is performed when the height of the 
component is involved in the animation |
+| top             | The transition is performed when the top of the component 
is involved in the animation |
+| bottom          | The transition is performed when the bottom of the 
component is involved in the animation |
+| left            | The transition is performed when the left of the component 
is involved in the animation |
+| right           | The transition is performed when the right of the 
component is involved in the animation |
+| backgroundColor | The transition is performed when the backgroundColor of 
the component is involved in the animation |
+| opacity         | The transition is performed when the opacity of the 
component is involved in the animation |
+| transform       | The transition is performed when the transform of the 
component is involved in the animation |
 
 - ``transition-duration``:Specifies the duration of the transition transition 
(in milliseconds). The default value is 0, indicating that there is no 
animation.
 
@@ -254,18 +254,18 @@ Now you can use the transition attribute in CSS to 
enhance the interactivity and
 
 - ``transition-timing-function``:Describes the velocity curve of the 
transition transition, which is used to make the transition transition 
smoother. The default is ease. The following table lists all the valid 
attributes:
 
-  | Property                       | Description                              |
-  | ------------------------------ | ---------------------------------------- |
-  | ``ease``                       | The transition gradually slow down the 
transition effect |
-| `ease-in`                      | The transition starts slowly and then 
becomes faster for the transition effect |
-| `ease-out`                     | The transition starts quickly and then 
slows the transition effect |
-| `ease-in-out`                  | The transition starts slowly, then goes 
fast and then slowly ends the transition effect |
-| `linear`                       | The transition changes at constant speed |
-| `cubic-bezier(x1, y1, x2, y2)` | Using the custom transition in the 
third-order Bessel function, the parameter values of the function must be 
between 0 and 1. For more information on three times Bessel, see 
[cubic-bezier](http://cubic-bezier.com/) and [Bézier 
curve](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). |
+| Property                       | Description                              |
+| ------------------------------ | ---------------------------------------- |
+| ease                         | The transition gradually slow down the 
transition effect |
+| ease-in                      | The transition starts slowly and then becomes 
faster for the transition effect |
+| ease-out                     | The transition starts quickly and then slows 
the transition effect |
+| ease-in-out                  | The transition starts slowly, then goes fast 
and then slowly ends the transition effect |
+| linear                       | The transition changes at constant speed |
+| cubic-bezier(x1, y1, x2, y2) | Using the custom transition in the 
third-order Bessel function, the parameter values of the function must be 
between 0 and 1. For more information on three times Bessel, see 
[cubic-bezier](http://cubic-bezier.com/) and [Bézier 
curve](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). |
 
 ### Example
 
-```
+```html
 <style scoped>
     .panel {
         margin: 10px;

http://git-wip-us.apache.org/repos/asf/incubator-weex/blob/8a4dacce/doc/source/references/modules/animation.md
----------------------------------------------------------------------
diff --git a/doc/source/references/modules/animation.md 
b/doc/source/references/modules/animation.md
index 539191f..6ea5cbd 100644
--- a/doc/source/references/modules/animation.md
+++ b/doc/source/references/modules/animation.md
@@ -28,24 +28,24 @@ Smooth and meaningful animation is very effective for 
enhancing the user experie
 - `delay` (number): Specifies the amount of milliseconds to wait between a 
change being requested to a property that is to be transitioned and the start 
of the transition effect. The default value is `0`.   
 - `timingFunction` (string): Used to describe how the intermediate values of 
the styles being affected by a transition effect are calculated, default value 
is `linear`, the allowed attributes are listed in the following table:    
 
-| name                           | description                              | 
example |
-| :----------------------------- | :--------------------------------------- | 
:------ |
-| `linear`                       | Specifies a transition effect with the same 
speed from start to end |         |
-| `ease-in`                      | Specifies a transition effect with a slow 
start |         |
-| `ease-out`                     | Specifies a transition effect with a slow 
end |         |
-| `ease-in-out`                  | Specifies a transition effect with a slow 
start and end |         |
-| `cubic-bezier(x1, y1, x2, y2)` | Define your own values in the cubic-bezier 
function. Possible values are parameter values from 0 to 1. More information 
about cubic-bezier please visit [cubic-bezier](http://cubic-bezier.com/) and 
[Bézier curve](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). |         |
+| name                           | description                              |
+| :----------------------------- | :--------------------------------------- |
+| `linear`                       | Specifies a transition effect with the same 
speed from start to end |
+| `ease-in`                      | Specifies a transition effect with a slow 
start |
+| `ease-out`                     | Specifies a transition effect with a slow 
end |
+| `ease-in-out`                  | Specifies a transition effect with a slow 
start and end |
+| `cubic-bezier(x1, y1, x2, y2)` | Define your own values in the cubic-bezier 
function. Possible values are parameter values from 0 to 1. More information 
about cubic-bezier please visit [cubic-bezier](http://cubic-bezier.com/) and 
[Bézier curve](https://en.wikipedia.org/wiki/B%C3%A9zier_curve). |
 
 - `styles` (object): Specify the names and values of styles to which a 
transition effect should be applied. The allowed attributes are listed in the 
following table:        
 
-| name            | description                              | value type      
      | default value   | example |
-| :-------------- | :--------------------------------------- | 
:-------------------- | :-------------- | :------ |
-| width           | The width applied to the component after the animation 
finished. | length                | none            |         |
-| height          | The height applied to the component after the animation 
finished. | length                | none            |         |
-| backgroundColor | The background color applied to the component after the 
animation finished. | string                | none            |         |
-| opacity         | The opacity applied to the component after the animation 
finished. | number between 0 to 1 | `1`             |         |
-| transformOrigin | The povit of transition. The possible values for `x-aris` 
are `left`/`center`/`right`/length or percent, and possible values of `y-axis` 
are `top`/`center`/`bottom`/ length or percent | `x-axis y-axis`       | 
`center center` |         |
-| transform       | Transform function to be applied to the element. The 
properties in the following table are supported | object                | none  
          |         |
+| name            | description                              | value type      
      | default value   |
+| :-------------- | :--------------------------------------- | 
:-------------------- | :-------------- |
+| width           | The width applied to the component after the animation 
finished. | length                | none            |
+| height          | The height applied to the component after the animation 
finished. | length                | none            |
+| backgroundColor | The background color applied to the component after the 
animation finished. | string                | none            |
+| opacity         | The opacity applied to the component after the animation 
finished. | number between 0 to 1 | `1`             |
+| transformOrigin | The povit of transition. The possible values for `x-aris` 
are `left`/`center`/`right`/length or percent, and possible values of `y-axis` 
are `top`/`center`/`bottom`/ length or percent | `x-axis y-axis`       | 
`center center` |
+| transform       | Transform function to be applied to the element. The 
properties in the following table are supported | object                | none  
          |
 
 properties of `transform`: