feat(rtl): support rtl

luoxia-guwu · Jan 26, 2021 · 355a2a7 · 355a2a7
1 parent 8ff056c
commit 355a2a7
Show file tree

Hide file tree

Showing 2,130 changed files with 2,328 additions and 2,312 deletions.
diff --git a/CHANGELOG.en-US.md b/CHANGELOG.en-US.md
@@ -1,4 +1,8 @@
 # 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`

diff --git a/CHANGELOG.zh-CN.md b/CHANGELOG.zh-CN.md
@@ -1,4 +1,8 @@
 # 日志
+## v1.2.4
+> 2021.01.26
+- 🦋**新特性**: 支持RTL
+
 ## v1.2.3
 > 2021.01.26
 - 🦋**增加图标**: 新增103个icon，分类有`Brand`、`Child`、`Music`、`Operate`

diff --git a/build/build-code.ts b/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();

diff --git a/packages/react/src/icons/ACane.tsx b/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"

diff --git a/packages/react/src/icons/Abdominal.tsx b/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}

diff --git a/packages/react/src/icons/Acoustic.tsx b/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}

diff --git a/packages/react/src/icons/Add.tsx b/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}

diff --git a/packages/react/src/icons/AddFour.tsx b/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}

diff --git a/packages/react/src/icons/AddOne.tsx b/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}

diff --git a/packages/react/src/icons/AddPrint.tsx b/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}

diff --git a/packages/react/src/icons/AddThree.tsx b/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}

diff --git a/packages/react/src/icons/AddUser.tsx b/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}

diff --git a/packages/react/src/icons/Aiming.tsx b/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}

diff --git a/packages/react/src/icons/Airpods.tsx b/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}

diff --git a/packages/react/src/icons/AlignHorizontally.tsx b/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}

diff --git a/packages/react/src/icons/AlignTextBoth.tsx b/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}

diff --git a/packages/react/src/icons/AlignTextBothOne.tsx b/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}

diff --git a/packages/react/src/icons/AlignTextBottom.tsx b/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}

diff --git a/packages/react/src/icons/AlignTextCenterOne.tsx b/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}

diff --git a/packages/react/src/icons/AlignTextMiddle.tsx b/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}

diff --git a/packages/react/src/icons/AlignTextTop.tsx b/packages/react/src/icons/AlignTextTop.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'align-text-top',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AllApplication.tsx b/packages/react/src/icons/AllApplication.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'all-application',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/Anchor.tsx b/packages/react/src/icons/Anchor.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'anchor',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AnchorOne.tsx b/packages/react/src/icons/AnchorOne.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'anchor-one',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AnchorRound.tsx b/packages/react/src/icons/AnchorRound.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'anchor-round',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AnchorSqure.tsx b/packages/react/src/icons/AnchorSqure.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'anchor-squre',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AnchorTwo.tsx b/packages/react/src/icons/AnchorTwo.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'anchor-two',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/Android.tsx b/packages/react/src/icons/Android.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'android',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AngryFace.tsx b/packages/react/src/icons/AngryFace.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'angry-face',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AnguishedFace.tsx b/packages/react/src/icons/AnguishedFace.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'anguished-face',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AperturePriority.tsx b/packages/react/src/icons/AperturePriority.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'aperture-priority',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AppSwitch.tsx b/packages/react/src/icons/AppSwitch.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'app-switch',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/AppletClosed.tsx b/packages/react/src/icons/AppletClosed.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'applet-closed',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/Application.tsx b/packages/react/src/icons/Application.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'application',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/ApplicationOne.tsx b/packages/react/src/icons/ApplicationOne.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'application-one',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/ApplicationTwo.tsx b/packages/react/src/icons/ApplicationTwo.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'application-two',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/ArcDeTriomphe.tsx b/packages/react/src/icons/ArcDeTriomphe.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'arc-de-triomphe',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/ArrowCircleDown.tsx b/packages/react/src/icons/ArrowCircleDown.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'arrow-circle-down',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/ArrowCircleUp.tsx b/packages/react/src/icons/ArrowCircleUp.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'arrow-circle-up',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/ArrowDown.tsx b/packages/react/src/icons/ArrowDown.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'arrow-down',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/ArrowUp.tsx b/packages/react/src/icons/ArrowUp.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'arrow-up',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/Association.tsx b/packages/react/src/icons/Association.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'association',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}

diff --git a/packages/react/src/icons/Asterisk.tsx b/packages/react/src/icons/Asterisk.tsx
@@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';
 
 export default IconWrapper(
     'asterisk',
-    true,
+    false,
     (props: ISvgIconProps) => (
         <svg
             width={props.size}
-Original file line number
+Diff line change
@@ Expand Up / @@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime'; @@
     export default IconWrapper(
         'add',
-        true,
+        false,
         (props: ISvgIconProps) => (
             <svg
                 width={props.size}
@@ Expand Down @@