add exhibition translation

exhibition/demo/carousel3d.md

@@ -2,9 +2,9 @@
 order: 7
 title:
   zh-CN: 卡片旋转
-  en-US: carousel
+  en-US: Carousel
 content: 
-  zh-CN: carousel 3d 卡片的旋转效果。
+  zh-CN: Carousel 3d 卡片的旋转效果。
   en-US: Rotation effect of carousel 3D card.
 image: https://gw.alipayobjects.com/zos/rmsportal/HOmyKwEoPKktzFyEsKOG.jpg
 ---
@@ -17,9 +17,9 @@ image: https://gw.alipayobjects.com/zos/rmsportal/HOmyKwEoPKktzFyEsKOG.jpg
 
 ## en-US
 
-支付宝客户端里的小钱袋产品的心愿卡片菜单，手机上的一种卡片的收纳方式。
+A way of displaying a card on the wireless side.
 
-> 模糊比较耗性能，手机上不建议开启。
+> mobile is not recommended to open blur.
 
 ```jsx
 import PropTypes from 'prop-types';

exhibition/demo/detail-switch.md

@@ -2,7 +2,7 @@
 order: 2
 title: 
   zh-CN: 详细说明切换
-  en-US: detailSwitch
+  en-US: Detail Switch
 content: 
   zh-CN: 页面里的详细说明间的走马灯切换效果。
   en-US: The effect of street light switching between the detailed instructions on the page.
@@ -15,7 +15,7 @@ image: https://zos.alipayobjects.com/rmsportal/cvLbMZkjkNvqbVF.png
 
 ## en-US
 
-图片动画效果参考于 [dribbble](https://dribbble.com/shots/2595631-Wine-catalog-browsing-animation-design)；
+Picture animation effect ref [dribbble](https://dribbble.com/shots/2595631-Wine-catalog-browsing-animation-design)；
 
 ```jsx
 import BannerAnim from 'rc-banner-anim';

exhibition/demo/list-anim.md

@@ -1,10 +1,8 @@
 ---
 order: 3
-chinese: 列表动画
-english: ListAnim
 title:
   zh-CN: 列表动画
-  en-US: ListAnim
+  en-US: List Animate
 content: 
   zh-CN: 在页面里，当我们想对区块内容进行动画时，需要解决元素的先后顺序与基本动画的属性。
   en-US: In the page, when we want to animate block content, we need to solve the sequence of elements and the attributes of basic animation.
@@ -17,7 +15,10 @@ image: https://zos.alipayobjects.com/rmsportal/ivfCWzEWHsTPWMW.png
 
 ## en-US
 
