fix: Menu miss pass the style into sub MenuItem

fix ant-design/ant-design#16935

Author: zombieJ

src/DOMWrap.jsx

@@ -80,14 +80,14 @@ class DOMWrap extends React.Component {
   }
 
   getOverflowedSubMenuItem = (keyPrefix, overflowedItems, renderPlaceholder) => {
-    const { overflowedIndicator, level, mode, prefixCls, theme, style: propStyle } = this.props;
+    const { overflowedIndicator, level, mode, prefixCls, theme } = this.props;
     if (level !== 1 || mode !== 'horizontal') {
       return null;
     }
     // put all the overflowed item inside a submenu
     // with a title of overflow indicator ('...')
     const copy = this.props.children[0];
-    const { children: throwAway, title, ...rest } = copy.props;
+    const { children: throwAway, title, style: propStyle, ...rest } = copy.props;
 
     let style = { ...propStyle };
     let key = `${keyPrefix}-overflowed-indicator`;

tests/SubPopupMenu.spec.js

@@ -3,10 +3,9 @@ import { mount } from 'enzyme';
 import { saveRef } from '../src/SubPopupMenu';
 import Menu, { MenuItem } from '../src';
 
-describe('SubPopupMenu saveRef', () => {
+describe('SubPopupMenu', () => {
   let subPopupMenu;
 
-
   beforeEach(() => {
     subPopupMenu = { instanceArray: [] };
   });
@@ -30,11 +29,14 @@ describe('SubPopupMenu saveRef', () => {
       <Menu activeKey="1">
         <MenuItem key="1">1</MenuItem>
         <MenuItem key="2">2</MenuItem>
-      </Menu>
+      </Menu>,
     );
 
     function getItemActive(index) {
-      return wrapper.find('MenuItem').at(index).instance().props.active;
+      return wrapper
+        .find('MenuItem')
+        .at(index)
+        .instance().props.active;
     }
     expect(getItemActive(0)).toBe(true);
     expect(getItemActive(1)).toBe(false);
@@ -44,4 +46,28 @@ describe('SubPopupMenu saveRef', () => {
     expect(getItemActive(0)).toBe(false);
     expect(getItemActive(1)).toBe(true);
   });
+
+  it('not pass style into sub menu item', () => {
+    const wrapper = mount(
+      <Menu mode="horizontal" style={{ background: 'green' }}>
+        <MenuItem style={{ color: 'red' }} key="1">
+          1
+        </MenuItem>
+      </Menu>,
+    );
+
+    expect(
+      wrapper
+        .find('li.rc-menu-overflowed-submenu')
+        .at(0)
+        .props().style,
+    ).toEqual({ color: 'red', display: 'none' });
+
+    expect(
+      wrapper
+        .find('li.rc-menu-item')
+        .at(0)
+        .props().style,
+    ).toEqual({ color: 'red' });
+  });
 });