From d22115a8f25e5309eabbd98aae5706880d40cacd Mon Sep 17 00:00:00 2001
From: youluna <njuzhaoguoyan@foxmail.com>
Date: Fri, 28 Dec 2018 20:22:44 +0800
Subject: [PATCH 1/2] docs(ConfigProvider): fix rtl demo

---
 docs/config-provider/demo/rtl.md | 11 ++++++-----
 src/nav/rtl.scss                 |  2 ++
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/docs/config-provider/demo/rtl.md b/docs/config-provider/demo/rtl.md
index 0f6ead27e6..292cd1a969 100644
--- a/docs/config-provider/demo/rtl.md
+++ b/docs/config-provider/demo/rtl.md
@@ -20,7 +20,8 @@ import { ConfigProvider, Button, Radio, Menu, Calendar, DatePicker, Dialog, Time
 const { SubMenu, Item, Group, Divider } = Menu;
 const RangePicker = DatePicker.RangePicker;
 
-ConfigProvider.setDirection('rtl');
+// Set global direction to 'rtl'. This affects the whole page
+// ConfigProvider.setDirection('rtl');
 
 class Demo extends React.Component {
     constructor(props) {
@@ -50,18 +51,18 @@ class Demo extends React.Component {
     render() {
 
         return (
-            <div dir={this.state.dir}>
+            <div>
                 <div className="change-rtl">
                     <span style={{ marginRight: 16 }}>Change direction of components: </span>
                     <Radio.Group shape="button" size="large" value={this.state.dir} onChange={this.changeDir}>
-                        <Radio key="en" value="rtl">RTL</Radio>
-                        <Radio key="cn" value="ltr">LTR</Radio>
+                        <Radio key="rtl" value="rtl">RTL</Radio>
+                        <Radio key="ltr" value="ltr">LTR</Radio>
                     </Radio.Group>
                 </div>
                 <br />
                 <hr />
                 <ConfigProvider rtl={this.state.dir === 'rtl'}>
-                    <div className="locale-components">
+                    <div className="locale-components" dir={this.state.dir}>
                         <Button type="primary" onClick={this.showDialog}>Show Dialog</Button>
                         <Select style={{ width: '150px' }} dataSource={['hello', 'bye']} />
                         <RangePicker showTime/>
diff --git a/src/nav/rtl.scss b/src/nav/rtl.scss
index 051beee02a..a18896ccc7 100644
--- a/src/nav/rtl.scss
+++ b/src/nav/rtl.scss
@@ -5,10 +5,12 @@
     &.#{$css-prefix}ver {
         &.#{$css-prefix}left #{$nav-prefix}-item:before {
             right: - $border-width;
+            left: auto;
         }
 
         &.#{$css-prefix}right #{$nav-prefix}-item:before {
             left: - $border-width;
+            right: auto;
         }
     }
 }

From 759cc5e5cc5d5b9cfc395e1b71857b34652ef137 Mon Sep 17 00:00:00 2001
From: youluna <njuzhaoguoyan@foxmail.com>
Date: Sat, 29 Dec 2018 10:37:38 +0800
Subject: [PATCH 2/2] chore(*): specify eslint-plugin-react

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 9b352a00fe..41f78ece21 100644
--- a/package.json
+++ b/package.json
@@ -105,7 +105,7 @@
     "eslint": "^4.19.1",
     "eslint-plugin-import": "^2.12.0",
     "eslint-plugin-markdown": "^1.0.0-beta.6",
-    "eslint-plugin-react": "^7.9.1",
+    "eslint-plugin-react": "7.11.1",
     "expect.js": "^0.3.1",
     "extract-text-webpack-plugin": "^3.0.0",
     "fast-sass-loader": "^1.2.5",