blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

perf(Empty): minify empty icon (#9673)

Browse Source
This commit is contained in:
neverland 2021-10-13 18:06:08 +08:00 committed by GitHub
parent 09f9fa31e8
commit 2bd6bc48c2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
packages/vant/src/empty/Network.tsx
View File

@ -6,50 +6,24 @@ const renderStop = (color: string, offset: number, opacity?: number) => (
export const Network = ( export const Network = (
<svg viewBox="0 0 160 160"> <svg viewBox="0 0 160 160">
<defs> <defs>
<linearGradient <linearGradient id={`${prefix}1`} x1="64.022%" y1="100%" x2="64.022%">
id={`${prefix}1`}
x1="64.022%"
y1="100%"
x2="64.022%"
y2="0%"
>
{renderStop('#FFF', 0, 0.5)} {renderStop('#FFF', 0, 0.5)}
{renderStop('#F2F3F5', 100)} {renderStop('#F2F3F5', 100)}
</linearGradient> </linearGradient>
<linearGradient id={`${prefix}2`} x1="50%" y1="0%" x2="50%" y2="84.459%"> <linearGradient id={`${prefix}2`} x1="50%" x2="50%" y2="84.459%">
{renderStop('#EBEDF0', 0)} {renderStop('#EBEDF0', 0)}
{renderStop('#DCDEE0', 100, 0)} {renderStop('#DCDEE0', 100, 0)}
</linearGradient> </linearGradient>
<linearGradient id={`${prefix}3`} x1="100%" y1="0%" x2="100%" y2="100%"> <linearGradient id={`${prefix}3`} x1="100%" x2="100%" y2="100%">
{renderStop('#EAEDF0', 0)} {renderStop('#EAEDF0', 0)}
{renderStop('#DCDEE0', 100)} {renderStop('#DCDEE0', 100)}
</linearGradient> </linearGradient>
<linearGradient id={`${prefix}4`} x1="100%" y1="100%" x2="100%" y2="0%"> <linearGradient id={`${prefix}4`} x1="100%" y1="100%" x2="100%">
{renderStop('#EAEDF0', 0)}
{renderStop('#DCDEE0', 100)}
</linearGradient>
<linearGradient
id={`${prefix}5`}
x1="0%"
y1="43.982%"
x2="100%"
y2="54.703%"
>
{renderStop('#EAEDF0', 0)}
{renderStop('#DCDEE0', 100)}
</linearGradient>
<linearGradient
id={`${prefix}6`}
x1="94.535%"
y1="43.837%"
x2="5.465%"
y2="54.948%"
>
{renderStop('#EAEDF0', 0)} {renderStop('#EAEDF0', 0)}
{renderStop('#DCDEE0', 100)} {renderStop('#DCDEE0', 100)}
</linearGradient> </linearGradient>
<radialGradient <radialGradient
id={`${prefix}7`} id={`${prefix}5`}
cx="50%" cx="50%"
cy="0%" cy="0%"
fx="50%" fx="50%"
@ -61,7 +35,7 @@ export const Network = (
{renderStop('#FFF', 100, 0)} {renderStop('#FFF', 100, 0)}
</radialGradient> </radialGradient>
</defs> </defs>
<g fill="none" fill-rule="evenodd"> <g fill="none">
<g opacity=".8"> <g opacity=".8">
<path <path
d="M0 124V46h20v20h14v58H0z" d="M0 124V46h20v20h14v58H0z"
@ -74,11 +48,10 @@ export const Network = (
transform="translate(2 7)" transform="translate(2 7)"
/> />
</g> </g>
<path fill={`url(#${prefix}7)`} d="M0 139h160v21H0z" /> <path fill={`url(#${prefix}5)`} d="M0 139h160v21H0z" />
<path <path
d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z" d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z"
fill={`url(#${prefix}2)`} fill={`url(#${prefix}2)`}
fill-rule="nonzero"
transform="translate(43 36)" transform="translate(43 36)"
/> />
<g opacity=".6" stroke-linecap="round" stroke-width="7"> <g opacity=".6" stroke-linecap="round" stroke-width="7">
@ -103,17 +76,10 @@ export const Network = (
transform="rotate(-180 89.791 42.146)" transform="rotate(-180 89.791 42.146)"
/> />
</g> </g>
<g transform="translate(31 105)" fill-rule="nonzero"> <g transform="translate(31 105)">
<rect fill={`url(#${prefix}5)`} width="98" height="34" rx="2" /> <rect fill="#EBEDF0" width="98" height="34" rx="2" />
<rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114" /> <rect fill="#FFF" x="9" y="8" width="80" height="18" rx="1.114" />
<rect <rect fill="#EBEDF0" x="15" y="12" width="18" height="6" rx="1.114" />
fill={`url(#${prefix}6)`}
x="15"
y="12"
width="18"
height="6"
rx="1.114"
/>
</g> </g>
</g> </g>
</svg> </svg>

51
packages/vant/src/empty/test/__snapshots__/index.spec.ts.snap
View File

@ -39,7 +39,6 @@ exports[`should render svg when image is network 1`] = `
x1="64.022%" x1="64.022%"
y1="100%" y1="100%"
x2="64.022%" x2="64.022%"
y2="0%"
> >
<stop stop-color="#FFF" <stop stop-color="#FFF"
offset="0%" offset="0%"
@ -53,7 +52,6 @@ exports[`should render svg when image is network 1`] = `
</linearGradient> </linearGradient>
<linearGradient id="van-empty-network-2" <linearGradient id="van-empty-network-2"
x1="50%" x1="50%"
y1="0%"
x2="50%" x2="50%"
y2="84.459%" y2="84.459%"
> >
@ -69,7 +67,6 @@ exports[`should render svg when image is network 1`] = `
</linearGradient> </linearGradient>
<linearGradient id="van-empty-network-3" <linearGradient id="van-empty-network-3"
x1="100%" x1="100%"
y1="0%"
x2="100%" x2="100%"
y2="100%" y2="100%"
> >
@ -86,7 +83,6 @@ exports[`should render svg when image is network 1`] = `
x1="100%" x1="100%"
y1="100%" y1="100%"
x2="100%" x2="100%"
y2="0%"
> >
<stop stop-color="#EAEDF0" <stop stop-color="#EAEDF0"
offset="0%" offset="0%"
@ -97,37 +93,7 @@ exports[`should render svg when image is network 1`] = `
> >
</stop> </stop>
</linearGradient> </linearGradient>
<linearGradient id="van-empty-network-5" <radialGradient id="van-empty-network-5"
x1="0%"
y1="43.982%"
x2="100%"
y2="54.703%"
>
<stop stop-color="#EAEDF0"
offset="0%"
>
</stop>
<stop stop-color="#DCDEE0"
offset="100%"
>
</stop>
</linearGradient>
<linearGradient id="van-empty-network-6"
x1="94.535%"
y1="43.837%"
x2="5.465%"
y2="54.948%"
>
<stop stop-color="#EAEDF0"
offset="0%"
>
</stop>
<stop stop-color="#DCDEE0"
offset="100%"
>
</stop>
</linearGradient>
<radialGradient id="van-empty-network-7"
cx="50%" cx="50%"
cy="0%" cy="0%"
fx="50%" fx="50%"
@ -146,9 +112,7 @@ exports[`should render svg when image is network 1`] = `
</stop> </stop>
</radialGradient> </radialGradient>
</defs> </defs>
<g fill="none" <g fill="none">
fill-rule="evenodd"
>
<g opacity=".8"> <g opacity=".8">
<path d="M0 124V46h20v20h14v58H0z" <path d="M0 124V46h20v20h14v58H0z"
fill="url(#van-empty-network-1)" fill="url(#van-empty-network-1)"
@ -161,13 +125,12 @@ exports[`should render svg when image is network 1`] = `
> >
</path> </path>
</g> </g>
<path fill="url(#van-empty-network-7)" <path fill="url(#van-empty-network-5)"
d="M0 139h160v21H0z" d="M0 139h160v21H0z"
> >
</path> </path>
<path d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z" <path d="M37 18a7 7 0 013 13.326v26.742c0 1.23-.997 2.227-2.227 2.227h-1.546A2.227 2.227 0 0134 58.068V31.326A7 7 0 0137 18z"
fill="url(#van-empty-network-2)" fill="url(#van-empty-network-2)"
fill-rule="nonzero"
transform="translate(43 36)" transform="translate(43 36)"
> >
</path> </path>
@ -196,10 +159,8 @@ exports[`should render svg when image is network 1`] = `
> >
</path> </path>
</g> </g>
<g transform="translate(31 105)" <g transform="translate(31 105)">
fill-rule="nonzero" <rect fill="#EBEDF0"
>
<rect fill="url(#van-empty-network-5)"
width="98" width="98"
height="34" height="34"
rx="2" rx="2"
@ -213,7 +174,7 @@ exports[`should render svg when image is network 1`] = `
rx="1.114" rx="1.114"
> >
</rect> </rect>
<rect fill="url(#van-empty-network-6)" <rect fill="#EBEDF0"
x="15" x="15"
y="12" y="12"
width="18" width="18"