[WIP] add platform prop to menu

components/menu/PropsType.tsx

@@ -22,4 +22,5 @@ export interface MenuProps {
   onChange?: Function;
   level?: number;
   height?: number;
+  platform?: string;
 }

components/menu/SubMenu.web.tsx

@@ -27,7 +27,7 @@ export default class SubMenu extends React.Component<any, any> {
     }
   }
   render() {
-    const { subMenuPrefixCls, radioPrefixCls, subMenuData } = this.props;
+    const { subMenuPrefixCls, radioPrefixCls, subMenuData, platform } = this.props;
     const { selItem } = this.state;
 
     const selected = dataItem => selItem.length > 0 && selItem[0].value === dataItem.value;
@@ -41,6 +41,7 @@ export default class SubMenu extends React.Component<any, any> {
               [`${subMenuPrefixCls}-item-selected`]: selected(dataItem),
               [`${subMenuPrefixCls}-item-disabled`]: dataItem.disabled,
             })}
+            platform={platform}
             key={idx}
             extra={<Radio
               checked={selected(dataItem)}

components/menu/index.en-US.md

@@ -22,3 +22,4 @@ Properties | Descrition | Type | Default
 | value    |  Selected value of `Menu`, it's a array which includes first and second level's `value`. | Array | [] |
 | onChange    | Callback called when menu item is selected.  | (item: Object): void  |  |
 | height    |   Height of `Menu`.  | number  | `document.documentElement.clientHeight / 2` |
+| platform (`web only`) |  set the special style depends on platform, Options  `android`, `ios`， default to be `cross`， which means we will detect UA and change the component style | String | `'cross'`|

components/menu/index.web.tsx

@@ -55,7 +55,7 @@ export default class Menu extends React.Component<MenuProps, any> {
   }
 
   render() {
-    const { className, style, height, data = [], prefixCls, value, level } = this.props;
+    const { className, style, height, data = [], prefixCls, value, level, platform } = this.props;
     const { firstLevelSelectValue } = this.state;
 
     let subMenuData = data[0].children || [];
@@ -88,6 +88,7 @@ export default class Menu extends React.Component<MenuProps, any> {
                 {data.map((dataItem, index) => (
                   <List.Item
                     className={dataItem.value === firstLevelSelectValue ? `${prefixCls}-selected` : ''}
+                    platform={platform}
                     onClick={() => this.onClickFirstLevelItem(dataItem)}
                     key={`listitem-1-${index}`}
                   >
@@ -103,6 +104,7 @@ export default class Menu extends React.Component<MenuProps, any> {
               radioPrefixCls={this.props.radioPrefixCls}
               subMenuData={subMenuData}
               selItem={subSelInitItem}
+              platform={platform}
               onSel={this.onClickSubMenuItem}
             />
           </Flex.Item>

components/menu/index.zh-CN.md

@@ -22,3 +22,4 @@ subtitle: 菜单
 | value    |  初始值，一级和二级筛选数据的`value`组成的数组  | Array | [] |
 | onChange    |   选择后的回调函数    | (item: Object): void  |  |
 | height    |   筛选组件的高度   | number  | `document.documentElement.clientHeight / 2` |
+| platform (`web only`) |  设定组件的平台特有样式, 可选值为 `android`, `ios`， 默认为 `cross`， 即组件会自动检测设备 UA 应用不同平台的样式    | String | `'cross'`|