Translation Radio (#1230)

ant-design · Apr 28, 2017 · b2ed5fb · b2ed5fb
1 parent 54b789a
commit b2ed5fb
Show file tree

Hide file tree

Showing 5 changed files with 45 additions and 44 deletions.
diff --git a/components/radio/__tests__/__snapshots__/demo.test.js.snap b/components/radio/__tests__/__snapshots__/demo.test.js.snap
@@ -53,7 +53,7 @@ exports[`renders ./components/radio/demo/basic.tsx correctly 1`] = `
         allowFontScaling={true}
         ellipsizeMode="tail"
       >
-        支持
+        Support
       </Text>
     </View>
     <View
@@ -143,7 +143,7 @@ exports[`renders ./components/radio/demo/basic.tsx correctly 1`] = `
           }
         }
       >
-        表单单选项，普通列表中单选项
+        Form radio, radio in general list.
       </Text>
       <View
         accessibilityComponentType={undefined}
@@ -229,7 +229,7 @@ exports[`renders ./components/radio/demo/basic.tsx correctly 1`] = `
                   ]
                 }
               >
-                使用 Ant Desgin Component
+                Use Ant Desgin Component
               </Text>
             </View>
             <View
@@ -355,7 +355,7 @@ exports[`renders ./components/radio/demo/basic.tsx correctly 1`] = `
                   ]
                 }
               >
-                使用 Ant Desgin Component
+                Use Ant Desgin Component
               </Text>
             </View>
             <View
@@ -483,7 +483,7 @@ exports[`renders ./components/radio/demo/basic.tsx correctly 1`] = `
                   ]
                 }
               >
-                个性化调整disabled
+                Set disabled
               </Text>
             </View>
             <View
@@ -611,7 +611,7 @@ exports[`renders ./components/radio/demo/basic.tsx correctly 1`] = `
                   ]
                 }
               >
-                个性化调整disabled
+                Set disabled
               </Text>
             </View>
             <View

diff --git a/components/radio/__tests__/__snapshots__/demo.test.web.js.snap b/components/radio/__tests__/__snapshots__/demo.test.web.js.snap
@@ -8,7 +8,7 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
     <div
       class="am-list-header"
     >
-      RadioItem 演示
+      RadioItem Demo
     </div>
     <div
       class="am-list-body"
@@ -23,7 +23,7 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
           <div
             class="am-list-content"
           >
-            博士
+            Doctor
           </div>
           <div
             class="am-list-extra"
@@ -56,7 +56,7 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
           <div
             class="am-list-content"
           >
-            本科
+            Bachelor
           </div>
           <div
             class="am-list-extra"
@@ -100,11 +100,11 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
           <div
             class="am-list-content"
           >
-            篮球
+            Basketball
             <div
               class="am-list-brief"
             >
-              辅助文字内容
+              Details
             </div>
           </div>
           <div
@@ -138,11 +138,11 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
           <div
             class="am-list-content"
           >
-            足球
+            Football
             <div
               class="am-list-brief"
             >
-              辅助文字内容
+              Details
             </div>
           </div>
           <div
@@ -174,7 +174,7 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
     <div
       class="am-list-header"
     >
-      禁用状态
+      Disabled
     </div>
     <div
       class="am-list-body"
@@ -189,7 +189,7 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
           <div
             class="am-list-content"
           >
-            博士
+            Doctor
           </div>
           <div
             class="am-list-extra"
@@ -223,7 +223,7 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
           <div
             class="am-list-content"
           >
-            本科
+            Bachelor
           </div>
           <div
             class="am-list-extra"
@@ -268,11 +268,11 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
           <div
             class="am-list-content"
           >
-            篮球
+            Basketball
             <div
               class="am-list-brief"
             >
-              辅助文字内容
+              Details
             </div>
           </div>
           <div
@@ -307,11 +307,11 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
           <div
             class="am-list-content"
           >
-            足球
+            Football
             <div
               class="am-list-brief"
             >
-              辅助文字内容
+              Details
             </div>
           </div>
           <div
@@ -346,7 +346,7 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
       class="am-flexbox-item"
       style="padding:0.3rem 0;color:#888;flex:none;"
     >
-      Radio 演示 (自定义样式)
+      Radio Demo(Customized style)
     </div>
     <div
       class="am-flexbox-item"
