Skip to content

Commit 4bc6498

Browse files
committed
tests: Reduce snapshot icon
1 parent 55f65f2 commit 4bc6498

22 files changed

Lines changed: 242 additions & 290 deletions

README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ npx iconfont init
6565
```
6666
### 配置参数说明:
6767
### symbol_url
68-
请直接复制[iconfont](http://iconfont.cn)官网提供的项目链接。请务必看清是`.js`后缀而不是.css后缀。如果你现在还没有创建iconfont的仓库,那么可以填入这个链接去测试:`http://at.alicdn.com/t/font_1373348_kk9y3jk2omq.js`
68+
请直接复制[iconfont](http://iconfont.cn)官网提供的项目链接。请务必看清是`.js`后缀而不是.css后缀。如果你现在还没有创建iconfont的仓库,那么可以填入这个链接去测试:`http://at.alicdn.com/t/font_1373348_ghk94ooopqr.js`
6969

7070
<br />
7171

scripts/config/all-in-one-js.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"symbol_url": "http://at.alicdn.com/t/font_1373348_kk9y3jk2omq.js",
2+
"symbol_url": "http://at.alicdn.com/t/font_1373348_ghk94ooopqr.js",
33
"use_typescript": false,
44
"generate_mode": "all-in-one",
55
"save_dir": "./snapshot/all-in-one-js",

scripts/config/all-in-one-ts.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"symbol_url": "http://at.alicdn.com/t/font_1373348_kk9y3jk2omq.js",
2+
"symbol_url": "http://at.alicdn.com/t/font_1373348_ghk94ooopqr.js",
33
"use_typescript": true,
44
"generate_mode": "all-in-one",
55
"save_dir": "./snapshot/all-in-one-ts",

scripts/config/depends-on-js.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"symbol_url": "http://at.alicdn.com/t/font_1373348_kk9y3jk2omq.js",
2+
"symbol_url": "http://at.alicdn.com/t/font_1373348_ghk94ooopqr.js",
33
"use_typescript": false,
44
"generate_mode": "depends-on",
55
"save_dir": "./snapshot/depends-on-js",

scripts/config/depends-on-ts.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"symbol_url": "http://at.alicdn.com/t/font_1373348_kk9y3jk2omq.js",
2+
"symbol_url": "http://at.alicdn.com/t/font_1373348_ghk94ooopqr.js",
33
"use_typescript": true,
44
"generate_mode": "depends-on",
55
"save_dir": "./snapshot/depends-on-ts",

snapshot/all-in-one-js/Icon.d.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import { ViewProps } from 'react-native';
66
import { GProps } from 'react-native-svg';
77

88
interface Props extends GProps, ViewProps {
9-
name: 'wechat' | 'alipay' | 'baidu' | 'logout' | 'user';
9+
name: 'alipay' | 'user' | 'setup';
1010
size?: number;
1111
color?: string | string[];
1212
}

snapshot/all-in-one-js/Icon.jsx

Lines changed: 44 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,6 @@ import { Svg, Path } from 'react-native-svg';
99
// And then regenerate icons by using cli command.
1010
const Icon = ({ color, name, size, ...rest }) => {
1111
switch (name) {
12-
case 'wechat':
13-
return (
14-
<Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
15-
<Path
16-
d="M579.598841 511.554783A24.635362 24.635362 0 0 0 556.521739 535.744928a24.264348 24.264348 0 0 0 23.373913 21.667246c17.511884 0 29.681159-10.833623 29.68116-21.667246 0-13.356522-12.54029-24.190145-29.68116-24.190145zM502.798841 398.988986a27.826087 27.826087 0 0 0 29.681159-29.16174 27.38087 27.38087 0 0 0-29.681159-29.161739c-17.511884 0-34.207536 10.833623-34.207537 29.161739s16.695652 29.161739 34.207537 29.16174zM512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0zM415.536232 641.706667a275.812174 275.812174 0 0 1-82.587826-13.356522l-84.591305 42.592464 24.190145-71.754203C213.333333 557.486377 178.086957 504.57971 178.086957 440.691014c0-113.456232 106.777971-200.347826 236.929855-200.347826 115.088696 0 217.711304 68.415072 237.449275 165.175653a115.533913 115.533913 0 0 0-22.26087-2.522899c-113.456232 0-201.015652 85.110725-201.015652 187.65913a201.089855 201.089855 0 0 0 6.678261 50.086957 175.044638 175.044638 0 0 1-20.851014 0.816232z m347.863188 81.623188l16.695652 60.030145-63.369275-35.84c-24.190145 4.971594-47.564058 12.54029-71.754203 12.54029-111.749565 0-200.347826-76.725797-200.347826-171.853913s88.449855-171.853913 200.347826-171.853913c105.590725 0.148406 200.941449 76.874203 200.941449 172.002319 0 53.351884-35.84 100.915942-82.587826 135.123478zM337.623188 340.591304c-17.511884 0-35.84 10.833623-35.84 29.161739s18.328116 29.235942 35.84 29.235943a28.716522 28.716522 0 0 0 29.68116-29.235943 28.197101 28.197101 0 0 0-29.68116-29.161739z m372.869566 170.666667a24.041739 24.041739 0 0 0-23.373913 24.190145 23.596522 23.596522 0 0 0 23.373913 21.667246c16.695652 0 29.161739-10.833623 29.161739-21.667246 0-13.356522-12.54029-24.190145-29.161739-24.190145z m0 0"
17-
fill={getIconColor(color, 0, '#19D100')}
18-
/>
19-
</Svg>
20-
);
2112
case 'alipay':
2213
return (
2314
<Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
@@ -31,38 +22,65 @@ const Icon = ({ color, name, size, ...rest }) => {
3122
/>
3223
</Svg>
3324
);
34-
case 'baidu':
25+
case 'user':
3526
return (
3627
<Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
3728
<Path
38-
d="M555.9 242h30.4v189h-30.4V242z m-118.1 0h30.4v189h-30.4V242z m91.1 189h-30.4V242h30.4v189zM782 515.4c0 138.4-97.9 239.6-226.1 263.3V566c33.8-13.5 60.8-50.6 60.8-91.1V242H782v273.4zM244.9 242h165.4v232.9c0 40.5 27 77.6 60.8 91.1v212.6C342.8 755 244.9 653.8 244.9 515.4V242zM922 742V282c0-99-81-180-180-180H282c-99 0-180 81-180 180v460c0 99 81 180 180 180h460c99 0 180-81 180-180z"
39-
fill={getIconColor(color, 0, '#333333')}
29+
d="M518.07603918 6.737455c-174.95658274 0-316.73174462 141.77516188-316.73174465 316.73174464 0 82.95355218 32.42729765 159.11999552 84.46179858 214.92511241 16.59071043 18.09895683 35.44379047 33.93554407 55.80511691 47.5097617 50.5262545 33.93554407 111.61023382 53.54274731 176.46482916 53.5427473s126.69269785-19.60720323 176.46482915-53.5427473c20.36132644-13.57421762 39.21440646-29.41080486 55.80511691-47.5097617C803.13460934 482.58919514 834.80778381 406.42275179 834.80778381 323.46919964c0-174.95658274-141.77516188-316.73174462-316.73174463-316.73174464z m166.66122752 501.491929c-22.62369604 20.36132644-49.01800811 36.95203687-77.67468975 47.50976169-27.90255844 10.55772482-58.06748652 16.59071043-88.98653777 16.59071044s-61.83810252-6.03298562-88.98653779-16.59071044c-28.65668166-11.31184801-55.0509937-27.14843525-77.67468975-47.50976169C300.88855716 462.98199189 269.21538268 396.61915017 269.21538268 323.46919964c0-137.25042267 111.61023382-248.86065649 248.8606565-248.86065651s248.86065649 111.61023382 248.86065648 248.86065651c0 73.14995053-31.67317446 139.51279228-82.19942896 184.76018436z"
30+
fill={getIconColor(color, 0, '#263238')}
31+
/>
32+
<Path
33+
d="M341.61121002 586.65819695C205.11491054 652.26691548 110.84951037 791.77970775 110.84951037 953.16207287c0 18.85308003-15.08246403 33.93554407-33.93554406 33.93554407s-33.93554407-15.08246403-33.93554409-33.93554407c0-177.97307556 98.03601619-332.56833185 242.82767089-414.76776082 16.59071043 18.09895683 35.44379047 33.93554407 55.80511691 48.2638849zM993.17365612 953.16207287c0 18.85308003-15.08246403 33.93554407-33.93554408 33.93554407s-33.93554407-15.08246403-33.93554405-33.93554407c0-161.38236511-94.26540019-300.8951574-230.76169966-366.50387592 20.36132644-13.57421762 39.21440646-29.41080486 55.80511691-47.5097617 144.79165469 81.44530576 242.82767087 236.04056206 242.82767088 414.01363762z"
34+
fill={getIconColor(color, 1, '#15BBDF')}
4035
/>
4136
</Svg>
4237
);
43-
case 'logout':
38+
case 'setup':
4439
return (
4540
<Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
4641
<Path
47-
d="M634 337.7V188H313.5c25.2 14.7 62.7 36.5 118.5 69 16 12 30 25 30 41v470h172V553.9c0-16.6 13.4-30 30-30s30 13.4 30 30V768c0 33.1-26.9 60-60 60H462v50c0 16.5-12 30-30 30-21.3 0-175.3-68-197.4-86.6-19.4-10-32.6-30.2-32.6-53.4V188c0-33.1 26.9-60 60-60h372c33.1 0 60 26.9 60 60v149.7c0 16.6-13.4 30-30 30s-30-13.4-30-30z"
48-
fill={getIconColor(color, 0, '#333333')}
42+
d="M720.36316 371.018l-56.188-172.934c-4.654-14.322-20.036-22.16-34.358-17.506l-78.07 25.366c-7.25 2.356-15.224 0.726-20.912-4.346a256.276 256.276 0 0 0-41.218-29.96c-6.576-3.842-10.58-10.922-10.58-18.538V71.03c0-15.058-12.208-27.266-27.266-27.266h-181.834c-15.058 0-27.266 12.208-27.266 27.266v82.114c0 7.614-4.002 14.69-10.576 18.534a256.258 256.258 0 0 0-41.168 29.934c-5.69 5.074-13.664 6.704-20.916 4.348l-78.12-25.382c-14.322-4.654-29.704 3.184-34.356 17.506L1.34316 371.016c-4.654 14.322 3.184 29.704 17.506 34.356l78.05 25.36c7.252 2.356 12.754 8.364 14.366 15.816a253.468 253.468 0 0 0 15.718 48.46c3.072 6.984 2.162 15.076-2.322 21.248l-48.22 66.37c-8.852 12.182-6.15 29.234 6.032 38.084l147.108 106.882c12.182 8.852 29.234 6.15 38.086-6.032l48.188-66.326c4.484-6.17 11.894-9.538 19.484-8.776 8.404 0.844 16.926 1.284 25.552 1.284 8.604 0 17.104-0.44 25.486-1.28 7.588-0.76 14.998 2.606 19.48 8.776l48.184 66.32c8.852 12.182 25.902 14.884 38.086 6.032l147.108-106.882c12.182-8.852 14.882-25.902 6.032-38.084l-48.176-66.308c-4.486-6.174-5.394-14.268-2.32-21.252a253.424 253.424 0 0 0 15.75-48.544c1.612-7.454 7.114-13.46 14.368-15.816l77.968-25.334c14.322-4.65 22.16-20.032 17.506-34.352z m-359.472 120.706c-54.924 0-99.448-44.524-99.448-99.448s44.524-99.448 99.448-99.448 99.448 44.524 99.448 99.448-44.526 99.448-99.448 99.448z"
43+
fill={getIconColor(color, 0, '#5B6EA2')}
4944
/>
5045
<Path
51-
d="M838.6 446l-30 30H571c-16.5 0-30-13.5-30-30 0-8.3 3.4-15.8 8.8-21.2 5.4-5.4 12.9-8.8 21.2-8.8h237.6l30 30z m71.7 6.6c0-0.2 0.1-0.4 0.1-0.5v-0.3c0 0.2-0.1 0.5-0.1 0.8z m0.1-12.6c0-0.2-0.1-0.4-0.1-0.5 0.1 0.3 0.1 0.5 0.2 0.8-0.1-0.2-0.1-0.2-0.1-0.3z m0.4 9.7v-0.2-0.4-0.2 0.8z m0-6.8v-0.4-0.2c0 0.3 0.1 0.5 0.1 0.8-0.1-0.1-0.1-0.1-0.1-0.2zM881 416c1 0 2 0 3 0.2-0.9-0.2-1.9-0.2-3-0.2z m30 28.8v-0.2-0.1-0.3c0-0.4 0-0.7-0.1-1.1 0-0.3 0-0.5-0.1-0.8 0-0.4-0.1-0.7-0.1-1-0.1-0.3-0.1-0.7-0.2-1 0-0.3-0.1-0.5-0.2-0.8v-0.1c0-0.2-0.1-0.5-0.2-0.7v-0.2c-0.1-0.5-0.2-0.9-0.4-1.3-0.1-0.2-0.1-0.5-0.2-0.7-1.4-4.3-3.8-8.3-7.2-11.6-0.4-0.4-0.8-0.8-1.3-1.2L796.2 318.8c-11.7-11.7-30.8-11.7-42.4 0-5.8 5.8-8.8 13.5-8.8 21.2 0 7.7 2.9 15.4 8.8 21.2l54.8 54.8 30 30-30 30-54.8 54.8c-5.8 5.8-8.8 13.5-8.8 21.2 0 7.7 2.9 15.4 8.8 21.2 11.7 11.7 30.8 11.7 42.4 0l106.1-106.1c3.2-3.2 5.5-6.9 6.9-10.9 0.1-0.2 0.2-0.5 0.3-0.7 0.1-0.2 0.2-0.5 0.2-0.7 0.1-0.2 0.1-0.3 0.2-0.5 0.1-0.3 0.2-0.5 0.2-0.8v-0.1c0.1-0.2 0.1-0.5 0.2-0.8v-0.1c0.1-0.3 0.1-0.6 0.2-0.8 0.1-0.3 0.1-0.7 0.2-1 0-0.3 0.1-0.7 0.1-1 0-0.3 0.1-0.5 0.1-0.8 0-0.4 0.1-0.7 0.1-1.1V447.5v-0.1-0.2-1.3-1.1z m-0.6-4.8c0-0.2-0.1-0.4-0.1-0.5 0.1 0.3 0.1 0.5 0.2 0.8-0.1-0.2-0.1-0.2-0.1-0.3z m0.4 2.9v-0.4c0-0.4-0.1-0.8-0.2-1.3 0 0.3 0.1 0.7 0.1 1 0 0.3 0.1 0.5 0.1 0.8v-0.1z m-1.6 13.4c-1.4 4-3.7 7.7-6.9 10.9l-1.3 1.3c0.4-0.4 0.8-0.8 1.3-1.2 3.4-3.4 5.8-7.4 7.2-11.7-0.2 0.2-0.2 0.5-0.3 0.7z m1.1-3.7c0-0.2 0.1-0.4 0.1-0.5v-0.3c0 0.2-0.1 0.5-0.1 0.8z m0.5-2.9c0 0.3-0.1 0.7-0.1 1 0.1-0.4 0.1-0.8 0.2-1.3v-0.4-0.2c-0.1 0.4-0.1 0.6-0.1 0.9z"
52-
fill={getIconColor(color, 1, '#333333')}
46+
d="M360.89116 516.228c-68.346 0-123.952-55.604-123.952-123.952s55.604-123.952 123.952-123.952 123.952 55.604 123.952 123.952-55.606 123.952-123.952 123.952z m0-198.894c-41.324 0-74.944 33.62-74.944 74.944s33.618 74.944 74.944 74.944 74.944-33.618 74.944-74.944-33.62-74.944-74.944-74.944z"
47+
fill={getIconColor(color, 1, '#86DBD5')}
5348
/>
54-
</Svg>
55-
);
56-
case 'user':
57-
return (
58-
<Svg viewBox="0 0 1024 1024" width={size} height={size} {...rest}>
5949
<Path
60-
d="M518.07603918 6.737455c-174.95658274 0-316.73174462 141.77516188-316.73174465 316.73174464 0 82.95355218 32.42729765 159.11999552 84.46179858 214.92511241 16.59071043 18.09895683 35.44379047 33.93554407 55.80511691 47.5097617 50.5262545 33.93554407 111.61023382 53.54274731 176.46482916 53.5427473s126.69269785-19.60720323 176.46482915-53.5427473c20.36132644-13.57421762 39.21440646-29.41080486 55.80511691-47.5097617C803.13460934 482.58919514 834.80778381 406.42275179 834.80778381 323.46919964c0-174.95658274-141.77516188-316.73174462-316.73174463-316.73174464z m166.66122752 501.491929c-22.62369604 20.36132644-49.01800811 36.95203687-77.67468975 47.50976169-27.90255844 10.55772482-58.06748652 16.59071043-88.98653777 16.59071044s-61.83810252-6.03298562-88.98653779-16.59071044c-28.65668166-11.31184801-55.0509937-27.14843525-77.67468975-47.50976169C300.88855716 462.98199189 269.21538268 396.61915017 269.21538268 323.46919964c0-137.25042267 111.61023382-248.86065649 248.8606565-248.86065651s248.86065649 111.61023382 248.86065648 248.86065651c0 73.14995053-31.67317446 139.51279228-82.19942896 184.76018436z"
61-
fill={getIconColor(color, 0, '#263238')}
50+
d="M335.33916 646.46c8.404 0.844 16.926 1.284 25.552 1.284 8.604 0 17.104-0.44 25.486-1.278 7.588-0.76 14.998 2.606 19.48 8.776l48.184 66.32c8.852 12.182 25.902 14.884 38.086 6.032l74.012-53.772c-121.448-49.224-191.894-126.576-231.428-211.328-28.45-10.642-48.762-38.098-48.762-70.216a74.514 74.514 0 0 1 13.154-42.348c-23.962-126.424-1.346-249.502 6.73-306.166h-35.896c-15.058 0-27.266 12.208-27.266 27.266v82.114c0 7.614-4.002 14.69-10.576 18.536a256.152 256.152 0 0 0-41.166 29.934c-5.69 5.074-13.664 6.704-20.916 4.348L91.89116 180.578c-14.322-4.654-29.704 3.184-34.356 17.506L1.34316 371.016c-4.654 14.322 3.184 29.704 17.506 34.356l78.05 25.36c7.252 2.356 12.754 8.364 14.366 15.816a253.468 253.468 0 0 0 15.718 48.46c3.072 6.984 2.162 15.076-2.322 21.248l-48.22 66.37c-8.852 12.182-6.15 29.234 6.032 38.084l147.108 106.882c12.182 8.852 29.234 6.15 38.086-6.032l48.188-66.326c4.484-6.168 11.894-9.536 19.484-8.774z"
51+
opacity=".1"
52+
fill={getIconColor(color, 2, '#333333')}
6253
/>
6354
<Path
64-
d="M341.61121002 586.65819695C205.11491054 652.26691548 110.84951037 791.77970775 110.84951037 953.16207287c0 18.85308003-15.08246403 33.93554407-33.93554406 33.93554407s-33.93554407-15.08246403-33.93554409-33.93554407c0-177.97307556 98.03601619-332.56833185 242.82767089-414.76776082 16.59071043 18.09895683 35.44379047 33.93554407 55.80511691 48.2638849zM993.17365612 953.16207287c0 18.85308003-15.08246403 33.93554407-33.93554408 33.93554407s-33.93554407-15.08246403-33.93554405-33.93554407c0-161.38236511-94.26540019-300.8951574-230.76169966-366.50387592 20.36132644-13.57421762 39.21440646-29.41080486 55.80511691-47.5097617 144.79165469 81.44530576 242.82767087 236.04056206 242.82767088 414.01363762z"
65-
fill={getIconColor(color, 1, '#15BBDF')}
55+
d="M1004.51916 274.936l-69.236-69.236c-25.976-25.976-68.09-25.976-94.066 0L576.30116 470.614a33.62 33.62 0 0 0-9.412 29.166l2.754 16.948a41.288 41.288 0 0 1-11.558 35.818l-25.652 25.652 99.586 99.586 25.652-25.652a41.286 41.286 0 0 1 35.818-11.558l16.948 2.754a33.62 33.62 0 0 0 29.166-9.412L1004.51916 369c25.976-25.976 25.976-68.09 0-94.064z"
56+
fill={getIconColor(color, 3, '#F7B96D')}
57+
/>
58+
<Path
59+
d="M667.65916 542.558c-12.176-12.176-12.176-31.92 0-44.096l197.396-197.396c12.176-12.176 31.92-12.176 44.096 0 12.176 12.176 12.176 31.92 0 44.096l-197.396 197.396c-12.176 12.176-31.918 12.176-44.096 0z"
60+
fill={getIconColor(color, 4, '#FDE27C')}
61+
/>
62+
<Path
63+
d="M657.67116 652.132a41.274 41.274 0 0 1 31.768-11.996c-59.072-47.372-67.294-184.166 2.842-285.502l-115.98 115.98a33.62 33.62 0 0 0-9.412 29.166l2.754 16.948a41.288 41.288 0 0 1-11.558 35.818l-25.652 25.652 99.586 99.586 25.652-25.652z"
64+
opacity=".1"
65+
fill={getIconColor(color, 5, '#333333')}
66+
/>
67+
<Path
68+
d="M402.00116 852.312l146.338-146.338-44.096-44.096-146.338 146.338a45.4 45.4 0 0 1-15.862 10.294l-68.064 26.086a37.556 37.556 0 0 0-22.032 22.738l-20.978 60.356a17.81 17.81 0 0 0 4.23 18.444l28.884 28.884a17.816 17.816 0 0 0 18.444 4.23l60.356-20.978a37.556 37.556 0 0 0 22.738-22.032l26.086-68.064a45.4 45.4 0 0 1 10.294-15.862z"
69+
fill={getIconColor(color, 6, '#495059')}
70+
/>
71+
<Path
72+
d="M504.23916 661.878l44.094 44.094-29.092 29.094-44.094-44.096z"
73+
opacity=".1"
74+
fill={getIconColor(color, 7, '#333333')}
75+
/>
76+
<Path
77+
d="M590.08516 747.722l-127.59-127.59c-9.862-9.862-9.862-25.85 0-35.712l20.222-20.222c9.862-9.862 25.85-9.862 35.712 0l127.59 127.59c9.862 9.862 9.862 25.85 0 35.712l-20.222 20.222c-9.86 9.862-25.85 9.862-35.712 0z"
78+
fill={getIconColor(color, 8, '#FDE27C')}
79+
/>
80+
<Path
81+
d="M518.43116 564.198c-9.862-9.862-25.85-9.862-35.712 0l-20.222 20.222c-9.862 9.862-9.862 25.85 0 35.712l100.512 100.512c-38.162-57.234-28.442-108.238-16.758-128.628l-27.82-27.818z"
82+
opacity=".1"
83+
fill={getIconColor(color, 9, '#333333')}
6684
/>
6785
</Svg>
6886
);

0 commit comments

Comments
 (0)