fix(Tab): rtl support

alibaba-fusion · Jan 17, 2019 · 2151ee8 · 2151ee8
1 parent 11f6d99
commit 2151ee8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/tab/tab.jsx b/src/tab/tab.jsx
@@ -250,6 +250,7 @@ export default class Tab extends Component {
 
         const navProps = {
             prefix,
+            rtl,
             animation,
             activeKey,
             excessMode,

diff --git a/src/tab/tabs/nav.jsx b/src/tab/tabs/nav.jsx
@@ -11,11 +11,13 @@ import { triggerEvents, getOffsetLT, getOffsetWH, isTransformSupported } from '.
 
 const noop = () => {};
 const floatRight = { float: 'right' };
+const floatLeft = { float: 'left' };
 const { Popup } = Overlay;
 
 class Nav extends React.Component {
     static propTypes = {
         prefix: PropTypes.string,
+        rtl: PropTypes.bool,
         animation: PropTypes.bool,
         activeKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
         excessMode: PropTypes.string,
@@ -363,7 +365,7 @@ class Nav extends React.Component {
     }
 
     render() {
-        const { prefix, tabPosition, excessMode, extra, onKeyDown, animation, style, className } = this.props;
+        const { prefix, tabPosition, excessMode, extra, onKeyDown, animation, style, className, rtl } = this.props;
         const state = this.state;
 
         let nextButton;
@@ -441,7 +443,8 @@ class Nav extends React.Component {
                 key: 'nav-extra',
             };
             if (tabPosition === 'top' || tabPosition === 'bottom') {
-                navChildren.unshift(<div {...extraProps} style={floatRight}>{extra}</div>);
+                const style = rtl ? floatLeft : floatRight;
+                navChildren.unshift(<div {...extraProps} style={style}>{extra}</div>);
             } else {
                 navChildren.push(<div {...extraProps}>{extra}</div>);
             }