2
2
3
3
exports [` renders ./components/empty/demo/basic.md correctly 1` ] = `
4
4
<div class = " ant-empty" >
5
- <div class = " ant-empty-image" ><img alt = " No Data" src = " " ></div >
5
+ <div class = " ant-empty-image" ><svg width = " 184" height = " 152" viewBox = " 0 0 184 152" xmlns = " http://www.w3.org/2000/svg" >
6
+ <g fill = " none" fillRule = " evenodd" >
7
+ <g transform = " translate(24 31.67)" >
8
+ <ellipse fillOpacity = " .8" fill = " #F5F5F7" cx = " 67.797" cy = " 106.89" rx = " 67.797" ry = " 12.668" ></ellipse >
9
+ <path d = " M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z" fill = " #AEB8C2" ></path >
10
+ <path d = " M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" fill = " url(#linearGradient-1)" transform = " translate(13.56)" ></path >
11
+ <path d = " M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" fill = " #F5F5F7" ></path >
12
+ <path d = " M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z" fill = " #DCE0E6" ></path >
13
+ </g >
14
+ <path d = " M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z" fill = " #DCE0E6" ></path >
15
+ <g transform = " translate(149.65 15.383)" fill = " #FFF" >
16
+ <ellipse cx = " 20.654" cy = " 3.167" rx = " 2.849" ry = " 2.815" ></ellipse >
17
+ <path d = " M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" ></path >
18
+ </g >
19
+ </g >
20
+ </svg ></div >
6
21
<p class = " ant-empty-description" >No Data</p >
7
22
</div >
8
23
` ;
9
24
10
25
exports [` renders ./components/empty/demo/config-provider.md correctly 1` ] = `
11
26
<div ><button type = " button" role = " switch" class = " ant-switch" ><span class = " ant-switch-inner" >default</span ></button >
12
- <div class = " ant-divider ant-divider-horizontal" ></div >
27
+ <div role = " separator " class = " ant-divider ant-divider-horizontal" ></div >
13
28
<div class = " config-provider" >
14
29
<h3 >Select</h3 >
15
30
<div tabindex = " 0" class = " ant-select ant-select-enabled" style = " width: 200px;" >
@@ -27,8 +42,16 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
27
42
<div class = " ant-transfer-list-header" ><label class = " ant-checkbox-wrapper" ><span class = " ant-checkbox" ><input type = " checkbox" class = " ant-checkbox-input" value = " " ><span class = " ant-checkbox-inner" ></span ></span ></label ><span class = " ant-transfer-list-header-selected" ><span >0 item</span ><span class = " ant-transfer-list-header-title" ></span ></span ></div >
28
43
<div class = " ant-transfer-list-body" >
29
44
<div class = " ant-transfer-list-body-not-found" >
30
- <div class = " ant-empty ant-empty-small" >
31
- <div class = " ant-empty-image" ><img alt = " No Data" src = " " ></div >
45
+ <div class = " ant-empty ant-empty-normal ant-empty-small" >
46
+ <div class = " ant-empty-image" ><svg width = " 64" height = " 41" viewBox = " 0 0 64 41" xmlns = " http://www.w3.org/2000/svg" >
47
+ <g transform = " translate(0 1)" fill = " none" fillRule = " evenodd" >
48
+ <ellipse fill = " #F5F5F5" cx = " 32" cy = " 33" rx = " 32" ry = " 7" ></ellipse >
49
+ <g fillRule = " nonzero" stroke = " #D9D9D9" >
50
+ <path d = " M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" ></path >
51
+ <path d = " M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill = " #FAFAFA" ></path >
52
+ </g >
53
+ </g >
54
+ </svg ></div >
32
55
<p class = " ant-empty-description" >No Data</p >
33
56
</div >
34
57
</div >
@@ -43,8 +66,16 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
43
66
<div class = " ant-transfer-list-header" ><label class = " ant-checkbox-wrapper" ><span class = " ant-checkbox" ><input type = " checkbox" class = " ant-checkbox-input" value = " " ><span class = " ant-checkbox-inner" ></span ></span ></label ><span class = " ant-transfer-list-header-selected" ><span >0 item</span ><span class = " ant-transfer-list-header-title" ></span ></span ></div >
44
67
<div class = " ant-transfer-list-body" >
45
68
<div class = " ant-transfer-list-body-not-found" >
46
- <div class = " ant-empty ant-empty-small" >
47
- <div class = " ant-empty-image" ><img alt = " No Data" src = " " ></div >
69
+ <div class = " ant-empty ant-empty-normal ant-empty-small" >
70
+ <div class = " ant-empty-image" ><svg width = " 64" height = " 41" viewBox = " 0 0 64 41" xmlns = " http://www.w3.org/2000/svg" >
71
+ <g transform = " translate(0 1)" fill = " none" fillRule = " evenodd" >
72
+ <ellipse fill = " #F5F5F5" cx = " 32" cy = " 33" rx = " 32" ry = " 7" ></ellipse >
73
+ <g fillRule = " nonzero" stroke = " #D9D9D9" >
74
+ <path d = " M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" ></path >
75
+ <path d = " M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill = " #FAFAFA" ></path >
76
+ </g >
77
+ </g >
78
+ </svg ></div >
48
79
<p class = " ant-empty-description" >No Data</p >
49
80
</div >
50
81
</div >
@@ -79,7 +110,15 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
79
110
</div >
80
111
<div class = " ant-table-placeholder" >
81
112
<div class = " ant-empty ant-empty-normal" >
82
- <div class = " ant-empty-image" ><img alt = " No Data" src = " " ></div >
113
+ <div class = " ant-empty-image" ><svg width = " 64" height = " 41" viewBox = " 0 0 64 41" xmlns = " http://www.w3.org/2000/svg" >
114
+ <g transform = " translate(0 1)" fill = " none" fillRule = " evenodd" >
115
+ <ellipse fill = " #F5F5F5" cx = " 32" cy = " 33" rx = " 32" ry = " 7" ></ellipse >
116
+ <g fillRule = " nonzero" stroke = " #D9D9D9" >
117
+ <path d = " M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" ></path >
118
+ <path d = " M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill = " #FAFAFA" ></path >
119
+ </g >
120
+ </g >
121
+ </svg ></div >
83
122
<p class = " ant-empty-description" >No Data</p >
84
123
</div >
85
124
</div >
@@ -94,7 +133,15 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
94
133
<div class = " ant-spin-container" >
95
134
<div class = " ant-list-empty-text" >
96
135
<div class = " ant-empty ant-empty-normal" >
97
- <div class = " ant-empty-image" ><img alt = " No Data" src = " " ></div >
136
+ <div class = " ant-empty-image" ><svg width = " 64" height = " 41" viewBox = " 0 0 64 41" xmlns = " http://www.w3.org/2000/svg" >
137
+ <g transform = " translate(0 1)" fill = " none" fillRule = " evenodd" >
138
+ <ellipse fill = " #F5F5F5" cx = " 32" cy = " 33" rx = " 32" ry = " 7" ></ellipse >
139
+ <g fillRule = " nonzero" stroke = " #D9D9D9" >
140
+ <path d = " M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" ></path >
141
+ <path d = " M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill = " #FAFAFA" ></path >
142
+ </g >
143
+ </g >
144
+ </svg ></div >
98
145
<p class = " ant-empty-description" >No Data</p >
99
146
</div >
100
147
</div >
@@ -107,8 +154,44 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
107
154
108
155
exports[`renders ./components/empty/demo/customize.md correctly 1`] = `
109
156
<div class = " ant-empty" >
110
- <div class = " ant-empty-image" ><img alt = " empty" src = " https://gw.alipayobjects.com/mdn/miniapp_social/afts/img/A*pevERLJC9v0AAAAAAAAAAABjAQAAAQ/original" ></div >
157
+ <div class = " ant-empty-image" style = " height: 60px; " ><img alt = " empty" src = " https://gw.alipayobjects.com/mdn/miniapp_social/afts/img/A*pevERLJC9v0AAAAAAAAAAABjAQAAAQ/original" ></div >
111
158
<p class = " ant-empty-description" ><span > Customize <a href = " #API" >Description</a ></span ></p >
112
159
<div class = " ant-empty-footer" > <button type = " button" class = " ant-btn ant-btn-primary" ><span >Create Now</span ></button ></div >
113
160
</div >
114
161
`;
162
+
163
+ exports[`renders ./components/empty/demo/description.md correctly 1`] = `
164
+ <div class = " ant-empty" >
165
+ <div class = " ant-empty-image" ><svg width = " 184" height = " 152" viewBox = " 0 0 184 152" xmlns = " http://www.w3.org/2000/svg" >
166
+ <g fill = " none" fillRule = " evenodd" >
167
+ <g transform = " translate(24 31.67)" >
168
+ <ellipse fillOpacity = " .8" fill = " #F5F5F7" cx = " 67.797" cy = " 106.89" rx = " 67.797" ry = " 12.668" ></ellipse >
169
+ <path d = " M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z" fill = " #AEB8C2" ></path >
170
+ <path d = " M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" fill = " url(#linearGradient-1)" transform = " translate(13.56)" ></path >
171
+ <path d = " M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z" fill = " #F5F5F7" ></path >
172
+ <path d = " M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z" fill = " #DCE0E6" ></path >
173
+ </g >
174
+ <path d = " M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z" fill = " #DCE0E6" ></path >
175
+ <g transform = " translate(149.65 15.383)" fill = " #FFF" >
176
+ <ellipse cx = " 20.654" cy = " 3.167" rx = " 2.849" ry = " 2.815" ></ellipse >
177
+ <path d = " M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z" ></path >
178
+ </g >
179
+ </g >
180
+ </svg ></div >
181
+ </div >
182
+ `;
183
+
184
+ exports[`renders ./components/empty/demo/simple.md correctly 1`] = `
185
+ <div class = " ant-empty ant-empty-normal" >
186
+ <div class = " ant-empty-image" ><svg width = " 64" height = " 41" viewBox = " 0 0 64 41" xmlns = " http://www.w3.org/2000/svg" >
187
+ <g transform = " translate(0 1)" fill = " none" fillRule = " evenodd" >
188
+ <ellipse fill = " #F5F5F5" cx = " 32" cy = " 33" rx = " 32" ry = " 7" ></ellipse >
189
+ <g fillRule = " nonzero" stroke = " #D9D9D9" >
190
+ <path d = " M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" ></path >
191
+ <path d = " M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill = " #FAFAFA" ></path >
192
+ </g >
193
+ </g >
194
+ </svg ></div >
195
+ <p class = " ant-empty-description" >No Data</p >
196
+ </div >
197
+ `;
0 commit comments