feat(rtl): support rtl

This commit is contained in:
AppleMonkey2019 2021-01-27 00:19:04 +08:00
parent 8ff056c3f0
commit 355a2a799f
2130 changed files with 2328 additions and 2312 deletions

View file

@ -1,4 +1,8 @@
# Changelog
## v1.2.4
> 2021.01.26
- 🦋**feature**: support RTL

## v1.2.3
> 2021.01.26
- 🦋**add icons**: add 103 iconsadd categories:`Brand`、`Child`、`Music`、`Operate`

View file

@ -1,4 +1,8 @@
# 日志
## v1.2.4
> 2021.01.26
- 🦋**新特性**: 支持RTL

## v1.2.3
> 2021.01.26
- 🦋**增加图标**: 新增103个icon分类有`Brand`、`Child`、`Music`、`Operate`

View file

@ -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();

View file

@ -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"

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'abdominal',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'acoustic',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'add',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'add-four',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'add-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'add-print',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'add-three',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'add-user',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'aiming',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'airpods',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'align-horizontally',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'align-text-both',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'align-text-both-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'align-text-bottom',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'align-text-center-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'align-text-middle',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'align-text-top',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'all-application',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'anchor',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'anchor-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'anchor-round',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'anchor-squre',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'anchor-two',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'android',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'angry-face',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'anguished-face',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'aperture-priority',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'app-switch',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'applet-closed',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'application',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'application-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'application-two',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'arc-de-triomphe',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'arrow-circle-down',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'arrow-circle-up',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'arrow-down',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'arrow-up',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'association',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'asterisk',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'astonished-face',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'avocado-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'baby-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'baby-sling',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'badminton',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'balance-two',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -19,7 +19,7 @@ export default IconWrapper(
fill="none"
>
<g
clipPath={'url(#' + props.id + 'ffd70b36' + ')'}
clipPath={'url(#' + props.id + 'd07e64c3' + ')'}
>
<path
d="M16 32C13.2005 31.0668 9.96557 28.8274 8.52449 26.5745C8.3271 26.2659 8.25594 25.8975 8.27984 25.5319L8.52501 21.7819C8.57794 20.9722 9.53478 20.5412 10.196 21.0115C12.3296 22.5293 16.2286 25 19 25C26 25 32 22.5 35 17"
@ -39,7 +39,7 @@ export default IconWrapper(
</g>
<defs>
<clipPath
id={props.id + 'ffd70b36'}
id={props.id + 'd07e64c3'}
>
<rect
width="48"

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bank',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'baokemeng',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'barbecue',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'baseball',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'basketball',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'basketball-stand',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'beauty-instrument',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bedside',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bedside-two',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'benz',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bezier-curve',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bib',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bill',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'black-eight',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'block-eight',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'block-four',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'block-seven',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'block-six',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'block-three',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'book-open',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'booster-car-seat',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'booth',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bottle-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bottle-three',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bow',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bowl-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bowling',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'box',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'boy',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'boy-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'boy-two',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'branch-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'brdige-three',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bridge-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bridge-two',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'briefcase',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bring-forward',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bug',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bus',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bus-two',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'buy',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'bytedance-mini-app',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'cake',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'cake-four',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'calculator-one',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'calendar',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'calendar-dot',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'calendar-three',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'camera',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

View file

@ -10,7 +10,7 @@ import {ISvgIconProps, IconWrapper} from '../runtime';

export default IconWrapper(
'camera-five',
true,
false,
(props: ISvgIconProps) => (
<svg
width={props.size}

Some files were not shown because too many files have changed in this diff Show more