Skip to content

Commit ebc2082

Browse files
tangjinzhoutangjinzhou
committed
fix: menu support scoped style, close #5578 
1 parent d315b61 commit ebc2082

File tree

9 files changed

+121
-224
lines changed

9 files changed

+121
-224
lines changed

‎components/cascader/__tests__/__snapshots__/demo.test.js.snap

+1
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,7 @@ exports[`renders ./components/cascader/demo/multiple.vue correctly 1`] = `
8888
<div class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix" style="opacity: 1;">
8989
<div class="ant-select-selection-search" style="width: 0px;"><input type="search" id="rc_select_TEST_OR_SSR" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="rc_select_TEST_OR_SSR_list" aria-autocomplete="list" aria-controls="rc_select_TEST_OR_SSR_list" readonly="" unselectable="on" style="opacity: 0;"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></div>
9090
</div>
91+
<!---->
9192
</div><span class="ant-select-selection-placeholder">Please select</span>
9293
</div>
9394
<!---->

‎components/form/__tests__/__snapshots__/demo.test.js.snap

+1
Original file line numberDiff line numberDiff line change
@@ -1355,6 +1355,7 @@ exports[`renders ./components/form/demo/validate-other.vue correctly 1`] = `
13551355
<div class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix" style="opacity: 1;">
13561356
<div class="ant-select-selection-search" style="width: 0px;"><input type="search" id="validate_other_select-multiple" autocomplete="off" class="ant-select-selection-search-input" role="combobox" aria-haspopup="listbox" aria-owns="validate_other_select-multiple_list" aria-autocomplete="list" aria-controls="validate_other_select-multiple_list" aria-activedescendant="validate_other_select-multiple_list_0" readonly="" unselectable="on" style="opacity: 0;"><span class="ant-select-selection-search-mirror" aria-hidden="true">&nbsp;</span></div>
13571357
</div>
1358+
<!---->
13581359
</div><span class="ant-select-selection-placeholder">Please select favourite colors</span>
13591360
</div>
13601361
<!---->

‎components/layout/__tests__/__snapshots__/demo.test.js.snap

