From 44565df6c13a9bb7cac19a184a519ebea8675194 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Wed, 23 Dec 2015 16:02:35 +0800
Subject: [PATCH 1/2] feat: add `keyPath` for `onOpen/onClose`'s param

---
 examples/antd.js | 5 ++++-
 src/SubMenu.jsx  | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/examples/antd.js b/examples/antd.js
index 12f8e11e..950c2ad3 100644
--- a/examples/antd.js
+++ b/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>
diff --git a/src/SubMenu.jsx b/src/SubMenu.jsx
index 80d532e7..de9847f4 100644
--- a/src/SubMenu.jsx
+++ b/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),
     });
   },
 

From 1f6788c8dfcd441689fbfbff69d6dd928112cb47 Mon Sep 17 00:00:00 2001
From: Benjy Cui <benjytrys@gmail.com>
Date: Thu, 24 Dec 2015 17:45:59 +0800
Subject: [PATCH 2/2] docs: add demo for `keyPath`

---
 examples/keyPath.html |  1 +
 examples/keyPath.js   | 65 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+)
 create mode 100644 examples/keyPath.html
 create mode 100644 examples/keyPath.js

diff --git a/examples/keyPath.html b/examples/keyPath.html
new file mode 100644
index 00000000..48cdce85
--- /dev/null
+++ b/examples/keyPath.html
@@ -0,0 +1 @@
+placeholder
diff --git a/examples/keyPath.js b/examples/keyPath.js
new file mode 100644
index 00000000..bcb11e50
--- /dev/null
+++ b/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'));