feat(rtl): support rtl

CHANGELOG.en-US.md

 # Changelog
+## v1.2.4
+> 2021.01.26
+- 🦋**feature**: support RTL
+
 ## v1.2.3
 > 2021.01.26
 - 🦋**add icons**: add 103 icons，add categories:`Brand`、`Child`、`Music`、`Operate`

CHANGELOG.zh-CN.md

 # 日志
+## v1.2.4
+> 2021.01.26
+- 🦋**新特性**: 支持RTL
+
 ## v1.2.3
 > 2021.01.26
 - 🦋**增加图标**: 新增103个icon，分类有`Brand`、`Child`、`Music`、`Operate`

build/build-code.ts

@@ -133,7 +133,7 @@ SUPPORT_PLATFORMS.forEach(type => {
         name: item.name,
         description: item.title,
         content: item.svg,
-        rtl: true
+        rtl: item.rtl
     }));
 
     const files = compiler.getIconFiles();

packages/react/src/icons/ACane.tsx

@@ -19,7 +19,7 @@ export default IconWrapper(
             fill="none"
         >
             <g
-                clipPath={'url(#' + props.id + '572b7723' + ')'}
+                clipPath={'url(#' + props.id + '6a3f6771' + ')'}
             >
                 <path
                     d="M19.5571 44.7684C19.5571 44.7684 32.4675 20.4873 33.6412 18.28C34.8149 16.0726 37.453 8.98102 30.3894 5.22524C23.3258 1.46947 19.1566 7.18063 17.7482 9.82948"
@@ -31,7 +31,7 @@ export default IconWrapper(
             </g>
             <defs>
                 <clipPath
-                    id={props.id + '572b7723'}
+                    id={props.id + '6a3f6771'}
                 >
                     <rect
                         width="48"

packages/react/src/icons/Abdominal.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'abdominal',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/Acoustic.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'acoustic',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/Add.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'add',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AddFour.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'add-four',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AddOne.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'add-one',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AddPrint.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'add-print',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AddThree.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'add-three',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AddUser.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'add-user',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/Aiming.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'aiming',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/Airpods.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'airpods',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AlignHorizontally.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'align-horizontally',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AlignTextBoth.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'align-text-both',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AlignTextBothOne.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'align-text-both-one',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AlignTextBottom.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'align-text-bottom',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AlignTextCenterOne.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'align-text-center-one',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

packages/react/src/icons/AlignTextMiddle.tsx

@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'align-text-middle',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}