@@ -365,7 +365,7 @@ exports[`renders ./components/radio/demo/basic.md correctly 1`] = `
             class="am-radio-inner"
           />
         </span>
-        同意协议
+        Agree
       </label>
     </div>
   </div>

diff --git a/components/radio/demo/basic.md b/components/radio/demo/basic.md
@@ -33,16 +33,16 @@ class Test extends React.Component {
   render() {
     const { value, value2, value3, value4 } = this.state;
     const data = [
-      { value: 0, label: '博士' },
-      { value: 1, label: '本科' },
+      { value: 0, label: 'Doctor' },
+      { value: 1, label: 'Bachelor' },
     ];
     const data2 = [
-      { value: 0, label: '篮球', extra: '辅助文字内容' },
-      { value: 1, label: '足球', extra: '辅助文字内容' },
+      { value: 0, label: 'Basketball', extra: 'Details' },
+      { value: 1, label: 'Football', extra: 'Details' },
     ];
 
     return (<div>
-      <List renderHeader={() => 'RadioItem 演示'}>
+      <List renderHeader={() => 'RadioItem Demo'}>
         {data.map(i => (
           <RadioItem key={i.value} checked={value === i.value} onChange={() => this.onChange(i.value)}>
             {i.label}
@@ -58,7 +58,7 @@ class Test extends React.Component {
         ))}
       </List>
 
-      <List renderHeader={() => '禁用状态'}>
+      <List renderHeader={() => 'Disabled'}>
         {data.map(i => (
           <RadioItem key={i.value} checked={value3 === i.value} onChange={() => this.onChange3(i.value)} disabled>
             {i.label}
@@ -74,9 +74,9 @@ class Test extends React.Component {
         ))}
       </List>
       <Flex style={{ padding: '0.3rem' }}>
-        <Flex.Item style={{ padding: '0.3rem 0', color: '#888', flex: 'none' }}>Radio 演示 (自定义样式)</Flex.Item>
+        <Flex.Item style={{ padding: '0.3rem 0', color: '#888', flex: 'none' }}>Radio Demo(Customized style)</Flex.Item>
         <Flex.Item>
-          <Radio className="my-radio" onChange={e => console.log('checkbox', e)}>同意协议</Radio>
+          <Radio className="my-radio" onChange={e => console.log('checkbox', e)}>Agree</Radio>
         </Flex.Item>
       </Flex>
     </div>);

diff --git a/components/radio/demo/basic.tsx b/components/radio/demo/basic.tsx
@@ -23,7 +23,7 @@ export default class BasicRadioExample extends React.Component<any, any> {
             }}
             style={{ borderWidth: 1, borderColor: '#999', margin: 10 }}
           >
-            支持
+            Support
           </Radio>
           <WhiteSpace />
           <Radio
@@ -39,7 +39,7 @@ export default class BasicRadioExample extends React.Component<any, any> {
         </View>
 
         <List style={{ marginTop: 12 }}>
-          <Text style={{ marginTop: 12 }}>表单单选项，普通列表中单选项</Text>
+          <Text style={{ marginTop: 12 }}>Form radio, radio in general list.</Text>
           <RadioItem
             checked={this.state.part2Value === 1}
             onChange={(event) => {
@@ -48,7 +48,7 @@ export default class BasicRadioExample extends React.Component<any, any> {
               }
             }}
           >
-            使用 Ant Desgin Component
+            Use Ant Desgin Component
           </RadioItem>
           <RadioItem
             checked={this.state.part2Value === 2}
@@ -58,10 +58,10 @@ export default class BasicRadioExample extends React.Component<any, any> {
               }
             }}
           >
-            使用 Ant Desgin Component
+            Use Ant Desgin Component
           </RadioItem>
-          <RadioItem disabled>个性化调整disabled</RadioItem>
-          <RadioItem disabled checked>个性化调整disabled</RadioItem>
+          <RadioItem disabled>Set disabled</RadioItem>
+          <RadioItem disabled checked>Set disabled</RadioItem>
         </List>
       </View>
     );

diff --git a/components/radio/index.en-US.md b/components/radio/index.en-US.md
@@ -4,7 +4,7 @@ type: Data Entry
 title: Radio
 ---
 
-单选框
+Radio.
 
 ## API
 
@@ -14,13 +14,14 @@ Support WEB, React-Native.
 
 Properties | Descrition | Type | Default
 -----------|------------|------|--------
-| name    |   name  | String |   无  |
-| defaultChecked |   初始是否选中   | Boolean  | 无  |
-| checked    |   指定当前是否选中  | Boolean  | 无  |
-| disabled      |  禁用  | Boolean |  false  |
-| onChange    | change 事件触发的回调函数 | (e: Object): void |   无  |
+| name    |   name  | String |   -  |
+| defaultChecked |   the initial checked state   | Boolean  | -  |
+| checked    |   to set the current checked state  | Boolean  | -  |
+| disabled      |  whether disabled  | Boolean |  false  |
+| onChange    | a callback function, can be executed when the checked state changes | (e: Object): void |  -  |
 
 ### Radio.RadioItem
 
-基于`List.Item`对`Radio`进行封装,`List.Item`的`extra`属性固定传入`Radio`,其他属性和`List.Item`一致。
-其他 API 和 Radio 相同。
+The encapsulation about `Radio` based on `List.Item`, the property `extra` of `List.Item` will be passed to `Radio`, while other properties remain the same.
+
+Other APIs are identical with `Radio`.