mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/master' into merge-master

Browse Source
This commit is contained in:
zombiej 2019-04-11 18:05:46 +08:00
commit 28d133ca93
106 changed files with 2219 additions and 259 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/_util/raf.ts
View File

@ -34,3 +34,5 @@ wrapperRaf.cancel = function(pid?: number) {
raf.cancel(ids[pid]);
delete ids[pid];
};
wrapperRaf.ids = ids; // export this for test usage

2
components/_util/wave.tsx
View File

@ -60,7 +60,7 @@ export default class Wave extends React.Component<{ insertExtraNode?: boolean }>
}
extraNode.style.borderColor = waveColor;
styleForPesudo.innerHTML = `[ant-click-animating-without-extra-node="true"]:after { border-color: ${waveColor}; }`;
styleForPesudo.innerHTML = `html body { --antd-wave-shadow-color: ${waveColor}; }`;
if (!document.body.contains(styleForPesudo)) {
document.body.appendChild(styleForPesudo);
}

23
components/alert/__tests__/__snapshots__/demo.test.js.snap
View File

@ -15,6 +15,7 @@ exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -47,6 +48,7 @@ exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -76,6 +78,7 @@ exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -115,6 +118,7 @@ exports[`renders ./components/alert/demo/banner.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -178,6 +182,7 @@ exports[`renders ./components/alert/demo/closable.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -215,6 +220,7 @@ exports[`renders ./components/alert/demo/closable.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -278,6 +284,7 @@ exports[`renders ./components/alert/demo/custom-icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -309,6 +316,7 @@ exports[`renders ./components/alert/demo/custom-icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -340,6 +348,7 @@ exports[`renders ./components/alert/demo/custom-icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -371,6 +380,7 @@ exports[`renders ./components/alert/demo/custom-icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -402,6 +412,7 @@ exports[`renders ./components/alert/demo/custom-icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -435,6 +446,7 @@ exports[`renders ./components/alert/demo/custom-icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -468,6 +480,7 @@ exports[`renders ./components/alert/demo/custom-icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -501,6 +514,7 @@ exports[`renders ./components/alert/demo/custom-icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -604,6 +618,7 @@ exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -635,6 +650,7 @@ exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
class=""
data-icon="info-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -666,6 +682,7 @@ exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -697,6 +714,7 @@ exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -728,6 +746,7 @@ exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -764,6 +783,7 @@ exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
class=""
data-icon="info-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -800,6 +820,7 @@ exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -836,6 +857,7 @@ exports[`renders ./components/alert/demo/icon.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -888,6 +910,7 @@ exports[`renders ./components/alert/demo/smooth-closed.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

8
components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
View File

@ -59,6 +59,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -128,6 +129,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -162,6 +164,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -229,6 +232,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -302,6 +306,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -375,6 +380,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -448,6 +454,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -483,6 +490,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

12
components/avatar/__tests__/__snapshots__/demo.test.js.snap
View File

@ -20,6 +20,7 @@ exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -209,6 +210,7 @@ exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -244,6 +246,7 @@ exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -266,6 +269,7 @@ exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -288,6 +292,7 @@ exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -310,6 +315,7 @@ exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -335,6 +341,7 @@ exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -357,6 +364,7 @@ exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -379,6 +387,7 @@ exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -401,6 +410,7 @@ exports[`renders ./components/avatar/demo/basic.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -528,6 +538,7 @@ exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -586,6 +597,7 @@ exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

5
components/badge/__tests__/__snapshots__/demo.test.js.snap
View File

@ -203,6 +203,7 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -407,6 +408,7 @@ exports[`renders ./components/badge/demo/change.md correctly 1`] = `
class=""
data-icon="minus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -430,6 +432,7 @@ exports[`renders ./components/badge/demo/change.md correctly 1`] = `
class=""
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -745,6 +748,7 @@ exports[`renders ./components/badge/demo/dot.md correctly 1`] = `
class=""
data-icon="notification"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -771,6 +775,7 @@ exports[`renders ./components/badge/demo/dot.md correctly 1`] = `
class=""
data-icon="notification"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/breadcrumb/__tests__/__snapshots__/demo.test.js.snap
View File

@ -231,6 +231,7 @@ exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
class=""
data-icon="home"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -261,6 +262,7 @@ exports[`renders ./components/breadcrumb/demo/withIcon.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

23
components/button/__tests__/__snapshots__/demo.test.js.snap
View File

@ -177,6 +177,7 @@ exports[`renders ./components/button/demo/button-group.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -206,6 +207,7 @@ exports[`renders ./components/button/demo/button-group.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -233,6 +235,7 @@ exports[`renders ./components/button/demo/button-group.md correctly 1`] = `
class=""
data-icon="cloud"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -256,6 +259,7 @@ exports[`renders ./components/button/demo/button-group.md correctly 1`] = `
class=""
data-icon="cloud-download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -406,6 +410,7 @@ exports[`renders ./components/button/demo/icon.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -429,6 +434,7 @@ exports[`renders ./components/button/demo/icon.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -455,6 +461,7 @@ exports[`renders ./components/button/demo/icon.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -478,6 +485,7 @@ exports[`renders ./components/button/demo/icon.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -505,6 +513,7 @@ exports[`renders ./components/button/demo/icon.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -528,6 +537,7 @@ exports[`renders ./components/button/demo/icon.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -554,6 +564,7 @@ exports[`renders ./components/button/demo/icon.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -577,6 +588,7 @@ exports[`renders ./components/button/demo/icon.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -608,6 +620,7 @@ exports[`renders ./components/button/demo/loading.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -634,6 +647,7 @@ exports[`renders ./components/button/demo/loading.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -669,6 +683,7 @@ exports[`renders ./components/button/demo/loading.md correctly 1`] = `
class=""
data-icon="poweroff"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -696,6 +711,7 @@ exports[`renders ./components/button/demo/loading.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -719,6 +735,7 @@ exports[`renders ./components/button/demo/loading.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -766,6 +783,7 @@ exports[`renders ./components/button/demo/multiple.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -891,6 +909,7 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
class=""
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -914,6 +933,7 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
class=""
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -940,6 +960,7 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
class=""
data-icon="download"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -970,6 +991,7 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -999,6 +1021,7 @@ exports[`renders ./components/button/demo/size.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

5
components/button/__tests__/__snapshots__/index.test.js.snap
View File

@ -52,6 +52,7 @@ exports[`Button renders Chinese characters correctly 2`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -81,6 +82,7 @@ exports[`Button renders Chinese characters correctly 3`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -110,6 +112,7 @@ exports[`Button renders Chinese characters correctly 4`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -139,6 +142,7 @@ exports[`Button renders Chinese characters correctly 5`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -168,6 +172,7 @@ exports[`Button renders Chinese characters correctly 6`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"

8
components/calendar/__tests__/__snapshots__/demo.test.js.snap
View File

@ -45,6 +45,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -95,6 +96,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1090,6 +1092,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1140,6 +1143,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2133,6 +2137,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2183,6 +2188,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3586,6 +3592,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3636,6 +3643,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/calendar/__tests__/__snapshots__/index.test.js.snap
View File

@ -45,6 +45,7 @@ exports[`Calendar Calendar should support locale 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -95,6 +96,7 @@ exports[`Calendar Calendar should support locale 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

10
components/card/__tests__/__snapshots__/demo.test.js.snap
View File

@ -591,6 +591,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -615,6 +616,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
class=""
data-icon="edit"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -639,6 +641,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
class=""
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -717,6 +720,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -741,6 +745,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
class=""
data-icon="edit"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -765,6 +770,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
class=""
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -855,6 +861,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -882,6 +889,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1013,6 +1021,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1040,6 +1049,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

15
components/cascader/__tests__/__snapshots__/demo.test.js.snap
View File

@ -26,6 +26,7 @@ exports[`renders ./components/cascader/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -64,6 +65,7 @@ exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] =
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -117,6 +119,7 @@ exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -135,6 +138,7 @@ exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -187,6 +191,7 @@ exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -205,6 +210,7 @@ exports[`renders ./components/cascader/demo/default-value.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -243,6 +249,7 @@ exports[`renders ./components/cascader/demo/disabled-option.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -281,6 +288,7 @@ exports[`renders ./components/cascader/demo/fields-name.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -319,6 +327,7 @@ exports[`renders ./components/cascader/demo/hover.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -357,6 +366,7 @@ exports[`renders ./components/cascader/demo/lazy.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -394,6 +404,7 @@ exports[`renders ./components/cascader/demo/search.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -433,6 +444,7 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -470,6 +482,7 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -507,6 +520,7 @@ exports[`renders ./components/cascader/demo/size.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -549,6 +563,7 @@ exports[`renders ./components/cascader/demo/suffix.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

20
components/cascader/__tests__/__snapshots__/index.test.js.snap
View File

@ -26,6 +26,7 @@ exports[`Cascader can be selected 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -54,6 +55,7 @@ exports[`Cascader can be selected 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -86,6 +88,7 @@ exports[`Cascader can be selected 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -129,6 +132,7 @@ exports[`Cascader can be selected 2`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -157,6 +161,7 @@ exports[`Cascader can be selected 2`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -189,6 +194,7 @@ exports[`Cascader can be selected 2`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -242,6 +248,7 @@ exports[`Cascader can be selected 3`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -270,6 +277,7 @@ exports[`Cascader can be selected 3`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -302,6 +310,7 @@ exports[`Cascader can be selected 3`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -365,6 +374,7 @@ exports[`Cascader popup correctly when panel is open 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -393,6 +403,7 @@ exports[`Cascader popup correctly when panel is open 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -436,6 +447,7 @@ exports[`Cascader popup correctly with defaultValue 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -464,6 +476,7 @@ exports[`Cascader popup correctly with defaultValue 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -496,6 +509,7 @@ exports[`Cascader popup correctly with defaultValue 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1182,7 +1196,7 @@ exports[`Cascader should render not found content 1`] = `
<Consumer>
<OriginEmpty
className="ant-empty-small"
image="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
image="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
>
<Consumer>
<LocaleReceiver
@ -1196,7 +1210,7 @@ exports[`Cascader should render not found content 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -1251,6 +1265,7 @@ exports[`Cascader support controlled mode 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1269,6 +1284,7 @@ exports[`Cascader support controlled mode 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

22
components/collapse/__tests__/__snapshots__/demo.test.js.snap
View File

@ -23,6 +23,7 @@ exports[`renders ./components/collapse/demo/accordion.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -53,6 +54,7 @@ exports[`renders ./components/collapse/demo/accordion.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -83,6 +85,7 @@ exports[`renders ./components/collapse/demo/accordion.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -120,6 +123,7 @@ exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
@ -166,6 +170,7 @@ exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -196,6 +201,7 @@ exports[`renders ./components/collapse/demo/basic.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -233,6 +239,7 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
@ -277,6 +284,7 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -307,6 +315,7 @@ exports[`renders ./components/collapse/demo/borderless.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -345,6 +354,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
class=""
data-icon="caret-right"
fill="currentColor"
focusable="false"
height="1em"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="0 0 1024 1024"
@ -392,6 +402,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
class=""
data-icon="caret-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -423,6 +434,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
class=""
data-icon="caret-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -460,6 +472,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"
@ -484,6 +497,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -529,6 +543,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -552,6 +567,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -582,6 +598,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -605,6 +622,7 @@ exports[`renders ./components/collapse/demo/extra.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -642,6 +660,7 @@ exports[`renders ./components/collapse/demo/mix.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -672,6 +691,7 @@ exports[`renders ./components/collapse/demo/mix.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -702,6 +722,7 @@ exports[`renders ./components/collapse/demo/mix.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -739,6 +760,7 @@ exports[`renders ./components/collapse/demo/noarrow.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
style="-ms-transform:rotate(90deg);transform:rotate(90deg)"
viewBox="64 64 896 896"

2
components/collapse/__tests__/__snapshots__/index.test.js.snap
View File

@ -22,6 +22,7 @@ exports[`Collapse should render extra node of panel 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -61,6 +62,7 @@ exports[`Collapse should render extra node of panel 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/comment/__tests__/__snapshots__/demo.test.js.snap
View File

@ -62,6 +62,7 @@ exports[`renders ./components/comment/demo/basic.md correctly 1`] = `
class=""
data-icon="like"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -90,6 +91,7 @@ exports[`renders ./components/comment/demo/basic.md correctly 1`] = `
class=""
data-icon="dislike"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

156
components/config-provider/__tests__/__snapshots__/components.test.js.snap
View File

File diff suppressed because it is too large Load Diff

3
components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap
View File

@ -20,6 +20,7 @@ exports[`DatePicker disabled date 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -56,6 +57,7 @@ exports[`DatePicker prop locale should works 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -74,6 +76,7 @@ exports[`DatePicker prop locale should works 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
View File

@ -36,6 +36,7 @@ exports[`RangePicker customize separator 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/date-picker/__tests__/__snapshots__/WeekPicker.test.js.snap
View File

@ -809,6 +809,7 @@ exports[`WeekPicker should support style prop 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

41
components/date-picker/__tests__/__snapshots__/demo.test.js.snap
View File

@ -21,6 +21,7 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -52,6 +53,7 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -99,6 +101,7 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -132,6 +135,7 @@ exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -167,6 +171,7 @@ exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -213,6 +218,7 @@ exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -249,6 +255,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -281,6 +288,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -330,6 +338,7 @@ exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -366,6 +375,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -397,6 +407,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -445,6 +456,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -480,6 +492,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -511,6 +524,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -557,6 +571,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -604,6 +619,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -634,6 +650,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -670,6 +687,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -688,6 +706,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -720,6 +739,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -738,6 +758,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -770,6 +791,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -788,6 +810,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -836,6 +859,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -854,6 +878,7 @@ exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -890,6 +915,7 @@ exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -937,6 +963,7 @@ exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -988,6 +1015,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1036,6 +1064,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1135,6 +1164,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1166,6 +1196,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1213,6 +1244,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1246,6 +1278,7 @@ exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1282,6 +1315,7 @@ exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1313,6 +1347,7 @@ exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1348,6 +1383,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1379,6 +1415,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1426,6 +1463,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1459,6 +1497,7 @@ exports[`renders ./components/date-picker/demo/suffix.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1585,6 +1624,7 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1633,6 +1673,7 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

8
components/date-picker/__tests__/__snapshots__/other.test.js.snap
View File

@ -995,6 +995,7 @@ exports[`Picker format by locale date 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1013,6 +1014,7 @@ exports[`Picker format by locale date 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1048,6 +1050,7 @@ exports[`Picker format by locale dateTime 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1066,6 +1069,7 @@ exports[`Picker format by locale dateTime 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1100,6 +1104,7 @@ exports[`Picker format by locale month 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1118,6 +1123,7 @@ exports[`Picker format by locale month 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1154,6 +1160,7 @@ exports[`Picker format by locale week 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1172,6 +1179,7 @@ exports[`Picker format by locale week 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

5
components/drawer/__tests__/__snapshots__/Drawer.test.js.snap
View File

@ -37,6 +37,7 @@ exports[`Drawer className is test_drawer 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -130,6 +131,7 @@ exports[`Drawer destroyOnClose is true 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -195,6 +197,7 @@ exports[`Drawer have a title 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -255,6 +258,7 @@ exports[`Drawer render correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -314,6 +318,7 @@ exports[`Drawer render top drawer 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/drawer/__tests__/__snapshots__/DrawerEvent.test.js.snap
View File

@ -46,6 +46,7 @@ exports[`Drawer render correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/drawer/__tests__/__snapshots__/demo.test.js.snap
View File

@ -28,6 +28,7 @@ exports[`renders ./components/drawer/demo/form-in-drawer.md correctly 1`] = `
class=""
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

9
components/dropdown/__tests__/__snapshots__/demo.test.js.snap
View File

@ -15,6 +15,7 @@ exports[`renders ./components/dropdown/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -62,6 +63,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
class=""
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -100,6 +102,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
class=""
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -128,6 +131,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -156,6 +160,7 @@ exports[`renders ./components/dropdown/demo/event.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -183,6 +188,7 @@ exports[`renders ./components/dropdown/demo/item.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -210,6 +216,7 @@ exports[`renders ./components/dropdown/demo/overlay-visible.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -291,6 +298,7 @@ exports[`renders ./components/dropdown/demo/sub-menu.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -318,6 +326,7 @@ exports[`renders ./components/dropdown/demo/trigger.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/dropdown/__tests__/__snapshots__/dropdown-button.test.js.snap
View File

@ -21,6 +21,7 @@ exports[`DropdownButton should support href like Button 1`] = `
class=""
data-icon="ellipsis"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

17
components/empty/__tests__/__snapshots__/demo.test.js.snap
View File

@ -9,7 +9,7 @@ exports[`renders ./components/empty/demo/basic.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjE1MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQgMzEuNjcpIj4KICAgICAgPGVsbGlwc2UgZmlsbC1vcGFjaXR5PSIuOCIgZmlsbD0iI0Y1RjVGNyIgY3g9IjY3Ljc5NyIgY3k9IjEwNi44OSIgcng9IjY3Ljc5NyIgcnk9IjEyLjY2OCIvPgogICAgICA8cGF0aCBkPSJNMTIyLjAzNCA2OS42NzRMOTguMTA5IDQwLjIyOWMtMS4xNDgtMS4zODYtMi44MjYtMi4yMjUtNC41OTMtMi4yMjVoLTUxLjQ0Yy0xLjc2NiAwLTMuNDQ0LjgzOS00LjU5MiAyLjIyNUwxMy41NiA2OS42NzR2MTUuMzgzaDEwOC40NzVWNjkuNjc0eiIgZmlsbD0iI0FFQjhDMiIvPgogICAgICA8cGF0aCBkPSJNMTAxLjUzNyA4Ni4yMTRMODAuNjMgNjEuMTAyYy0xLjAwMS0xLjIwNy0yLjUwNy0xLjg2Ny00LjA0OC0xLjg2N0gzMS43MjRjLTEuNTQgMC0zLjA0Ny42Ni00LjA0OCAxLjg2N0w2Ljc2OSA4Ni4yMTR2MTMuNzkyaDk0Ljc2OFY4Ni4yMTR6IiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMy41NikiLz4KICAgICAgPHBhdGggZD0iTTMzLjgzIDBoNjcuOTMzYTQgNCAwIDAgMSA0IDR2OTMuMzQ0YTQgNCAwIDAgMS00IDRIMzMuODNhNCA0IDAgMCAxLTQtNFY0YTQgNCAwIDAgMSA0LTR6IiBmaWxsPSIjRjVGNUY3Ii8+CiAgICAgIDxwYXRoIGQ9Ik00Mi42NzggOS45NTNoNTAuMjM3YTIgMiAwIDAgMSAyIDJWMzYuOTFhMiAyIDAgMCAxLTIgMkg0Mi42NzhhMiAyIDAgMCAxLTItMlYxMS45NTNhMiAyIDAgMCAxIDItMnpNNDIuOTQgNDkuNzY3aDQ5LjcxM2EyLjI2MiAyLjI2MiAwIDEgMSAwIDQuNTI0SDQyLjk0YTIuMjYyIDIuMjYyIDAgMCAxIDAtNC41MjR6TTQyLjk0IDYxLjUzaDQ5LjcxM2EyLjI2MiAyLjI2MiAwIDEgMSAwIDQuNTI1SDQyLjk0YTIuMjYyIDIuMjYyIDAgMCAxIDAtNC41MjV6TTEyMS44MTMgMTA1LjAzMmMtLjc3NSAzLjA3MS0zLjQ5NyA1LjM2LTYuNzM1IDUuMzZIMjAuNTE1Yy0zLjIzOCAwLTUuOTYtMi4yOS02LjczNC01LjM2YTcuMzA5IDcuMzA5IDAgMCAxLS4yMjItMS43OVY2OS42NzVoMjYuMzE4YzIuOTA3IDAgNS4yNSAyLjQ0OCA1LjI1IDUuNDJ2LjA0YzAgMi45NzEgMi4zNyA1LjM3IDUuMjc3IDUuMzdoMzQuNzg1YzIuOTA3IDAgNS4yNzctMi40MjEgNS4yNzctNS4zOTNWNzUuMWMwLTIuOTcyIDIuMzQzLTUuNDI2IDUuMjUtNS40MjZoMjYuMzE4djMzLjU2OWMwIC42MTctLjA3NyAxLjIxNi0uMjIxIDEuNzg5eiIgZmlsbD0iI0RDRTBFNiIvPgogICAgPC9nPgogICAgPHBhdGggZD0iTTE0OS4xMjEgMzMuMjkybC02LjgzIDIuNjVhMSAxIDAgMCAxLTEuMzE3LTEuMjNsMS45MzctNi4yMDdjLTIuNTg5LTIuOTQ0LTQuMTA5LTYuNTM0LTQuMTA5LTEwLjQwOEMxMzguODAyIDguMTAyIDE0OC45MiAwIDE2MS40MDIgMCAxNzMuODgxIDAgMTg0IDguMTAyIDE4NCAxOC4wOTdjMCA5Ljk5NS0xMC4xMTggMTguMDk3LTIyLjU5OSAxOC4wOTctNC41MjggMC04Ljc0NC0xLjA2Ni0xMi4yOC0yLjkwMnoiIGZpbGw9IiNEQ0UwRTYiLz4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0OS42NSAxNS4zODMpIiBmaWxsPSIjRkZGIj4KICAgICAgPGVsbGlwc2UgY3g9IjIwLjY1NCIgY3k9IjMuMTY3IiByeD0iMi44NDkiIHJ5PSIyLjgxNSIvPgogICAgICA8cGF0aCBkPSJNNS42OTggNS42M0gwTDIuODk4LjcwNHpNOS4yNTkuNzA0aDQuOTg1VjUuNjNIOS4yNTl6Ii8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjE1MiIgdmlld0JveD0iMCAwIDE4NCAxNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDMxLjY3KSI+CiAgICAgIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjgiIGZpbGw9IiNGNUY1RjciIGN4PSI2Ny43OTciIGN5PSIxMDYuODkiIHJ4PSI2Ny43OTciIHJ5PSIxMi42NjgiLz4KICAgICAgPHBhdGggZD0iTTEyMi4wMzQgNjkuNjc0TDk4LjEwOSA0MC4yMjljLTEuMTQ4LTEuMzg2LTIuODI2LTIuMjI1LTQuNTkzLTIuMjI1aC01MS40NGMtMS43NjYgMC0zLjQ0NC44MzktNC41OTIgMi4yMjVMMTMuNTYgNjkuNjc0djE1LjM4M2gxMDguNDc1VjY5LjY3NHoiIGZpbGw9IiNBRUI4QzIiLz4KICAgICAgPHBhdGggZD0iTTEwMS41MzcgODYuMjE0TDgwLjYzIDYxLjEwMmMtMS4wMDEtMS4yMDctMi41MDctMS44NjctNC4wNDgtMS44NjdIMzEuNzI0Yy0xLjU0IDAtMy4wNDcuNjYtNC4wNDggMS44NjdMNi43NjkgODYuMjE0djEzLjc5Mmg5NC43NjhWODYuMjE0eiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMuNTYpIi8+CiAgICAgIDxwYXRoIGQ9Ik0zMy44MyAwaDY3LjkzM2E0IDQgMCAwIDEgNCA0djkzLjM0NGE0IDQgMCAwIDEtNCA0SDMzLjgzYTQgNCAwIDAgMS00LTRWNGE0IDQgMCAwIDEgNC00eiIgZmlsbD0iI0Y1RjVGNyIvPgogICAgICA8cGF0aCBkPSJNNDIuNjc4IDkuOTUzaDUwLjIzN2EyIDIgMCAwIDEgMiAyVjM2LjkxYTIgMiAwIDAgMS0yIDJINDIuNjc4YTIgMiAwIDAgMS0yLTJWMTEuOTUzYTIgMiAwIDAgMSAyLTJ6TTQyLjk0IDQ5Ljc2N2g0OS43MTNhMi4yNjIgMi4yNjIgMCAxIDEgMCA0LjUyNEg0Mi45NGEyLjI2MiAyLjI2MiAwIDAgMSAwLTQuNTI0ek00Mi45NCA2MS41M2g0OS43MTNhMi4yNjIgMi4yNjIgMCAxIDEgMCA0LjUyNUg0Mi45NGEyLjI2MiAyLjI2MiAwIDAgMSAwLTQuNTI1ek0xMjEuODEzIDEwNS4wMzJjLS43NzUgMy4wNzEtMy40OTcgNS4zNi02LjczNSA1LjM2SDIwLjUxNWMtMy4yMzggMC01Ljk2LTIuMjktNi43MzQtNS4zNmE3LjMwOSA3LjMwOSAwIDAgMS0uMjIyLTEuNzlWNjkuNjc1aDI2LjMxOGMyLjkwNyAwIDUuMjUgMi40NDggNS4yNSA1LjQydi4wNGMwIDIuOTcxIDIuMzcgNS4zNyA1LjI3NyA1LjM3aDM0Ljc4NWMyLjkwNyAwIDUuMjc3LTIuNDIxIDUuMjc3LTUuMzkzVjc1LjFjMC0yLjk3MiAyLjM0My01LjQyNiA1LjI1LTUuNDI2aDI2LjMxOHYzMy41NjljMCAuNjE3LS4wNzcgMS4yMTYtLjIyMSAxLjc4OXoiIGZpbGw9IiNEQ0UwRTYiLz4KICAgIDwvZz4KICAgIDxwYXRoIGQ9Ik0xNDkuMTIxIDMzLjI5MmwtNi44MyAyLjY1YTEgMSAwIDAgMS0xLjMxNy0xLjIzbDEuOTM3LTYuMjA3Yy0yLjU4OS0yLjk0NC00LjEwOS02LjUzNC00LjEwOS0xMC40MDhDMTM4LjgwMiA4LjEwMiAxNDguOTIgMCAxNjEuNDAyIDAgMTczLjg4MSAwIDE4NCA4LjEwMiAxODQgMTguMDk3YzAgOS45OTUtMTAuMTE4IDE4LjA5Ny0yMi41OTkgMTguMDk3LTQuNTI4IDAtOC43NDQtMS4wNjYtMTIuMjgtMi45MDJ6IiBmaWxsPSIjRENFMEU2Ii8+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDkuNjUgMTUuMzgzKSIgZmlsbD0iI0ZGRiI+CiAgICAgIDxlbGxpcHNlIGN4PSIyMC42NTQiIGN5PSIzLjE2NyIgcng9IjIuODQ5IiByeT0iMi44MTUiLz4KICAgICAgPHBhdGggZD0iTTUuNjk4IDUuNjNIMEwyLjg5OC43MDR6TTkuMjU5LjcwNGg0Ljk4NVY1LjYzSDkuMjU5eiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg=="
/>
</div>
<p
@ -74,6 +74,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -119,6 +120,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -159,6 +161,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -221,7 +224,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -250,6 +253,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -274,6 +278,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -331,7 +336,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -431,7 +436,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -469,7 +474,7 @@ exports[`renders ./components/empty/demo/config-provider.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -535,7 +540,7 @@ exports[`renders ./components/empty/demo/simple.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p

2
components/empty/empty.svg
View File

@ -1,4 +1,4 @@
<svg width="184" height="152" xmlns="http://www.w3.org/2000/svg">
<svg width="184" height="152" viewBox="0 0 184 152" xmlns="http://www.w3.org/2000/svg">
<g fill="none" fill-rule="evenodd">
<g transform="translate(24 31.67)">
<ellipse fill-opacity=".8" fill="#F5F5F7" cx="67.797" cy="106.89" rx="67.797" ry="12.668"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

2
components/empty/simple.svg
View File

@ -1,4 +1,4 @@
<svg width="64" height="41" xmlns="http://www.w3.org/2000/svg">
<svg width="64" height="41" viewBox="0 0 64 41" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(0 1)" fill="none" fill-rule="evenodd">
<ellipse fill="#F5F5F5" cx="32" cy="33" rx="32" ry="7"/>
<g fill-rule="nonzero" stroke="#D9D9D9">

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 657 B

After

Width:  |  Height:  |  Size: 678 B

56
components/form/__tests__/__snapshots__/demo.test.js.snap
View File

@ -457,6 +457,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -581,6 +582,7 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -697,6 +699,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -771,6 +774,7 @@ exports[`renders ./components/form/demo/dynamic-form-item.md correctly 1`] = `
class=""
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1051,6 +1055,7 @@ exports[`renders ./components/form/demo/horizontal-login.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1103,6 +1108,7 @@ exports[`renders ./components/form/demo/horizontal-login.md correctly 1`] = `
class=""
data-icon="lock"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1371,6 +1377,7 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1423,6 +1430,7 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
class=""
data-icon="lock"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1639,6 +1647,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class=""
data-icon="question-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1728,6 +1737,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1746,6 +1756,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1835,6 +1846,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1945,6 +1957,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2202,6 +2215,7 @@ exports[`renders ./components/form/demo/style-check-debug.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2267,6 +2281,7 @@ exports[`renders ./components/form/demo/style-check-debug.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2293,6 +2308,7 @@ exports[`renders ./components/form/demo/style-check-debug.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2368,6 +2384,7 @@ exports[`renders ./components/form/demo/style-check-debug.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2509,6 +2526,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2568,6 +2586,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2626,6 +2645,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2700,6 +2720,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2775,6 +2796,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2835,6 +2857,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2979,6 +3002,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3116,6 +3140,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3142,6 +3167,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3723,6 +3749,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3745,6 +3772,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3779,6 +3807,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3801,6 +3830,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3835,6 +3865,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3857,6 +3888,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3891,6 +3923,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3913,6 +3946,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3947,6 +3981,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3969,6 +4004,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4212,6 +4248,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -4272,6 +4309,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4327,6 +4365,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4382,6 +4421,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4443,6 +4483,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4466,6 +4507,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4525,6 +4567,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4551,6 +4594,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="exclamation-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4625,6 +4669,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4649,6 +4694,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4710,6 +4756,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4728,6 +4775,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4750,6 +4798,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -4824,6 +4873,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4881,6 +4931,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4945,6 +4996,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4971,6 +5023,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -5008,6 +5061,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -5073,6 +5127,7 @@ exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -5099,6 +5154,7 @@ exports[`renders ./components/form/demo/without-form-create.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

8
components/form/demo/customized-form-controls.md
View File

@ -11,8 +11,8 @@ title:
> * 提供受控属性 `value` 或其它与 [`valuePropName`](http://ant.design/components/form/#getFieldDecorator-参数) 的值同名的属性。
> * 提供 `onChange` 事件或 [`trigger`](http://ant.design/components/form/#getFieldDecorator-参数) 的值同名的事件。
> * 支持 ref：
> * React@16.8.0 之前只有 Class 组件支持。
> * React@16.8.0 及之后可以通过 [useImperativeHandle](https://reactjs.org/docs/hooks-reference.html#useimperativehandle) 添加 ref 支持。（[示例](https://codesandbox.io/s/31mv8004rp)）
> * React@16.3.0 之前只有 Class 组件支持。
> * React@16.3.0 及之后可以通过 [forwardRef](https://reactjs.org/docs/forwarding-refs.html) 添加 ref 支持。（[示例](https://codesandbox.io/s/7wj199900x)）
## en-US
@ -20,8 +20,8 @@ Customized or third-party form controls can be used in Form, too. Controls must
> * It has a controlled property `value` or other name which is equal to the value of [`valuePropName`](http://ant.design/components/form/?locale=en-US#getFieldDecorator's-parameters).
> * It has event `onChange` or an event which name is equal to the value of [`trigger`](http://ant.design/components/form/?locale=en-US#getFieldDecorator's-parameters).
> * Support ref:
> * Can only use class component before React@16.8.0.
> * Can use [useImperativeHandle](https://reactjs.org/docs/hooks-reference.html#useimperativehandle) to add ref support after React@16.8.0. ([Sample](https://codesandbox.io/s/31mv8004rp))
> * Can only use class component before React@16.3.0.
> * Can use [forwardRef](https://reactjs.org/docs/forwarding-refs.html) to add ref support after React@16.3.0. ([Sample](https://codesandbox.io/s/7wj199900x))
````jsx
import {

12
components/icon/__tests__/__snapshots__/index.test.js.snap
View File

@ -38,6 +38,7 @@ exports[`Icon should render to a <i class="xxx"><svg>...</svg></i> 1`] = `
class=""
data-icon="message"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -60,6 +61,7 @@ exports[`Icon should support basic usage 1`] = `
class=""
data-icon="home"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -78,6 +80,7 @@ exports[`Icon should support basic usage 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -96,6 +99,7 @@ exports[`Icon should support basic usage 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -114,6 +118,7 @@ exports[`Icon should support basic usage 1`] = `
class="anticon-spin"
data-icon="sync"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -132,6 +137,7 @@ exports[`Icon should support basic usage 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -154,6 +160,7 @@ exports[`Icon should support config global two-tone primary color 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -185,6 +192,7 @@ exports[`Icon should support older usage 1`] = `
class=""
data-icon="home"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -203,6 +211,7 @@ exports[`Icon should support older usage 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -221,6 +230,7 @@ exports[`Icon should support older usage 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -239,6 +249,7 @@ exports[`Icon should support older usage 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -309,6 +320,7 @@ exports[`Icon should support two-tone icon 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

16
components/input-number/__tests__/__snapshots__/demo.test.js.snap
View File

@ -23,6 +23,7 @@ exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -49,6 +50,7 @@ exports[`renders ./components/input-number/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -102,6 +104,7 @@ exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -128,6 +131,7 @@ exports[`renders ./components/input-number/demo/digit.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -181,6 +185,7 @@ exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -207,6 +212,7 @@ exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -275,6 +281,7 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -301,6 +308,7 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -349,6 +357,7 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -375,6 +384,7 @@ exports[`renders ./components/input-number/demo/formatter.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -430,6 +440,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -456,6 +467,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -506,6 +518,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -532,6 +545,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -582,6 +596,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -608,6 +623,7 @@ exports[`renders ./components/input-number/demo/size.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/input/__tests__/__snapshots__/Search.test.js.snap
View File

@ -28,6 +28,7 @@ exports[`Input.Search should support addonAfter 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -78,6 +79,7 @@ exports[`Input.Search should support addonAfter 2`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

20
components/input/__tests__/__snapshots__/demo.test.js.snap
View File

@ -80,6 +80,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -140,6 +141,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -182,6 +184,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -329,6 +332,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -390,6 +394,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -430,6 +435,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -456,6 +462,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -512,6 +519,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -566,6 +574,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -616,6 +625,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -671,6 +681,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -748,6 +759,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -818,6 +830,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -874,6 +887,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -912,6 +926,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -950,6 +965,7 @@ exports[`renders ./components/input/demo/password-input.md correctly 1`] = `
class=""
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -983,6 +999,7 @@ exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1012,6 +1029,7 @@ exports[`renders ./components/input/demo/presuffix.md correctly 1`] = `
class=""
data-icon="info-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1053,6 +1071,7 @@ exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1094,6 +1113,7 @@ exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

5
components/input/__tests__/__snapshots__/index.test.js.snap
View File

@ -48,6 +48,7 @@ exports[`Input allowClear should change type when click 1`] = `
className=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
key="svg-close-circle"
viewBox="64 64 896 896"
@ -346,6 +347,7 @@ exports[`Input.Password should change type when click 1`] = `
className=""
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
key="svg-eye-invisible"
viewBox="64 64 896 896"
@ -436,6 +438,7 @@ exports[`Input.Password should change type when click 2`] = `
className=""
data-icon="eye"
fill="currentColor"
focusable="false"
height="1em"
key="svg-eye"
viewBox="64 64 896 896"
@ -522,6 +525,7 @@ exports[`Input.Password should change type when click 3`] = `
className=""
data-icon="eye-invisible"
fill="currentColor"
focusable="false"
height="1em"
key="svg-eye-invisible"
viewBox="64 64 896 896"
@ -611,6 +615,7 @@ exports[`Input.Search should support suffix 1`] = `
className=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
key="svg-search"
viewBox="64 64 896 896"

28
components/layout/__tests__/__snapshots__/demo.test.js.snap
View File

@ -155,6 +155,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -182,6 +183,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
class=""
data-icon="video-camera"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -209,6 +211,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
class=""
data-icon="upload"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -242,6 +245,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
class=""
data-icon="menu-fold"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -462,6 +466,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -491,6 +496,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
class=""
data-icon="video-camera"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -520,6 +526,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
class=""
data-icon="upload"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -549,6 +556,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
class=""
data-icon="bar-chart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -578,6 +586,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
class=""
data-icon="cloud"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -607,6 +616,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
class=""
data-icon="appstore"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -636,6 +646,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
class=""
data-icon="team"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -665,6 +676,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
class=""
data-icon="shop"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -837,6 +849,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -866,6 +879,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
class=""
data-icon="video-camera"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -895,6 +909,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
class=""
data-icon="upload"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -924,6 +939,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1002,6 +1018,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
class=""
data-icon="pie-chart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1029,6 +1046,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
class=""
data-icon="desktop"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1062,6 +1080,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1101,6 +1120,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
class=""
data-icon="team"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1134,6 +1154,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
class=""
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1162,6 +1183,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1585,6 +1607,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1655,6 +1678,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
class=""
data-icon="laptop"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1692,6 +1716,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
class=""
data-icon="notification"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1872,6 +1897,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1942,6 +1968,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
class=""
data-icon="laptop"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1979,6 +2006,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
class=""
data-icon="notification"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

32
components/layout/__tests__/index.test.js
View File

@ -1,6 +1,8 @@
import React from 'react';
import { mount, render } from 'enzyme';
import Layout from '..';
import Icon from '../../icon';
import Menu from '../../menu';
const { Sider, Content } = Layout;
@ -104,6 +106,36 @@ describe('Layout', () => {
);
expect(wrapper.find('.ant-layout').hasClass('ant-layout-has-sider')).toBe(false);
});
it('render correct with Tooltip', () => {
jest.useFakeTimers();
const wrapper = mount(
<Sider collapsible collapsed={false}>
<Menu mode="inline">
<Menu.Item key="1">
<Icon type="user" />
<span>Light</span>
</Menu.Item>
</Menu>
</Sider>,
);
wrapper.find('.ant-menu-item').simulate('mouseenter');
jest.runAllTimers();
wrapper.update();
expect(wrapper.find('.ant-tooltip-inner').length).toBeFalsy();
wrapper.find('.ant-menu-item').simulate('mouseout');
jest.runAllTimers();
wrapper.update();
wrapper.setProps({ collapsed: true });
wrapper.find('.ant-menu-item').simulate('mouseenter');
jest.runAllTimers();
wrapper.update();
expect(wrapper.find('.ant-tooltip-inner').length).toBeTruthy();
jest.useRealTimers();
});
});
describe('Sider onBreakpoint', () => {

13
components/list/__tests__/__snapshots__/demo.test.js.snap
View File

@ -332,7 +332,7 @@ exports[`renders ./components/list/demo/infinite-load.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -882,6 +882,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -909,6 +910,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="like"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -936,6 +938,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="message"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1015,6 +1018,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1042,6 +1046,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="like"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1069,6 +1074,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="message"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1148,6 +1154,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1175,6 +1182,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="like"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1202,6 +1210,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="message"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1262,6 +1271,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1363,6 +1373,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/list/__tests__/__snapshots__/empty.test.js.snap
View File

@ -21,7 +21,7 @@ exports[`List renders empty list 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p

8
components/list/__tests__/__snapshots__/pagination.test.js.snap
View File

@ -46,6 +46,7 @@ exports[`List.pagination renders pagination correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -93,6 +94,7 @@ exports[`List.pagination renders pagination correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -131,6 +133,7 @@ exports[`List.pagination should change page size work 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -168,6 +171,7 @@ exports[`List.pagination should change page size work 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -220,6 +224,7 @@ exports[`List.pagination should change page size work 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -258,6 +263,7 @@ exports[`List.pagination should change page size work 2`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -295,6 +301,7 @@ exports[`List.pagination should change page size work 2`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -348,6 +355,7 @@ exports[`List.pagination should change page size work 2`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

23
components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -80,6 +80,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -154,6 +155,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -206,6 +208,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -275,6 +278,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -306,6 +310,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -339,6 +344,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -389,6 +395,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -497,6 +504,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -520,7 +528,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -549,6 +557,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -573,6 +582,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -641,6 +651,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -664,7 +675,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -725,6 +736,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -775,6 +787,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1781,6 +1794,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class=""
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1827,7 +1841,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -1870,6 +1884,7 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1944,6 +1959,7 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1996,6 +2012,7 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

974
components/locale-provider/__tests__/__snapshots__/index.test.js.snap
View File

File diff suppressed because it is too large Load Diff

38
components/menu/MenuItem.tsx
View File

@ -1,7 +1,9 @@
import * as React from 'react';
import { Item } from 'rc-menu';
import Tooltip from '../tooltip';
import { ClickParam } from '.';
import { MenuContext, MenuContextProps } from './';
import Tooltip from '../tooltip';
import { SiderContext, SiderContextProps } from '../layout/Sider';
export interface MenuItemProps {
rootPrefixCls?: string;
@ -28,17 +30,33 @@ export default class MenuItem extends React.Component<MenuItemProps> {
this.menuItem = menuItem;
};
render() {
const { rootPrefixCls, title, ...rest } = this.props;
renderItem = ({ siderCollapsed }: SiderContextProps) => {
const { level, children, rootPrefixCls } = this.props;
const { title, ...rest } = this.props;
return (
<Tooltip
title={title}
placement="right"
overlayClassName={`${rootPrefixCls}-inline-collapsed-tooltip`}
>
<Item {...rest} rootPrefixCls={rootPrefixCls} title={title} ref={this.saveMenuItem} />
</Tooltip>
<MenuContext.Consumer>
{({ inlineCollapsed }: MenuContextProps) => {
let titleNode = title || (level === 1 ? children : '');
if (!siderCollapsed && !inlineCollapsed) {
titleNode = null;
}
return (
<Tooltip
title={titleNode}
placement="right"
overlayClassName={`${rootPrefixCls}-inline-collapsed-tooltip`}
>
<Item {...rest} title={title} ref={this.saveMenuItem} />
</Tooltip>
);
}}
</MenuContext.Consumer>
);
};
render() {
return <SiderContext.Consumer>{this.renderItem}</SiderContext.Consumer>;
}
}

25
components/menu/__tests__/__snapshots__/demo.test.js.snap
View File

@ -36,6 +36,7 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
class=""
data-icon="mail"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -79,6 +80,7 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
class=""
data-icon="appstore"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -129,6 +131,7 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -223,6 +226,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
class=""
data-icon="mail"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -323,6 +327,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
class=""
data-icon="appstore"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -362,6 +367,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -402,6 +408,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
class=""
data-icon="menu-fold"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -430,6 +437,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
class=""
data-icon="pie-chart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -457,6 +465,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
class=""
data-icon="desktop"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -484,6 +493,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
class=""
data-icon="inbox"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -518,6 +528,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
class=""
data-icon="mail"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -590,6 +601,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
class=""
data-icon="appstore"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -640,6 +652,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
class=""
data-icon="mail"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -712,6 +725,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
class=""
data-icon="appstore"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -751,6 +765,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -822,6 +837,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
class=""
data-icon="mail"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -847,6 +863,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -879,6 +896,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
class=""
data-icon="appstore"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -955,6 +973,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1021,6 +1040,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
class=""
data-icon="mail"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1093,6 +1113,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
class=""
data-icon="appstore"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1132,6 +1153,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1180,6 +1202,7 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
class=""
data-icon="mail"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1217,6 +1240,7 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
class=""
data-icon="appstore"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1254,6 +1278,7 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
class=""
data-icon="setting"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/menu/__tests__/__snapshots__/index.test.js.snap
View File

@ -19,6 +19,7 @@ exports[`Menu should controlled collapse work 1`] = `
class=""
data-icon="pie-chart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -54,6 +55,7 @@ exports[`Menu should controlled collapse work 2`] = `
class=""
data-icon="pie-chart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

27
components/menu/__tests__/index.test.js
View File

@ -3,6 +3,7 @@ import { mount } from 'enzyme';
import Menu from '..';
import Icon from '../../icon';
import Layout from '../../layout';
import raf from '../../_util/raf';
jest.mock('mutationobserver-shim', () => {
global.MutationObserver = function MutationObserver() {
@ -73,6 +74,10 @@ describe('Menu', () => {
.at(0)
.hasClass('ant-menu-hidden'),
).not.toBe(true);
const rafCount = Object.keys(raf.ids).length;
wrapper.unmount();
expect(Object.keys(raf.ids).length).toBe(rafCount - 1);
});
it('should accept defaultOpenKeys in mode vertical', () => {
@ -494,6 +499,8 @@ describe('Menu', () => {
const text = wrapper.find('.ant-tooltip-inner').text();
expect(text).toBe('bamboo lucky');
jest.useRealTimers();
});
it('render correctly when using with Layout.Sider', () => {
@ -608,4 +615,24 @@ describe('Menu', () => {
expect(wrapper.render()).toMatchSnapshot();
});
it('not title if not collapsed', () => {
jest.useFakeTimers();
const wrapper = mount(
<Menu mode="inline" inlineCollapsed={false}>
<Menu.Item key="1">
<Icon type="pie-chart" />
<span>Option 1</span>
</Menu.Item>
</Menu>,
);
wrapper.find('.ant-menu-item').simulate('mouseenter');
jest.runAllTimers();
wrapper.update();
expect(wrapper.find('.ant-tooltip-inner').length).toBeFalsy();
jest.useRealTimers();
});
});

25
components/menu/index.tsx
View File

@ -10,6 +10,7 @@ import animation from '../_util/openAnimation';
import warning from '../_util/warning';
import { polyfill } from 'react-lifecycles-compat';
import { SiderContext, SiderContextProps } from '../layout/Sider';
import raf from '../_util/raf';
export interface SelectParam {
key: string;
@ -69,6 +70,7 @@ export interface MenuState {
switchingModeFromInline: boolean;
inlineOpenKeys: string[];
prevProps: InternalMenuProps;
mounted: boolean;
}
export interface MenuContextProps {
@ -122,6 +124,8 @@ class InternalMenu extends React.Component<InternalMenuProps, MenuState> {
return newState;
}
private mountRafId: number;
constructor(props: InternalMenuProps) {
super(props);
@ -150,9 +154,25 @@ class InternalMenu extends React.Component<InternalMenuProps, MenuState> {
switchingModeFromInline: false,
inlineOpenKeys: [],
prevProps: props,
mounted: false,
};
}
// [Legacy] Origin code can render full defaultOpenKeys is caused by `rc-animate` bug.
// We have to workaround this to prevent animation on first render.
// https://github.com/ant-design/ant-design/issues/15966
componentDidMount() {
this.mountRafId = raf(() => {
this.setState({
mounted: true,
});
}, 10);
}
componentWillUnmount() {
raf.cancel(this.mountRafId);
}
restoreModeVerticalFromInline() {
const { switchingModeFromInline } = this.state;
if (switchingModeFromInline) {
@ -262,6 +282,7 @@ class InternalMenu extends React.Component<InternalMenuProps, MenuState> {
}
renderMenu = ({ getPopupContainer, getPrefixCls }: ConfigConsumerProps) => {
const { mounted } = this.state;
const { prefixCls: customizePrefixCls, className, theme, collapsedWidth } = this.props;
const passProps = omit(this.props, ['collapsedWidth', 'siderCollapsed']);
const menuMode = this.getRealMenuMode();
@ -282,9 +303,9 @@ class InternalMenu extends React.Component<InternalMenuProps, MenuState> {
if (menuMode !== 'inline') {
// closing vertical popup submenu after click it
menuProps.onClick = this.handleClick;
menuProps.openTransitionName = menuOpenAnimation;
menuProps.openTransitionName = mounted ? menuOpenAnimation : '';
} else {
menuProps.openAnimation = menuOpenAnimation;
menuProps.openAnimation = mounted ? menuOpenAnimation : {};
}
// https://github.com/ant-design/ant-design/issues/8587

2
components/modal/__tests__/__snapshots__/Modal.test.js.snap
View File

@ -42,6 +42,7 @@ exports[`Modal render correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -135,6 +136,7 @@ exports[`Modal render without footer 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/notification/__tests__/__snapshots__/demo.test.js.snap
View File

@ -85,6 +85,7 @@ exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

4
components/page-header/__tests__/__snapshots__/demo.test.js.snap
View File

@ -16,6 +16,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
class=""
data-icon="arrow-left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -284,6 +285,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -311,6 +313,7 @@ exports[`renders ./components/page-header/demo/actions.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -414,6 +417,7 @@ exports[`renders ./components/page-header/demo/basic.md correctly 1`] = `
class=""
data-icon="arrow-left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/pagination/Pagination.tsx
View File

@ -34,6 +34,7 @@ export interface PaginationProps {
originalElement: React.ReactElement<HTMLElement>,
) => React.ReactNode;
role?: string;
showLessItems?: boolean;
}
export interface PaginationConfig extends PaginationProps {

29
components/pagination/__tests__/__snapshots__/demo.test.js.snap
View File

@ -22,6 +22,7 @@ exports[`renders ./components/pagination/demo/basic.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -96,6 +97,7 @@ exports[`renders ./components/pagination/demo/basic.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -133,6 +135,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -209,6 +212,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
class=""
data-icon="double-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -253,6 +257,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -305,6 +310,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -344,6 +350,7 @@ exports[`renders ./components/pagination/demo/controlled.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -418,6 +425,7 @@ exports[`renders ./components/pagination/demo/controlled.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -511,6 +519,7 @@ exports[`renders ./components/pagination/demo/itemRender.md correctly 1`] = `
class=""
data-icon="double-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -573,6 +582,7 @@ exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -649,6 +659,7 @@ exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
class=""
data-icon="double-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -693,6 +704,7 @@ exports[`renders ./components/pagination/demo/jump.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -743,6 +755,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -817,6 +830,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -850,6 +864,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -924,6 +939,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -976,6 +992,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1025,6 +1042,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1099,6 +1117,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1137,6 +1156,7 @@ exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1177,6 +1197,7 @@ exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
class=""
data-icon="double-left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1259,6 +1280,7 @@ exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
class=""
data-icon="double-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1303,6 +1325,7 @@ exports[`renders ./components/pagination/demo/more.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1339,6 +1362,7 @@ exports[`renders ./components/pagination/demo/simple.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1384,6 +1408,7 @@ exports[`renders ./components/pagination/demo/simple.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1426,6 +1451,7 @@ exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1500,6 +1526,7 @@ exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1539,6 +1566,7 @@ exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1613,6 +1641,7 @@ exports[`renders ./components/pagination/demo/total.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/pagination/index.en-US.md
View File

@ -27,6 +27,7 @@ A long list can be divided into several pages by `Pagination`, and only one page
| itemRender | to customize item innerHTML | (page, type: 'page' \| 'prev' \| 'next', originalElement) => React.ReactNode | - |
| pageSize | number of data items per page | number | - |
| pageSizeOptions | specify the sizeChanger options | string\[] | \['10', '20', '30', '40'] |
| showLessItems | show less page items | boolean | false |
| showQuickJumper | determine whether you can jump to pages directly | boolean \| `{ goButton: ReactNode }` | false |
| showSizeChanger | determine whether `pageSize` can be changed | boolean | false |
| showTotal | to display the total number and range | Function(total, range) | - |

1
components/pagination/index.zh-CN.md
View File

@ -28,6 +28,7 @@ cols: 1
| itemRender | 用于自定义页码的结构，可用于优化 SEO | (page, type: 'page' \| 'prev' \| 'next', originalElement) => React.ReactNode | - |
| pageSize | 每页条数 | number | - |
| pageSizeOptions | 指定每页可以显示多少条 | string\[] | \['10', '20', '30', '40'] |
| showLessItems | show less page items | boolean | false |
| showQuickJumper | 是否可以快速跳转至某页 | boolean \| `{ goButton: ReactNode }` | false |
| showSizeChanger | 是否可以改变 pageSize | boolean | false |
| showTotal | 用于显示数据总量和当前数据顺序 | Function(total, range) | - |

4
components/popconfirm/__tests__/__snapshots__/index.test.js.snap
View File

@ -1,5 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Popconfirm should show overlay when trigger is clicked 1`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div><div class=\\"ant-popover-inner-content\\"><div class=\\"ant-popover-message\\"><i aria-label=\\"icon: exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" class=\\"\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z\\"></path></svg></i><div class=\\"ant-popover-message-title\\">code</div></div><div class=\\"ant-popover-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div></div>"`;
exports[`Popconfirm should show overlay when trigger is clicked 1`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div><div class=\\"ant-popover-inner-content\\"><div class=\\"ant-popover-message\\"><i aria-label=\\"icon: exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" class=\\"\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z\\"></path></svg></i><div class=\\"ant-popover-message-title\\">code</div></div><div class=\\"ant-popover-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div></div>"`;
exports[`Popconfirm should show overlay when trigger is clicked 2`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div><div class=\\"ant-popover-inner-content\\"><div class=\\"ant-popover-message\\"><i aria-label=\\"icon: exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" class=\\"\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z\\"></path></svg></i><div class=\\"ant-popover-message-title\\">code</div></div><div class=\\"ant-popover-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div></div>"`;
exports[`Popconfirm should show overlay when trigger is clicked 2`] = `"<div class=\\"ant-popover-content\\"><div class=\\"ant-popover-arrow\\"></div><div class=\\"ant-popover-inner\\" role=\\"tooltip\\"><div><div class=\\"ant-popover-inner-content\\"><div class=\\"ant-popover-message\\"><i aria-label=\\"icon: exclamation-circle\\" class=\\"anticon anticon-exclamation-circle\\"><svg viewBox=\\"64 64 896 896\\" class=\\"\\" data-icon=\\"exclamation-circle\\" width=\\"1em\\" height=\\"1em\\" fill=\\"currentColor\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z\\"></path></svg></i><div class=\\"ant-popover-message-title\\">code</div></div><div class=\\"ant-popover-buttons\\"><button type=\\"button\\" class=\\"ant-btn ant-btn-sm\\"><span>Cancel</span></button><button type=\\"button\\" class=\\"ant-btn ant-btn-primary ant-btn-sm\\"><span>OK</span></button></div></div></div></div></div>"`;

14
components/progress/__tests__/__snapshots__/demo.test.js.snap
View File

@ -88,6 +88,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -145,6 +146,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
class=""
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -219,6 +221,7 @@ exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
class=""
data-icon="minus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -242,6 +245,7 @@ exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
class=""
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -347,6 +351,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -404,6 +409,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
class=""
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -505,6 +511,7 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
class=""
data-icon="minus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -528,6 +535,7 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
class=""
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -635,7 +643,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
exports[`renders ./components/progress/demo/gradient-line.md correctly 1`] = `
<div>
<div
class="ant-progress ant-progress-line ant-progress-status-active ant-progress-show-info ant-progress-default"
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
@ -763,6 +771,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -803,6 +812,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -916,6 +926,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -956,6 +967,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/progress/__tests__/__snapshots__/index.test.js.snap
View File

@ -145,6 +145,7 @@ exports[`Progress render out-of-range progress 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -188,6 +189,7 @@ exports[`Progress render out-of-range progress with info 1`] = `
class=""
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

19
components/progress/__tests__/index.test.js
View File

@ -86,4 +86,23 @@ describe('Progress', () => {
'test10 10%, test20 20%, test30 30%',
);
});
it('should show success status when percent is 100', () => {
const wrapper = mount(<Progress percent={100} />);
expect(wrapper.find('.ant-progress-status-success')).toHaveLength(1);
});
// https://github.com/ant-design/ant-design/issues/15950
it('should show success status when percent is 100 and status is undefined', () => {
const wrapper = mount(<Progress percent={100} status={undefined} />);
expect(wrapper.find('.ant-progress-status-success')).toHaveLength(1);
});
// https://github.com/ant-design/ant-design/pull/15951#discussion_r273062969
it('should show success status when status is invalid', () => {
const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
const wrapper = mount(<Progress percent={100} status="invalid" />);
expect(wrapper.find('.ant-progress-status-success')).toHaveLength(1);
errorSpy.mockRestore();
});
});

1
components/progress/demo/gradient-line.md
View File

@ -24,7 +24,6 @@ const Demo = () => (
'100%': '#87d068',
}}
percent={99.9}
status="active"
/>
<Progress
strokeColor={{

26
components/progress/progress.tsx
View File

@ -61,6 +61,22 @@ export default class Progress extends React.Component<ProgressProps> {
default: PropTypes.oneOf(['default', 'small']),
};
getPercentNumber() {
const { successPercent, percent = 0 } = this.props;
return parseInt(
successPercent !== undefined ? successPercent.toString() : percent.toString(),
10,
);
}
getProgressStatus() {
const { status } = this.props;
if (ProgressStatuses.indexOf(status!) < 0 && this.getPercentNumber() >= 100) {
return 'success';
}
return status || 'normal';
}
renderProcessInfo(prefixCls: string, progressStatus: (typeof ProgressStatuses)[number]) {
const { showInfo, format, type, percent, successPercent } = this.props;
if (!showInfo) return null;
@ -104,15 +120,9 @@ export default class Progress extends React.Component<ProgressProps> {
...restProps
} = props;
const prefixCls = getPrefixCls('progress', customizePrefixCls);
const progressStatus =
parseInt(successPercent !== undefined ? successPercent.toString() : percent.toString(), 10) >=
100 && !('status' in props)
? 'success'
: status || 'normal';
let progress;
const progressStatus = this.getProgressStatus();
const progressInfo = this.renderProcessInfo(prefixCls, progressStatus);
let progress;
// Render progress shape
if (type === 'line') {
progress = (

70
components/rate/__tests__/__snapshots__/demo.test.js.snap
View File

@ -28,6 +28,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -50,6 +51,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -84,6 +86,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -106,6 +109,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -140,6 +144,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -162,6 +167,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -196,6 +202,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -218,6 +225,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -252,6 +260,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -274,6 +283,7 @@ exports[`renders ./components/rate/demo/basic.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -318,6 +328,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -340,6 +351,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -374,6 +386,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -396,6 +409,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -430,6 +444,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -452,6 +467,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -486,6 +502,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -508,6 +525,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -542,6 +560,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -564,6 +583,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
class=""
data-icon="heart"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -844,6 +864,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -866,6 +887,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -900,6 +922,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -922,6 +945,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -956,6 +980,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -978,6 +1003,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1012,6 +1038,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1034,6 +1061,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1068,6 +1096,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1090,6 +1119,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1132,6 +1162,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1154,6 +1185,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1188,6 +1220,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1210,6 +1243,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1244,6 +1278,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1266,6 +1301,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1300,6 +1336,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1322,6 +1359,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1356,6 +1394,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1378,6 +1417,7 @@ exports[`renders ./components/rate/demo/clear.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1423,6 +1463,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1445,6 +1486,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1479,6 +1521,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1501,6 +1544,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1535,6 +1579,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1557,6 +1602,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1591,6 +1637,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1613,6 +1660,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1647,6 +1695,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1669,6 +1718,7 @@ exports[`renders ./components/rate/demo/disabled.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1712,6 +1762,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1734,6 +1785,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1768,6 +1820,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1790,6 +1843,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1824,6 +1878,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1846,6 +1901,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1880,6 +1936,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1902,6 +1959,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1936,6 +1994,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1958,6 +2017,7 @@ exports[`renders ./components/rate/demo/half.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2002,6 +2062,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2024,6 +2085,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2058,6 +2120,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2080,6 +2143,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2114,6 +2178,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2136,6 +2201,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2170,6 +2236,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2192,6 +2259,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2226,6 +2294,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2248,6 +2317,7 @@ exports[`renders ./components/rate/demo/text.md correctly 1`] = `
class=""
data-icon="star"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

18
components/select/__tests__/__snapshots__/demo.test.js.snap
View File

@ -83,6 +83,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -134,6 +135,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -185,6 +187,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -241,6 +244,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -292,6 +296,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -347,6 +352,7 @@ exports[`renders ./components/select/demo/custom-dropdown-menu.md correctly 1`]
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -450,6 +456,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -513,6 +520,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -548,6 +556,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -623,6 +632,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -696,6 +706,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -913,6 +924,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -974,6 +986,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1009,6 +1022,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1091,6 +1105,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1126,6 +1141,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1203,6 +1219,7 @@ exports[`renders ./components/select/demo/suffix.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1254,6 +1271,7 @@ exports[`renders ./components/select/demo/suffix.md correctly 1`] = `
class=""
data-icon="meh"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/select/__tests__/__snapshots__/index.test.js.snap
View File

@ -31,6 +31,7 @@ exports[`Select Select Custom Icons should support customized icons 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

4
components/skeleton/Avatar.tsx
View File

@ -9,7 +9,7 @@ export interface SkeletonAvatarProps {
shape?: 'circle' | 'square';
}
class Title extends React.Component<SkeletonAvatarProps, any> {
class SkeletonAvatar extends React.Component<SkeletonAvatarProps, any> {
static defaultProps: Partial<SkeletonAvatarProps> = {
size: 'large',
};
@ -31,4 +31,4 @@ class Title extends React.Component<SkeletonAvatarProps, any> {
}
}
export default Title;
export default SkeletonAvatar;

6
components/slider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -163,6 +163,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
class=""
data-icon="frown"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -209,6 +210,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -283,6 +285,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -309,6 +312,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -399,6 +403,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -425,6 +430,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

1
components/spin/__tests__/__snapshots__/demo.test.js.snap
View File

@ -37,6 +37,7 @@ exports[`renders ./components/spin/demo/custom-indicator.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"

3
components/statistic/__tests__/__snapshots__/demo.test.js.snap
View File

@ -118,6 +118,7 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
class=""
data-icon="arrow-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -186,6 +187,7 @@ exports[`renders ./components/statistic/demo/card.md correctly 1`] = `
class=""
data-icon="arrow-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -333,6 +335,7 @@ exports[`renders ./components/statistic/demo/unit.md correctly 1`] = `
class=""
data-icon="like"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

10
components/steps/__tests__/__snapshots__/demo.test.js.snap
View File

@ -160,6 +160,7 @@ exports[`renders ./components/steps/demo/error.md correctly 1`] = `
class=""
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -207,6 +208,7 @@ exports[`renders ./components/steps/demo/error.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -291,6 +293,7 @@ exports[`renders ./components/steps/demo/icon.md correctly 1`] = `
class=""
data-icon="user"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -333,6 +336,7 @@ exports[`renders ./components/steps/demo/icon.md correctly 1`] = `
class=""
data-icon="solution"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -375,6 +379,7 @@ exports[`renders ./components/steps/demo/icon.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -417,6 +422,7 @@ exports[`renders ./components/steps/demo/icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -569,6 +575,7 @@ exports[`renders ./components/steps/demo/simple.md correctly 1`] = `
class=""
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -683,6 +690,7 @@ exports[`renders ./components/steps/demo/small-size.md correctly 1`] = `
class=""
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -883,6 +891,7 @@ exports[`renders ./components/steps/demo/vertical.md correctly 1`] = `
class=""
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -997,6 +1006,7 @@ exports[`renders ./components/steps/demo/vertical-small.md correctly 1`] = `
class=""
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

22
components/style/core/motion/other.less
View File

@ -9,16 +9,21 @@
position: relative;
}
html {
--antd-wave-shadow-color: @primary-color;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
border: 0 solid @primary-color;
border-radius: inherit;
box-shadow: 0 0 0 0 @primary-color;
box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
opacity: 0.2;
animation: fadeEffect 2s @ease-out-circ, waveEffect 0.4s @ease-out-circ;
animation-fill-mode: forwards;
@ -28,11 +33,8 @@
@keyframes waveEffect {
100% {
top: -@wave-animation-width;
right: -@wave-animation-width;
bottom: -@wave-animation-width;
left: -@wave-animation-width;
border-width: @wave-animation-width;
box-shadow: 0 0 0 @primary-color;
box-shadow: 0 0 0 @wave-animation-width var(--antd-wave-shadow-color);
}
}

3
components/switch/__tests__/__snapshots__/demo.test.js.snap
View File

@ -56,6 +56,7 @@ exports[`renders ./components/switch/demo/loading.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -86,6 +87,7 @@ exports[`renders ./components/switch/demo/loading.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -174,6 +176,7 @@ exports[`renders ./components/switch/demo/text.md correctly 1`] = `
class=""
data-icon="check"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

4
components/table/Table.tsx
View File

@ -59,8 +59,6 @@ const defaultPagination = {
onShowSizeChange: noop,
};
const ROW_SELECTION_COLUMN_WIDTH = '62px';
/**
* Avoid creating new object, so that parent component's shouldComponentUpdate
* can works appropriately。
@ -775,7 +773,7 @@ export default class Table<T> extends React.Component<TableProps<T>, TableState<
render: this.renderSelectionBox(rowSelection.type),
className: selectionColumnClass,
fixed: rowSelection.fixed,
width: rowSelection.columnWidth || ROW_SELECTION_COLUMN_WIDTH,
width: rowSelection.columnWidth,
title: rowSelection.columnTitle,
};
if (rowSelection.type !== 'radio') {

1
components/table/__tests__/__snapshots__/Table.filter.test.js.snap
View File

@ -121,6 +121,7 @@ exports[`Table.filter renders filter correctly 1`] = `
class=""
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

4
components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
View File

@ -134,6 +134,7 @@ exports[`Table.pagination Accepts pagination as true 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -171,6 +172,7 @@ exports[`Table.pagination Accepts pagination as true 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -294,6 +296,7 @@ exports[`Table.pagination renders pagination correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -341,6 +344,7 @@ exports[`Table.pagination renders pagination correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

10
components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
View File

@ -26,9 +26,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
class=""
>
<colgroup>
<col
style="width:62px;min-width:62px"
/>
<col />
<col />
</colgroup>
<thead
@ -252,9 +250,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
class="ant-table-fixed"
>
<colgroup>
<col
style="width:62px;min-width:62px"
/>
<col />
</colgroup>
<thead
class="ant-table-thead"
@ -433,6 +429,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -470,6 +467,7 @@ exports[`Table.rowSelection fix selection column on the left 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
View File

@ -35,6 +35,7 @@ exports[`Table.sorter renders sorter icon correctly 1`] = `
class=""
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -53,6 +54,7 @@ exports[`Table.sorter renders sorter icon correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"

109
components/table/__tests__/__snapshots__/demo.test.js.snap
View File

@ -65,6 +65,7 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
class=""
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -83,6 +84,7 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -125,6 +127,7 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
class=""
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -171,7 +174,7 @@ exports[`renders ./components/table/demo/ajax.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -526,6 +529,7 @@ exports[`renders ./components/table/demo/basic.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -563,6 +567,7 @@ exports[`renders ./components/table/demo/basic.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -790,6 +795,7 @@ exports[`renders ./components/table/demo/bordered.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -827,6 +833,7 @@ exports[`renders ./components/table/demo/bordered.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1148,6 +1155,7 @@ exports[`renders ./components/table/demo/colspan-rowspan.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1185,6 +1193,7 @@ exports[`renders ./components/table/demo/colspan-rowspan.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1265,6 +1274,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1303,6 +1313,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1341,6 +1352,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1550,6 +1562,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1587,6 +1600,7 @@ exports[`renders ./components/table/demo/custom-filter-panel.md correctly 1`] =
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1798,6 +1812,7 @@ exports[`renders ./components/table/demo/drag-sorting.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1835,6 +1850,7 @@ exports[`renders ./components/table/demo/drag-sorting.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2411,9 +2427,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
<col
class="ant-table-expand-icon-col"
/>
<col
style="width:62px;min-width:62px"
/>
<col />
<col
style="width:150px;min-width:150px"
/>
@ -2632,6 +2646,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2730,6 +2745,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2828,6 +2844,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2926,6 +2943,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3024,6 +3042,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3122,6 +3141,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3220,6 +3240,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3318,6 +3339,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3416,6 +3438,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3514,6 +3537,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3558,6 +3582,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3595,6 +3620,7 @@ exports[`renders ./components/table/demo/dynamic-settings.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3836,6 +3862,7 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -3873,6 +3900,7 @@ exports[`renders ./components/table/demo/edit-cell.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4362,6 +4390,7 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4438,6 +4467,7 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
class=""
data-icon="double-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4482,6 +4512,7 @@ exports[`renders ./components/table/demo/edit-row.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4750,6 +4781,7 @@ exports[`renders ./components/table/demo/expand.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4787,6 +4819,7 @@ exports[`renders ./components/table/demo/expand.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -4827,9 +4860,7 @@ exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
class=""
>
<colgroup>
<col
style="width:62px;min-width:62px"
/>
<col />
<col />
<col
style="width:12%;min-width:12%"
@ -5059,6 +5090,7 @@ exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -5096,6 +5128,7 @@ exports[`renders ./components/table/demo/expand-children.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -5716,6 +5749,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -5753,6 +5787,7 @@ exports[`renders ./components/table/demo/fixed-columns.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -7268,6 +7303,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -7344,6 +7380,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
class=""
data-icon="double-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -7388,6 +7425,7 @@ exports[`renders ./components/table/demo/fixed-columns-header.md correctly 1`] =
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -8747,6 +8785,7 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -8794,6 +8833,7 @@ exports[`renders ./components/table/demo/fixed-header.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -8892,6 +8932,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
class=""
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -8992,6 +9033,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
class=""
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -9010,6 +9052,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -9737,6 +9780,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
class=""
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -10103,6 +10147,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -10179,6 +10224,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
class=""
data-icon="double-right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -10223,6 +10269,7 @@ exports[`renders ./components/table/demo/grouping-columns.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -10301,6 +10348,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -10325,6 +10373,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
class=""
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -10365,6 +10414,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
class=""
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -10383,6 +10433,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -10427,6 +10478,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
class=""
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -10445,6 +10497,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -10469,6 +10522,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
class=""
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -10606,6 +10660,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -10643,6 +10698,7 @@ exports[`renders ./components/table/demo/head.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -11045,6 +11101,7 @@ exports[`renders ./components/table/demo/jsx.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -11082,6 +11139,7 @@ exports[`renders ./components/table/demo/jsx.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -11452,6 +11510,7 @@ exports[`renders ./components/table/demo/nested-table.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -11489,6 +11548,7 @@ exports[`renders ./components/table/demo/nested-table.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -11596,6 +11656,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -11614,6 +11675,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -11638,6 +11700,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -11678,6 +11741,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -11696,6 +11760,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -11740,6 +11805,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="caret-up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -11758,6 +11824,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -11782,6 +11849,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="filter"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -11919,6 +11987,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -11956,6 +12025,7 @@ exports[`renders ./components/table/demo/reset-filter.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -12266,6 +12336,7 @@ exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -12303,6 +12374,7 @@ exports[`renders ./components/table/demo/resizable-column.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -12343,9 +12415,7 @@ exports[`renders ./components/table/demo/row-selection.md correctly 1`] = `
class=""
>
<colgroup>
<col
style="width:62px;min-width:62px"
/>
<col />
<col />
<col />
<col />
@ -12676,6 +12746,7 @@ exports[`renders ./components/table/demo/row-selection.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -12713,6 +12784,7 @@ exports[`renders ./components/table/demo/row-selection.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -12770,9 +12842,7 @@ exports[`renders ./components/table/demo/row-selection-and-operation.md correctl
class=""
>
<colgroup>
<col
style="width:62px;min-width:62px"
/>
<col />
<col />
<col />
<col />
@ -13352,6 +13422,7 @@ exports[`renders ./components/table/demo/row-selection-and-operation.md correctl
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -13426,6 +13497,7 @@ exports[`renders ./components/table/demo/row-selection-and-operation.md correctl
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -13467,9 +13539,7 @@ exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] =
class=""
>
<colgroup>
<col
style="width:62px;min-width:62px"
/>
<col />
<col />
<col />
<col />
@ -13518,6 +13588,7 @@ exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] =
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -14071,6 +14142,7 @@ exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] =
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -14145,6 +14217,7 @@ exports[`renders ./components/table/demo/row-selection-custom.md correctly 1`] =
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -14354,6 +14427,7 @@ exports[`renders ./components/table/demo/size.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -14391,6 +14465,7 @@ exports[`renders ./components/table/demo/size.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -14596,6 +14671,7 @@ exports[`renders ./components/table/demo/size.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -14633,6 +14709,7 @@ exports[`renders ./components/table/demo/size.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

6
components/table/__tests__/__snapshots__/empty.test.js.snap
View File

@ -198,7 +198,7 @@ exports[`Table renders empty table 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -678,7 +678,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -1035,7 +1035,7 @@ exports[`Table renders empty table without emptyText when loading 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p

2
components/table/index.en-US.md
View File

@ -157,7 +157,7 @@ Properties for row selection.
| Property | Description | Type | Default |
| -------- | ----------- | ---- | ------- |
| columnWidth | Set the width of the selection column | string\|number | - |
| columnWidth | Set the width of the selection column | string\|number | `60px` |
| columnTitle | Set the title of the selection column | string\|React.ReactNode | - |
| fixed | Fixed selection column on the left | boolean | - |
| getCheckboxProps | Get Checkbox or Radio props | Function(record) | - |

2
components/table/index.zh-CN.md
View File

@ -162,7 +162,7 @@ const columns = [{
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| columnWidth | 自定义列表选择框宽度 | string\|number | - |
| columnWidth | 自定义列表选择框宽度 | string\|number | `60px` |
| columnTitle | 自定义列表选择框标题 | string\|React.ReactNode | - |
| fixed | 把选择框列固定在左边 | boolean | - |
| getCheckboxProps | 选择框的默认属性配置 | Function(record) | - |

3
components/table/style/index.less
View File

@ -5,6 +5,7 @@
@table-header-icon-color: #bfbfbf;
@table-header-sort-active-bg: darken(@table-header-bg, 3%);
@table-header-filter-active-bg: darken(@table-header-sort-active-bg, 5%);
@table-selection-column-width: 60px;
.@{table-prefix-cls}-wrapper {
.clearfix;
@ -316,7 +317,9 @@
&-thead > tr > th.@{table-prefix-cls}-selection-column,
&-tbody > tr > td.@{table-prefix-cls}-selection-column {
width: @table-selection-column-width;
text-align: center;
.@{ant-prefix}-radio-wrapper {
margin-right: 0;
}

6
components/table/style/size.less
View File

@ -31,7 +31,8 @@
}
tr.@{table-prefix-cls}-expanded-row td > .@{table-prefix-cls}-wrapper {
margin: -@table-padding-vertical-md -@table-padding-horizontal -@table-padding-vertical-md - 1px;
margin: -@table-padding-vertical-md -@table-padding-horizontal / 2 -@table-padding-vertical-md -
1px;
}
}
@ -154,6 +155,7 @@
}
tr.@{table-prefix-cls}-expanded-row td > .@{table-prefix-cls}-wrapper {
margin: -@table-padding-vertical-sm -@table-padding-horizontal -@table-padding-vertical-sm - 1px;
margin: -@table-padding-vertical-sm -@table-padding-horizontal / 2 -@table-padding-vertical-sm -
1px;
}
}

42
components/tabs/__tests__/__snapshots__/demo.test.js.snap
View File

@ -28,6 +28,7 @@ exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -55,6 +56,7 @@ exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -182,6 +184,7 @@ exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -209,6 +212,7 @@ exports[`renders ./components/tabs/demo/card.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -338,6 +342,7 @@ exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -365,6 +370,7 @@ exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -513,6 +519,7 @@ exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -540,6 +547,7 @@ exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -579,6 +587,7 @@ exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -608,6 +617,7 @@ exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -700,6 +710,7 @@ exports[`renders ./components/tabs/demo/custom-tab-bar.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -727,6 +738,7 @@ exports[`renders ./components/tabs/demo/custom-tab-bar.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -857,6 +869,7 @@ exports[`renders ./components/tabs/demo/custom-tab-bar-node.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -884,6 +897,7 @@ exports[`renders ./components/tabs/demo/custom-tab-bar-node.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1011,6 +1025,7 @@ exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1038,6 +1053,7 @@ exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1161,6 +1177,7 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
class=""
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1194,6 +1211,7 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1221,6 +1239,7 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1260,6 +1279,7 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1289,6 +1309,7 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1406,6 +1427,7 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1433,6 +1455,7 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1560,6 +1583,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1587,6 +1611,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1624,6 +1649,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
class=""
data-icon="apple"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1652,6 +1678,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
class=""
data-icon="android"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1746,6 +1773,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1789,6 +1817,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1832,6 +1861,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1875,6 +1905,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1914,6 +1945,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1941,6 +1973,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2034,6 +2067,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2061,6 +2095,7 @@ exports[`renders ./components/tabs/demo/nest.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2444,6 +2479,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2484,6 +2520,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2511,6 +2548,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2703,6 +2741,7 @@ exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2730,6 +2769,7 @@ exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2904,6 +2944,7 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2931,6 +2972,7 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/tabs/__tests__/__snapshots__/index.test.js.snap
View File

@ -70,6 +70,7 @@ exports[`Tabs tabPosition remove card 1`] = `
class=""
data-icon="up"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -97,6 +98,7 @@ exports[`Tabs tabPosition remove card 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

22
components/tabs/style/index.less
View File

@ -4,6 +4,18 @@
@tab-prefix-cls: ~'@{ant-prefix}-tabs';
// Hidden content
.tabs-hidden-content() {
height: 0;
padding: 0 !important;
overflow: hidden;
opacity: 0;
pointer-events: none;
input {
visibility: hidden;
}
}
.@{tab-prefix-cls} {
.reset-component;
position: relative;
@ -231,13 +243,7 @@
}
> .@{tab-prefix-cls}-tabpane-inactive {
height: 0;
padding: 0 !important;
opacity: 0;
pointer-events: none;
input {
visibility: hidden;
}
.tabs-hidden-content();
}
&.@{tab-prefix-cls}-content-animated {
@ -397,7 +403,7 @@
transform: none !important;
}
> .@{tab-prefix-cls}-tabpane-inactive {
display: none;
.tabs-hidden-content();
}
}

10
components/tag/__tests__/__snapshots__/demo.test.js.snap
View File

@ -23,6 +23,7 @@ exports[`renders ./components/tag/demo/animation.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -51,6 +52,7 @@ exports[`renders ./components/tag/demo/animation.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -79,6 +81,7 @@ exports[`renders ./components/tag/demo/animation.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -105,6 +108,7 @@ exports[`renders ./components/tag/demo/animation.md correctly 1`] = `
class=""
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -152,6 +156,7 @@ exports[`renders ./components/tag/demo/basic.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -176,6 +181,7 @@ exports[`renders ./components/tag/demo/basic.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -328,6 +334,7 @@ exports[`renders ./components/tag/demo/control.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -352,6 +359,7 @@ exports[`renders ./components/tag/demo/control.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -375,6 +383,7 @@ exports[`renders ./components/tag/demo/control.md correctly 1`] = `
class=""
data-icon="plus"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -408,6 +417,7 @@ exports[`renders ./components/tag/demo/controlled.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

18
components/time-picker/__tests__/__snapshots__/demo.test.js.snap
View File

@ -24,6 +24,7 @@ exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -60,6 +61,7 @@ exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -96,6 +98,7 @@ exports[`renders ./components/time-picker/demo/12hours.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -136,6 +139,7 @@ exports[`renders ./components/time-picker/demo/addon.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -175,6 +179,7 @@ exports[`renders ./components/time-picker/demo/basic.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -215,6 +220,7 @@ exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -238,6 +244,7 @@ exports[`renders ./components/time-picker/demo/disabled.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -273,6 +280,7 @@ exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -296,6 +304,7 @@ exports[`renders ./components/time-picker/demo/hide-column.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -331,6 +340,7 @@ exports[`renders ./components/time-picker/demo/interval-options.md correctly 1`]
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -371,6 +381,7 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -394,6 +405,7 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -426,6 +438,7 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -449,6 +462,7 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -481,6 +495,7 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -504,6 +519,7 @@ exports[`renders ./components/time-picker/demo/size.md correctly 1`] = `
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -540,6 +556,7 @@ exports[`renders ./components/time-picker/demo/suffix.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -576,6 +593,7 @@ exports[`renders ./components/time-picker/demo/value.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/time-picker/__tests__/__snapshots__/index.test.js.snap
View File

@ -23,6 +23,7 @@ exports[`TimePicker not render clean icon when allowClear is false 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -63,6 +64,7 @@ exports[`TimePicker prop locale should works 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

5
components/timeline/__tests__/__snapshots__/demo.test.js.snap
View File

@ -53,6 +53,7 @@ exports[`renders ./components/timeline/demo/alternate.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -121,6 +122,7 @@ exports[`renders ./components/timeline/demo/alternate.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -346,6 +348,7 @@ exports[`renders ./components/timeline/demo/custom.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -451,6 +454,7 @@ exports[`renders ./components/timeline/demo/pending.md correctly 1`] = `
class="anticon-spin"
data-icon="loading"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -533,6 +537,7 @@ exports[`renders ./components/timeline/demo/right.md correctly 1`] = `
class=""
data-icon="clock-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

30
components/transfer/__tests__/__snapshots__/demo.test.js.snap
View File

@ -62,6 +62,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -85,7 +86,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -127,6 +128,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -154,6 +156,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -226,6 +229,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -249,7 +253,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -398,6 +402,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -422,6 +427,7 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -568,7 +574,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -597,6 +603,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -621,6 +628,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -679,7 +687,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -744,7 +752,7 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -773,6 +781,7 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -797,6 +806,7 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -854,7 +864,7 @@ exports[`renders ./components/transfer/demo/large-data.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -930,6 +940,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -953,7 +964,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p
@ -982,6 +993,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1006,6 +1018,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1074,6 +1087,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1097,7 +1111,7 @@ exports[`renders ./components/transfer/demo/search.md correctly 1`] = `
>
<img
alt="No Data"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA2NCA0MSIgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAxKSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxlbGxpcHNlIGZpbGw9IiNGNUY1RjUiIGN4PSIzMiIgY3k9IjMzIiByeD0iMzIiIHJ5PSI3Ii8+CiAgICA8ZyBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iI0Q5RDlEOSI+CiAgICAgIDxwYXRoIGQ9Ik01NSAxMi43Nkw0NC44NTQgMS4yNThDNDQuMzY3LjQ3NCA0My42NTYgMCA0Mi45MDcgMEgyMS4wOTNjLS43NDkgMC0xLjQ2LjQ3NC0xLjk0NyAxLjI1N0w5IDEyLjc2MVYyMmg0NnYtOS4yNHoiLz4KICAgICAgPHBhdGggZD0iTTQxLjYxMyAxNS45MzFjMC0xLjYwNS45OTQtMi45MyAyLjIyNy0yLjkzMUg1NXYxOC4xMzdDNTUgMzMuMjYgNTMuNjggMzUgNTIuMDUgMzVoLTQwLjFDMTAuMzIgMzUgOSAzMy4yNTkgOSAzMS4xMzdWMTNoMTEuMTZjMS4yMzMgMCAyLjIyNyAxLjMyMyAyLjIyNyAyLjkyOHYuMDIyYzAgMS42MDUgMS4wMDUgMi45MDEgMi4yMzcgMi45MDFoMTQuNzUyYzEuMjMyIDAgMi4yMzctMS4zMDggMi4yMzctMi45MTN2LS4wMDd6IiBmaWxsPSIjRkFGQUZBIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K"
/>
</div>
<p

4
components/transfer/__tests__/__snapshots__/index.test.js.snap
View File

@ -104,6 +104,7 @@ exports[`Transfer should render correctly 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -128,6 +129,7 @@ exports[`Transfer should render correctly 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -288,6 +290,7 @@ exports[`Transfer should show sorted targetkey 1`] = `
class=""
data-icon="right"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -312,6 +315,7 @@ exports[`Transfer should show sorted targetkey 1`] = `
class=""
data-icon="left"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

2
components/transfer/__tests__/__snapshots__/search.test.js.snap
View File

@ -47,6 +47,7 @@ exports[`Search should show cross icon when input value exists 1`] = `
className=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
key="svg-search"
viewBox="64 64 896 896"
@ -116,6 +117,7 @@ exports[`Search should show cross icon when input value exists 2`] = `
className=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
key="svg-close-circle"
viewBox="64 64 896 896"

4
components/tree-select/__tests__/__snapshots__/demo.test.js.snap
View File

@ -33,6 +33,7 @@ exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -80,6 +81,7 @@ exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
class=""
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -207,6 +209,7 @@ exports[`renders ./components/tree-select/demo/suffix.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -254,6 +257,7 @@ exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

13
components/tree/DirectoryTree.tsx
View File

@ -13,7 +13,7 @@ import Tree, {
AntTreeNodeSelectedEvent,
AntTreeNode,
} from './Tree';
import { calcRangeKeys, getFullKeyList } from './util';
import { calcRangeKeys, getFullKeyList, convertDirectoryKeysToNodes } from './util';
import Icon from '../icon';
export type ExpandAction = false | 'click' | 'doubleClick';
@ -141,6 +141,12 @@ class DirectoryTree extends React.Component<DirectoryTreeProps, DirectoryTreeSta
const newState: DirectoryTreeState = {};
// We need wrap this event since some value is not same
const newEvent: AntTreeNodeSelectedEvent = {
...event,
selected: true, // Directory selected always true
};
// Windows / Mac single pick
const ctrlPick: boolean = nativeEvent.ctrlKey || nativeEvent.metaKey;
const shiftPick: boolean = nativeEvent.shiftKey;
@ -152,6 +158,7 @@ class DirectoryTree extends React.Component<DirectoryTreeProps, DirectoryTreeSta
newSelectedKeys = keys;
this.lastSelectedKey = eventKey;
this.cachedSelectedKeys = newSelectedKeys;
newEvent.selectedNodes = convertDirectoryKeysToNodes(children, newSelectedKeys);
} else if (multiple && shiftPick) {
// Shift click
newSelectedKeys = Array.from(
@ -160,16 +167,18 @@ class DirectoryTree extends React.Component<DirectoryTreeProps, DirectoryTreeSta
...calcRangeKeys(children, expandedKeys, eventKey, this.lastSelectedKey),
]),
);
newEvent.selectedNodes = convertDirectoryKeysToNodes(children, newSelectedKeys);
} else {
// Single click
newSelectedKeys = [eventKey];
this.lastSelectedKey = eventKey;
this.cachedSelectedKeys = newSelectedKeys;
newEvent.selectedNodes = [event.node];
}
newState.selectedKeys = newSelectedKeys;
if (onSelect) {
onSelect(newSelectedKeys, event);
onSelect(newSelectedKeys, newEvent);
}
this.setUncontrolledState(newState);

35
components/tree/__tests__/__snapshots__/demo.test.js.snap
View File

@ -22,6 +22,7 @@ exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -70,6 +71,7 @@ exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -170,6 +172,7 @@ exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -260,6 +263,7 @@ exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -308,6 +312,7 @@ exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -433,6 +438,7 @@ exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -585,6 +591,7 @@ exports[`renders ./components/tree/demo/basic-controlled.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -663,6 +670,7 @@ exports[`renders ./components/tree/demo/customized-icon.md correctly 1`] = `
class=""
data-icon="down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -689,6 +697,7 @@ exports[`renders ./components/tree/demo/customized-icon.md correctly 1`] = `
class=""
data-icon="smile"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -733,6 +742,7 @@ exports[`renders ./components/tree/demo/customized-icon.md correctly 1`] = `
class=""
data-icon="meh"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -773,6 +783,7 @@ exports[`renders ./components/tree/demo/customized-icon.md correctly 1`] = `
class=""
data-icon="frown"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -817,6 +828,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -843,6 +855,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -887,6 +900,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
class=""
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -927,6 +941,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
class=""
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -962,6 +977,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -988,6 +1004,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1032,6 +1049,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
class=""
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1072,6 +1090,7 @@ exports[`renders ./components/tree/demo/directory.md correctly 1`] = `
class=""
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1116,6 +1135,7 @@ exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1159,6 +1179,7 @@ exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1264,6 +1285,7 @@ exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1325,6 +1347,7 @@ exports[`renders ./components/tree/demo/draggable.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1393,6 +1416,7 @@ exports[`renders ./components/tree/demo/dynamic.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1430,6 +1454,7 @@ exports[`renders ./components/tree/demo/dynamic.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1494,6 +1519,7 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
class=""
data-icon="minus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1538,6 +1564,7 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
class=""
data-icon="minus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1582,6 +1609,7 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
class=""
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1619,6 +1647,7 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
class=""
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1656,6 +1685,7 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
class=""
data-icon="file"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1695,6 +1725,7 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
class=""
data-icon="plus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1735,6 +1766,7 @@ exports[`renders ./components/tree/demo/line.md correctly 1`] = `
class=""
data-icon="plus-square"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1789,6 +1821,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
class=""
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1821,6 +1854,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1863,6 +1897,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"

72
components/tree/__tests__/__snapshots__/directory.test.js.snap
View File

@ -22,6 +22,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -48,6 +49,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -92,6 +94,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -132,6 +135,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -167,6 +171,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -193,6 +198,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -237,6 +243,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -277,6 +284,7 @@ exports[`Directory Tree defaultExpandAll 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -321,6 +329,7 @@ exports[`Directory Tree defaultExpandParent 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -347,6 +356,7 @@ exports[`Directory Tree defaultExpandParent 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -380,6 +390,7 @@ exports[`Directory Tree defaultExpandParent 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -406,6 +417,7 @@ exports[`Directory Tree defaultExpandParent 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -448,6 +460,7 @@ exports[`Directory Tree expand click 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -474,6 +487,7 @@ exports[`Directory Tree expand click 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -519,6 +533,7 @@ exports[`Directory Tree expand click 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -559,6 +574,7 @@ exports[`Directory Tree expand click 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -594,6 +610,7 @@ exports[`Directory Tree expand click 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -620,6 +637,7 @@ exports[`Directory Tree expand click 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -662,6 +680,7 @@ exports[`Directory Tree expand click 2`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -688,6 +707,7 @@ exports[`Directory Tree expand click 2`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -733,6 +753,7 @@ exports[`Directory Tree expand click 2`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -773,6 +794,7 @@ exports[`Directory Tree expand click 2`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -808,6 +830,7 @@ exports[`Directory Tree expand click 2`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -834,6 +857,7 @@ exports[`Directory Tree expand click 2`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -876,6 +900,7 @@ exports[`Directory Tree expand double click 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -902,6 +927,7 @@ exports[`Directory Tree expand double click 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -947,6 +973,7 @@ exports[`Directory Tree expand double click 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -987,6 +1014,7 @@ exports[`Directory Tree expand double click 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1022,6 +1050,7 @@ exports[`Directory Tree expand double click 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1048,6 +1077,7 @@ exports[`Directory Tree expand double click 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1090,6 +1120,7 @@ exports[`Directory Tree expand double click 2`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1116,6 +1147,7 @@ exports[`Directory Tree expand double click 2`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1161,6 +1193,7 @@ exports[`Directory Tree expand double click 2`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1201,6 +1234,7 @@ exports[`Directory Tree expand double click 2`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1236,6 +1270,7 @@ exports[`Directory Tree expand double click 2`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1262,6 +1297,7 @@ exports[`Directory Tree expand double click 2`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1304,6 +1340,7 @@ exports[`Directory Tree expand with state control click 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1330,6 +1367,7 @@ exports[`Directory Tree expand with state control click 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1375,6 +1413,7 @@ exports[`Directory Tree expand with state control click 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1419,6 +1458,7 @@ exports[`Directory Tree expand with state control doubleClick 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1445,6 +1485,7 @@ exports[`Directory Tree expand with state control doubleClick 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1490,6 +1531,7 @@ exports[`Directory Tree expand with state control doubleClick 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1534,6 +1576,7 @@ exports[`Directory Tree expandedKeys update 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1560,6 +1603,7 @@ exports[`Directory Tree expandedKeys update 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1593,6 +1637,7 @@ exports[`Directory Tree expandedKeys update 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1619,6 +1664,7 @@ exports[`Directory Tree expandedKeys update 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1664,6 +1710,7 @@ exports[`Directory Tree expandedKeys update 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1704,6 +1751,7 @@ exports[`Directory Tree expandedKeys update 1`] = `
class=""
data-icon="folder"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1748,6 +1796,7 @@ exports[`Directory Tree group select 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1774,6 +1823,7 @@ exports[`Directory Tree group select 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1818,6 +1868,7 @@ exports[`Directory Tree group select 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1858,6 +1909,7 @@ exports[`Directory Tree group select 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1893,6 +1945,7 @@ exports[`Directory Tree group select 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -1919,6 +1972,7 @@ exports[`Directory Tree group select 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -1963,6 +2017,7 @@ exports[`Directory Tree group select 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2003,6 +2058,7 @@ exports[`Directory Tree group select 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2047,6 +2103,7 @@ exports[`Directory Tree group select 2`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -2073,6 +2130,7 @@ exports[`Directory Tree group select 2`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2117,6 +2175,7 @@ exports[`Directory Tree group select 2`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2157,6 +2216,7 @@ exports[`Directory Tree group select 2`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2192,6 +2252,7 @@ exports[`Directory Tree group select 2`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -2218,6 +2279,7 @@ exports[`Directory Tree group select 2`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2262,6 +2324,7 @@ exports[`Directory Tree group select 2`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2302,6 +2365,7 @@ exports[`Directory Tree group select 2`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2346,6 +2410,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -2372,6 +2437,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2416,6 +2482,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2456,6 +2523,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2491,6 +2559,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
class=""
data-icon="caret-down"
fill="currentColor"
focusable="false"
height="1em"
viewBox="0 0 1024 1024"
width="1em"
@ -2517,6 +2586,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2561,6 +2631,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
@ -2601,6 +2672,7 @@ exports[`Directory Tree selectedKeys update 1`] = `
class=""
data-icon="folder-open"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"

20
components/tree/__tests__/directory.test.js
View File

@ -131,6 +131,7 @@ describe('Directory Tree', () => {
it('group select', () => {
let nativeEventProto = null;
const onSelect = jest.fn();
const wrapper = mount(
createTree({
defaultExpandAll: true,
@ -139,6 +140,7 @@ describe('Directory Tree', () => {
onClick: e => {
nativeEventProto = Object.getPrototypeOf(e.nativeEvent);
},
onSelect,
}),
);
@ -147,6 +149,18 @@ describe('Directory Tree', () => {
.find('.ant-tree-node-content-wrapper')
.at(0)
.simulate('click');
expect(onSelect.mock.calls[0][1].selected).toBeTruthy();
expect(onSelect.mock.calls[0][1].selectedNodes.length).toBe(1);
// Click twice should keep selected
wrapper
.find(TreeNode)
.find('.ant-tree-node-content-wrapper')
.at(0)
.simulate('click');
expect(onSelect.mock.calls[1][1].selected).toBeTruthy();
expect(onSelect.mock.calls[0][0]).toEqual(onSelect.mock.calls[1][0]);
expect(onSelect.mock.calls[1][1].selectedNodes.length).toBe(1);
// React not simulate full of NativeEvent. Hook it.
// Ref: https://github.com/facebook/react/blob/master/packages/react-dom/src/test-utils/ReactTestUtils.js#L360
@ -158,6 +172,9 @@ describe('Directory Tree', () => {
.at(1)
.simulate('click');
expect(wrapper.render()).toMatchSnapshot();
expect(onSelect.mock.calls[2][0].length).toBe(2);
expect(onSelect.mock.calls[2][1].selected).toBeTruthy();
expect(onSelect.mock.calls[2][1].selectedNodes.length).toBe(2);
delete nativeEventProto.ctrlKey;
nativeEventProto.shiftKey = true;
@ -168,6 +185,9 @@ describe('Directory Tree', () => {
.at(4)
.simulate('click');
expect(wrapper.render()).toMatchSnapshot();
expect(onSelect.mock.calls[3][0].length).toBe(5);
expect(onSelect.mock.calls[3][1].selected).toBeTruthy();
expect(onSelect.mock.calls[3][1].selectedNodes.length).toBe(5);
delete nativeEventProto.shiftKey;
});

4
components/tree/demo/directory.md
View File

@ -20,8 +20,8 @@ const DirectoryTree = Tree.DirectoryTree;
const { TreeNode } = Tree;
class Demo extends React.Component {
onSelect = () => {
console.log('Trigger Select');
onSelect = (keys, event) => {
console.log('Trigger Select', keys, event);
};
onExpand = () => {

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