feat(Card): support rtl

src/card/card.jsx

@@ -142,7 +142,8 @@ export default class Card extends React.Component {
             showTitleBullet,
             showHeadDivider,
             children,
-            locale
+            locale,
+            rtl,
         } = this.props;
         const { needMore, expand } = this.state;
 
@@ -159,6 +160,8 @@ export default class Card extends React.Component {
 
         const others = pickOthers(Object.keys(Card.propTypes), this.props);
 
+        others.dir = rtl ? 'rtl' : undefined;
+
         const headExtra = extra ? <div className={`${prefix}card-extra`}>{extra}</div> : null;
 
         return (

src/card/main.scss

@@ -2,6 +2,7 @@
 @import "scss/variable";
 @import "scss/normalize";
 @import "scss/mixin";
+@import "scss/rtl.scss";
 
 #{$card-prefix} {
     @include box-sizing;

src/card/scss/rtl.scss

@@ -0,0 +1,28 @@
+@import "./variable";
+
+#{$card-prefix}[dir="rtl"] {
+    #{$card-prefix}-extra {
+        left: 0;
+        right: auto;
+    }
+
+    #{$card-prefix}-title {
+        &:before {
+            right: 0;
+            left: auto;
+        }
+    }
+
+    #{$card-prefix}-subtitle {
+        float: left;
+        padding-right: $card-sub-title-padding-left;
+        padding-left: 0;
+    }
+
+    #{$card-prefix}-head-show-bullet {
+        #{$card-prefix}-title {
+            padding-left: 0;
+            padding-right: $card-title-padding-left;
+        }
+    }
+}