+20-79
Original file line numberDiff line numberDiff line change
@@ -61,12 +61,9 @@ exports[`renders ./components/layout/demo/custom-trigger.vue correctly 1`] = `
6161
</li>
6262
<!---->
6363
<!---->
64+
<!--teleport start-->
65+
<!--teleport end-->
6466
</ul>
65-
<div style="display: none;" aria-hidden="true">
66-
<!---->
67-
<!---->
68-
<!---->
69-
</div>
7067
</div>
7168
<!---->
7269
</aside>
@@ -101,12 +98,9 @@ exports[`renders ./components/layout/demo/fixed.vue correctly 1`] = `
10198
</li>
10299
<!---->
103100
<!---->
101+
<!--teleport start-->
102+
<!--teleport end-->
104103
</ul>
105-
<div style="display: none;" aria-hidden="true">
106-
<!---->
107-
<!---->
108-
<!---->
109-
</div>
110104
</header>
111105
<main class="ant-layout-content" style="padding: 0px 50px; margin-top: 64px;">
112106
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span><span class="ant-breadcrumb-separator">/</span></span></div>
@@ -156,17 +150,9 @@ exports[`renders ./components/layout/demo/fixed-sider.vue correctly 1`] = `
156150
</li>
157151
<!---->
158152
<!---->
153+
<!--teleport start-->
154+
<!--teleport end-->
159155
</ul>
160-
<div style="display: none;" aria-hidden="true">
161-
<!---->
162-
<!---->
163-
<!---->
164-
<!---->
165-
<!---->
166-
<!---->
167-
<!---->
168-
<!---->
169-
</div>
170156
</div>
171157
<!---->
172158
</aside>
@@ -204,13 +190,9 @@ exports[`renders ./components/layout/demo/responsive.vue correctly 1`] = `
204190
</li>
205191
<!---->
206192
<!---->
193+
<!--teleport start-->
194+
<!--teleport end-->
207195
</ul>
208-
<div style="display: none;" aria-hidden="true">
209-
<!---->
210-
<!---->
211-
<!---->
212-
<!---->
213-
</div>
214196
</div><span class="ant-layout-sider-zero-width-trigger ant-layout-sider-zero-width-trigger-left"><span role="img" aria-label="bars" class="anticon anticon-bars"><svg focusable="false" class="" data-icon="bars" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="0 0 1024 1024"><path d="M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z"></path></svg></span></span>
215197
</aside>
216198
<section class="ant-layout">
@@ -275,17 +257,9 @@ exports[`renders ./components/layout/demo/side.vue correctly 1`] = `
275257
</li>
276258
<!---->
277259
<!---->
260+
<!--teleport start-->
261+
<!--teleport end-->
278262
</ul>
279-
<div style="display: none;" aria-hidden="true">
280-
<!---->
281-
<!---->
282-
<!---->
283-
<!---->
284-
<!---->
285-
<!---->
286-
<!---->
287-
<!---->
288-
</div>
289263
</div>
290264
<div class="ant-layout-sider-trigger" style="width: 200px;"><span role="img" aria-label="left" class="anticon anticon-left"><svg focusable="false" class="" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></span></div>
291265
</aside>
@@ -324,12 +298,9 @@ exports[`renders ./components/layout/demo/top.vue correctly 1`] = `
324298
</li>
325299
<!---->
326300
<!---->
301+
<!--teleport start-->
302+
<!--teleport end-->
327303
</ul>
328-
<div style="display: none;" aria-hidden="true">
329-
<!---->
330-
<!---->
331-
<!---->
332-
</div>
333304
</header>
334305
<main class="ant-layout-content" style="padding: 0px 50px;">
335306
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span><span class="ant-breadcrumb-separator">/</span></span></div>
@@ -363,12 +334,9 @@ exports[`renders ./components/layout/demo/top-side.vue correctly 1`] = `
363334
</li>
364335
<!---->
365336
<!---->
337+
<!--teleport start-->
338+
<!--teleport end-->
366339
</ul>
367-
<div style="display: none;" aria-hidden="true">
368-
<!---->
369-
<!---->
370-
<!---->
371-
</div>
372340
</header>
373341
<main class="ant-layout-content" style="padding: 0px 50px;">
374342
<div class="ant-breadcrumb" style="margin: 16px 0px;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span><span class="ant-breadcrumb-separator">/</span></span></div>
@@ -444,21 +412,9 @@ exports[`renders ./components/layout/demo/top-side.vue correctly 1`] = `
444412
</li>
445413
<!---->
446414
<!---->
415+
<!--teleport start-->
416+
<!--teleport end-->
447417
</ul>
448-
<div style="display: none;" aria-hidden="true">
449-
<!---->
450-
<!---->
451-
<!---->
452-
<!---->
453-
<!---->
454-
<!---->
455-
<!---->
456-
<!---->
457-
<!---->
458-
<!---->
459-
<!---->
460-
<!---->
461-
</div>
462418
</div>
463419
<!---->
464420
</aside>
@@ -493,12 +449,9 @@ exports[`renders ./components/layout/demo/top-side-2.vue correctly 1`] = `
493449
</li>
494450
<!---->
495451
<!---->
452+
<!--teleport start-->
453+
<!--teleport end-->
496454
</ul>
497-
<div style="display: none;" aria-hidden="true">
498-
<!---->
499-
<!---->
500-
<!---->
501-
</div>
502455
</header>
503456
<section class="ant-layout ant-layout-has-sider">
504457
<aside style="max-width: 200px; min-width: 200px; width: 200px; background: rgb(255, 255, 255); flex: 0 0 200px;" class="ant-layout-sider ant-layout-sider-dark">
@@ -572,21 +525,9 @@ exports[`renders ./components/layout/demo/top-side-2.vue correctly 1`] = `
572525
</li>
573526
<!---->
574527
<!---->
528+
<!--teleport start-->
529+
<!--teleport end-->
575530
</ul>
576-
<div style="display: none;" aria-hidden="true">
577-
<!---->
578-
<!---->
579-
<!---->
580-
<!---->
581-
<!---->
582-
<!---->
583-
<!---->
584-
<!---->
585-
<!---->
586-
<!---->
587-
<!---->
588-
<!---->
589-
</div>
590531
</div>
591532
<!---->
592533
</aside>

‎components/menu/__tests__/__snapshots__/demo.test.js.snap

+16-90
Original file line numberDiff line numberDiff line change
@@ -22,16 +22,9 @@ exports[`renders ./components/menu/demo/horizontal.vue correctly 1`] = `
2222
</li>
2323
<!---->
2424
<!---->
25+
<!--teleport start-->
26+
<!--teleport end-->
2527
</ul>
26-
<div style="display: none;" aria-hidden="true">
27-
<!---->
28-
<!---->
29-
<!---->
30-
<!---->
31-
<!---->
32-
<!---->
33-
<!---->
34-
</div>
3528
`;
3629

