feat: add keyPath for onOpen/onClose's param

examples/antd.js

@@ -88,7 +88,10 @@ const nestSubMenu = (<SubMenu title={<span>sub menu 2</span>} key="4">
   </SubMenu>
 </SubMenu>);
 
-const commonMenu = (<Menu onSelect={handleSelect}>
+function log(value) {
+  console.log(value);
+}
+const commonMenu = (<Menu onSelect={handleSelect} onOpen={log}>
   <SubMenu title={<span>sub menu</span>} key="1">
     <MenuItem key="1-1">0-1</MenuItem>
     <MenuItem key="1-2">0-2</MenuItem>

examples/keyPath.html

@@ -0,0 +1 @@
+placeholder

examples/keyPath.js

@@ -0,0 +1,65 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Menu, {SubMenu, Item as MenuItem} from 'rc-menu';
+
+import 'rc-menu/assets/index.less';
+
+const Test = React.createClass({
+  getInitialState() {
+    return {
+      openKeys: [],
+    };
+  },
+
+  onClick(info) {
+    console.log('click ', info);
+    this.setState({
+      openKeys: info.keyPath.slice(1),
+    });
+  },
+
+  onOpen(info) {
+    console.log('onOpen', info);
+    this.setState({
+      openKeys: info.open ? info.keyPath : info.keyPath.slice(1),
+    });
+  },
+
+  onClose(info) {
+    this.onOpen(info);
+  },
+
+  getMenu() {
+    return (
+      <Menu onClick={this.onClick}
+            mode="inline"
+            onOpen={this.onOpen}
+            onClose={this.onClose}
+            openKeys={this.state.openKeys}
+        >
+        <SubMenu key="1" title="submenu1">
+          <MenuItem key="1-1">item1-1</MenuItem>
+          <MenuItem key="1-2">item1-2</MenuItem>
+        </SubMenu>
+        <SubMenu key="2" title="submenu2">
+          <MenuItem key="2-1">item2-1</MenuItem>
+          <MenuItem key="2-2">item2-2</MenuItem>
+          <SubMenu key="2-3" title="submenu2-3">
+            <MenuItem key="2-3-1">item2-3-1</MenuItem>
+            <MenuItem key="2-3-2">item2-3-2</MenuItem>
+          </SubMenu>
+        </SubMenu>
+        <MenuItem key="3">item3</MenuItem>
+      </Menu>
+    );
+  },
+
+  render() {
+    return (<div>
+      <div style={{width: 400}}>{this.getMenu()}</div>
+    </div>);
+  },
+});
+
+
+ReactDOM.render(<Test />, document.getElementById('__react-content'));

src/SubMenu.jsx

@@ -101,7 +101,7 @@ const SubMenu = React.createClass({
   },
 
   onOpenChange(e) {
-    this.props.onOpenChange(e);
+    this.props.onOpenChange(this.addKeyPath(e));
   },
 
   onMouseEnter() {
@@ -194,7 +194,7 @@ const SubMenu = React.createClass({
 
   addKeyPath(info) {
     return assign({}, info, {
-      keyPath: info.keyPath.concat(this.props.eventKey),
+      keyPath: (info.keyPath || []).concat(this.props.eventKey),
     });
   },