-ListSort 组件地址： [地址](https://github.com/ant-design/ant-motion/blob/master/src/edit/template/components/ListSort.jsx)
+please drag the list above to the left, and click the delete button.
+
+Drag animation effects in CSS (rc-animate) in the file package，[Demo](https://github.com/ant-design/ant-motion/tree/master/exhibition/js/);
+
 
 
 ````jsx

exhibition/demo/list-sort.md

@@ -2,7 +2,7 @@
 order: 1
 title:
   zh-CN: 列表交换位置
-  en-US: ListSort
+  en-US: List Sort
 content: 
   zh-CN: 页面里的 List 拖动来重新排列顺序。
   en-US: Drag the List on the page to rearrange the order.
@@ -13,7 +13,7 @@ ListSort 组件地址： [地址](https://github.com/ant-design/ant-motion/blob/
 
 ## en-US
 
-ListSort 组件地址： [地址](https://github.com/ant-design/ant-motion/blob/master/src/edit/template/components/ListSort.jsx)
+ListSort: [Component URL](https://github.com/ant-design/ant-motion/blob/master/src/edit/template/components/ListSort.jsx)
 
 ```jsx
 import Icon from 'antd/lib/icon';

exhibition/demo/logo-gather-anim.md

@@ -1,8 +1,8 @@
 ---
 order: 5
 title:
-  zh-CN: logo 聚集与散开
-  en-US: logoGather
+  zh-CN: Logo 聚集与散开
+  en-US: Logo Gather
 content: 
   zh-CN: 以圆点散开与聚集来展示 logo 的一个小动画。
   en-US: Show a little logo animation by scattering and gathering dots.
@@ -13,15 +13,15 @@ image: https://zos.alipayobjects.com/rmsportal/YsRZqQwpiAVgWrX.png
 
 图片默认尺寸为 300 * 300;
 
-图片取点像素为控制点的个数，以图片宽度除以像素点来决定点的个数, 默认为 20, 每行每排为15个取点。
+图片取点像素为控制点的个数，以图片宽度除以像素点来决定点的个数, 默认为 20, 每行每列为15个取点。
 
 ## en-US
 
-首页 logo 动画的实现代码, 提供三个logo的样式， 还可自已添加 logo，如果需定制个性化的东西，请在 LogoGather 里修改。
+The implementation code of the home logo animation.
 
-图片默认尺寸为 300 * 300;
+The default size of the image is 300 * 300;
 
-图片取点像素为控制点的个数，以图片宽度除以像素点来决定点的个数, 默认为 20, 每行每排为15个取点。
+The width of the image is divided by the number of pixels to determine the number of points, default 20。
 
 
 ```jsx
@@ -298,7 +298,7 @@ class Edit extends React.Component {
             </div>
           )}
           <ul>
-            <li>图片:</li>
+            <li>Image:</li>
             <li >
               <RadioGroup onChange={this.onChangeRadio} defaultValue="a">
                 <Radio value="a">
@@ -320,7 +320,7 @@ class Edit extends React.Component {
                   />
                 </Radio>
                 <Radio key="d" value="d" className={`${this.state.isMobile ? 'none' : ''}`}>
-                  其它
+                  Other
                   <TweenOneGroup
                     style={{ display: 'inline-block', height: 0 }}
                     enter={{ width: 0, opacity: 0, type: 'from' }}
@@ -329,7 +329,7 @@ class Edit extends React.Component {
                     {this.state.value === 'd' ? (
                       <div key="d">
                         <Input
-                          placeholder="或自行输入"
+                          placeholder="Input image url"
                           style={{ width: 120, marginLeft: 5 }}
                           onChange={this.onChangeImage}
                         />
@@ -339,7 +339,7 @@ class Edit extends React.Component {
                 </Radio>
               </RadioGroup>
             </li>
-            <li className={`${this.state.isMobile ? 'phone-float-none' : ''}`}>图片取点像素：</li>
+            <li className={`${this.state.isMobile ? 'phone-float-none' : ''}`}>取点像素(pixel)：</li>
             <li>
               <InputNumber
                 defaultValue={this.state.pixSize}
@@ -348,7 +348,7 @@ class Edit extends React.Component {
                 onChange={this.onChangePix}
               />
             </li>
-            <li className={`${this.state.isMobile ? 'phone-float-none' : ''}`}>点的宽加随机：</li>
+            <li className={`${this.state.isMobile ? 'phone-float-none' : ''}`}>宽加随机(width)：</li>
             <li>
               <InputNumber
                 defaultValue={this.state.pointSize}
@@ -357,11 +357,13 @@ class Edit extends React.Component {
               />
             </li>
             <li className={`${this.state.isMobile ? 'phone-float-none' : ''}`}>
-              <Button type="primary" onClick={this.onClick}>更新</Button>
+              <Button type="primary" onClick={this.onClick}>Update</Button>
             </li>
           </ul>
           <div style={{ lineHeight: '32px' }}>
-            注：图片尺寸为正方形的PNG或SVG，请确保图片开启跨域；像数点的数值越大则点越少，为流畅最小值为15
+            注：图片尺寸为正方形的PNG或SVG，请确保图片开启跨域；像数点的数值越大则点越少，为流畅最小值为15.
+            <br />
+            Note: The picture size is square PNG or SVG, please make sure the image is open across domains;
           </div>
         </div>
       </div>

exhibition/demo/pic-details-anim.md

@@ -2,7 +2,7 @@
 order: 0
 title:
   zh-CN: 图片详细切换
-  en-US: PicDetailsAnim
+  en-US: Pic Details Animate
 content: 
   zh-CN: 从图片缩略图到详细说明的一个过场效果。
   en-US: From a picture thumbnail to a detailed illustration of a passing effect.
@@ -12,7 +12,7 @@ image: https://zos.alipayobjects.com/rmsportal/RJoNICBzRCkOsMv.png
 图片动画效果参考于 [dribbble](https://dribbble.com/shots/1908087-Card-Interaction)；
 
 ## en-US
-图片动画效果参考于 [dribbble](https://dribbble.com/shots/1908087-Card-Interaction)；
+Picture animation effect ref [dribbble](https://dribbble.com/shots/1908087-Card-Interaction)；
 
 ```jsx
 import QueueAnim from 'rc-queue-anim';

exhibition/demo/snow.md

@@ -15,9 +15,9 @@ image: https://gw.alipayobjects.com/zos/rmsportal/CdkOMmURLntHGuuqFXnj.jpg
 
 ## en-US
 
-支付宝客户端里的小钱袋产品的金钱发生变化时的金币掉落效果，重看点刷新按钮。
+Gold coin drop effect, replay click refresh button.
 
-[money.less 请查看这里](https://github.com/ant-design/ant-motion/tree/master/exhibition/js/money.less);
+[money.less](https://github.com/ant-design/ant-motion/tree/master/exhibition/js/money.less);
 
 
 ```jsx

exhibition/demo/table-enter-leave.md

@@ -2,13 +2,16 @@
 order: 4
 title:
   zh-CN: 表格信息增删动画
-  en-US: TableAddAndDelete
+  en-US: Table Add And Delete
 content: 
   zh-CN: 对表格里的信息进行操作后的一个动画效果。
   en-US: An animation effect after manipulating the information in the table.
 image: https://zos.alipayobjects.com/rmsportal/wJDizWNyyxVhULT.png
 ---
 ## zh-CN
+
+> 由于 antd 表格组件调整，动画失效，后续我们会尽快解决。。
+
 点击 Add 按钮为添加，Delete 为删除。
 
 由于接近视频演示需要变动高度，所以此示例破坏了 table 的布局，如不想破坏表格的布局可以把 height 的动画去掉或可查看 [animate的实现方法](http://react-component.github.io/table/examples/animation.html)
@@ -17,11 +20,11 @@ image: https://zos.alipayobjects.com/rmsportal/wJDizWNyyxVhULT.png
 
 ## en-US
 
-点击 Add 按钮为添加，Delete 为删除。
+> Due to the adjustment of the antd table component, the animation fails, and we will solve it as soon as possible..
 
-由于接近视频演示需要变动高度，所以此示例破坏了 table 的布局，如不想破坏表格的布局可以把 height 的动画去掉或可查看 [animate的实现方法](http://react-component.github.io/table/examples/animation.html)
+Since the proximity video demo requires a varying height, so this example breaks the layout of the table, if you don't want to break the layout of the table, you can remove the animation of height or view it [animate demo](http://react-component.github.io/table/examples/animation.html)
 
-此效果为设计语言里的对象增加与对象删除的实现。[查看视频演示](/language/interact)
+This effect adds an implementation of object deletion to objects in the design language.[Video](/language/interact)
 
 ```jsx
 import Table from 'antd/lib/table';

site/theme/en-US.js

@@ -20,6 +20,7 @@ module.exports = {
     'app.home.page3.title': 'Add interesting animatiion to your product',
     'app.home.page3.content': 'With more friendly interaction, let the animate shuttle between different elements,\n so that the product can better talk to the user.',
     'app.home.page3.button': 'Quick Start',
+    'app.details.code': 'Code Snippet',
     'app.content.edit-page': 'Edit this page on GitHub!',
     'app.content.components-exp': 'Example',
     'app.footer.repo': 'GitHub',

site/theme/template/Exhibition/Details.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import TweenOne from 'rc-tween-one';
-import { injectIntl } from 'react-intl';
+import { FormattedMessage, injectIntl } from 'react-intl';
 import DocumentTitle from 'react-document-title';
 
 class Details extends React.Component {
@@ -70,7 +70,7 @@ class Details extends React.Component {
               </h1>
               {props.utils.toReactComponent(['section'].concat(meta.content[locale]))}
               {!!content[locale].length && props.utils.toReactComponent(['section'].concat(content[locale]))}
-              <h2>代码片段</h2>
+              <h2><FormattedMessage id="app.details.code" /></h2>
               {!!style && <style dangerouslySetInnerHTML={{ __html: style }} />}
               <h3>jsx</h3>
               {!!highlightedCode.length && props.utils.toReactComponent(highlightedCode)}