3730
exports[`renders ./components/menu/demo/inline.vue correctly 1`] = `
@@ -120,21 +113,9 @@ exports[`renders ./components/menu/demo/inline.vue correctly 1`] = `
120113
</li>
121114
<!---->
122115
<!---->
116+
<!--teleport start-->
117+
<!--teleport end-->
123118
</ul>
124-
<div style="display: none;" aria-hidden="true">
125-
<!---->
126-
<!---->
127-
<!---->
128-
<!---->
129-
<!---->
130-
<!---->
131-
<!---->
132-
<!---->
133-
<!---->
134-
<!---->
135-
<!---->
136-
<!---->
137-
</div>
138119
`;
139120

140121
exports[`renders ./components/menu/demo/inline-collapsed.vue correctly 1`] = `
@@ -200,20 +181,9 @@ exports[`renders ./components/menu/demo/inline-collapsed.vue correctly 1`] = `
200181
</li>
201182
<!---->
202183
<!---->
184+
<!--teleport start-->
185+
<!--teleport end-->
203186
</ul>
204-
<div style="display: none;" aria-hidden="true">
205-
<!---->
206-
<!---->
207-
<!---->
208-
<!---->
209-
<!---->
210-
<!---->
211-
<!---->
212-
<!---->
213-
<!---->
214-
<!---->
215-
<!---->
216-
</div>
217187
</div>
218188
`;
219189

@@ -296,21 +266,9 @@ exports[`renders ./components/menu/demo/sider-current.vue correctly 1`] = `
296266
</li>
297267
<!---->
298268
<!---->
269+
<!--teleport start-->
270+
<!--teleport end-->
299271
</ul>
300-
<div style="display: none;" aria-hidden="true">
301-
<!---->
302-
<!---->
303-
<!---->
304-
<!---->
305-
<!---->
306-
<!---->
307-
<!---->
308-
<!---->
309-
<!---->
310-
<!---->
311-
<!---->
312-
<!---->
313-
</div>
314272
</div>
315273
`;
316274

@@ -381,19 +339,9 @@ exports[`renders ./components/menu/demo/switch-mode.vue correctly 1`] = `
381339
</li>
382340
<!---->
383341
<!---->
342+
<!--teleport start-->
343+
<!--teleport end-->
384344
</ul>
385-
<div style="display: none;" aria-hidden="true">
386-
<!---->
387-
<!---->
388-
<!---->
389-
<!---->
390-
<!---->
391-
<!---->
392-
<!---->
393-
<!---->
394-
<!---->
395-
<!---->
396-
</div>
397345
</div>
398346
`;
399347
@@ -420,11 +368,9 @@ exports[`renders ./components/menu/demo/template.vue correctly 1`] = `
420368
</li>
421369
<!---->
422370
<!---->
371+
<!--teleport start-->
372+
<!--teleport end-->
423373
</ul>
424-
<div style="display: none;" aria-hidden="true">
425-
<!---->
426-
<!---->
427-
</div>
428374
</div>
429375
`;
430376
@@ -491,19 +437,9 @@ exports[`renders ./components/menu/demo/theme.vue correctly 1`] = `
491437
</li>
492438
<!---->
493439
<!---->
440+
<!--teleport start-->
441+
<!--teleport end-->
494442
</ul>
495-
<div style="display: none;" aria-hidden="true">
496-
<!---->
497-
<!---->
498-
<!---->
499-
<!---->
500-
<!---->
501-
<!---->
502-
<!---->
503-
<!---->
504-
<!---->
505-
<!---->
506-
</div>
507443
</div>
508444
`;
509445
@@ -525,17 +461,7 @@ exports[`renders ./components/menu/demo/vertical.vue correctly 1`] = `
525461
</li>
526462
<!---->
527463
<!---->
464+
<!--teleport start-->
465+
<!--teleport end-->
528466
</ul>
529-
<div style="display: none;" aria-hidden="true">
530-
<!---->
531-
<!---->
532-
<!---->
533-
<!---->
534-
<!---->
535-
<!---->
536-
<!---->
537-
<!---->
538-
<!---->
539-
<!---->
540-
</div>
541467
`;

0 commit comments

Comments
 (0)