rename FloatMenu to Popover ant-design#50

Author: warmhug

components/index.web.tsx

@@ -8,7 +8,7 @@ export { default as Checkbox } from './checkbox/index.web';
 export { default as DatePicker } from './date-picker/index.web';
 export { default as Drawer } from './drawer/index.web';
 export { default as Flex } from './flex/index.web';
-export { default as FloatMenu } from './float-menu/index.web';
+export { default as Popover } from './popover/index.web';
 
 // export { default as Form } from './form/index.web';
 export { default as Grid } from './grid/index.web';

components/list-view/style/index.less

@@ -5,15 +5,17 @@
 .@{indexedList} {
   // position: relative;
 
-  .am-list-header {
-    min-height: @list-title-height;
-    font-size: inherit;
-    color: inherit;
-  }
+  // .am-list-header {
+  // }
 
   &-section-header {
     .am-list-item {
+      min-height: @list-title-height;
       background-color: #F7F7F7;
+      .am-list-content {
+        font-size: @font-size-base !important;
+        color: @color-text-caption !important;
+      }
     }
   }
 

components/float-menu/PropsType.tsx components/popover/PropsType.tsx

@@ -1,6 +1,6 @@
 ---
 order: 0
-title: FloatMenu
+title: Popover
 ---
 
 
@@ -9,8 +9,8 @@ title: FloatMenu
 this.customNavFlag = true;
 
 
-import { FloatMenu, Button, NavBar } from 'antd-mobile';
-const Item = FloatMenu.Item;
+import { Popover, Button, NavBar } from 'antd-mobile';
+const Item = Popover.Item;
 
 const App = React.createClass({
   getInitialState() {
@@ -49,7 +49,7 @@ const App = React.createClass({
 
     return (<div>
       <NavBar iconName={false}
-        rightContent={<FloatMenu
+        rightContent={<Popover
           visible={this.state.visible}
           overlay={overlay}
           popupAlign={{
@@ -59,13 +59,13 @@ const App = React.createClass({
           onSelect={this.onSelect}
         >
           <a href="#" style={{ color: 'white' }}>菜单</a>
-        </FloatMenu>}
+        </Popover>}
       >
-        FloatMenu
+        Popover
       </NavBar>
       <p>选中了 {this.state.selected}</p>
       <div style={{ paddingTop: 80, paddingLeft: 100 }}>
-        <FloatMenu
+        <Popover
           visible={this.state.visible1}
           overlay={[
             <Item key="0" value="0">item 0</Item>,
@@ -76,7 +76,7 @@ const App = React.createClass({
           onVisibleChange={v => this.setState({ visible1: v })}
         >
           <a href="#">菜单</a>
-        </FloatMenu>
+        </Popover>
       </div>
     </div>);
   },

components/float-menu/demo/basic.md components/popover/demo/basic.md

@@ -1,10 +1,10 @@
 import * as React from 'react';
 import { StyleSheet, View, Text, ViewStyle } from 'react-native';
-import { FloatMenu } from 'antd-mobile';
+import { Popover } from 'antd-mobile';
 
-const Item = FloatMenu.Item;
+const Item = Popover.Item;
 
-export default class FloatMenuExample extends React.Component<any, any> {
+export default class PopoverExample extends React.Component<any, any> {
   constructor(props) {
     super(props);
     this.state = {
@@ -41,15 +41,15 @@ export default class FloatMenuExample extends React.Component<any, any> {
         <Text style={{ marginTop: 30, marginLeft: 100 }}>选择了：{this.state.selected}</Text>
       </View>
       <View style={styles.menuContainer}>
-        <FloatMenu ref="mc" name="m"
+        <Popover ref="mc" name="m"
           overlay={overlay}
           contextStyle={styles.contextStyle}
           overlayStyle={styles.overlayStyle}
           triggerStyle={styles.triggerStyle}
           onSelect={this.onSelect}
         >
           <Text>菜单</Text>
-        </FloatMenu>
+        </Popover>
       </View>
     </View>);
   }
@@ -77,5 +77,5 @@ const styles = StyleSheet.create({
   },
 });
 
-export const title = 'FloatMenu';
-export const description = 'FloatMenu example';
+export const title = 'Popover';
+export const description = 'Popover example';

components/float-menu/demo/basic.tsx components/popover/demo/basic.tsx

@@ -2,7 +2,7 @@
 category: Components
 type: Components
 chinese: 浮动菜单
-english: FloatMenu
+english: Popover
 ---
 
 ### 定义／Definition
@@ -15,7 +15,7 @@ english: FloatMenu
 
 ## API
 
-### FloatMenu
+### Popover
 | 成员        | 说明           | 类型         | 默认值       |
 |------------|----------------|-------------|--------------|
 | visible(web)   | 当前显隐状态    | Boolean |  false   |
@@ -32,7 +32,7 @@ english: FloatMenu
 | name(ios/android)   | menu名字，用于手动触发开关menu    | String |  -   |
 | openMenu/closeMenu/toggleMenu(ios/android)   | 用于手动开关 menu，参数为上边 menu 的 name . 使用示例：`this.refs.mc.refs.menuContext.toggleMenu('m')` 见 demo  | Function(name) |  -   |
 
-### FloatMenu.Item
+### Popover.Item
 | 成员        | 说明           | 类型         | 默认值       |
 |------------|----------------|-------------|--------------|
 | children   | 节点内容    | String/React.node |  -   |

components/float-menu/index.md components/popover/index.md

@@ -3,7 +3,7 @@ import { PropTypes } from 'react';
 import Menu, { MenuContext, MenuOptions, MenuOption, MenuTrigger } from 'react-native-menu';
 import tsPropsType from './PropsType';
 
-export default class FloatMenu extends React.Component<tsPropsType, any> {
+export default class Popover extends React.Component<tsPropsType, any> {
   static propTypes = {
     children: PropTypes.any,
   };

components/float-menu/index.tsx components/popover/index.tsx

@@ -16,7 +16,7 @@ function recursiveCloneChildren(children, cb = ch => ch) {
   });
 }
 
-export default class FloatMenu extends React.Component<tsPropsType, any> {
+export default class Popover extends React.Component<tsPropsType, any> {
   static propTypes = {
     prefixCls: PropTypes.string,
     placement: PropTypes.string,
@@ -43,7 +43,7 @@ export default class FloatMenu extends React.Component<tsPropsType, any> {
       const extraProps = {
         onClick: () => {},
       };
-      if (child && child.type && child.type.FloatMenuItem && !child.props.disabled) {
+      if (child && child.type && child.type.PopoverItem && !child.props.disabled) {
         extraProps.onClick = () => {
           onSelect(child);
         };

components/float-menu/index.web.tsx components/popover/index.web.tsx

@@ -16,7 +16,7 @@ export default class Item extends React.Component<any, any> {
     disabled: false,
   };
 
-  static FloatMenuItem = true;
+  static PopoverItem = true;
 
   render() {
     let[{ children, className, prefixCls, iconName, disabled }, restProps] = splitObject(this.props,

components/float-menu/item.tsx components/popover/item.tsx

@@ -6,7 +6,7 @@ export { default as Card } from './components/card/';
 export { default as DatePicker } from './components/date-picker/';
 export { default as Drawer } from './components/drawer/';
 export { default as Flex } from './components/flex/';
-export { default as FloatMenu } from './components/float-menu/';
+export { default as Popover } from './components/popover/';
 export { default as InputItem } from './components/input-item/';
 export { default as List } from './components/list/';
 export { default as ListView } from './components/list-view/';

components/float-menu/style/base.less components/popover/style/base.less

@@ -57,10 +57,10 @@ module.exports = {
       module: require('../components/flex/demo/basic'), // 必须
     },
     {
-      title: 'FloatMenu', // 必须
+      title: 'Popover', // 必须
       description: '浮动菜单',
       icon: 'https://os.alipayobjects.com/rmsportal/HhilRXHawmUwlML.png',
-      module: require('../components/float-menu/demo/basic'), // 必须
+      module: require('../components/popover/demo/basic'), // 必须
     },
     {
       title: 'InputItem', // 必须