You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
150 lines
238 KiB
150 lines
238 KiB
<!DOCTYPE html><html><head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta name="theme-color" content="#1677ff">
|
|
<link rel="shortcut icon" href="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png">
|
|
<link rel="stylesheet" href="/ssr-1689742446534.css">
|
|
<link rel="stylesheet" href="/umi.c34b5f34.css">
|
|
<script>
|
|
(function () {
|
|
function isLocalStorageNameSupported() {
|
|
const testKey = 'test';
|
|
const storage = window.localStorage;
|
|
try {
|
|
storage.setItem(testKey, '1');
|
|
storage.removeItem(testKey);
|
|
return true;
|
|
} catch (error) {
|
|
return false;
|
|
}
|
|
}
|
|
// 优先级提高到所有静态资源的前面，语言不对，加载其他静态资源没意义
|
|
const pathname = location.pathname;
|
|
|
|
function isZhCN(pathname) {
|
|
return /-cn\/?$/.test(pathname);
|
|
}
|
|
function getLocalizedPathname(path, zhCN) {
|
|
const pathname = path.indexOf('/') === 0 ? path : '/' + path;
|
|
if (!zhCN) {
|
|
// to enUS
|
|
return /\/?index(-cn)?/.test(pathname) ? '/' : pathname.replace('-cn', '');
|
|
} else if (pathname === '/') {
|
|
return '/index-cn';
|
|
} else if (pathname.indexOf('/') === pathname.length - 1) {
|
|
return pathname.replace(/\/$/, '-cn/');
|
|
}
|
|
return pathname + '-cn';
|
|
}
|
|
|
|
// 兼容旧的 URL， `?locale=...`
|
|
const queryString = location.search;
|
|
if (queryString) {
|
|
const isZhCNConfig = queryString.indexOf('zh-CN') > -1;
|
|
if (isZhCNConfig && !isZhCN(pathname)) {
|
|
location.pathname = getLocalizedPathname(pathname, isZhCNConfig);
|
|
}
|
|
}
|
|
|
|
// 首页无视链接里面的语言设置 https://github.com/ant-design/ant-design/issues/4552
|
|
if (isLocalStorageNameSupported() && (pathname === '/' || pathname === '/index-cn')) {
|
|
const lang =
|
|
(window.localStorage && localStorage.getItem('locale')) ||
|
|
((navigator.language || navigator.browserLanguage).toLowerCase() === 'zh-cn'
|
|
? 'zh-CN'
|
|
: 'en-US');
|
|
// safari is 'zh-cn', while other browser is 'zh-CN';
|
|
if ((lang === 'zh-CN') !== isZhCN(pathname)) {
|
|
location.pathname = getLocalizedPathname(pathname, lang === 'zh-CN');
|
|
}
|
|
}
|
|
document.documentElement.className += isZhCN(pathname) ? 'zh-cn' : 'en-us';
|
|
})();
|
|
</script>
|
|
<script async="" src="//www.googletagmanager.com/gtag/js?id=UA-72788897-1"></script>
|
|
<script>window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-72788897-1');</script>
|
|
<title data-rh="true"> 更新日志 - Ant Design</title>
|
|
<meta data-rh="true" property="og:description" content="基于 Ant Design 设计体系的 React UI 组件库，用于研发企业级中后台产品。"/><meta data-rh="true" property="og:type" content="website"/><meta data-rh="true" property="og:image" content="https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"/><meta data-rh="true" property="og:title" content=" 更新日志 - Ant Design"/><meta data-rh="true" name="description" content="antd 遵循 Semantic Versioning 2.0.0 语义化版本规范。"/>
|
|
<link data-rh="true" sizes="144x144" href="https://gw.alipayobjects.com/zos/antfincdn/UmVnt3t4T0/antd.png"/>
|
|
<style data-emotion="css-global 1ybv193">@font-face{font-weight:normal;font-family:AlibabaPuHuiTi;src:url('//at.alicdn.com/t/webfont_6e11e43nfj.woff2') format('woff2'),url('//at.alicdn.com/t/webfont_6e11e43nfj.woff') format('woff'),url('//at.alicdn.com/t/webfont_6e11e43nfj.ttf') format('truetype');font-display:swap;}@font-face{font-weight:bold;font-family:AlibabaPuHuiTi;src:url('//at.alicdn.com/t/webfont_exesdog9toj.woff2') format('woff2'),url('//at.alicdn.com/t/webfont_exesdog9toj.woff') format('woff'),url('//at.alicdn.com/t/webfont_exesdog9toj.ttf') format('truetype');font-display:swap;}@font-face{font-weight:900;font-family:'AliPuHui';src:url('//at.alicdn.com/wf/webfont/exMpJIukiCms/Gsw2PSKrftc1yNWMNlXgw.woff2') format('woff2'),url('//at.alicdn.com/wf/webfont/exMpJIukiCms/vtu73by4O2gEBcvBuLgeu.woff') format('woff');font-display:swap;}html{direction:initial;}html.rtl{direction:rtl;}body{overflow-x:hidden;color:rgba(0, 0, 0, 0.88);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';line-height:1.5714285714285714;background:#ffffff;-webkit-transition:background-color 1s cubic-bezier(0.075, 0.82, 0.165, 1);transition:background-color 1s cubic-bezier(0.075, 0.82, 0.165, 1);}</style><style data-emotion="css-global 4rer99">body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}ul,ol{list-style:none;}img{vertical-align:middle;border-style:none;}</style><style data-emotion="css-global 1osa5ve">.markdown{color:rgba(0, 0, 0, 0.88);font-size:14px;line-height:2;}.highlight{line-height:1.5;}.markdown img{max-width:calc(100% - 32px);max-height:100%;}.markdown p>img{margin:34px 0;box-shadow:0 8px 20px rgba(143, 168, 191, 0.35);}.markdown p>img.markdown-inline-image{margin:0;box-shadow:none;}.markdown h1{margin-top:8px;margin-bottom:20px;color:rgba(0, 0, 0, 0.88);font-weight:500;font-size:30px;font-family:Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',sans-serif;line-height:38px;}.markdown h1 .subtitle{margin-left:12px;}.markdown h2{font-size:24px;line-height:32px;}.markdown h2,.markdown h3,.markdown h4,.markdown h5,.markdown h6{clear:both;margin:1.6em 0 0.6em;color:rgba(0, 0, 0, 0.88);font-weight:500;font-family:Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',sans-serif;}.markdown h3{font-size:18px;}.markdown h4{font-size:16px;}.markdown h5{font-size:14px;}.markdown h6{font-size:12px;}.markdown hr{clear:both;height:1px;margin:24px 0;background:rgba(5, 5, 5, 0.06);border:0;}.markdown p,.markdown pre{margin:1em 0;}.ant-row-rtl .markdown p,.ant-row-rtl .markdown pre{direction:rtl;text-align:right;}.markdown ul>li{margin-left:20px;padding-left:4px;list-style-type:circle;}.rtl .markdown ul>li{margin-right:20px;margin-left:0;padding-right:4px;padding-left:0;}.markdown ul>li:empty{display:none;}.markdown ol>li{margin-left:20px;padding-left:4px;list-style-type:decimal;}.ant-row-rtl .markdown ol>li{margin-right:20px;margin-left:0;padding-right:4px;padding-left:0;}.markdown ul>li>p,.markdown ol>li>p{margin:0.2em 0;}.markdown code{margin:0 1px;padding:0.2em 0.4em;font-size:0.9em;background:rgba(0, 0, 0, 0.04);border:1px solid rgba(5, 5, 5, 0.06);border-radius:3px;}.markdown pre{font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace;background:rgba(0, 0, 0, 0.04);border-radius:6px;}.markdown pre code{margin:0;padding:0;overflow:auto;color:rgba(0, 0, 0, 0.88);font-size:13px;direction:ltr;text-align:left;background:#f5f5f5;border:none;}.markdown strong,.markdown b{font-weight:500;}.markdown .dumi-default-source-code{margin:1em 0;background-color:rgba(0, 0, 0, 0.04);border-radius:6px;}.markdown .dumi-default-source-code >pre.prism-code{padding:12px 20px;font-size:13px;line-height:2;}.pic-plus>*{display:inline-block!important;vertical-align:middle;}.pic-plus span{margin:0 20px;color:#aaa;font-size:30px;}.antd-site-snippet .ant-tabs-tab .snippet-label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.antd-site-snippet .ant-tabs-tab .snippet-label svg{-webkit-margin-end:8px;margin-inline-end:8px;}.antd-site-snippet .dumi-default-source-code{margin:0 auto;background-color:rgba(0, 0, 0, 0.04);border-radius:6px;}.antd-site-snippet .dumi-default-source-code >pre.prism-code{padding:12px 20px;font-size:13px;line-height:2;}.markdown table td>a:not(:last-child){margin-right:0!important;}.markdown table td>a:not(:last-child)::after{position:relative!important;}.markdown blockquote{margin:1em 0;padding-left:0.8em;color:rgba(0, 0, 0, 0.65);font-size:90%;border-left:4px solid rgba(5, 5, 5, 0.06);}.rtl .markdown blockquote{padding-right:0.8em;padding-left:0;border-right:4px solid rgba(5, 5, 5, 0.06);border-left:none;}.markdown blockquote p{margin:0;}.markdown .anchor{margin-left:8px;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}.rtl .markdown .anchor{margin-right:8px;margin-left:0;}.markdown .waiting{color:#ccc;cursor:not-allowed;}.markdown a.edit-button{display:inline-block;margin-left:8px;-webkit-text-decoration:none;text-decoration:none;}.rtl .markdown a.edit-button{margin-right:8px;margin-left:0;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);}.markdown a.edit-button .anticon{display:block;color:rgba(0, 0, 0, 0.65);font-size:16px;-webkit-transition:all 0.3s;transition:all 0.3s;}.markdown a.edit-button .anticon:hover{color:rgba(0, 0, 0, 0.88);}.markdown h1:hover .anchor,.markdown h2:hover .anchor,.markdown h3:hover .anchor,.markdown h4:hover .anchor,.markdown h5:hover .anchor,.markdown h6:hover .anchor{display:inline-block;opacity:1;}.markdown>br,.markdown>p>br{clear:both;}.markdown .dumi-default-table table{margin:0;overflow-x:auto;overflow-y:hidden;direction:ltr;empty-cells:show;border:1px solid rgba(5, 5, 5, 0.06);border-collapse:collapse;border-spacing:0;}.markdown .dumi-default-table table th,.markdown .dumi-default-table table td{padding:12px 24px;text-align:left;border:1px solid rgba(5, 5, 5, 0.06);}.markdown .dumi-default-table table th:first-child,.markdown .dumi-default-table table td:first-child{border-left:1px solid rgba(5, 5, 5, 0.06);}.markdown .dumi-default-table table th:last-child,.markdown .dumi-default-table table td:last-child{border-right:1px solid rgba(5, 5, 5, 0.06);}.markdown .dumi-default-table table th img,.markdown .dumi-default-table table td img{max-width:unset;}.markdown .dumi-default-table table th{color:#5c6b77;font-weight:500;white-space:nowrap;background:rgba(0, 0, 0, 0.02);border-width:1px 1px 2px;}.markdown .dumi-default-table table tbody tr{-webkit-transition:all 0.3s;transition:all 0.3s;}.markdown .dumi-default-table table tbody tr:hover{background:rgba(60, 90, 100, 0.04);}.markdown .dumi-default-table table.component-api-table{margin:0;overflow-x:auto;overflow-y:hidden;font-size:13px;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace;line-height:1.5714285714285714;border:1px solid rgba(5, 5, 5, 0.06);border-width:0 1px;}.markdown .dumi-default-table table.component-api-table th{border-width:1px 0 2px;}.markdown .dumi-default-table table.component-api-table td{border-width:1px 0;}.markdown .dumi-default-table table.component-api-table td:first-child{width:18%;min-width:58px;color:#595959;font-weight:600;white-space:nowrap;}.markdown .dumi-default-table table.component-api-table td:nth-child(2){width:55%;min-width:160px;}.markdown .dumi-default-table table.component-api-table td:nth-child(3){width:22%;color:#c41d7f;font-size:13px;}.markdown .dumi-default-table table.component-api-table td:nth-child(4){width:15%;font-size:13px;}.markdown .dumi-default-table table.component-api-table td:nth-child(5){width:8%;font-size:13px;}.markdown .dumi-default-table table.component-api-table td:nth-last-child(3):first-child{width:38%;}.markdown .dumi-default-table table.component-api-table td:nth-last-child(3):first-child~td:nth-last-child(2){width:70%;}.grid-demo .ant-row>div,[id^='components-grid-demo-'] .ant-row>div,.grid-demo .code-box-demo .ant-row>div,[id^='components-grid-demo-'] .code-box-demo .ant-row>div{min-height:30px;margin-top:8px;margin-bottom:8px;color:#fff;text-align:center;border-radius:0;}.grid-demo .code-box-demo .ant-row>div:not(.gutter-row),[id^='components-grid-demo-'] .code-box-demo .ant-row>div:not(.gutter-row){padding:16px 0;background:#1677ff;}.grid-demo .code-box-demo .ant-row>div:not(.gutter-row):nth-child(2n + 1),[id^='components-grid-demo-'] .code-box-demo .ant-row>div:not(.gutter-row):nth-child(2n + 1){background:#1677ffbf;}.grid-demo .ant-row .demo-col,[id^='components-grid-demo-'] .ant-row .demo-col,.grid-demo .code-box-demo .ant-row .demo-col,[id^='components-grid-demo-'] .code-box-demo .ant-row .demo-col{margin-top:0;margin-bottom:0;padding:30px 0;color:#fff;font-size:18px;text-align:center;border:none;}.grid-demo .ant-row .demo-col-1,[id^='components-grid-demo-'] .ant-row .demo-col-1{background:#1677ff;}.grid-demo .ant-row .demo-col-2,[id^='components-grid-demo-'] .ant-row .demo-col-2,.grid-demo .code-box-demo .ant-row .demo-col-2,[id^='components-grid-demo-'] .code-box-demo .ant-row .demo-col-2{background:#1677ff;}.grid-demo .ant-row .demo-col-3,[id^='components-grid-demo-'] .ant-row .demo-col-3,.grid-demo .code-box-demo .ant-row .demo-col-3,[id^='components-grid-demo-'] .code-box-demo .ant-row .demo-col-3{color:#999;background:rgba(255, 255, 255, 0.2);}.grid-demo .ant-row .demo-col-4,[id^='components-grid-demo-'] .ant-row .demo-col-4,.grid-demo .code-box-demo .ant-row .demo-col-4,[id^='components-grid-demo-'] .code-box-demo .ant-row .demo-col-4{background:#1677ff;}.grid-demo .ant-row .demo-col-5,[id^='components-grid-demo-'] .ant-row .demo-col-5,.grid-demo .code-box-demo .ant-row .demo-col-5,[id^='components-grid-demo-'] .code-box-demo .ant-row .demo-col-5{color:#999;background:rgba(255, 255, 255, 0.2);}.grid-demo .code-box-demo .height-100,[id^='components-grid-demo-'] .code-box-demo .height-100{height:100px;line-height:100px;}.grid-demo .code-box-demo .height-50,[id^='components-grid-demo-'] .code-box-demo .height-50{height:50px;line-height:50px;}.grid-demo .code-box-demo .height-120,[id^='components-grid-demo-'] .code-box-demo .height-120{height:120px;line-height:120px;}.grid-demo .code-box-demo .height-80,[id^='components-grid-demo-'] .code-box-demo .height-80{height:80px;line-height:80px;}[id='components-grid-demo-playground'] >.code-box-demo .ant-row>div,[id='components-grid-demo-gutter'] >.code-box-demo .ant-row>div{margin-top:0;margin-bottom:0;}</style><style data-emotion="css-global 13tmslw">pre code{display:block;padding:16px 32px;color:rgba(0, 0, 0, 0.88);font-size:14px;font-family:'Lucida Console',Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;line-height:2;white-space:pre;background:white;border:1px solid #e9e9e9;border-radius:6px;}code[class*='language-'],pre[class*='language-']{color:black;font-family:'Lucida Console',Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;line-height:1.5;direction:ltr;white-space:pre;text-align:left;word-wrap:normal;word-break:normal;word-spacing:normal;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;background:none;}code[class*='css']{direction:ltr;}pre[class*='language-'] ::selection,code[class*='language-'] ::selection{text-shadow:none;background:#b3d4fc;}@media print{code[class*='language-'],pre[class*='language-']{text-shadow:none;}}pre[class*='language-']{margin:16px 0;padding:12px 20px;overflow:auto;}:not(pre)>code[class*='language-'],pre[class*='language-']{background:#f5f5f5;}:not(pre)>code[class*='language-']{padding:0.1em;white-space:normal;border-radius:0.3em;}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray;}.token.punctuation{color:#999;}.namespace{opacity:0.7;}.markdown .token.property,.markdown .token.tag,.markdown .token.boolean,.markdown .token.number,.markdown .token.constant,.markdown .token.symbol,.markdown .token.deleted{color:#f81d22;}.markdown .token.selector,.markdown .token.attr-name,.markdown .token.string,.markdown .token.char,.markdown .token.builtin,.markdown .token.inserted{color:#0b8235;}.markdown .token.operator,.markdown .token.entity,.markdown .token.url,.markdown .language-css .token.string,.markdown .style .token.string{color:#0b8235;}.markdown .token.atrule,.markdown .token.attr-value,.markdown .token.keyword{color:#008dff;}.markdown .token.function{color:#f81d22;}.markdown .token.regex,.markdown .token.important,.markdown .token.variable{color:#e90;}.markdown .token.important,.markdown .token.bold{font-weight:bold;}.markdown .token.italic{font-style:italic;}.markdown .token.entity{cursor:help;}</style><style data-emotion="css-global 17kvlx7">.code-boxes-col-1-1{width:100%;}.code-boxes-col-2-1{display:inline-block;vertical-align:top;}.code-box{position:relative;display:inline-block;width:100%;margin:0 0 16px;background-color:#ffffff;border:1px solid rgba(5, 5, 5, 0.06);border-radius:6px;-webkit-transition:all 0.2s;transition:all 0.2s;}.code-box .code-box-title,.code-box .code-box-title a{color:rgba(0, 0, 0, 0.88)!important;background:#ffffff;}.code-box .code-box-demo{background-color:#ffffff;border-radius:6px 6px 0 0;}.code-box .markdown pre{margin:0.5em 0;padding:6px 12px;}.code-box .markdown pre code{margin:0;background:#f5f5f5;}.code-box:target{border:1px solid #1677ff;}.code-box-expand-trigger{position:relative;color:#3b4357;font-size:20px;cursor:pointer;opacity:0.75;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-margin-start:12px;margin-inline-start:12px;}.code-box-expand-trigger:hover{opacity:1;}.code-box-title{position:absolute;top:-14px;padding:1px 8px;color:#777;background:#ffffff;border-radius:6px 6px 0 0;-webkit-transition:background-color 0.4s;transition:background-color 0.4s;-webkit-margin-start:16px;margin-inline-start:16px;}.ant-row-rtl .code-box-title{border-radius:6px 0 0 6px;}.code-box-title a,.code-box-title a:hover{color:rgba(0, 0, 0, 0.88);font-weight:500;font-size:14px;}.code-box-description{padding:18px 24px 12px;}.code-box a.edit-button{position:absolute;top:7px;right:-16px;font-size:12px;-webkit-text-decoration:none;text-decoration:none;background:inherit;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-padding-end:6px;padding-inline-end:6px;}.code-box a.edit-button .anticon{color:rgba(0, 0, 0, 0.65);-webkit-transition:all 0.3s;transition:all 0.3s;}.code-box a.edit-button .anticon:hover{color:rgba(0, 0, 0, 0.88);}.ant-row.ant-row-rtl .code-box a.edit-button{right:auto;left:-22px;}.code-box-demo{padding:42px 24px 50px;color:rgba(0, 0, 0, 0.88);border-bottom:1px solid rgba(5, 5, 5, 0.06);}.code-box iframe{width:100%;border:0;}.code-box-meta.markdown{position:relative;width:100%;font-size:14px;border-radius:0 0 6px 6px;-webkit-transition:background-color 0.4s;transition:background-color 0.4s;}.code-box-meta blockquote{line-height:1.5;}.code-box-meta h4,section.code-box-meta p{margin:0;}.code-box-meta >p{width:100%;margin:0.5em 0;font-size:12px;word-break:break-word;-webkit-padding-end:25px;padding-inline-end:25px;}.code-box.expand .code-box-meta{border-bottom:1px dashed rgba(5, 5, 5, 0.06);border-radius:0;}.code-box .code-expand-icon{position:relative;width:16px;height:16px;cursor:pointer;}.code-box .code-expand-icon-show,.code-box .code-expand-icon-hide{position:absolute;top:0;left:0;width:100%;max-width:100%;margin:0;box-shadow:none;-webkit-transition:all 0.4s;transition:all 0.4s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.ant-row-rtl .code-box .code-expand-icon-show,.ant-row-rtl .code-box .code-expand-icon-hide{right:0;left:auto;}.code-box .code-expand-icon-show{opacity:0.55;pointer-events:auto;}.code-box .code-expand-icon-show:hover{opacity:1;}.code-box .code-expand-icon.ant-tooltip-open .code-expand-icon-show{opacity:1;}.code-box .code-expand-icon-hide{opacity:0;pointer-events:none;}.code-box .highlight-wrapper{display:none;overflow:auto;border-radius:0 0 6px 6px;}.code-box .highlight-wrapper-expand{display:block;}.code-box .highlight{position:relative;}.code-box .highlight pre{margin:0;padding:0;background:#ffffff;}.code-box .highlight:not(:first-child){border-top:1px dashed rgba(5, 5, 5, 0.06);}.code-box-actions{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;padding:12px 0;border-top:1px dashed rgba(5, 5, 5, 0.06);opacity:0.7;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}.code-box-actions:hover{opacity:1;}.code-box-actions .code-box-code-action{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:16px;height:16px;color:rgba(0, 0, 0, 0.65);cursor:pointer;-webkit-transition:all 0.24s;transition:all 0.24s;}.code-box-actions .code-box-code-action:hover{color:rgba(0, 0, 0, 0.88);}.code-box-actions .code-box-code-action .anticon{display:block;}.code-box-code-copy{width:14px;height:14px;font-size:14px;text-align:center;background:#ffffff;cursor:pointer;-webkit-transition:-webkit-transform 0.24s;transition:transform 0.24s;}.code-box-code-copy.anticon-check{color:#52c41a!important;font-weight:bold;}.code-box-codepen{width:14px;height:14px;overflow:hidden;border:0;cursor:pointer;}.code-box-riddle{width:14px;height:14px;overflow:hidden;border:0;cursor:pointer;}.code-box-codesandbox{width:16px;height:16px;overflow:hidden;border:0;cursor:pointer;}.code-box-codesandbox:hover{opacity:1;}.highlight-wrapper:hover .code-box-code-copy,.highlight-wrapper:hover .code-box-codepen,.highlight-wrapper:hover .code-box-codesandbox,.highlight-wrapper:hover .code-box-riddle{opacity:1;}.code-box pre{width:auto;margin:0;}.code-box pre code{background:#ffffff;border:none;box-shadow:unset;}.code-box-debug{border-color:#d3adf7;}.code-box-debug .code-box-title a{color:#722ed1;}.demo-wrapper{position:relative;}.all-code-box-controls{position:absolute;top:-32px;inset-inline-end:0;}.ant-row-rtl #components-tooltip-demo-placement .code-box-demo,.ant-row-rtl #components-popover-demo-placement .code-box-demo,.ant-row-rtl #components-popconfirm-demo-placement .code-box-demo{direction:ltr;}</style><style data-emotion="css-global hb0n9q">ul.anticons-list{margin:10px 0;overflow:hidden;direction:ltr;list-style:none;}ul.anticons-list li{position:relative;float:left;width:16.66%;height:100px;margin:3px 0;padding:10px 0 0;overflow:hidden;color:#555;text-align:center;list-style:none;background-color:inherit;border-radius:4px;cursor:pointer;-webkit-transition:color 0.3s ease-in-out,background-color 0.3s ease-in-out;transition:color 0.3s ease-in-out,background-color 0.3s ease-in-out;}.rtl ul.anticons-list li{margin:3px 0;padding:10px 0 0;}ul.anticons-list li .anticon{margin:12px 0 8px;font-size:36px;-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;will-change:transform;}ul.anticons-list li .anticon-class{display:block;font-family:'Lucida Console',Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;white-space:nowrap;text-align:center;-webkit-transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);transform:scale(0.83);}ul.anticons-list li .anticon-class .ant-badge{-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out;}ul.anticons-list li:hover{color:#fff;background-color:#1677ff;}ul.anticons-list li:hover .anticon{-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4);}ul.anticons-list li:hover .ant-badge{color:#fff;}ul.anticons-list li.TwoTone:hover{background-color:#8ecafe;}ul.anticons-list li.copied:hover{color:rgba(255, 255, 255, 0.2);}ul.anticons-list li::after{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;line-height:110px;text-align:center;background:#1677ff;opacity:0;-webkit-transition:all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);transition:all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);content:'Copied!';}ul.anticons-list li.copied::after{opacity:1;}.copied-code{padding:2px 4px;font-size:12px;background:#f5f5f5;border-radius:2px;}</style><style data-emotion="css-global ir8pau">.icon-pic-searcher{display:inline-block;margin:0 8px;}.icon-pic-searcher .icon-pic-btn{color:rgba(0, 0, 0, 0.45);cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;}.icon-pic-searcher .icon-pic-btn:hover{color:rgba(0, 0, 0, 0.88);}.icon-pic-preview{width:66px;height:66px;margin-top:10px;padding:8px;text-align:center;border:1px solid #d9d9d9;border-radius:4px;}.icon-pic-preview >img{max-width:50px;max-height:50px;}.icon-pic-search-result{min-height:50px;padding:0 10px;}.icon-pic-search-result >.result-tip{padding:10px 0;color:rgba(0, 0, 0, 0.65);}.icon-pic-search-result >table{width:100%;}.icon-pic-search-result >table .col-icon{width:80px;padding:10px 0;}.icon-pic-search-result >table .col-icon >.anticon{font-size:30px;}.icon-pic-search-result >table .col-icon >.anticon:hover{color:#69b1ff;}</style><style data-emotion="css-global 2xd41">.browser-mockup{position:relative;border-top:2em solid rgba(230, 230, 230, 0.7);border-radius:3px 3px 0 0;box-shadow:0 0.1em 0.5em 0 rgba(0, 0, 0, 0.28);}.browser-mockup::before{position:absolute;top:-1.25em;left:1em;display:block;width:0.5em;height:0.5em;background-color:#f44;border-radius:50%;box-shadow:0 0 0 2px #f44,1.5em 0 0 2px #9b3,3em 0 0 2px #fb5;content:'';}.browser-mockup.with-tab::after{position:absolute;top:-2em;left:5.5em;display:block;width:20%;height:0;border-right:0.8em solid transparent;border-bottom:2em solid white;border-left:0.8em solid transparent;content:'';}.browser-mockup.with-url::after{position:absolute;top:-1.6em;left:5.5em;display:block;width:calc(100% - 6em);height:1.2em;background-color:white;border-radius:2px;content:'';}.browser-mockup>*{display:block;}</style><style data-emotion="css-global oncf45">.nav-phone-icon{position:absolute;top:25px;right:30px;z-index:1;display:none;width:16px;height:22px;cursor:pointer;}@media only screen and (max-width: 992px){.code-boxes-col-2-1,.code-boxes-col-1-1{float:none;width:100%;max-width:unset;}}@media only screen and (max-width: 767.99px){.preview-image-boxes{float:none;width:100%;margin:0!important;}.preview-image-box{width:100%;margin:10px 0;padding:0;}.image-wrapper{display:none;}div.version{display:block;margin:29px auto 16px;}.toc{display:none;}.nav-phone-icon{display:block;}.main{height:calc(100% - 86px);}.aside-container{float:none;width:auto;padding-bottom:30px;border-right:0;}.ant-row-rtl{margin-right:0;margin-left:0;padding-right:16px;padding-left:16px;}.ant-row-rtl >.markdown>*{width:100%!important;}.main-wrapper{width:100%;margin:0;border-radius:0;}.prev-next-nav{width:calc(100% - 32px);margin-left:16px;}.ant-row-rtl .prev-next-nav{margin-right:16px;margin-left:64px;}.drawer .ant-menu-inline .ant-menu-item::after,.drawer .ant-menu-vertical .ant-menu-item::after{right:auto;left:0;}.home-page-wrapper .page h2{margin:80px auto 64px;}.home-page-wrapper .parallax-bg{display:none;}.banner{display:block;height:632px;}.banner-bg-wrapper{display:none;}.banner .img-wrapper,.banner .text-wrapper{display:inline-block;width:100%;min-width:unset;max-width:unset;margin:auto;text-align:center;}.banner .img-wrapper{position:initial;margin-top:20px;text-align:center;}.banner .img-wrapper svg{width:100%;max-width:260px;height:auto;margin:0 auto;}.banner .text-wrapper{min-height:200px;margin-top:32px;padding:0;}.banner .text-wrapper h1{display:none;}.banner .text-wrapper p{color:#314659;font-size:14px;line-height:28px;}.banner .text-wrapper .banner-btns{display:block;min-width:100%;white-space:nowrap;text-align:center;}.banner .text-wrapper .banner-btns .banner-btn{padding:0 20px;font-size:14px;}.banner .text-wrapper .banner-promote{min-width:100%;margin-top:32px;}.banner .text-wrapper .banner-promote .ant-divider{display:none;}.banner .text-wrapper .banner-promote a{font-size:14px;white-space:nowrap;}.banner .text-wrapper .banner-promote a img{width:20px;}.page1{min-height:1300px;}.page1 .ant-row{margin:24px auto 64px;}.page1 .ant-row >div{margin-bottom:48px;}.page2{min-height:840px;background:#ffffff;}.page2-content{box-shadow:none;}.page2-components{display:none;}.page2-product{min-height:auto;padding:0 16px;}.page2-product .product-block{margin-bottom:34px;padding-bottom:35px;border-bottom:1px solid rgba(5, 5, 5, 0.06);}.page2-product .product-block:last-child{margin-bottom:32px;border-bottom:none;}.page2-product .product-block:last-child .block-text-wrapper{height:auto;}.page2-product .product-block .block-image-wrapper{height:88px;}.page2-product .product-block .block-image-wrapper img{height:100%;}.page2-product .product-block .block-text-wrapper{padding-bottom:0;border-bottom:none;}.page2-product .product-block .block-text-wrapper h4{margin-bottom:4px;font-size:18px;line-height:24px;}.page2-product .product-block .block-text-wrapper p{margin-bottom:8px;font-size:12px;line-height:20px;}.page2-product .product-block .block-text-wrapper a{line-height:20px;}.page2-product .product-block .block-text-wrapper .components-button-wrapper{margin-top:16px;font-size:12px;}.page2-product .product-block .block-text-wrapper .components-button-wrapper a{display:block;}.page2-product .product-block .block-text-wrapper a.more-mobile-react,.page2-product .product-block .block-text-wrapper a.more-mobile-angular{margin-top:0;color:#1677ff;}.page2-product .product-block .block-text-wrapper a.more-mobile-react:hover,.page2-product .product-block .block-text-wrapper a.more-mobile-angular:hover{color:#40a9ff;}.page3{min-height:688px;background:url('https://gw.alipayobjects.com/zos/rmsportal/qICoJIqqQRMeRGhPHBBS.svg') no-repeat;-webkit-background-size:cover;background-size:cover;}.page3 .ant-row{margin:0 8px;}.page3 .page3-block{margin-bottom:32px;padding:24px;background:#ffffff;border-radius:4px;box-shadow:0 8px 16px rgba(174, 185, 193, 0.3);}.page3 .page3-block:nth-child(2) .page3-img-wrapper img{display:block;width:70%;margin:auto;}.page3 .page3-block p{font-size:12px;}.page3 .page3-block .page3-img-wrapper{width:20%;}.page3 .page3-block .page3-img-wrapper img{width:100%;}.page3 .page3-block .page3-text-wrapper{width:80%;max-width:initial;margin:0;padding-left:16px;}}</style><style data-emotion="css-global ttxzth">#nprogress .bar{background:#1677ff;}#nprogress .peg{box-shadow:0 0 10px #1677ff,0 0 5px #1677ff;}#nprogress .spinner-icon{border-top-color:#1677ff;border-left-color:#1677ff;}</style><style data-emotion="css-global qqeln4">.preview-image-boxes{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;float:right;clear:both;width:496px;margin:0 0 70px 64px;}.preview-image-boxes-with-carousel{width:420px;}.preview-image-boxes-with-carousel .preview-image-box img{padding:0;}.ant-row-rtl .preview-image-boxes{float:left;margin:0 64px 70px 0;}.preview-image-boxes+.preview-image-boxes{margin-top:-35px;}.preview-image-box{float:left;width:100%;}.preview-image-box+.preview-image-box{margin-left:24px;}.ant-row-rtl .preview-image-box+.preview-image-box{margin-right:24px;margin-left:0;}.preview-image-wrapper{position:relative;display:inline-block;width:100%;padding:16px;text-align:center;background:#f2f4f5;box-sizing:border-box;}.preview-image-wrapper.video{display:block;padding:0;background:0;}.preview-image-wrapper video{display:block;width:100%;}.preview-image-wrapper video +svg{position:absolute;top:0;left:0;}.preview-image-wrapper.good::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:3px;background:#1677ff;content:'';}.preview-image-wrapper.bad::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:3px;background:#ff4d4f;content:'';}.preview-image-title{margin-top:20px;color:rgba(0, 0, 0, 0.88);font-size:12px;}.preview-image-description{margin-top:2px;color:rgba(0, 0, 0, 0.65);font-size:12px;line-height:1.5;}.preview-image-description hr{margin:2px 0;background:none;border:0;}.preview-image-box img{box-sizing:border-box;max-width:100%;padding:12px;background:#ffffff;border-radius:6px;cursor:pointer;-webkit-transition:all 0.3s;transition:all 0.3s;}.preview-image-box img.no-padding{padding:0;background:none;}.preview-image-boxes.preview-image-boxes-with-carousel img{padding:0;box-shadow:0 1px 0 0 #ddd,0 3px 0 0 #ffffff,0 4px 0 0 #ddd,0 6px 0 0 #ffffff,0 7px 0 0 #ddd;}.preview-image-box img:hover{box-shadow:1px 1px 6px rgba(0, 0, 0, 0.3);}.transition-video-player,.motion-video-min{float:right;width:600px;padding:0 0 70px 20px;}.transition-video-player .preview-image-wrapper,.motion-video-min .preview-image-wrapper{padding:0;}.ant-row-rtl .transition-video-player,.ant-row-rtl .motion-video-min{float:left;}.motion-video-min{width:390px;}.motion-principle-wrapper{width:100%;max-width:900px;margin:48px 0 24px;}.principle-wrapper{width:100%;}.principle-wrapper .principle{display:inline-block;box-sizing:border-box;width:100%;min-height:180px;margin-right:12.5%;margin-bottom:24px;padding:24px;font-size:24px;text-align:center;border:1px solid #e8e8e8;border-radius:4px;}.principle-wrapper .principle:last-child{margin-right:0;}.principle-wrapper .principle h4{margin:16px 0 8px;}.principle-wrapper .principle p{font-size:12px;line-height:24px;}</style><style data-emotion="css-global 3mbwcg">.design-inline-cards{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 -20px;}.design-inline-cards>*{-webkit-flex:10%;-ms-flex:10%;flex:10%;margin:0 20px;}.design-inline-cards img{width:100%;max-width:100%;}.design-inline-cards h4{margin-bottom:0;}</style><style data-emotion="css-global 12mrfb1">.color-palettes{margin:0 1%;}.color-palettes-dark{margin:0;padding:0 28px;background-color:#141414;}.color-palettes-dark .color-title{color:rgba(255, 255, 255, 0.85);}.color-palettes-dark .color-description{color:rgba(255, 255, 255, 0.45);}.color-palettes-dark .color-palette{margin:45px 3.5% 45px 0;}.color-palettes-dark .color-palette:nth-of-type(3n){margin-right:0;}.color-palettes-dark .color-palette .main-color-item{margin-right:0;}.color-palettes-dark .color-palette .main-color-item:hover{margin-right:-8px;}.color-palette{display:inline-block;width:31%;margin:45px 1%;}.color-palette-pick{margin:0 0 20px;font-size:20px;text-align:center;}.color-palette-picker{margin:24px 0;}.color-palette-picker-value{position:relative;top:-3px;margin-left:16px;font-size:14px;font-family:Consolas,sans-serif;}.ant-row-rtl .color-palette-picker-value{margin-right:16px;margin-left:0;}.color-palette-picker-validation{position:relative;top:-3px;margin-left:16px;color:#ff4d4f;font-size:13px;}.ant-row-rtl .color-palette-picker-validation{margin-right:16px;margin-left:0;}.color-palette-picker-validation-dark{margin-left:0;}.main-color{text-align:left;}.main-color .palette-blue-1{background:#e6f4ff;}.main-color .palette-blue-2{background:#bae0ff;}.main-color .palette-blue-3{background:#91caff;}.main-color .palette-blue-4{background:#69b1ff;}.main-color .palette-blue-5{background:#4096ff;}.main-color .palette-blue-6{background:#1677ff;}.main-color .palette-blue-7{background:#0958d9;}.main-color .palette-blue-8{background:#003eb3;}.main-color .palette-blue-9{background:#002c8c;}.main-color .palette-blue-10{background:#001d66;}.main-color .palette-purple-1{background:#f9f0ff;}.main-color .palette-purple-2{background:#efdbff;}.main-color .palette-purple-3{background:#d3adf7;}.main-color .palette-purple-4{background:#b37feb;}.main-color .palette-purple-5{background:#9254de;}.main-color .palette-purple-6{background:#722ed1;}.main-color .palette-purple-7{background:#531dab;}.main-color .palette-purple-8{background:#391085;}.main-color .palette-purple-9{background:#22075e;}.main-color .palette-purple-10{background:#120338;}.main-color .palette-cyan-1{background:#e6fffb;}.main-color .palette-cyan-2{background:#b5f5ec;}.main-color .palette-cyan-3{background:#87e8de;}.main-color .palette-cyan-4{background:#5cdbd3;}.main-color .palette-cyan-5{background:#36cfc9;}.main-color .palette-cyan-6{background:#13c2c2;}.main-color .palette-cyan-7{background:#08979c;}.main-color .palette-cyan-8{background:#006d75;}.main-color .palette-cyan-9{background:#00474f;}.main-color .palette-cyan-10{background:#002329;}.main-color .palette-green-1{background:#f6ffed;}.main-color .palette-green-2{background:#d9f7be;}.main-color .palette-green-3{background:#b7eb8f;}.main-color .palette-green-4{background:#95de64;}.main-color .palette-green-5{background:#73d13d;}.main-color .palette-green-6{background:#52c41a;}.main-color .palette-green-7{background:#389e0d;}.main-color .palette-green-8{background:#237804;}.main-color .palette-green-9{background:#135200;}.main-color .palette-green-10{background:#092b00;}.main-color .palette-magenta-1{background:#fff0f6;}.main-color .palette-magenta-2{background:#ffd6e7;}.main-color .palette-magenta-3{background:#ffadd2;}.main-color .palette-magenta-4{background:#ff85c0;}.main-color .palette-magenta-5{background:#f759ab;}.main-color .palette-magenta-6{background:#eb2f96;}.main-color .palette-magenta-7{background:#c41d7f;}.main-color .palette-magenta-8{background:#9e1068;}.main-color .palette-magenta-9{background:#780650;}.main-color .palette-magenta-10{background:#520339;}.main-color .palette-red-1{background:#fff1f0;}.main-color .palette-red-2{background:#ffccc7;}.main-color .palette-red-3{background:#ffa39e;}.main-color .palette-red-4{background:#ff7875;}.main-color .palette-red-5{background:#ff4d4f;}.main-color .palette-red-6{background:#f5222d;}.main-color .palette-red-7{background:#cf1322;}.main-color .palette-red-8{background:#a8071a;}.main-color .palette-red-9{background:#820014;}.main-color .palette-red-10{background:#5c0011;}.main-color .palette-volcano-1{background:#fff2e8;}.main-color .palette-volcano-2{background:#ffd8bf;}.main-color .palette-volcano-3{background:#ffbb96;}.main-color .palette-volcano-4{background:#ff9c6e;}.main-color .palette-volcano-5{background:#ff7a45;}.main-color .palette-volcano-6{background:#fa541c;}.main-color .palette-volcano-7{background:#d4380d;}.main-color .palette-volcano-8{background:#ad2102;}.main-color .palette-volcano-9{background:#871400;}.main-color .palette-volcano-10{background:#610b00;}.main-color .palette-orange-1{background:#fff7e6;}.main-color .palette-orange-2{background:#ffe7ba;}.main-color .palette-orange-3{background:#ffd591;}.main-color .palette-orange-4{background:#ffc069;}.main-color .palette-orange-5{background:#ffa940;}.main-color .palette-orange-6{background:#fa8c16;}.main-color .palette-orange-7{background:#d46b08;}.main-color .palette-orange-8{background:#ad4e00;}.main-color .palette-orange-9{background:#873800;}.main-color .palette-orange-10{background:#612500;}.main-color .palette-gold-1{background:#fffbe6;}.main-color .palette-gold-2{background:#fff1b8;}.main-color .palette-gold-3{background:#ffe58f;}.main-color .palette-gold-4{background:#ffd666;}.main-color .palette-gold-5{background:#ffc53d;}.main-color .palette-gold-6{background:#faad14;}.main-color .palette-gold-7{background:#d48806;}.main-color .palette-gold-8{background:#ad6800;}.main-color .palette-gold-9{background:#874d00;}.main-color .palette-gold-10{background:#613400;}.main-color .palette-yellow-1{background:#feffe6;}.main-color .palette-yellow-2{background:#ffffb8;}.main-color .palette-yellow-3{background:#fffb8f;}.main-color .palette-yellow-4{background:#fff566;}.main-color .palette-yellow-5{background:#ffec3d;}.main-color .palette-yellow-6{background:#fadb14;}.main-color .palette-yellow-7{background:#d4b106;}.main-color .palette-yellow-8{background:#ad8b00;}.main-color .palette-yellow-9{background:#876800;}.main-color .palette-yellow-10{background:#614700;}.main-color .palette-lime-1{background:#fcffe6;}.main-color .palette-lime-2{background:#f4ffb8;}.main-color .palette-lime-3{background:#eaff8f;}.main-color .palette-lime-4{background:#d3f261;}.main-color .palette-lime-5{background:#bae637;}.main-color .palette-lime-6{background:#a0d911;}.main-color .palette-lime-7{background:#7cb305;}.main-color .palette-lime-8{background:#5b8c00;}.main-color .palette-lime-9{background:#3f6600;}.main-color .palette-lime-10{background:#254000;}.main-color .palette-geekblue-1{background:#f0f5ff;}.main-color .palette-geekblue-2{background:#d6e4ff;}.main-color .palette-geekblue-3{background:#adc6ff;}.main-color .palette-geekblue-4{background:#85a5ff;}.main-color .palette-geekblue-5{background:#597ef7;}.main-color .palette-geekblue-6{background:#2f54eb;}.main-color .palette-geekblue-7{background:#1d39c4;}.main-color .palette-geekblue-8{background:#10239e;}.main-color .palette-geekblue-9{background:#061178;}.main-color .palette-geekblue-10{background:#030852;}.main-color .palette-gray-1{background:#fff;}.main-color .palette-gray-2{background:#fafafa;}.main-color .palette-gray-3{background:#f5f5f5;}.main-color .palette-gray-4{background:#f0f0f0;}.main-color .palette-gray-5{background:#d9d9d9;}.main-color .palette-gray-6{background:#bfbfbf;}.main-color .palette-gray-7{background:#8c8c8c;}.main-color .palette-gray-8{background:#595959;}.main-color .palette-gray-9{background:#434343;}.main-color .palette-gray-10{background:#262626;}.main-color .palette-gray-11{background:#1f1f1f;}.main-color .palette-gray-12{background:#141414;}.main-color .palette-gray-13{background:#000;}.main-color-item{position:relative;height:44px;margin-right:4px;padding:0 12px;font-size:14px;font-family:Consolas,sans-serif;line-height:44px;cursor:pointer;-webkit-transition:all 0.2s;transition:all 0.2s;}.main-color-item:first-child{border-radius:4px 4px 0 0;}.main-color-item:last-child{border-radius:0 0 4px 4px;}.main-color-item:hover{margin-right:-8px;border-radius:0 4px 4px 0;}.main-color-item .main-color-text{float:left;-webkit-transition:all 0.3s;transition:all 0.3s;}.main-color-item .main-color-value{position:relative;left:3px;float:right;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85);transform-origin:100% 50%;opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;}.color-title{margin:0 0 24px;color:#5c6b77;font-weight:500;font-size:22px;text-align:center;text-transform:capitalize;}.color-description{display:block;color:#777;font-weight:lighter;font-size:14px;}.main-color:hover .main-color-value{left:0;opacity:0.7;}.color-palette-horizontal{box-sizing:border-box;width:100%;}.color-palette-horizontal-dark{height:303px;padding:32px 28px;background-color:#141414;}.color-palette-horizontal-dark .color-palette-picker{margin-bottom:0;}.color-palette-horizontal-dark .color-palette-pick{color:rgba(255, 255, 255, 0.65);text-align:left;}.color-palette-horizontal-dark .color-palette-pick-hex{color:rgba(255, 255, 255, 0.65);}.ant-row-rtl .color-palette-horizontal-dark .color-palette-pick{direction:rtl;text-align:right;}.color-palette-horizontal .main-color{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.color-palette-horizontal .main-color-item{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;box-sizing:border-box;height:86px;margin-right:0;padding:37px 0 0;line-height:normal;text-align:center;border-radius:0;}.color-palette-horizontal .main-color-item .main-color-text{float:none;}.color-palette-horizontal .main-color-item:hover{height:96px;margin-top:-10px;border-radius:4px 4px 0 0;}.color-palette-horizontal .main-color-value{position:absolute;bottom:0;left:0;width:100%;text-align:center;transform-origin:unset;}.color-palette-horizontal .main-color:hover .main-color-item{padding-top:8px;}.color-palette-horizontal .main-color:hover .main-color-value{bottom:8px;opacity:0.7;}</style><style data-emotion="css-global 1kp1585">h1 >a[aria-hidden]:first-child,h2 >a[aria-hidden]:first-child,h3 >a[aria-hidden]:first-child,h4 >a[aria-hidden]:first-child,h5 >a[aria-hidden]:first-child,h6 >a[aria-hidden]:first-child{float:left;width:20px;-webkit-padding-end:4px;padding-inline-end:4px;font-size:0;line-height:inherit;text-align:right;-webkit-padding-end:4px;padding-inline-end:4px;-webkit-margin-start:-24px;margin-inline-start:-24px;}[data-direction='rtl'] h1 >a[aria-hidden]:first-child,[data-direction='rtl'] h2 >a[aria-hidden]:first-child,[data-direction='rtl'] h3 >a[aria-hidden]:first-child,[data-direction='rtl'] h4 >a[aria-hidden]:first-child,[data-direction='rtl'] h5 >a[aria-hidden]:first-child,[data-direction='rtl'] h6 >a[aria-hidden]:first-child{float:right;}h1 >a[aria-hidden]:first-child:hover,h2 >a[aria-hidden]:first-child:hover,h3 >a[aria-hidden]:first-child:hover,h4 >a[aria-hidden]:first-child:hover,h5 >a[aria-hidden]:first-child:hover,h6 >a[aria-hidden]:first-child:hover{border:0;}h1 >a[aria-hidden]:first-child >.icon-link::before,h2 >a[aria-hidden]:first-child >.icon-link::before,h3 >a[aria-hidden]:first-child >.icon-link::before,h4 >a[aria-hidden]:first-child >.icon-link::before,h5 >a[aria-hidden]:first-child >.icon-link::before,h6 >a[aria-hidden]:first-child >.icon-link::before{font-size:20px;content:'#';}h1:not(:hover)>a[aria-hidden]:first-child>.icon-link,h2:not(:hover)>a[aria-hidden]:first-child>.icon-link,h3:not(:hover)>a[aria-hidden]:first-child>.icon-link,h4:not(:hover)>a[aria-hidden]:first-child>.icon-link,h5:not(:hover)>a[aria-hidden]:first-child>.icon-link,h6:not(:hover)>a[aria-hidden]:first-child>.icon-link{visibility:hidden;}</style><style data-emotion="css-global 1or24qf">html .dumi-default-search-bar-input{color:rgba(0, 0, 0, 0.88);background:#ffffff;}html .dumi-default-search-bar-input:focus{background:#ffffff;}html .dumi-default-search-bar-input::-webkit-input-placeholder{color:rgba(0, 0, 0, 0.25)!important;}html .dumi-default-search-bar-input::-moz-placeholder{color:rgba(0, 0, 0, 0.25)!important;}html .dumi-default-search-bar-input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.25)!important;}html .dumi-default-search-bar-input::placeholder{color:rgba(0, 0, 0, 0.25)!important;}html .dumi-default-search-popover{background-color:#ffffff!important;}html .dumi-default-search-popover::before{border-bottom-color:#ffffff!important;}html .dumi-default-search-result dl dt{background-color:#e6f4ff!important;}html .dumi-default-search-result dl dd a:hover{background-color:rgba(0, 0, 0, 0.04);}html .dumi-default-search-result dl dd a:hover h4,html .dumi-default-search-result dl dd a:hover p{color:rgba(0, 0, 0, 0.88)!important;}html .dumi-default-search-result dl dd a:hover svg{fill:rgba(0, 0, 0, 0.88)!important;}</style><style data-emotion="css 1m6c83y">.css-1m6c83y{position:relative;z-index:10;max-width:100%;background:#ffffff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px 0 rgba(0, 0, 0, 0.02);}@media only screen and (max-width: 767.99px){.css-1m6c83y{text-align:center;}}.css-1m6c83y .nav-search-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:auto;-ms-flex:auto;flex:auto;}.css-1m6c83y .dumi-default-search-bar{border-inline-start:1px solid rgba(0, 0, 0, 0.06);}.css-1m6c83y .dumi-default-search-bar >svg{width:14px;fill:#ced4d9;}.css-1m6c83y .dumi-default-search-bar >input{height:22px;border:0;}.css-1m6c83y .dumi-default-search-bar >input:focus{box-shadow:none;}.css-1m6c83y .dumi-default-search-bar >input::-webkit-input-placeholder{color:#ced4d9;}.css-1m6c83y .dumi-default-search-bar >input::-moz-placeholder{color:#ced4d9;}.css-1m6c83y .dumi-default-search-bar >input:-ms-input-placeholder{color:#ced4d9;}.css-1m6c83y .dumi-default-search-bar >input::placeholder{color:#ced4d9;}.css-1m6c83y .dumi-default-search-bar .dumi-default-search-shortcut{color:#ced4d9;background-color:rgba(150, 150, 150, 0.06);border-color:rgba(100, 100, 100, 0.2);border-radius:4px;}.css-1m6c83y .dumi-default-search-bar .dumi-default-search-popover{inset-inline-start:11px;inset-inline-end:unset;}.css-1m6c83y .dumi-default-search-bar .dumi-default-search-popover::before{inset-inline-start:100px;inset-inline-end:unset;}</style><style data-emotion="css 10if06k">.css-10if06k{height:64px;-webkit-padding-start:40px;padding-inline-start:40px;overflow:hidden;color:rgba(0, 0, 0, 0.88);font-weight:bold;font-size:18px;font-family:AlibabaPuHuiTi,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',sans-serif;line-height:64px;letter-spacing:-0.18px;white-space:nowrap;-webkit-text-decoration:none;text-decoration:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-10if06k:hover{color:rgba(0, 0, 0, 0.88);}.css-10if06k img{height:32px;vertical-align:middle;-webkit-margin-end:12px;margin-inline-end:12px;}@media only screen and (max-width: 767.99px){.css-10if06k{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;}}</style><style data-emotion="css zsb1p1">.css-zsb1p1{line-height:32px;}</style><style data-emotion="css xbxnqh">.css-xbxnqh{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;}.css-xbxnqh >*{-webkit-flex:none;-ms-flex:none;flex:none;margin:0;-webkit-margin-end:12px;margin-inline-end:12px;}.css-xbxnqh >*:last-child{-webkit-margin-end:40px;margin-inline-end:40px;}</style><style data-emotion="css 1n8kzv5">.css-1n8kzv5{height:100%;font-size:14px;font-family:Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',sans-serif;border:0;}.css-1n8kzv5.ant-menu-horizontal{border-bottom:none;}.css-1n8kzv5.ant-menu-horizontal>.ant-menu-item,.css-1n8kzv5.ant-menu-horizontal>.ant-menu-submenu{min-width:64px;height:64px;padding-right:12px;padding-left:12px;line-height:64px;}.css-1n8kzv5.ant-menu-horizontal>.ant-menu-item::after,.css-1n8kzv5.ant-menu-horizontal>.ant-menu-submenu::after{top:0;right:12px;bottom:auto;left:12px;border-width:2px;}.css-1n8kzv5.ant-menu-horizontal .ant-menu-submenu-title .anticon{margin:0;}.css-1n8kzv5.ant-menu-horizontal>.ant-menu-item-selected a{color:#1677ff;}.css-1n8kzv5>.ant-menu-item,.css-1n8kzv5>.ant-menu-submenu{text-align:center;}</style><style data-emotion="css f8juvi">.css-f8juvi{font-size:9px;margin:-1px 0 0 2px;vertical-align:middle;}</style><style data-emotion="css 14dvgsk">.css-14dvgsk{color:rgba(0, 0, 0, 0.88);border-color:#d9d9d9;padding:0!important;width:32px;height:32px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border:none;background:transparent;border-radius:6px;-webkit-transition:all 0s;transition:all 0s;cursor:pointer;}.css-14dvgsk .btn-inner{-webkit-transition:all 0s;transition:all 0s;}.css-14dvgsk:hover{background:rgba(0, 0, 0, 0.06);}.css-14dvgsk img{width:1.2em;height:1.2em;}.css-14dvgsk .anticon{font-size:1.2em;}</style><style data-emotion="css l1r9gy">.css-l1r9gy{position:relative;width:1.2em;height:1.2em;}</style><style data-emotion="css 1tyqv1q">.css-1tyqv1q{position:absolute;font-size:1.2em;line-height:1;border:1px solid rgba(0, 0, 0, 0.88);color:rgba(0, 0, 0, 0.88);left:-5%;top:0;z-index:1;background-color:rgba(0, 0, 0, 0.88);color:#ffffff;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7);transform-origin:0 0;}</style><style data-emotion="css 16okui4">.css-16okui4{position:absolute;font-size:1.2em;line-height:1;border:1px solid rgba(0, 0, 0, 0.88);color:rgba(0, 0, 0, 0.88);right:-5%;bottom:0;z-index:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);transform-origin:100% 100%;}</style><style data-emotion="css 1cjitc6">.css-1cjitc6{width:16px;}</style><style data-emotion="css pmt1eg">.css-pmt1eg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:40px;}</style><style data-emotion="css 14h0zo3">.css-14h0zo3{z-index:1;}.css-14h0zo3 .main-menu-inner{position:-webkit-sticky;position:sticky;top:0;width:100%;height:100%;max-height:100vh;overflow:hidden;}.css-14h0zo3:hover .main-menu-inner{overflow-y:auto;}</style><style data-emotion="css 1x4s3ls">.css-1x4s3ls{min-height:100%;padding-bottom:48px;font-family:Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji',sans-serif;}.css-1x4s3ls.ant-menu-inline .ant-menu-submenu-title h4,.css-1x4s3ls.ant-menu-inline >.ant-menu-item,.css-1x4s3ls.ant-menu-inline .ant-menu-item a{overflow:hidden;font-size:14px;text-overflow:ellipsis;}.css-1x4s3ls.ant-menu-inline >.ant-menu-item-group>.ant-menu-item-group-title{margin-top:16px;margin-bottom:16px;font-size:13px;}.css-1x4s3ls.ant-menu-inline >.ant-menu-item-group>.ant-menu-item-group-title::after{position:relative;top:12px;display:block;width:calc(100% - 20px);height:1px;background:rgba(5, 5, 5, 0.06);content:'';}.css-1x4s3ls.ant-menu-inline >.ant-menu-item,.css-1x4s3ls.ant-menu-inline >.ant-menu-submenu>.ant-menu-submenu-title,.css-1x4s3ls.ant-menu-inline >.ant-menu-item-group>.ant-menu-item-group-title,.css-1x4s3ls.ant-menu-inline >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.css-1x4s3ls.ant-menu-inline.ant-menu-inline>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item{padding-left:40px!important;}.ant-row-rtl .css-1x4s3ls.ant-menu-inline >.ant-menu-item,.ant-row-rtl .css-1x4s3ls.ant-menu-inline >.ant-menu-submenu>.ant-menu-submenu-title,.ant-row-rtl .css-1x4s3ls.ant-menu-inline >.ant-menu-item-group>.ant-menu-item-group-title,.ant-row-rtl .css-1x4s3ls.ant-menu-inline >.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item,.ant-row-rtl .css-1x4s3ls.ant-menu-inline.ant-menu-inline>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item{padding-right:40px!important;padding-left:16px!important;}.css-1x4s3ls.ant-menu-inline.ant-menu-inline .ant-menu-item-group-title{margin-left:4px;padding-left:60px;}.ant-row-rtl .css-1x4s3ls.ant-menu-inline.ant-menu-inline .ant-menu-item-group-title{padding-right:60px;padding-left:16px;}.css-1x4s3ls.ant-menu-inline.ant-menu-inline .ant-menu-item-group-list>.ant-menu-item{padding-left:80px!important;}.ant-row-rtl .css-1x4s3ls.ant-menu-inline.ant-menu-inline .ant-menu-item-group-list>.ant-menu-item{padding-right:80px!important;padding-left:16px!important;}.css-1x4s3ls.ant-menu-inline .ant-menu-item-group:first-child .ant-menu-item-group-title{margin-top:0;}.css-1x4s3ls a[disabled]{color:#ccc;}.css-1x4s3ls .chinese{margin-left:6px;font-weight:normal;font-size:12px;opacity:0.67;}</style><style data-emotion="css 3m1f9t">.css-3m1f9t{position:absolute;top:8px;inset-inline-end:0;width:160px;margin:12px 0;padding:8px 0;padding-inline:4px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:6px;box-sizing:border-box;}.css-3m1f9t .toc-debug{color:#722ed1;}.css-3m1f9t .toc-debug:hover{color:#9254de;}.css-3m1f9t >div{box-sizing:border-box;width:100%;max-height:calc(100vh - 40px)!important;margin:0 auto;overflow:auto;padding-inline:4px;}@media only screen and (max-width: 992px){.css-3m1f9t{display:none;}}</style><style data-emotion="css 1mtserg">.css-1mtserg .ant-anchor .ant-anchor-link-title{font-size:12px;}</style><style data-emotion="css 324864">.css-324864{padding:0 170px 32px 64px;}.css-324864.rtl{padding:0 64px 144px 170px;}@media only screen and (max-width: 992px){.css-324864,.css-324864.rtl{padding:0 48px;}}</style><style data-emotion="css le7aoc">a.css-le7aoc{position:relative;top:-2px;display:inline-block;-webkit-text-decoration:none;text-decoration:none;vertical-align:middle;-webkit-margin-start:6px;margin-inline-start:6px;}a.css-le7aoc .anticon{display:block;color:rgba(0, 0, 0, 0.45);font-size:16px;-webkit-transition:all 0.3s;transition:all 0.3s;}a.css-le7aoc .anticon:hover{color:rgba(0, 0, 0, 0.88);}</style><style data-emotion="css uqqeki">.css-uqqeki{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:120px!important;clear:both;}.css-uqqeki a,.css-uqqeki .ant-avatar+.ant-avatar{-webkit-transition:all 0s;transition:all 0s;-webkit-margin-end:-8px;margin-inline-end:-8px;}.css-uqqeki:hover a,.css-uqqeki:hover .ant-avatar{-webkit-margin-end:0;margin-inline-end:0;}</style><style data-emotion="css 1d0sb0m">.css-1d0sb0m{width:calc(100% - 234px);-webkit-margin-end:170px;margin-inline-end:170px;-webkit-margin-start:64px;margin-inline-start:64px;overflow:hidden;font-size:14px;border-top:1px solid rgba(5, 5, 5, 0.06);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}</style><style data-emotion="css gls9j">.css-gls9j{-webkit-flex:1;-ms-flex:1;flex:1;height:72px;line-height:72px;-webkit-text-decoration:none;text-decoration:none;text-align:start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-gls9j .anticon{color:#999;font-size:12px;-webkit-transition:all 0.3s;transition:all 0.3s;}.css-gls9j .chinese{-webkit-margin-start:4px;margin-inline-start:4px;}.css-gls9j .footer-nav-icon-after{display:none;}.css-gls9j .footer-nav-icon-before{position:relative;line-height:0;vertical-align:middle;-webkit-transition:inset-inline-end 0.3s;transition:inset-inline-end 0.3s;-webkit-margin-end:1em;margin-inline-end:1em;inset-inline-end:0;}.css-gls9j:hover .footer-nav-icon-before{inset-inline-end:0.2em;}</style><style data-emotion="css v9zvbc">.css-v9zvbc{background:#f0f3fa;color:rgba(0, 0, 0, 0.65);box-shadow:inset 0 106px 36px -116px rgba(0, 0, 0, 0.14);}.css-v9zvbc *{box-sizing:border-box;}.css-v9zvbc h2,.css-v9zvbc a{color:rgba(0, 0, 0, 0.88);}.css-v9zvbc .rc-footer-column{margin-bottom:0px;}.css-v9zvbc .rc-footer-column:last-child{margin-bottom:0px;}.css-v9zvbc .rc-footer-item-icon{top:-1.5px;}.css-v9zvbc .rc-footer-container{max-width:1208px;margin-inline:auto;padding-inline:48px;}.css-v9zvbc .rc-footer-bottom{box-shadow:inset 0 106px 36px -116px rgba(0, 0, 0, 0.14);}.css-v9zvbc .rc-footer-bottom .rc-footer-bottom-container{font-size:14px;}</style></head>
|
|
<body>
|
|
<noscript><b>Enable JavaScript to run this app.</b></noscript><div id="root"><!--$?--><template id="B:0"></template><div></div><!--/$--></div><script>window.__UMI_LOADER_DATA__ = {}</script>
|
|
<script src="/umi.61c7c9c4.js" crossorigin="anonymous"></script>
|
|
|
|
</body></html><div hidden id="S:0"><!--$?--><template id="B:1"></template><div></div><!--/$--></div><script>function $RC(a,b){a=document.getElementById(a);b=document.getElementById(b);b.parentNode.removeChild(b);if(a){a=a.previousSibling;var f=a.parentNode,c=a.nextSibling,e=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d)if(0===e)break;else e--;else"$"!==d&&"$?"!==d&&"$!"!==d||e++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;b.firstChild;)f.insertBefore(b.firstChild,c);a.data="$";a._reactRetry&&a._reactRetry()}};$RC("B:0","S:0")</script><div hidden id="S:1"><div class="css-17ju5m3 ant-app"><!--$?--><template id="B:2"></template><div></div><!--/$--><div class="ant-float-btn-group css-17ju5m3 ant-float-btn-group-circle"><button class="css-17ju5m3 ant-float-btn ant-float-btn-default ant-float-btn-circle" type="button"><span class="ant-badge css-17ju5m3"><div class="ant-float-btn-body"><div class="ant-float-btn-content"><div class="ant-float-btn-icon"><span role="img" class="anticon"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor"><g fill-rule="evenodd"><g fill-rule="nonzero"><path d="M7.02 3.635l12.518 12.518a1.863 1.863 0 010 2.635l-1.317 1.318a1.863 1.863 0 01-2.635 0L3.068 7.588A2.795 2.795 0 117.02 3.635zm2.09 14.428a.932.932 0 110 1.864.932.932 0 010-1.864zm-.043-9.747L7.75 9.635l9.154 9.153 1.318-1.317-9.154-9.155zM3.52 12.473c.514 0 .931.417.931.931v.932h.932a.932.932 0 110 1.864h-.932v.931a.932.932 0 01-1.863 0l-.001-.931h-.93a.932.932 0 010-1.864h.93v-.932c0-.514.418-.931.933-.931zm15.374-3.727a1.398 1.398 0 110 2.795 1.398 1.398 0 010-2.795zM4.385 4.953a.932.932 0 000 1.317l2.046 2.047L7.75 7 5.703 4.953a.932.932 0 00-1.318 0zM14.701.36a.932.932 0 01.931.932v.931h.932a.932.932 0 010 1.864h-.933l.001.932a.932.932 0 11-1.863 0l-.001-.932h-.93a.932.932 0 110-1.864h.93v-.931a.932.932 0 01.933-.932z"></path></g></g></svg></span></div></div></div></span></button></div></div></div><script>$RC("B:1","S:1")</script><div hidden id="S:2"><header class="clearfix css-1m6c83y"><div class="ant-row css-17ju5m3" style="flex-flow:nowrap;height:64px"><div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-5 ant-col-xxl-4 css-17ju5m3"><h1><a class="css-10if06k" href="/index-cn"><img src="https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg" alt="logo"/><span class="css-zsb1p1">Ant Design</span></a></h1></div><div class="ant-col css-xbxnqh ant-col-xs-0 ant-col-sm-0 ant-col-md-18 ant-col-lg-18 ant-col-xl-19 ant-col-xxl-20 css-17ju5m3"><div class="nav-search-wrapper"><div class="dumi-default-search-bar"><svg viewBox="64 64 896 896" class="dumi-default-search-bar-svg"><path d="M909.6 854.5 649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"></path></svg><input class="dumi-default-search-bar-input" placeholder="输入关键字搜索..."/><span class="dumi-default-search-shortcut">⌘<!-- --> K</span></div></div><ul class="ant-menu ant-menu-root ant-menu-horizontal ant-menu-light css-1n8kzv5 css-17ju5m3" style="border-right:0" dir="ltr" role="menu" tabindex="0" data-menu-list="true"><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/spec/introduce-cn">设计</a></span></li><li class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/introduce-cn">研发</a></span></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/components/overview-cn/">组件</a></span></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/blog/suspense-cn">博客</a></span></li><li class="ant-menu-item ant-menu-item-only-child" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/resources-cn">资源</a></span></li></ul><div style="display:none" aria-hidden="true"></div><div class="ant-select ant-select-sm version css-17ju5m3 ant-select-single ant-select-show-arrow"><div class="ant-select-selector"><span class="ant-select-selection-search"><input type="search" autoComplete="off" class="ant-select-selection-search-input" role="combobox" aria-expanded="false" aria-haspopup="listbox" aria-owns="undefined_list" aria-autocomplete="list" aria-controls="undefined_list" aria-activedescendant="undefined_list_0" readonly="" unselectable="on" style="opacity:0" value=""/></span><span class="ant-select-selection-item" title="5.7.1">5.7.1</span></div><span class="ant-select-arrow" style="user-select:none;-webkit-user-select:none" unselectable="on" aria-hidden="true"><span role="img" aria-label="down" class="anticon anticon-down ant-select-suffix"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></span></div><button type="button" class="ant-btn css-17ju5m3 ant-btn-default ant-btn-sm ant-dropdown-trigger">更多<span role="img" aria-label="down" class="anticon anticon-down css-f8juvi"><svg viewBox="64 64 896 896" focusable="false" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></span></button><button class="css-14dvgsk"><div class="btn-inner"><div class="css-l1r9gy"><span class="css-1tyqv1q">中</span><span class="css-16okui4">En</span></div></div></button><button class="css-14dvgsk"><div class="btn-inner"><span role="img" direction="ltr" class="anticon css-1cjitc6"><svg width="1em" height="1em" fill="currentColor" aria-hidden="true" focusable="false" class=""><svg viewBox="0 0 1024 1024" fill="currentColor"><path d="M448 64l512 0 0 128-128 0 0 768-128 0 0-768-128 0 0 768-128 0 0-448c-123.712 0-224-100.288-224-224s100.288-224 224-224zM64 448l256 224-256 224z"></path></svg></svg></span></div></button><a href="https://github.com/ant-design/ant-design" target="_blank" rel="noreferrer"><button class="css-14dvgsk"><div class="btn-inner"><span role="img" aria-label="github" class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" data-icon="github" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg></span></div></button></a></div></div></header><main class="css-pmt1eg"><div class="ant-col css-14h0zo3 ant-col-xs-24 ant-col-sm-24 ant-col-md-6 ant-col-lg-6 ant-col-xl-5 ant-col-xxl-4 css-17ju5m3"><section class="main-menu-inner"><ul class="ant-menu ant-menu-root ant-menu-inline ant-menu-light css-1x4s3ls css-zfrcbl" dir="ltr" role="menu" tabindex="0" data-menu-list="true"><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/introduce-cn">Ant Design of React</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/getting-started-cn">快速上手</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/use-with-umi-cn">在 Umi 中使用</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/use-with-create-react-app-cn">在 create-react-app 中使用</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/use-with-next-cn">在 Next.js 中使用</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/use-with-vite-cn">在 Vite 中使用</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/compatible-style-cn">样式兼容</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/customize-theme-cn">定制主题</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/use-custom-date-library-cn">使用自定义日期库</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/migration-v5-cn">从 v4 到 v5</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/recommendation-cn">社区精选组件</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/migrate-less-variables-cn">Less 变量迁移 Design Token</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/i18n-cn">国际化</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/faq-cn">FAQ</a></span></li><li class="ant-menu-item ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/docs/react/contributing-cn">贡献指南</a></span></li><li class="ant-menu-item ant-menu-item-selected ant-menu-item-only-child" style="padding-left:30px" role="menuitem" tabindex="-1"><span class="ant-menu-title-content"><a href="/changelog-cn">更新日志</a></span></li></ul><div style="display:none" aria-hidden="true"></div></section></div><div class="ant-col ant-col-xs-24 ant-col-sm-24 ant-col-md-18 ant-col-lg-18 ant-col-xl-19 ant-col-xxl-20 css-17ju5m3"><div><div class=""><section class="css-3m1f9t"><div class="css-17ju5m3 ant-anchor-wrapper css-1mtserg" style="max-height:100vh"><div class="ant-anchor"><span class="ant-anchor-ink"></span><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#571" title="5.7.1">5.7.1</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#570" title="5.7.0">5.7.0</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#564" title="5.6.4">5.6.4</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#563" title="5.6.3">5.6.3</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#562" title="5.6.2">5.6.2</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#561" title="5.6.1">5.6.1</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#560" title="5.6.0">5.6.0</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#552" title="5.5.2">5.5.2</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#551" title="5.5.1">5.5.1</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#550" title="5.5.0">5.5.0</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#547" title="5.4.7">5.4.7</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#546" title="5.4.6">5.4.6</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#545" title="5.4.5">5.4.5</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#544" title="5.4.4">5.4.4</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#543" title="5.4.3">5.4.3</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#542" title="5.4.2">5.4.2</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#541" title="5.4.1">5.4.1</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#540" title="5.4.0">5.4.0</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#533" title="5.3.3">5.3.3</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#532" title="5.3.2">5.3.2</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#531" title="5.3.1">5.3.1</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#530" title="5.3.0">5.3.0</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#523" title="5.2.3">5.2.3</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#522" title="5.2.2">5.2.2</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#521" title="5.2.1">5.2.1</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#520" title="5.2.0">5.2.0</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#517" title="5.1.7">5.1.7</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#516" title="5.1.6">5.1.6</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#515" title="5.1.5">5.1.5</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#514" title="5.1.4">5.1.4</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#513" title="5.1.3">5.1.3</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#512" title="5.1.2">5.1.2</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#511" title="5.1.1">5.1.1</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#510" title="5.1.0">5.1.0</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#507" title="5.0.7">5.0.7</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#506" title="5.0.6">5.0.6</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#505" title="5.0.5">5.0.5</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#504" title="5.0.4">5.0.4</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#503" title="5.0.3">5.0.3</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#502" title="5.0.2">5.0.2</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#501" title="5.0.1">5.0.1</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#500" title="5.0.0">5.0.0</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#4x" title="4.x">4.x</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#3x" title="3.x">3.x</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#2x" title="2.x">2.x</a></div><div class="ant-anchor-link"><a class="ant-anchor-link-title" href="#1114" title="1.11.4">1.11.4</a></div></div></div></section></div></div><article class=" css-324864"><h1 class="ant-typography css-17ju5m3" style="font-size:30px">更新日志<a href="https://github.com/ant-design/ant-design/edit/master/CHANGELOG.zh-CN.md" target="_blank" rel="noopener noreferrer" class="css-le7aoc"><span role="img" aria-label="edit" class="anticon anticon-edit"><svg viewBox="64 64 896 896" focusable="false" data-icon="edit" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M257.7 752c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9zm67.4-174.4L687.8 215l73.3 73.3-362.7 362.6-88.9 15.7 15.6-89zM880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32z"></path></svg></span></a></h1><!--$?--><template id="B:3"></template><div></div><!--/$--><div class="css-uqqeki" style="display:flex;list-style:none;margin:0;padding:0"><div class="ant-skeleton ant-skeleton-element ant-skeleton-active css-17ju5m3"><span class="ant-skeleton-avatar ant-skeleton-avatar-sm ant-skeleton-avatar-circle" style="margin-left:0"></span></div><div class="ant-skeleton ant-skeleton-element ant-skeleton-active css-17ju5m3"><span class="ant-skeleton-avatar ant-skeleton-avatar-sm ant-skeleton-avatar-circle" style="margin-left:-8px"></span></div><div class="ant-skeleton ant-skeleton-element ant-skeleton-active css-17ju5m3"><span class="ant-skeleton-avatar ant-skeleton-avatar-sm ant-skeleton-avatar-circle" style="margin-left:-8px"></span></div></div></article><section class="css-1d0sb0m"><a href="/docs/react/contributing-cn" class="css-gls9j"><span role="img" aria-label="left" class="anticon anticon-left footer-nav-icon-before"><svg viewBox="64 64 896 896" focusable="false" data-icon="left" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"></path></svg></span>贡献指南<span role="img" aria-label="right" class="anticon anticon-right footer-nav-icon-after"><svg viewBox="64 64 896 896" focusable="false" data-icon="right" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"></path></svg></span></a></section><footer class="rc-footer css-v9zvbc rc-footer-dark"><section class="rc-footer-container"><section class="rc-footer-columns"><div class="rc-footer-column"><h2>相关资源</h2><div class="rc-footer-item"><a href="https://charts.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Charts</a></div><div class="rc-footer-item"><a href="https://pro.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Pro</a></div><div class="rc-footer-item"><a href="https://procomponents.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Pro Components</a></div><div class="rc-footer-item"><a href="https://mobile.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Mobile</a></div><div class="rc-footer-item"><a href="https://mini.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Mini</a></div><div class="rc-footer-item"><a href="https://landing.ant.design" target="_blank" rel="noopener noreferrer">Ant Design Landing</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">首页模板集</span></div><div class="rc-footer-item"><a href="https://scaffold.ant.design" target="_blank" rel="noopener noreferrer">Scaffolds</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">脚手架市场</span></div><div class="rc-footer-item"><a href="https://umijs.org" target="_blank" rel="noopener noreferrer">Umi</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">React 应用开发框架</span></div><div class="rc-footer-item"><a href="https://d.umijs.org" target="_blank" rel="noopener noreferrer">dumi</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">组件/文档研发工具</span></div><div class="rc-footer-item"><a href="https://qiankun.umijs.org" target="_blank" rel="noopener noreferrer">qiankun</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">微前端框架</span></div><div class="rc-footer-item"><a href="https://github.com/alibaba/hooks" target="_blank" rel="noopener noreferrer">ahooks</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">React Hooks 库</span></div><div class="rc-footer-item"><a href="https://motion.ant.design" target="_blank" rel="noopener noreferrer">Ant Motion</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">设计动效</span></div><div class="rc-footer-item"><a href="https://ant-design.antgroup.com">国内镜像站点 🇨🇳</a></div></div><div class="rc-footer-column"><h2>社区</h2><div class="rc-footer-item"><a href="https://github.com/websemantics/awesome-ant-design" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="ant-design" class="anticon anticon-ant-design"><svg viewBox="64 64 896 896" focusable="false" data-icon="ant-design" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M716.3 313.8c19-18.9 19-49.7 0-68.6l-69.9-69.9.1.1c-18.5-18.5-50.3-50.3-95.3-95.2-21.2-20.7-55.5-20.5-76.5.5L80.9 474.2a53.84 53.84 0 000 76.4L474.6 944a54.14 54.14 0 0076.5 0l165.1-165c19-18.9 19-49.7 0-68.6a48.7 48.7 0 00-68.7 0l-125 125.2c-5.2 5.2-13.3 5.2-18.5 0L189.5 521.4c-5.2-5.2-5.2-13.3 0-18.5l314.4-314.2c.4-.4.9-.7 1.3-1.1 5.2-4.1 12.4-3.7 17.2 1.1l125.2 125.1c19 19 49.8 19 68.7 0zM408.6 514.4a106.3 106.2 0 10212.6 0 106.3 106.2 0 10-212.6 0zm536.2-38.6L821.9 353.5c-19-18.9-49.8-18.9-68.7.1a48.4 48.4 0 000 68.6l83 82.9c5.2 5.2 5.2 13.3 0 18.5l-81.8 81.7a48.4 48.4 0 000 68.6 48.7 48.7 0 0068.7 0l121.8-121.7a53.93 53.93 0 00-.1-76.4z"></path></svg></span></span>Awesome Ant Design</a></div><div class="rc-footer-item"><a href="http://medium.com/ant-design/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="medium" class="anticon anticon-medium"><svg viewBox="64 64 896 896" focusable="false" data-icon="medium" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M834.7 279.8l61.3-58.9V208H683.7L532.4 586.4 360.3 208H137.7v12.9l71.6 86.6c7 6.4 10.6 15.8 9.7 25.2V673c2.2 12.3-1.7 24.8-10.3 33.7L128 805v12.7h228.6v-12.9l-80.6-98a39.99 39.99 0 01-11.1-33.7V378.7l200.7 439.2h23.3l172.6-439.2v349.9c0 9.2 0 11.1-6 17.2l-62.1 60.3V819h301.2v-12.9l-59.9-58.9c-5.2-4-7.9-10.7-6.8-17.2V297a18.1 18.1 0 016.8-17.2z"></path></svg></span></span>Medium</a></div><div class="rc-footer-item"><a href="http://twitter.com/antdesignui" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="twitter" style="color:#1DA1F2" class="anticon anticon-twitter"><svg viewBox="64 64 896 896" focusable="false" data-icon="twitter" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M928 254.3c-30.6 13.2-63.9 22.7-98.2 26.4a170.1 170.1 0 0075-94 336.64 336.64 0 01-108.2 41.2A170.1 170.1 0 00672 174c-94.5 0-170.5 76.6-170.5 170.6 0 13.2 1.6 26.4 4.2 39.1-141.5-7.4-267.7-75-351.6-178.5a169.32 169.32 0 00-23.2 86.1c0 59.2 30.1 111.4 76 142.1a172 172 0 01-77.1-21.7v2.1c0 82.9 58.6 151.6 136.7 167.4a180.6 180.6 0 01-44.9 5.8c-11.1 0-21.6-1.1-32.2-2.6C211 652 273.9 701.1 348.8 702.7c-58.6 45.9-132 72.9-211.7 72.9-14.3 0-27.5-.5-41.2-2.1C171.5 822 261.2 850 357.8 850 671.4 850 843 590.2 843 364.7c0-7.4 0-14.8-.5-22.2 33.2-24.3 62.3-54.4 85.5-88.2z"></path></svg></span></span>Twitter</a></div><div class="rc-footer-item"><a href="https://yuque.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg" alt="yuque"/></span>Ant Design 语雀专栏</a></div><div class="rc-footer-item"><a href="https://www.zhihu.com/column/c_1564262000561106944" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="zhihu" style="color:#056de8" class="anticon anticon-zhihu"><svg viewBox="64 64 896 896" focusable="false" data-icon="zhihu" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M564.7 230.1V803h60l25.2 71.4L756.3 803h131.5V230.1H564.7zm247.7 497h-59.9l-75.1 50.4-17.8-50.4h-18V308.3h170.7v418.8zM526.1 486.9H393.3c2.1-44.9 4.3-104.3 6.6-172.9h130.9l-.1-8.1c0-.6-.2-14.7-2.3-29.1-2.1-15-6.6-34.9-21-34.9H287.8c4.4-20.6 15.7-69.7 29.4-93.8l6.4-11.2-12.9-.7c-.8 0-19.6-.9-41.4 10.6-35.7 19-51.7 56.4-58.7 84.4-18.4 73.1-44.6 123.9-55.7 145.6-3.3 6.4-5.3 10.2-6.2 12.8-1.8 4.9-.8 9.8 2.8 13 10.5 9.5 38.2-2.9 38.5-3 .6-.3 1.3-.6 2.2-1 13.9-6.3 55.1-25 69.8-84.5h56.7c.7 32.2 3.1 138.4 2.9 172.9h-141l-2.1 1.5c-23.1 16.9-30.5 63.2-30.8 65.2l-1.4 9.2h167c-12.3 78.3-26.5 113.4-34 127.4-3.7 7-7.3 14-10.7 20.8-21.3 42.2-43.4 85.8-126.3 153.6-3.6 2.8-7 8-4.8 13.7 2.4 6.3 9.3 9.1 24.6 9.1 5.4 0 11.8-.3 19.4-1 49.9-4.4 100.8-18 135.1-87.6 17-35.1 31.7-71.7 43.9-108.9L497 850l5-12c.8-1.9 19-46.3 5.1-95.9l-.5-1.8-108.1-123-22 16.6c6.4-26.1 10.6-49.9 12.5-71.1h158.7v-8c0-40.1-18.5-63.9-19.2-64.9l-2.4-3z"></path></svg></span></span>Ant Design 知乎专栏</a></div><div class="rc-footer-item"><a href="https://www.zhihu.com/column/c_1543658574504751104" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="zhihu" style="color:#056de8" class="anticon anticon-zhihu"><svg viewBox="64 64 896 896" focusable="false" data-icon="zhihu" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M564.7 230.1V803h60l25.2 71.4L756.3 803h131.5V230.1H564.7zm247.7 497h-59.9l-75.1 50.4-17.8-50.4h-18V308.3h170.7v418.8zM526.1 486.9H393.3c2.1-44.9 4.3-104.3 6.6-172.9h130.9l-.1-8.1c0-.6-.2-14.7-2.3-29.1-2.1-15-6.6-34.9-21-34.9H287.8c4.4-20.6 15.7-69.7 29.4-93.8l6.4-11.2-12.9-.7c-.8 0-19.6-.9-41.4 10.6-35.7 19-51.7 56.4-58.7 84.4-18.4 73.1-44.6 123.9-55.7 145.6-3.3 6.4-5.3 10.2-6.2 12.8-1.8 4.9-.8 9.8 2.8 13 10.5 9.5 38.2-2.9 38.5-3 .6-.3 1.3-.6 2.2-1 13.9-6.3 55.1-25 69.8-84.5h56.7c.7 32.2 3.1 138.4 2.9 172.9h-141l-2.1 1.5c-23.1 16.9-30.5 63.2-30.8 65.2l-1.4 9.2h167c-12.3 78.3-26.5 113.4-34 127.4-3.7 7-7.3 14-10.7 20.8-21.3 42.2-43.4 85.8-126.3 153.6-3.6 2.8-7 8-4.8 13.7 2.4 6.3 9.3 9.1 24.6 9.1 5.4 0 11.8-.3 19.4-1 49.9-4.4 100.8-18 135.1-87.6 17-35.1 31.7-71.7 43.9-108.9L497 850l5-12c.8-1.9 19-46.3 5.1-95.9l-.5-1.8-108.1-123-22 16.6c6.4-26.1 10.6-49.9 12.5-71.1h158.7v-8c0-40.1-18.5-63.9-19.2-64.9l-2.4-3z"></path></svg></span></span>体验科技专栏</a></div><div class="rc-footer-item"><a href="https://seeconf.antfin.com/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/mZBWtboYbnMkTBaRIuWQ.png" alt="seeconf"/></span>SEE Conf</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">蚂蚁体验科技大会</span></div><div class="rc-footer-item"><a href="/docs/resources-cn#加入我们"><span class="rc-footer-item-icon"><span role="img" aria-label="usergroup-add" class="anticon anticon-usergroup-add"><svg viewBox="64 64 896 896" focusable="false" data-icon="usergroup-add" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M892 772h-80v-80c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v80h-80c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h80v80c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-80h80c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8zM373.5 498.4c-.9-8.7-1.4-17.5-1.4-26.4 0-15.9 1.5-31.4 4.3-46.5.7-3.6-1.2-7.3-4.5-8.8-13.6-6.1-26.1-14.5-36.9-25.1a127.54 127.54 0 01-38.7-95.4c.9-32.1 13.8-62.6 36.3-85.6 24.7-25.3 57.9-39.1 93.2-38.7 31.9.3 62.7 12.6 86 34.4 7.9 7.4 14.7 15.6 20.4 24.4 2 3.1 5.9 4.4 9.3 3.2 17.6-6.1 36.2-10.4 55.3-12.4 5.6-.6 8.8-6.6 6.3-11.6-32.5-64.3-98.9-108.7-175.7-109.9-110.8-1.7-203.2 89.2-203.2 200 0 62.8 28.9 118.8 74.2 155.5-31.8 14.7-61.1 35-86.5 60.4-54.8 54.7-85.8 126.9-87.8 204a8 8 0 008 8.2h56.1c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5 29.4-29.4 65.4-49.8 104.7-59.7 3.8-1.1 6.4-4.8 5.9-8.8zM824 472c0-109.4-87.9-198.3-196.9-200C516.3 270.3 424 361.2 424 472c0 62.8 29 118.8 74.2 155.5a300.95 300.95 0 00-86.4 60.4C357 742.6 326 814.8 324 891.8a8 8 0 008 8.2h56c4.3 0 7.9-3.4 8-7.7 1.9-58 25.4-112.3 66.7-153.5C505.8 695.7 563 672 624 672c110.4 0 200-89.5 200-200zm-109.5 90.5C690.3 586.7 658.2 600 624 600s-66.3-13.3-90.5-37.5a127.26 127.26 0 01-37.5-91.8c.3-32.8 13.4-64.5 36.3-88 24-24.6 56.1-38.3 90.4-38.7 33.9-.3 66.8 12.9 91 36.6 24.8 24.3 38.4 56.8 38.4 91.4-.1 34.2-13.4 66.3-37.6 90.5z"></path></svg></span></span>加入我们</a></div></div><div class="rc-footer-column"><h2>帮助</h2><div class="rc-footer-item"><a href="https://github.com/ant-design/ant-design" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="github" class="anticon anticon-github"><svg viewBox="64 64 896 896" focusable="false" data-icon="github" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M511.6 76.3C264.3 76.2 64 276.4 64 523.5 64 718.9 189.3 885 363.8 946c23.5 5.9 19.9-10.8 19.9-22.2v-77.5c-135.7 15.9-141.2-73.9-150.3-88.9C215 726 171.5 718 184.5 703c30.9-15.9 62.4 4 98.9 57.9 26.4 39.1 77.9 32.5 104 26 5.7-23.5 17.9-44.5 34.7-60.8-140.6-25.2-199.2-111-199.2-213 0-49.5 16.3-95 48.3-131.7-20.4-60.5 1.9-112.3 4.9-120 58.1-5.2 118.5 41.6 123.2 45.3 33-8.9 70.7-13.6 112.9-13.6 42.4 0 80.2 4.9 113.5 13.9 11.3-8.6 67.3-48.8 121.3-43.9 2.9 7.7 24.7 58.3 5.5 118 32.4 36.8 48.9 82.7 48.9 132.3 0 102.2-59 188.1-200 212.9a127.5 127.5 0 0138.1 91v112.5c.8 9 0 17.9 15 17.9 177.1-59.7 304.6-227 304.6-424.1 0-247.2-200.4-447.3-447.5-447.3z"></path></svg></span></span>GitHub</a></div><div class="rc-footer-item"><a href="/changelog-cn"><span class="rc-footer-item-icon"><span role="img" aria-label="history" class="anticon anticon-history"><svg viewBox="64 64 896 896" focusable="false" data-icon="history" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M536.1 273H488c-4.4 0-8 3.6-8 8v275.3c0 2.6 1.2 5 3.3 6.5l165.3 120.7c3.6 2.6 8.6 1.9 11.2-1.7l28.6-39c2.7-3.7 1.9-8.7-1.7-11.2L544.1 528.5V281c0-4.4-3.6-8-8-8zm219.8 75.2l156.8 38.3c5 1.2 9.9-2.6 9.9-7.7l.8-161.5c0-6.7-7.7-10.5-12.9-6.3L752.9 334.1a8 8 0 003 14.1zm167.7 301.1l-56.7-19.5a8 8 0 00-10.1 4.8c-1.9 5.1-3.9 10.1-6 15.1-17.8 42.1-43.3 80-75.9 112.5a353 353 0 01-112.5 75.9 352.18 352.18 0 01-137.7 27.8c-47.8 0-94.1-9.3-137.7-27.8a353 353 0 01-112.5-75.9c-32.5-32.5-58-70.4-75.9-112.5A353.44 353.44 0 01171 512c0-47.8 9.3-94.2 27.8-137.8 17.8-42.1 43.3-80 75.9-112.5a353 353 0 01112.5-75.9C430.6 167.3 477 158 524.8 158s94.1 9.3 137.7 27.8A353 353 0 01775 261.7c10.2 10.3 19.8 21 28.6 32.3l59.8-46.8C784.7 146.6 662.2 81.9 524.6 82 285 82.1 92.6 276.7 95 516.4 97.4 751.9 288.9 942 524.8 942c185.5 0 343.5-117.6 403.7-282.3 1.5-4.2-.7-8.9-4.9-10.4z"></path></svg></span></span>更新日志</a></div><div class="rc-footer-item"><a href="/docs/react/faq-cn"><span class="rc-footer-item-icon"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-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 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>常见问题</a></div><div class="rc-footer-item"><a href="https://new-issue.ant.design/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="bug" class="anticon anticon-bug"><svg viewBox="64 64 896 896" focusable="false" data-icon="bug" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M304 280h56c4.4 0 8-3.6 8-8 0-28.3 5.9-53.2 17.1-73.5 10.6-19.4 26-34.8 45.4-45.4C450.9 142 475.7 136 504 136h16c28.3 0 53.2 5.9 73.5 17.1 19.4 10.6 34.8 26 45.4 45.4C650 218.9 656 243.7 656 272c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-40-8.8-76.7-25.9-108.1a184.31 184.31 0 00-74-74C596.7 72.8 560 64 520 64h-16c-40 0-76.7 8.8-108.1 25.9a184.31 184.31 0 00-74 74C304.8 195.3 296 232 296 272c0 4.4 3.6 8 8 8z"></path><path d="M940 512H792V412c76.8 0 139-62.2 139-139 0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8a63 63 0 01-63 63H232a63 63 0 01-63-63c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8 0 76.8 62.2 139 139 139v100H84c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h148v96c0 6.5.2 13 .7 19.3C164.1 728.6 116 796.7 116 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-44.2 23.9-82.9 59.6-103.7a273 273 0 0022.7 49c24.3 41.5 59 76.2 100.5 100.5S460.5 960 512 960s99.8-13.9 141.3-38.2a281.38 281.38 0 00123.2-149.5A120 120 0 01836 876c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8 0-79.3-48.1-147.4-116.7-176.7.4-6.4.7-12.8.7-19.3v-96h148c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM716 680c0 36.8-9.7 72-27.8 102.9-17.7 30.3-43 55.6-73.3 73.3C584 874.3 548.8 884 512 884s-72-9.7-102.9-27.8c-30.3-17.7-55.6-43-73.3-73.3A202.75 202.75 0 01308 680V412h408v268z"></path></svg></span></span>报告 Bug</a></div><div class="rc-footer-item"><a href="https://github.com/ant-design/ant-design/issues" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="issues-close" class="anticon anticon-issues-close"><svg viewBox="64 64 896 896" focusable="false" data-icon="issues-close" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 688a48 48 0 1096 0 48 48 0 10-96 0zm72-112c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48zm400-188h-59.3c-2.6 0-5 1.2-6.5 3.3L763.7 538.1l-49.9-68.8a7.92 7.92 0 00-6.5-3.3H648c-6.5 0-10.3 7.4-6.5 12.7l109.2 150.7a16.1 16.1 0 0026 0l165.8-228.7c3.8-5.3 0-12.7-6.5-12.7zm-44 306h-64.2c-5.5 0-10.6 2.9-13.6 7.5a352.2 352.2 0 01-49.8 62.2A355.92 355.92 0 01651.1 840a355 355 0 01-138.7 27.9c-48.1 0-94.8-9.4-138.7-27.9a355.92 355.92 0 01-113.3-76.3A353.06 353.06 0 01184 650.5c-18.6-43.8-28-90.5-28-138.5s9.4-94.7 28-138.5c17.9-42.4 43.6-80.5 76.4-113.2 32.8-32.7 70.9-58.4 113.3-76.3a355 355 0 01138.7-27.9c48.1 0 94.8 9.4 138.7 27.9 42.4 17.9 80.5 43.6 113.3 76.3 19 19 35.6 39.8 49.8 62.2 2.9 4.7 8.1 7.5 13.6 7.5H892c6 0 9.8-6.3 7.2-11.6C828.8 178.5 684.7 82 517.7 80 278.9 77.2 80.5 272.5 80 511.2 79.5 750.1 273.3 944 512.4 944c169.2 0 315.6-97 386.7-238.4A8 8 0 00892 694z"></path></svg></span></span>议题</a></div><div class="rc-footer-item"><a href="https://github.com/ant-design/ant-design/discussions" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="message" class="anticon anticon-message"><svg viewBox="64 64 896 896" focusable="false" data-icon="message" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"></path></svg></span></span>讨论区</a></div><div class="rc-footer-item"><a href="http://stackoverflow.com/questions/tagged/antd" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-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 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>StackOverflow</a></div><div class="rc-footer-item"><a href="https://segmentfault.com/t/antd" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><span role="img" aria-label="question-circle" class="anticon anticon-question-circle"><svg viewBox="64 64 896 896" focusable="false" data-icon="question-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 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"></path><path d="M623.6 316.7C593.6 290.4 554 276 512 276s-81.6 14.5-111.6 40.7C369.2 344 352 380.7 352 420v7.6c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V420c0-44.1 43.1-80 96-80s96 35.9 96 80c0 31.1-22 59.6-56.1 72.7-21.2 8.1-39.2 22.3-52.1 40.9-13.1 19-19.9 41.8-19.9 64.9V620c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8v-22.7a48.3 48.3 0 0130.9-44.8c59-22.7 97.1-74.7 97.1-132.5.1-39.3-17.1-76-48.3-103.3zM472 732a40 40 0 1080 0 40 40 0 10-80 0z"></path></svg></span></span>SegmentFault</a></div></div><div class="rc-footer-column"><h2><span class="rc-footer-column-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg" alt="Ant XTech"/></span>更多产品</h2><div class="rc-footer-item"><a href="https://yuque.com" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg" alt="yuque"/></span>语雀</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">构建你的数字花园</span></div><div class="rc-footer-item"><a href="https://antv.vision" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/antfincdn/nc7Fc0XBg5/8a6844f5-a6ed-4630-9177-4fa5d0b7dd47.png" alt="AntV"/></span>AntV</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">数据可视化解决方案</span></div><div class="rc-footer-item"><a href="https://eggjs.org" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://www.eggjs.org/logo.svg" alt="Egg"/></span>Egg</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">企业级 Node.js 框架</span></div><div class="rc-footer-item"><a href="https://kitchen.alipay.com" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/DMDOlAUhmktLyEODCMBR.ico" alt="kitchen"/></span>Kitchen</a><span class="rc-footer-item-separator">-</span><span class="rc-footer-item-description">Sketch 工具集</span></div><div class="rc-footer-item"><a href="https://xtech.antfin.com/" target="_blank" rel="noopener noreferrer"><span class="rc-footer-item-icon"><img src="https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg" alt="xtech"/></span>蚂蚁体验科技</a></div><div class="rc-footer-item"><a href="/theme-editor-cn"><span class="rc-footer-item-icon"><span role="img" aria-label="bg-colors" class="anticon anticon-bg-colors"><svg viewBox="64 64 896 896" focusable="false" data-icon="bg-colors" width="1em" height="1em" fill="currentColor" aria-hidden="true"><path d="M766.4 744.3c43.7 0 79.4-36.2 79.4-80.5 0-53.5-79.4-140.8-79.4-140.8S687 610.3 687 663.8c0 44.3 35.7 80.5 79.4 80.5zm-377.1-44.1c7.1 7.1 18.6 7.1 25.6 0l256.1-256c7.1-7.1 7.1-18.6 0-25.6l-256-256c-.6-.6-1.3-1.2-2-1.7l-78.2-78.2a9.11 9.11 0 00-12.8 0l-48 48a9.11 9.11 0 000 12.8l67.2 67.2-207.8 207.9c-7.1 7.1-7.1 18.6 0 25.6l255.9 256zm12.9-448.6l178.9 178.9H223.4l178.8-178.9zM904 816H120c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-80c0-4.4-3.6-8-8-8z"></path></svg></span></span>主题编辑器</a></div></div></section></section><section class="rc-footer-bottom"><div class="rc-footer-bottom-container"><div style="opacity:0.4">Made with <span style="color:#fff">❤</span> by</div><div>蚂蚁集团和 Ant Design 开源社区</div></div></section></footer></div></main></div><script>$RC("B:2","S:2")</script><div hidden id="S:3"><div class="markdown"><p><code>antd</code> 遵循 <a href="http://semver.org/lang/zh-CN/">Semantic Versioning 2.0.0</a> 语义化版本规范。</p><h4 id="发布周期"><a aria-hidden="true" tabindex="-1" href="#发布周期"><span class="icon icon-link"></span></a>发布周期</h4><ul><li>修订版本号：每周末会进行日常 bugfix 更新。（如果有紧急的 bugfix，则任何时候都可发布）</li><li>次版本号：每月发布一个带有新特性的向下兼容的版本。</li><li>主版本号：含有破坏性更新和新特性，不在发布周期内。</li></ul><hr/><h2 id="571"><a aria-hidden="true" tabindex="-1" href="#571"><span class="icon icon-link"></span></a>5.7.1</h2><p><code>2023-07-19</code></p><ul><li>💄 补全 Menu 主题定制 token。<a href="https://github.com/ant-design/ant-design/pull/43576">#43576</a></li><li>🐞 修复 QRCode 在 Next.js 13 中报错 <code>Can't resolve 'antd/lib/qr-code'</code> 的问题。<a href="https://github.com/ant-design/ant-design/issues/43572">#43572</a></li><li>🐞 修复 antd 不支持在 Next.js App Router 中使用的问题，查看<a href="/docs/react/use-with-next-cn#%E4%BD%BF%E7%94%A8-nextjs-%E7%9A%84-app-router">使用文档</a>。<a href="https://github.com/ant-design/ant-design/pull/43573">#43573</a></li><li>🐞 修复 InputNumber 幽灵依赖报错 <code>Cannot find module 'rc-component/mini-decimal'</code>。<a href="https://github.com/ant-design/ant-design/pull/43635">#43635</a></li><li>🐞 修复 App.useApp 方式调用 notification 组件时 <code>placement</code> 属性不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/43522">#43522</a> <a href="https://github.com/Rajil1213">@Rajil1213</a></li><li>🐞 修复 Checkbox 同时配置 <code>checked</code> 和 <code>indeterminate</code> 时没有展示为 <code>indeterminate</code> 样式的问题。<a href="https://github.com/ant-design/ant-design/pull/43626">#43626</a></li><li>🐞 修复 Form.Item 设置 <code>label=""</code> 时垂直方向对齐偏移的问题。<a href="https://github.com/ant-design/ant-design/pull/43614">#43614</a></li><li>🐞 修复 Pagination 分页选择器弹层抖动的问题。<a href="https://github.com/ant-design/ant-design/pull/43556">#43556</a></li><li>🐞 修复 Button 幽灵按钮禁用状态丢失的问题。<a href="https://github.com/ant-design/ant-design/pull/43558">#43558</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Tag 仅传入 <code>icon</code> 时渲染多余间距的问题。<a href="https://github.com/ant-design/ant-design/pull/43518">#43518</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 ColorPicker 不跟随表单校验状态改变 UI 的问题。<a href="https://github.com/ant-design/ant-design/pull/42880">#42880</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>TypeScript
|
|
<ul><li>🤖 修复 <code>SpaceContext</code> 没有正确导出的问题。<a href="https://github.com/ant-design/ant-design/pull/43501">#43501</a> <a href="https://github.com/VovkaGoodwin">@VovkaGoodwin</a></li><li>🤖 优化部分组件 TS 定义实现。<a href="https://github.com/ant-design/ant-design/pull/43581">#43581</a> <a href="https://github.com/ant-design/ant-design/pull/43545">#43545</a> <a href="https://github.com/ant-design/ant-design/pull/43588">#43588</a> <a href="https://github.com/ant-design/ant-design/pull/43610">#43610</a> <a href="https://github.com/ant-design/ant-design/pull/43629">#43629</a>，感谢 <a href="https://github.com/thinkasany">@thinkasany</a>、<a href="https://github.com/li-jia-nan">@li-jia-nan</a> 的贡献。</li></ul></li></ul><h2 id="570"><a aria-hidden="true" tabindex="-1" href="#570"><span class="icon icon-link"></span></a>5.7.0</h2><p><code>2023-07-11</code></p><ul><li>🆕 ConfigProvider 支持所有组件的 <code>className</code> 和 <code>style</code> 属性控制。感谢 <a href="https://github.com/Yuiai01">@Yuiai01</a>、<a href="https://github.com/li-jia-nan">@li-jia-nan</a> 和 <a href="https://github.com/MuxinFeng">@MuxinFeng</a> 的贡献。</li><li>🆕 Badge 支持 <code>classNames</code> 属性和 <code>styles</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/43245">#43245</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🆕 ColorPicker 支持 <code>showText</code>、<code>destroyTooltipOnHide</code>、<code>onChangeComplete</code>、<code>panelRender</code>、<code>size</code> 等新特性。
|
|
<ul><li><a href="https://github.com/ant-design/ant-design/pull/42865">#42865</a> <a href="https://github.com/RedJue">@RedJue</a></li><li><a href="https://github.com/ant-design/ant-design/pull/42645">#42645</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li><a href="https://github.com/ant-design/ant-design/pull/43370">#43370</a> <a href="https://github.com/RedJue">@RedJue</a></li><li><a href="https://github.com/ant-design/ant-design/pull/43134">#43134</a> <a href="https://github.com/RedJue">@RedJue</a></li><li><a href="https://github.com/ant-design/ant-design/pull/43116">#43116</a> <a href="https://github.com/RedJue">@RedJue</a></li></ul></li><li>🆕 Alert、Drawer、Modal、Notifaction、Tag、Tabs 均已支持通过设置 <code>closeIcon</code> 为 null 或 false 隐藏关闭按钮。 <a href="https://github.com/ant-design/ant-design/discussions/42828">#42828</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🆕 Anchor 添加 <code>replace</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/43006">#43006</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li><li>🆕 Image 支持 <code>imageRender</code>、<code>toolbarRender</code> 属性以支持预览图和工具栏的自定义渲染，还支持了 <code>onTransform</code>、<code>minScale</code>、<code>maxScale</code> 等新属性，Image.PreviewGroup 支持 <code>items</code> 属性传入列表数据，并修复了 img 标签的原生属性没有传递给预览图的问题。<a href="https://github.com/ant-design/ant-design/pull/43075">#43075</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>🆕 修改 Image 预览图的布局风格，<code>preview</code> 属性支持 <code>closeIcon</code>，Image.PreviewGroup 支持 <code>fallback</code> 属性，修复加载预览资源提前加载的问题。<a href="https://github.com/ant-design/ant-design/pull/43167">#43167</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>🛠 InputNumber 使用 rc-input 进行重构。<a href="https://github.com/ant-design/ant-design/pull/43000">#43000</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🛠 解决 vite、rollup、meteor、microbundle 等构建工具中遇到的循环依赖问题，并增加相关的检测。<a href="https://github.com/ant-design/ant-design/pull/42750">#42750</a>，感谢 <a href="https://github.com/jrr997">@jrr997</a>、<a href="https://github.com/kiner-tang">@kiner-tang</a> 和 <a href="https://github.com/MuxinFeng">@MuxinFeng</a> 的贡献。</li><li>🐞 移除 Anchor/CollapsePanel/Input.Group 组件中 <code>className</code> 属性的默认值（空字符串）。 <a href="https://github.com/ant-design/ant-design/pull/43481">#43481</a> <a href="https://github.com/thinkasany">@thinkasany</a></li><li>🐞 修复 Upload 上传进度条延迟消失且丢失动画效果的问题。<a href="https://github.com/ant-design/ant-design/pull/43471">#43471</a></li><li>🐞 为 Menu 中组件 Token <code>colorItemBgSelected</code> 添加废弃警告。<a href="https://github.com/ant-design/ant-design/pull/43461">#43461</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🐞 修复样式特性支持检测时部分浏览器因为未重绘导致出现滚动条的问题。<a href="https://github.com/ant-design/ant-design/pull/43358">#43358</a> <a href="https://github.com/LeeeeeeM">@LeeeeeeM</a></li><li>🐞 修复 Card <code>tabList</code> 为空时 Tab 完全不展示的问题。<a href="https://github.com/ant-design/ant-design/pull/43416">#43416</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>🐞 修复 ConfigProvider 嵌套使用时，<code>form.validateMessages</code> 配置会丢失的问题。<a href="https://github.com/ant-design/ant-design/pull/43239">#43239</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 Tag 点击的水波纹效果有时候会和 Tag 元素产生偏移的问题。<a href="https://github.com/ant-design/ant-design/pull/43402">#43402</a></li><li>🐞 修复 DatePicker 切换到年月面板时，<code>此刻</code> 点击无效的问题。<a href="https://github.com/ant-design/ant-design/pull/43367">#43367</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 TextArea 组件在屏幕大小变化时设置的高度失效的问题。<a href="https://github.com/ant-design/ant-design/pull/43169">#43169</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>💄 Slider 中 <code>tooltip</code> 在内容很少时应该居中。<a href="https://github.com/ant-design/ant-design/pull/43430">#43430</a> <a href="https://github.com/Jomorx">@Jomorx</a></li><li>💄 将 <code>colorLink</code> 添加至 seed token 中, <code>colorLinkHover</code> 和 <code>colorLinkActive</code> 将会由 <code>colorLink</code> 计算得出。<a href="https://github.com/ant-design/ant-design/pull/43183">#43183</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>💄 调整 Slider 中部分 token 为 component token。<a href="https://github.com/ant-design/ant-design/pull/42428">#42428</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>RTL
|
|
<ul><li>🤖 Progress 支持 rtl 方向的动画。<a href="https://github.com/ant-design/ant-design/pull/43316">#43316</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li></ul></li><li>TypeScript
|
|
<ul><li>🤖 Popover 增加 <code>RawPurePanelProps</code> 接口描述。<a href="https://github.com/ant-design/ant-design/pull/43453">#43453</a> <a href="https://github.com/thinkasany">@thinkasany</a></li><li>🤖 Popconfirm 替换 <code>ref</code> 类型 <code>unknown</code> 为 <code>TooltipRef</code>。<a href="https://github.com/ant-design/ant-design/pull/43452">#43452</a> <a href="https://github.com/thinkasany">@thinkasany</a></li><li>🤖 Popover 替换 <code>ref</code> 类型 <code>unknown</code> 为 <code>TooltipRef</code>。<a href="https://github.com/ant-design/ant-design/pull/43450">#43450</a> <a href="https://github.com/Negentropy247">@Negentropy247</a></li><li>🤖 改进 ButtonGroup 中 <code>GroupSizeContext</code> 的类型声明。<a href="https://github.com/ant-design/ant-design/pull/43439">#43439</a> <a href="https://github.com/thinkasany">@thinkasany</a></li><li>🤖 改进 Select 的 <code>mode</code> 属性的类型声明。<a href="https://github.com/ant-design/ant-design/pull/43413">#43413</a> <a href="https://github.com/thinkasany">@thinkasany</a></li><li>🤖 Checkbox 替换 <code>ref</code> 类型 <code>unknown</code> 为 <code>CheckboxRef</code>。<a href="https://github.com/ant-design/ant-design/pull/43424">#43424</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🤖 改进 Table/Tag/Notification 内部类型实现。
|
|
<ul><li><a href="https://github.com/ant-design/ant-design/pull/43366">#43366</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li><a href="https://github.com/ant-design/ant-design/pull/43357">#43357</a> <a href="https://github.com/thinkasany">@thinkasany</a></li><li><a href="https://github.com/ant-design/ant-design/pull/43351">#43351</a> <a href="https://github.com/thinkasany">@thinkasany</a></li></ul></li></ul></li></ul><h2 id="564"><a aria-hidden="true" tabindex="-1" href="#564"><span class="icon icon-link"></span></a>5.6.4</h2><p><code>2023-07-03</code></p><ul><li>Form
|
|
<ul><li>🐞 修复 Form 在提交时，字段没有配置 <code>rules</code> 时仍会错误触发 <code>onFieldsChange</code> 事件的问题。<a href="https://github.com/ant-design/ant-design/pull/43290">#43290</a></li><li>🐞 修复 Form.List 的 <code>name</code> 为 0 时误报 <code>name</code> 为空的警告信息的问 题。<a href="https://github.com/ant-design/ant-design/pull/43199">#43199</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li></ul></li><li>🐞 修复 Badge <code>color</code> 属性不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/43304">#43304</a></li><li>🐞 修复 Select 组件的消除图标在 FormItem 设置 <code>hasFeedback</code> 时的位置问题。<a href="https://github.com/ant-design/ant-design/pull/43302">#43302</a> <a href="https://github.com/tinyfind">@tinyfind</a></li><li>🐞 修复 Transfer 分页下拉按钮被隐藏以及 <code>showSizeChanger</code> 方法无效。<a href="https://github.com/ant-design/ant-design/pull/41906">#41906</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Popconfirm 组件 <code>colorText</code> 和 <code>fontSize</code> 修改无效的问题。<a href="https://github.com/ant-design/ant-design/pull/43212">#43212</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🐞 修复 Upload 配置 <code>maxCount</code> 后删除文件不会触发 <code>onChange</code> 的问题。<a href="https://github.com/ant-design/ant-design/pull/43193">#43193</a></li><li>💄 修复 Button 在有 <code>link</code> 或 <code>href</code> 属性时禁用样式错误。<a href="https://github.com/ant-design/ant-design/pull/43091">#43091</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>TypeScript
|
|
<ul><li>🤖 优化 Breadcrumb <code>params</code> 类型，支持泛型。<a href="https://github.com/ant-design/ant-design/pull/43211">#43211</a></li><li>🤖 优化 Typography <code>copyIdRef</code> 类型。<a href="https://github.com/ant-design/ant-design/pull/43257">#43257</a> <a href="https://github.com/thinkasany">@thinkasany</a></li><li>🤖 移除 Button <code>loading</code> 多余 number 类型。<a href="https://github.com/ant-design/ant-design/pull/43256">#43256</a> <a href="https://github.com/thinkasany">@thinkasany</a></li><li>🤖 透传 Cascader <code>optionType</code> 泛型。<a href="https://github.com/ant-design/ant-design/pull/43231">#43231</a> <a href="https://github.com/ZWkang">@ZWkang</a></li></ul></li></ul><h2 id="563"><a aria-hidden="true" tabindex="-1" href="#563"><span class="icon icon-link"></span></a>5.6.3</h2><p><code>2023-06-25</code></p><ul><li>BreadCrumb
|
|
<ul><li>🐞 修复 BreadCrumb 传递 <code>dropdownProps</code> 不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/43151">#43151</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>🛠 优化 BreadCrumb 处理 <code>title</code> 为 <code>null</code> 时的行为。<a href="https://github.com/ant-design/ant-design/pull/43099">#43099</a> <a href="https://github.com/Asanio06">@Asanio06</a></li></ul></li><li>🐞 修复 Slider 在 Form 内部时的禁用状态。<a href="https://github.com/ant-design/ant-design/pull/43142">#43142</a> <a href="https://github.com/Starpuccino">@Starpuccino</a></li><li>🐞 修复 Form 标签偏移值在垂直布局中不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/43155">#43155</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Table 打开筛选面板会报 <code>react ref</code> 错误警告信息。<a href="https://github.com/ant-design/ant-design/pull/43139">#43139</a></li><li>🐞 修复 Transfer 配置 <code>rowKey</code> 后无法选中的问题。<a href="https://github.com/ant-design/ant-design/pull/43115">#43115</a></li><li>🐞 修复 Space 与其他组件搭配使用时的 <code>size</code> 优先级<a href="https://github.com/ant-design/ant-design/pull/42752">#42752</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>🐞 修复 QRCode 在暗黑模式下的颜色。<a href="https://github.com/ant-design/ant-design/pull/43162">#43162</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li><li>💄 修复 Select 选项使用 Badge 和 Tag 时底部存在意外边距的问题。<a href="https://github.com/ant-design/ant-design/pull/43097">#43097</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>TypeScript
|
|
<ul><li>🤖 优化 Button 的 <code>target</code> 属性类型定义。<a href="https://github.com/ant-design/ant-design/pull/43129">#43129</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🤖 优化 Progress 的 <code>size</code> 属性类型定义以支持百分比值。<a href="https://github.com/ant-design/ant-design/pull/43123">#43123</a> <a href="https://github.com/Ali-ovo">@Ali-ovo</a></li><li>🤖 优化 Slider tooltip 的类型定义。<a href="https://github.com/ant-design/ant-design/pull/43094">#43094</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li></ul></li></ul><h2 id="562"><a aria-hidden="true" tabindex="-1" href="#562"><span class="icon icon-link"></span></a>5.6.2</h2><p><code>2023-06-19</code></p><ul><li>🐞 修复 Dropdown 配置 <code>autoFocus</code> 无效的问题。<a href="https://github.com/ant-design/ant-design/pull/43002">#43002</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 InputNumber 设置 <code>prefix</code> 在 Form.Item <code>hasFeedBack</code> 内高度异常的问题。<a href="https://github.com/ant-design/ant-design/pull/43049">#43049</a></li><li>💄 修复 Input 和 InputNumber 禁用状态样式。<a href="https://github.com/ant-design/ant-design/pull/42974">#42974</a> <a href="https://github.com/kampiu">@kampiu</a></li><li>🐞 修复 Upload 配置 <code>maxCount</code> 后，上传超出范围的文件仍然会触发 <code>onChange</code> 事件的问题。<a href="https://github.com/ant-design/ant-design/pull/43034">#43034</a></li><li>🐞 修复打包时即便没有使用 <code>rc-field-form</code> 包仍然会包含它的问题。<a href="https://github.com/ant-design/ant-design/pull/43023">#43023</a></li><li>🐞 修复 DatePicker 动态设置 <code>disabledTime</code> 时值不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/42991">#42991</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>📖 补充 FloatButton 受控实例， 并添加对应的 warning 提示。<a href="https://github.com/ant-design/ant-design/pull/42835">#42835</a> <a href="https://github.com/poyiding">@poyiding</a></li><li>🐞 修复 Button 禁用时子节点仍然可以交互的问题。<a href="https://github.com/ant-design/ant-design/pull/42949">#42949</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 Drawer 添加最大宽度以防止在小屏幕下超出的问题。<a href="https://github.com/ant-design/ant-design/pull/42914">#42914</a> <a href="https://github.com/amir2mi">@amir2mi</a></li><li>🐞 修复 Table 设置 <code>checkStrictly</code> 时，<code>preserveSelectedRowKeys</code> 无效的问题。<a href="https://github.com/ant-design/ant-design/pull/42784">#42784</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>🐞 修复 Transfer 在动态变更数据时，展示的选中数不同步的问题。<a href="https://github.com/ant-design/ant-design/pull/42785">#42785</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>🐞 修复 Radio.Button <code>title</code> 属性不生效，并补齐对应定义。<a href="https://github.com/ant-design/ant-design/pull/43012">#43012</a> <a href="https://github.com/linxianxi">@linxianxi</a></li></ul><h2 id="561"><a aria-hidden="true" tabindex="-1" href="#561"><span class="icon icon-link"></span></a>5.6.1</h2><p><code>2023-06-07</code></p><ul><li>ColorPicker
|
|
<ul><li>🐞 修复 ColorPicker 预设颜色没法选中的问题。<a href="https://github.com/ant-design/ant-design/pull/42882">#42882</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🐞 修复 ColorPicker 组件清除后再点击清除仍然触发 <code>onChange</code> 的问题。<a href="https://github.com/ant-design/ant-design/pull/42643">#42643</a> <a href="https://github.com/linxianxi">@linxianxi</a></li></ul></li><li>🐞 修复 Collapse 组件废弃警告异常显示问题。<a href="https://github.com/ant-design/ant-design/pull/42876">#42876</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>TypeScript
|
|
<ul><li>🤖 修复 Collapse 组件 <code>items</code> 类型应该为可选。<a href="https://github.com/ant-design/ant-design/pull/42877">#42877</a> <a href="https://github.com/Dunqing">@Dunqing</a></li></ul></li></ul><h2 id="560"><a aria-hidden="true" tabindex="-1" href="#560"><span class="icon icon-link"></span></a>5.6.0</h2><p><code>2023-06-06</code></p><ul><li>🆕 ColorPicker 添加 <code>onClear</code> 属性，清除选中颜色时不自动关闭弹窗。<a href="https://github.com/ant-design/ant-design/pull/42634">#42634</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>🆕 Collapse 支持通过 <code>items</code> 属性来配置面板内容。<a href="https://github.com/ant-design/ant-design/pull/42545">#42545</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🆕 新增静态方法 <code>getDesignToken</code> 用于获取完整的主题 token。<a href="https://github.com/ant-design/ant-design/pull/42723">#42723</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🆕 ConfigProvider 支持配置 Space 组件的 <code>classNames</code> 和 <code>styles</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/42748">#42748</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🆕 Space 组件支持 <code>classNames</code> 和 <code>styles</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/42743">#42743</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🆕 Drawer 抽屉面板支持事件监听，包裹元素支持传入 <code>data-*</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/42718">#42718</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🆕 ConfigProvider 支持自定义 Button 的 <code>style</code> / <code>className</code> / <code>styles</code> / <code>classNames</code>。<a href="https://github.com/ant-design/ant-design/pull/42623">#42623</a> <a href="https://github.com/LuZhenJie1999">@LuZhenJie1999</a></li><li>🆕 Pagination 的页码选择器可以进行搜索了。<a href="https://github.com/ant-design/ant-design/pull/42608">#42608</a></li><li>🆕 QRCode 支持渲染 svg。<a href="https://github.com/ant-design/ant-design/pull/42570">#42570</a> <a href="https://github.com/sy296565890">@sy296565890</a></li><li>🆕 Calendar 支持将 <code>panelMode</code> 作为选择源类型传递给内部选择触发器回调，以便在调用时使用正确的源类型。<a href="https://github.com/ant-design/ant-design/pull/42459">#42459</a> <a href="https://github.com/bombillazo">@bombillazo</a></li><li>🆕 Select <code>fieldNames</code> 新增 <code>groupLabel</code> 字段映射分组标题。<a href="https://github.com/ant-design/ant-design/pull/42492">#42492</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>🆕 Table 添加对列自定义排序图标的支持。<a href="https://github.com/ant-design/ant-design/pull/42498">#42498</a> <a href="https://github.com/sawadyecma">@sawadyecma</a></li><li>🆕 DatePicker 支持 <code>kk:mm</code> 格式的 <code>format</code> 以支持显示 24:00。<a href="https://github.com/ant-design/ant-design/pull/42494">#42494</a> <a href="https://github.com/cooljser">@cooljser</a></li><li>🆕 ConfigProvider.config 新增 <code>theme</code> 支持配置静态方法主题。<a href="https://github.com/ant-design/ant-design/pull/42473">#42473</a></li><li>🆕 Calendar <code>onSelect</code> 支持 <code>info.source</code> 参数以获取选择来源。<a href="https://github.com/ant-design/ant-design/pull/42432">#42432</a></li><li>💄 优化 ColorPicker 组件在暗黑模式下的样式。<a href="https://github.com/ant-design/ant-design/pull/42827">#42827</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>💄 修复 Popconfirm、Alert 和 Notification 组件 <code>colorTextHeading</code> 和 <code>colorText</code> 误用问题。<a href="https://github.com/ant-design/ant-design/pull/42839">#42839</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>💄 修复 Divider 组件的样式问题。<a href="https://github.com/ant-design/ant-design/pull/42797">#42797</a> <a href="https://github.com/kongmingLatern">@kongmingLatern</a></li><li>🐞 修复 Image.PreviewGroup 预览时图片切换后状态没有重置的问题。<a href="https://github.com/ant-design/ant-design/pull/42793">#42793</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>🐞 统一使用 <code>rc-util/lib/pickAttrs</code> 以节省包体积。修复 Rate 组件在 StrictMode 下 <code>findDOMNode is deprecated</code> 警告信息。<a href="https://github.com/ant-design/ant-design/pull/42688">#42688</a></li><li>🐞 Rate 组件支持传入 <code>id</code> <code>data-*</code> <code>aria-*</code> <code>role</code> <code>onMouseEnter</code> <code>onMouseLeave</code> 等属性，修复不支持 Tooltip 包裹的问题。<a href="https://github.com/ant-design/ant-design/pull/42676">#42676</a></li><li>🐞 修复 Menu 组件横向模式下子菜单没有对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/42648">#42648</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🐞 将 Card <code>tabList</code> 的 API 与 Tab <code>items</code> 对齐。<a href="https://github.com/ant-design/ant-design/pull/42413">#42413</a></li><li>🐞 修复循环依赖问题。
|
|
<ul><li>🐞 修复 Modal 组件循环依赖问题。<a href="https://github.com/ant-design/ant-design/pull/42841">#42841</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Space 组件循环依赖问题。<a href="https://github.com/ant-design/ant-design/pull/42811">#42811</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Statistic 组件循环依赖问题。<a href="https://github.com/ant-design/ant-design/pull/42814">#42814</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 List 组件循环依赖问题。<a href="https://github.com/ant-design/ant-design/pull/42806">#42806</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Dropdown 组件循环依赖问题。<a href="https://github.com/ant-design/ant-design/pull/42764">#42764</a> <a href="https://github.com/Dunqing">@Dunqing</a></li></ul></li><li>⌨️ 增强 Progress 可访问性表现，添加 <code>aria</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/42704">#42704</a> <a href="https://github.com/MehmetYararVX">@MehmetYararVX</a></li><li>⌨️ Notification 添加 <code>role</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/42484">#42484</a> <a href="https://github.com/guan404ming">@guan404ming</a></li><li>🛠 Collapse 使用 <code>onKeyDown</code> 替代 <code>onKeyPress</code> 来改变折叠面板的激活状态。<a href="https://github.com/ant-design/ant-design/pull/42592">#42592</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🛠 使用 <code>@rc-component/trigger</code> 重构 Menu 组件。移除 <code>rc-trigger</code> 依赖，缩小打包体积。<a href="https://github.com/ant-design/ant-design/pull/42554">#42554</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🛠 Table 组件将 <code>sorterOrder</code> 重命名为 <code>sortOrder</code> 用于 <code>sortIcon</code> 的参数。<a href="https://github.com/ant-design/ant-design/pull/42519">#42519</a> <a href="https://github.com/sawadyecma">@sawadyecma</a></li><li>组件 Token 迁移，更多详情请查看文档：<a href="/docs/react/migrate-less-variables-cn">迁移 less 变量</a><ul><li>🛠 使用新的命名标准重命名 Menu 组件 token。<a href="https://github.com/ant-design/ant-design/pull/42848">#42848</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🛠 迁移 Radio 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42050">#42050</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🛠 迁移 Image 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42048">#42048</a> <a href="https://github.com/guan404ming">@guan404ming</a></li><li> 🛠 迁移 Tooltip 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42046">#42046</a> <a href="https://github.com/guan404ming">@guan404ming</a></li><li>🛠 迁移 Transfer 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42431">#42431</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 迁移 Tabs 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42186">#42186</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 迁移 Card 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42061">#42061</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 迁移 Mentions 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42711">#42711</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 迁移 Avatar 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42063">#42063</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 迁移 Pagination 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42330">#42330</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 迁移 Popover 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42337">#42337</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 迁移 Tag 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42053">#42053</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 迁移 List 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42041">#42041</a> <a href="https://github.com/jrr997">@jrr997</a></li><li>🛠 迁移 Dropdown 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42258">#42258</a> <a href="https://github.com/poyiding">@poyiding</a></li><li>🛠 迁移 Timeline 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42491">#42491</a> <a href="https://github.com/jrr997">@jrr997</a></li><li>🛠 迁移 Anchor 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42141">#42141</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🛠 迁移 Carousel 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42157">#42157</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🛠 迁移 Upload 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42042">#42042</a> <a href="https://github.com/jrr997">@jrr997</a></li><li>🛠 迁移 Typography 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42442">#42442</a> <a href="https://github.com/jrr997">@jrr997</a></li><li>🛠 迁移 Segmented 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42136">#42136</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🛠 迁移 Checkbox 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42097">#42097</a> <a href="https://github.com/poyiding">@poyiding</a></li><li>🛠 迁移 Skeleton 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42134">#42134</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🛠 迁移 Breadcrumb 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42342">#42342</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 迁移 Calendar 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42194">#42194</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🛠 迁移 Rate 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42135">#42135</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🛠 迁移 Descriptions 组件 less 变量。<a href="https://github.com/ant-design/ant-design/pull/42038">#42038</a> <a href="https://github.com/jrr997">@jrr997</a></li></ul></li></ul><h2 id="552"><a aria-hidden="true" tabindex="-1" href="#552"><span class="icon icon-link"></span></a>5.5.2</h2><p><code>2023-05-30</code></p><ul><li>🐞 修复 ColorPicker 组件悬停边界问题。<a href="https://github.com/ant-design/ant-design/pull/42669">#42669</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🐞 修复 Menu 组件 <code>overflowedIndicatorClassName</code> 覆盖了原本的 class 的问题。<a href="https://github.com/ant-design/ant-design/pull/42692">#42692</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🐞 修复 Select 组件在某些情况下显示乱码问题。<a href="https://github.com/ant-design/ant-design/pull/42651">#42651</a> <a href="https://github.com/895433995">@895433995</a></li><li>🐞 修复 Card 组件，当 Image 设置 <code>cover</code> 属性时，悬停蒙版没有圆角属性，导致 UI 异常。<a href="https://github.com/ant-design/ant-design/pull/42642">#42642</a> <a href="https://github.com/iNeedToCopy">@iNeedToCopy</a></li><li>🐞 修复 Checkbox 和 label 不对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/42590">#42590</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🐞 修复使用 ConfigProvider 会导致未使用的 Form 组件也被打包的问题。<a href="https://github.com/ant-design/ant-design/pull/42604">#42604</a></li><li>🐞 修复 InputNumber 和其他组件无法基线对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/42580">#42580</a></li><li>🐞 修复 Badge 组件中旋转的 <code>icon</code> 动画。<a href="https://github.com/ant-design/ant-design/pull/42575">#42575</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>📦 优化 Form <code>setFieldsValue</code> 相关代码以降低打包尺寸。<a href="https://github.com/ant-design/ant-design/pull/42635">#42635</a></li><li>💄 优化 Image 组件预览组样式。<a href="https://github.com/ant-design/ant-design/pull/42675">#42675</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>💄 修复 Tag 无边框样式在 <code>error</code> 等状态下不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/42619">#42619</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>💄 修复 Table <code>rowSpan</code> 悬浮高亮背景颜色丢失的问题。<a href="https://github.com/ant-design/ant-design/pull/42572">#42572</a></li><li>💄 修复 Pagination 在禁用状态下 link 图标和 ellipsis hover 时的样式。<a href="https://github.com/ant-design/ant-design/pull/42541">#42541</a> <a href="https://github.com/qmhc">@qmhc</a></li><li>💄 修复部分全局 Token 无法覆盖组件样式的问题。<a href="https://github.com/ant-design/ant-design/pull/42535">#42535</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🇱🇹 为 <code>lt_LT</code> 添加缺失的部分文案。<a href="https://github.com/ant-design/ant-design/pull/42664">#42664</a> <a href="https://github.com/Digital-512">@Digital-512</a></li><li>RTL
|
|
<ul><li>💄 修复 ColorPicker 组件 RTL 模式样式。<a href="https://github.com/ant-design/ant-design/pull/42716">#42716</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>💄 修复 Anchor RTL 模式下轨道的位置。<a href="https://github.com/ant-design/ant-design/pull/42706">#42706</a> <a href="https://github.com/qmhc">@qmhc</a></li></ul></li></ul><h2 id="551"><a aria-hidden="true" tabindex="-1" href="#551"><span class="icon icon-link"></span></a>5.5.1</h2><p><code>2023-05-22</code></p><ul><li>🐞 修复 Button 组件 icon 尺寸和间距问题。<a href="https://github.com/ant-design/ant-design/pull/42516">#42516</a> <a href="https://github.com/MadCcc">@MadCcc</a></li><li>🐞 修复 Select 移除和选中按钮不居中的问题。<a href="https://github.com/ant-design/ant-design/pull/42513">#42513</a></li><li>🐞 重构 Popconfirm DOM 结构以解决 <code>icon={null}</code> 时 <code>title</code> 和 <code>description</code> 的多余 margin 问题。<a href="https://github.com/ant-design/ant-design/pull/42433">#42433</a></li><li>🐞 修复 Menu 图标在 <code>itemMarginInline</code> 为 0 时不居中的问题。<a href="https://github.com/ant-design/ant-design/pull/42426">#42426</a> <a href="https://github.com/zzwgh">@zzwgh</a></li><li>🐞 修复 Tag 被 Tooltip 包裹时，hover 会导致 <code>font-size</code> 错误的问题。<a href="https://github.com/ant-design/ant-design/pull/42414">#42414</a></li><li>🐞 修复 Popconfirm 的 <code>onVisibleChange</code> 会重复触发的问题。<a href="https://github.com/ant-design/ant-design/pull/42393">#42393</a></li><li>🐞 调整 Tooltip 和 Popover 展示逻辑，现在会优先保证不会被 <code>overflow: hidden</code> 裁剪，其次保证尽可能在可见屏幕范围内展示。<a href="https://github.com/ant-design/ant-design/pull/42394">#42394</a></li><li>ColorPicker
|
|
<ul><li>🐞 优化 ColorPicker <code>allowClear</code> 交互逻辑，重新打开面板选择颜色会默认 100% 透明度，而不是 0%。<a href="https://github.com/ant-design/ant-design/pull/42439">#42439</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🐞 优化 ColorPicker 交互，点击清除按钮时隐藏面板。<a href="https://github.com/ant-design/ant-design/pull/42406">#42406</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li></ul></li><li>💄 修改 Table 筛选下拉菜单的圆角。<a href="https://github.com/ant-design/ant-design/pull/42451">#42451</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🛠 全局移除 <code>rc-util/lib/Dom/addEventListener</code> 引入的 <code>addEventListener</code> 方法，用原生代替。<a href="https://github.com/ant-design/ant-design/pull/42464">#42464</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🛠 优化 @ant-design/icons 的 bundle 体积大小。修复 TwoTone 类的图标色为 5.0 的新主色。<a href="https://github.com/ant-design/ant-design/pull/42443">#42443</a></li><li>🌐 添加 <code>mn_MN</code> 中缺失的翻译。<a href="https://github.com/ant-design/ant-design/pull/42512">#42512</a> <a href="https://github.com/ariunbatb">@ariunbatb</a></li><li>RTL
|
|
<ul><li>💄 修复 Select <code>direction</code> 为 <code>rtl</code> 时 scrollbar 的位置。<a href="https://github.com/ant-design/ant-design/pull/42508">#42508</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li></ul></li><li>TypeScript
|
|
<ul><li>🤖 优化 Slider ref 类型，移除 <code>unknown</code> 和 <code>any</code> 类型，用 <code>SliderRef</code> 代替。<a href="https://github.com/ant-design/ant-design/pull/42420">#42420</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li></ul></li></ul><h2 id="550"><a aria-hidden="true" tabindex="-1" href="#550"><span class="icon icon-link"></span></a>5.5.0</h2><p><code>2023-05-15</code></p><ul><li>🔥 新增颜色选择器组件。<a href="https://github.com/ant-design/ant-design/pull/41990">#41990</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🆕 新增 <code>DatePicker.generateCalendar</code> 与 <code>Calendar.generateCalendar</code> 自定义日期库组件方法，不再需要通过路径引入使用。<a href="https://github.com/ant-design/ant-design/pull/41773">#41773</a></li><li>💄 优化 Select、TreeSelect、Cascader 多选模式下的样式，去除标签的边框。<a href="https://github.com/ant-design/ant-design/pull/41480">#41480</a></li><li>🆕 Form <code>validateFields</code> 支持 <code>validateOnly</code> 配置仅做校验而不改变 UI 状态。<a href="https://github.com/ant-design/ant-design/pull/42273">#42273</a></li><li>🆕 DatePicker 支持 <code>changeOnBlur</code> 以允许不点击确认按钮，在失去焦点时也能触发 change 事件。<a href="https://github.com/ant-design/ant-design/pull/42168">#42168</a></li><li>🆕 Cascader <code>options</code> 支持 <code>disableCheckbox</code> 在多选时禁用勾选框。<a href="https://github.com/ant-design/ant-design/pull/42024">#42024</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>🆕 Popconfirm 新增 <code>onPopupClick</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/42272">#42272</a> <a href="https://github.com/bolosea">@bolosea</a></li><li>🆕 QRCode 新增 <code>bgColor</code> 属性设置背景色。<a href="https://github.com/ant-design/ant-design/pull/42214">#42214</a> <a href="https://github.com/bolosea">@bolosea</a></li><li>🆕 Table.Summary.Row 组件增加 <code>onClick</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/42175">#42175</a> <a href="https://github.com/Ylg12345">@Ylg12345</a></li><li>🆕 Space 新增支持 ref。<a href="https://github.com/ant-design/ant-design/pull/42266">#42266</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🆕 Tab 新增默认继承 Card 的 <code>size</code>。<a href="https://github.com/ant-design/ant-design/pull/42183">#42183</a> <a href="https://github.com/huangkairan">@huangkairan</a></li><li>ConfigProvider
|
|
<ul><li>🐞 修复 ConfigProvider <code>size</code> 对 Pagination 无效的问题。<a href="https://github.com/ant-design/ant-design/pull/42206">#42206</a></li><li>🐞 修复 ConfigProvider <code>size</code> 对 Steps 无效的问题。<a href="https://github.com/ant-design/ant-design/pull/42278">#42278</a> <a href="https://github.com/wanghui2021">@wanghui2021</a></li><li>🐞 修复 ConfigProvider <code>size</code> 对 Descriptions 无效的问题。<a href="https://github.com/ant-design/ant-design/pull/42244">#42244</a> <a href="https://github.com/wanghui2021">@wanghui2021</a></li><li>🐞 修复当 ConfigProvider 中 <code>componentSize</code> 被设定时, Space.Compact 没有继承的问题。<a href="https://github.com/ant-design/ant-design/pull/42199">#42199</a> <a href="https://github.com/Ec-tracker">@Ec-tracker</a></li></ul></li><li>🐞 修复 Input 在 Space.Compact 下使用图标的样式错误。<a href="https://github.com/ant-design/ant-design/pull/42167">#42167</a> <a href="https://github.com/pengyw97">@pengyw97</a></li><li>🐞 修复当 <code>title</code> 和 <code>content</code> 属性均为空值时，Popover 组件 展示空白气泡的问题。<a href="https://github.com/ant-design/ant-design/pull/42217">#42217</a> <a href="https://github.com/hairgc">@hairgc</a></li><li>🐞 修复 Circle Progress 未设置 <code>size</code> 的报错问题。<a href="https://github.com/ant-design/ant-design/pull/41875">#41875</a> <a href="https://github.com/notzheng">@notzheng</a></li><li>🐞 修复 Progress 抛出的警告 <code>findDOMNode is deprecated in StrictMode</code>。<a href="https://github.com/ant-design/ant-design/pull/42241">#42241</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>💄 修复 InputNumber 超出范围样式不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/42250">#42250</a> <a href="https://github.com/pengyw97">@pengyw97</a></li><li>💄 修复 Divider 在垂直方向虚线样式被覆盖导致无法正常显示的问题。<a href="https://github.com/ant-design/ant-design/pull/40418">#40418</a> <a href="https://github.com/buqiyuan">@buqiyuan</a></li><li>💄 调整 Tooltip 动画，现在弹出位置会动态从箭头方向弹出。<a href="https://github.com/ant-design/ant-design/pull/42225">#42225</a></li><li>💄 调整 Checkbox.Group 样式风格与 v4 保持一致。<a href="https://github.com/ant-design/ant-design/pull/42103">#42103</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>💄 完善 Menu 溢出时样式。<a href="https://github.com/ant-design/ant-design/pull/42294">#42294</a> <a href="https://github.com/dhalenok">@dhalenok</a></li><li>💄 完善 Segmented 鼠标 active 样式。<a href="https://github.com/ant-design/ant-design/pull/42249">#42249</a></li><li>🤖 Spin 添加在非嵌套下使用 <code>tip</code> 的警告提示。<a href="https://github.com/ant-design/ant-design/pull/42293">#42293</a></li><li>🤖 组件 Token 名称规范化。<a href="https://github.com/ant-design/ant-design/pull/42184">#42184</a></li><li>TypeScript
|
|
<ul><li>🤖 完善 Tag 的类型定义。<a href="https://github.com/ant-design/ant-design/pull/42235">#42235</a> <a href="https://github.com/gaoqiiii">@gaoqiiii</a></li><li>🤖 完善 Notification <code>getContainer</code> 类型定义。<a href="https://github.com/ant-design/ant-design/pull/40206">#40206</a> <a href="https://github.com/leshalv">@leshalv</a></li><li>🤖 改进了 Menu 组件对 MenuItemType 和 MenuItemProps 泛型的支持。<a href="https://github.com/ant-design/ant-design/pull/42240">#42240</a> <a href="https://github.com/yangyuanxx">@yangyuanxx</a></li></ul></li><li>国际化
|
|
<ul><li>🇧🇬 补充 bg_BG Form 文案。<a href="https://github.com/ant-design/ant-design/pull/42203">#42203</a> <a href="https://github.com/tangzixuan">@tangzixuan</a></li></ul></li></ul><h2 id="547"><a aria-hidden="true" tabindex="-1" href="#547"><span class="icon icon-link"></span></a>5.4.7</h2><p><code>2023-05-06</code></p><ul><li>🐞 修复 Menu.Item 与 Submenu 之间间距不统一的问题。<a href="https://github.com/ant-design/ant-design/pull/42160">#42160</a></li><li>🐞 修复 Breadcrumb 使用 <code>itemRender</code> 并且配置 <code>path</code> 时，渲染元素会额外包一层 a 元素的问题。<a href="https://github.com/ant-design/ant-design/pull/42049">#42049</a></li><li>🐞 修复 Transfer 在受控模式下报 React 状态嵌套更新错误信息。<a href="https://github.com/ant-design/ant-design/pull/42033">#42033</a></li><li>🐞 修复 Upload 禁用状态的逻辑。<a href="https://github.com/ant-design/ant-design/pull/42102">#42102</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>💄 修复 Spin 与其 icon 子元素高度不一致的问题。<a href="https://github.com/ant-design/ant-design/pull/42162">#42162</a> <a href="https://github.com/cheapCoder">@cheapCoder</a></li><li>⚡️ 优化 Affix 组件在无需更新时计算逻辑。<a href="https://github.com/ant-design/ant-design/pull/42015">#42015</a> <a href="https://github.com/Simon-He95">@Simon-He95</a></li><li>⚡️ 优化 Anchor 组件在无需跳转时计算逻辑。<a href="https://github.com/ant-design/ant-design/pull/42018">#42018</a> <a href="https://github.com/Simon-He95">@Simon-He95</a></li></ul><h2 id="546"><a aria-hidden="true" tabindex="-1" href="#546"><span class="icon icon-link"></span></a>5.4.6</h2><p><code>2023-04-26</code></p><ul><li>🐞 修复 Table 一系列边框和圆角的样式细节问题。<a href="https://github.com/ant-design/ant-design/pull/41985">#41985</a></li><li>💄 修复 Layout.Sider 折叠时丢失动画的问题。<a href="https://github.com/ant-design/ant-design/pull/41993">#41993</a></li><li>🐞 修复 InputNumber 字体样式错误。<a href="https://github.com/ant-design/ant-design/pull/41983">#41983</a></li><li>🐞 修复响应式 Col <code>colSize</code> 不支持 <code>flex</code> 的问题。<a href="https://github.com/ant-design/ant-design/pull/41962">#41962</a> <a href="https://github.com/AlexisSniffer">@AlexisSniffer</a></li><li>🐞 修复 Carousel <code>goTo</code> 在动画播放时无效的问题。<a href="https://github.com/ant-design/ant-design/pull/41969">#41969</a> <a href="https://github.com/guan404ming">@guan404ming</a></li><li>Form</li><li>🐞 修复 Form 触发重置事件后反馈图标未重置的问题。<a href="https://github.com/ant-design/ant-design/pull/41976">#41976</a></li><li>🐞 修复 <code>onValuesChange</code> 收集到的数据不准确的问题。<a href="https://github.com/ant-design/ant-design/pull/41976">#41976</a></li><li>TypeScript
|
|
<ul><li>🤖 修复 Menu 报错 OverrideContext 类型定义不存在的问题。<a href="https://github.com/ant-design/ant-design/pull/41907">#41907</a></li><li>🤖 修复 TreeSelect 定义不支持 <code>aria-*</code> 的问题。<a href="https://github.com/ant-design/ant-design/pull/41978">#41978</a> <a href="https://github.com/guan404ming">@guan404ming</a></li></ul></li></ul><h2 id="545"><a aria-hidden="true" tabindex="-1" href="#545"><span class="icon icon-link"></span></a>5.4.5</h2><p><code>2023-04-23</code></p><ul><li>🐞 修复 Anchor 组件 <code>onChange</code> 方法改变后不触发的问题。<a href="https://github.com/ant-design/ant-design/pull/41934">#41934</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 InputNumber 组件样式被浏览器原生样式覆盖的问题。<a href="https://github.com/ant-design/ant-design/pull/41940">#41940</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>Tree
|
|
<ul><li>🐞 修复 Tree 组件可拖拽树文本换行时其标题不对齐。<a href="https://github.com/ant-design/ant-design/pull/41928">#41928</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Checkbox 组件标题没有对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/41920">#41920</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li></ul></li><li>🛠 升级 <code>rc-switch</code> 以修复重复引入 <code>@babel/runtime/helpers</code> 的问题，减小打包体积。<a href="https://github.com/ant-design/ant-design/pull/41954">#41954</a></li></ul><h2 id="544"><a aria-hidden="true" tabindex="-1" href="#544"><span class="icon icon-link"></span></a>5.4.4</h2><p><code>2023-04-20</code></p><ul><li>💄 修复 Message hooks 的图标样式不跟随动态主题 token 切换的问题。<a href="https://github.com/ant-design/ant-design/pull/41899">#41899</a></li><li>🐞 修复 CSS 属性值为 <code>undefined</code> 时 cssinjs 报错的问题。<a href="https://github.com/ant-design/ant-design/pull/41896">#41896</a></li></ul><h2 id="543"><a aria-hidden="true" tabindex="-1" href="#543"><span class="icon icon-link"></span></a>5.4.3</h2><p><code>2023-04-19</code></p><ul><li>🐞 修复 FloatButton 警告: findDOMNode is deprecated in StrictMode.。<a href="https://github.com/ant-design/ant-design/pull/41833">#41833</a> <a href="https://github.com/fourcels">@fourcels</a></li><li>🐞 箭头元素兼容旧版本不支持 <code>clip-path: path()</code> 的浏览器。 <a href="https://github.com/ant-design/ant-design/pull/41872">#41872</a></li><li>🐞 修复 Layout.Sider 切换主题时存在背景切换 延迟的问题。<a href="https://github.com/ant-design/ant-design/pull/41828">#41828</a></li><li>🐞 修复 Tour 的 <code>type="primary"</code> 时箭头的颜色仍为白色的问题。<a href="https://github.com/ant-design/ant-design/pull/41761">#41761</a></li><li>🐞 优化 Form 字段绑定，现在会忽略在 Form.Item 内的注释不再作为子组件进行绑定。<a href="https://github.com/ant-design/ant-design/pull/41771">#41771</a></li><li>🐞 修复 Input.Password 在 Edge 中会额外展示切换按钮的问题。<a href="https://github.com/ant-design/ant-design/pull/41759">#41759</a></li><li>💄 修复 Space.Compact 包裹底层为 Tooltip 组件的组件时的样式问题。<a href="https://github.com/ant-design/ant-design/pull/41707">#41707</a> <a href="https://github.com/foryuki">@foryuki</a></li><li>🇩🇪 修复德语本地化文案。<a href="https://github.com/ant-design/ant-design/pull/41780">#41780</a> <a href="https://github.com/aaarichter">@aaarichter</a></li><li>TypeScript
|
|
<ul><li>🤖 完善 Modal 的类型定义。<a href="https://github.com/ant-design/ant-design/pull/41742">#41742</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li></ul></li></ul><h2 id="542"><a aria-hidden="true" tabindex="-1" href="#542"><span class="icon icon-link"></span></a>5.4.2</h2><p><code>2023-04-11</code></p><ul><li>🐞 修复 DatePicker 组件异常显示废弃警告的问题。<a href="https://github.com/ant-design/ant-design/pull/41753">#41753</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🇩🇪 补充 <code>de_DE</code> 遗漏的国际化。<a href="https://github.com/ant-design/ant-design/pull/41747">#41747</a> <a href="https://github.com/eldarcodes">@eldarcodes</a></li><li>TypeScript
|
|
<ul><li>🤖 优化 TimePicker <code>hourStep</code> 的类型。<a href="https://github.com/ant-design/ant-design/commit/1fc3675">1fc3675</a> <a href="https://github.com/Wuxh">@Wuxh</a></li></ul></li></ul><h2 id="541"><a aria-hidden="true" tabindex="-1" href="#541"><span class="icon icon-link"></span></a>5.4.1</h2><p><code>2023-04-11</code></p><ul><li>💄 优化类 Select 组件弹窗逻辑，现在总是会尝试优先在可视区域展示以减少用户额外滚动成本。<a href="https://github.com/ant-design/ant-design/pull/41619">#41619</a></li><li>💄 去除 Badge.Ribbon 里固定的高度。<a href="https://github.com/ant-design/ant-design/pull/41661">#41661</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🐞 修复 Select 在搜索时宽度变为 <code>0px</code> 的问题。<a href="https://github.com/ant-design/ant-design/pull/41722">#41722</a></li><li>🐞 修复 Empty 空数据组件在宽度不够的容器内样式错位的问题。<a href="https://github.com/ant-design/ant-design/pull/41727">#41727</a></li><li>🐞 改进 Form.Item <code>noStyle</code> 验证消息显隐逻辑。<a href="https://github.com/ant-design/ant-design/pull/41698">#41698</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修正 Form.Item 不应支持设置 <code>requiredMark</code> 的问题。<a href="https://github.com/ant-design/ant-design/pull/41725">#41725</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 Space 影响父元素字体大小和样式的问题。<a href="https://github.com/ant-design/ant-design/pull/40326">#40326</a></li><li>🐞 修复 Pagination 简洁模式中的上一页下一页按钮 hover 样式丢失的问题。<a href="https://github.com/ant-design/ant-design/pull/41685">#41685</a></li><li>🐞 修复 Tree <code>switcherIcon</code> 无法隐藏。<a href="https://github.com/ant-design/ant-design/pull/41708">#41708</a> <a href="https://github.com/acyza">@acyza</a></li><li>🐞 修复 <code>List.Item.Meta</code> 的 <code>avatar</code> 和 <code>title</code> 不对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/41688">#41688</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Row 的 <code>justify</code> 设置为 <code>space-evenly</code> 无效。<a href="https://github.com/ant-design/ant-design/pull/41679">#41679</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Button 类型定义不支持 <code>data-*</code> 属性的问题。<a href="https://github.com/ant-design/ant-design/pull/41650">#41650</a></li><li>🐞 修复 Table <code>rowSelection.selections</code> 有值时选择列宽度不够的问题。<a href="https://github.com/ant-design/ant-design/pull/41626">#41626</a></li><li>🐞 修复 Mentions 弹层样式。<a href="https://github.com/ant-design/ant-design/pull/41660">#41660</a></li><li>🐞 改进 Form.Item 关于 <code>require</code> 的判断逻辑。<a href="https://github.com/ant-design/ant-design/pull/41623">#41623</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>国际化
|
|
<ul><li>🇹🇭 添加 Tour、Image 和 QRCode 泰语语言环境。<a href="https://github.com/ant-design/ant-design/pull/41697">#41697</a> <a href="https://github.com/buildingwatsize">@buildingwatsize</a></li></ul></li></ul><h2 id="540"><a aria-hidden="true" tabindex="-1" href="#540"><span class="icon icon-link"></span></a>5.4.0</h2><p><code>2023-04-03</code></p><ul><li>🗑 移除 <code>antd/es/locale-provider</code> <code>antd/lib/locale-provider</code> 目录，LocaleProvider 已在 4.x 版本移除，使用 ConfigProvider 作为替代。<a href="https://github.com/ant-design/ant-design/pull/41289">#41289</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🆕 DatePicker 等时间类组件可以定制 luxon 作为日期库。<a href="https://github.com/ant-design/ant-design/pull/41580">#41580</a> <a href="https://github.com/hihuz">@hihuz</a></li><li>🆕 新增 Form.Item.useStatus 以支持获取错误状态信息。<a href="https://github.com/ant-design/ant-design/pull/41554">#41554</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🆕 Input 和 Input.TextArea 组件支持 <code>classNames</code> 和 <code>styles</code> 属性，用于更细粒度的样式自定义。<a href="https://github.com/ant-design/ant-design/pull/41493">#41493</a></li><li>🆕 Tag 新增无边框模式。<a href="https://github.com/ant-design/ant-design/pull/41305">#41305</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🆕 FloatButton 支持用 <code>badge</code> 属性开启角标功能。<a href="https://github.com/ant-design/ant-design/pull/41040">#41040</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🆕 Select 支持 <code>title</code> 属性以便覆盖一些自带的 title 提示。<a href="https://github.com/ant-design/ant-design/pull/41280">#41280</a></li><li>🆕 Image 组件支持设置 <code>preview.rootClassName</code>。<a href="https://github.com/ant-design/ant-design/pull/41265">#41265</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🆕 Modal 组件支持 <code>afterOpenChange</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/41253">#41253</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🆕 Form.useWatch 新增 <code>preserve</code> 参数，支持在 Form.Item 未注册的情况下 <code>setFieldValue</code> 时触发监听。<a href="https://github.com/ant-design/ant-design/pull/41191">#41191</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🛠 使用 <code>useMemo</code> 重构部分组件代码。<a href="https://github.com/ant-design/ant-design/pull/41533">#41533</a> <a href="https://github.com/ant-design/ant-design/pull/41550">#41550</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🛠 使用 React hooks 重构 Checkbox，并优化了 TS 定义。<a href="https://github.com/ant-design/ant-design/pull/41117">#41117</a></li><li>🛠 重构 Input.TextArea 文字计数实现方式，移至 <code>affixWrapper</code> 元素中。<a href="https://github.com/ant-design/ant-design/pull/41450">#41450</a></li><li>🆕 DatePicker/Calendar 组件新增 <code>cellRender</code> 用于自定义日期单元格，同时在 DatePicker 中废弃 <code>dateRender</code> 和 <code>monthRender</code> 等属性，在 Calendar 中废弃 <code>dateCellRender</code>、<code>monthCellRender</code>、<code>dateFullCellRender</code>、<code>monthFullCellRender</code> 等属性。<a href="https://github.com/ant-design/ant-design/pull/41584">#41584</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Tour 出现两个箭头的问题。<a href="https://github.com/ant-design/ant-design/pull/41578">#41578</a> <a href="https://github.com/acyza">@acyza</a></li><li>🐞 修复 Checkbox 配置 <code>controlHeight</code> token 时勾选框与文字不对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/41566">#41566</a></li><li>🐞 修复 Form.Item 存在 <code>help</code> 值时在 Modal 中没有正确渲染元素。<a href="https://github.com/ant-design/ant-design/pull/40519">#40519</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Form 使用 <code>hasFeedback</code> 时表单状态不对的问题。<a href="https://github.com/ant-design/ant-design/pull/41594">#41594</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Slider 组件显示 <code>Warning: [antd: Tooltip] forcePopupAlign is align to forceAlign instead</code> 警告信息的问题。<a href="https://github.com/ant-design/ant-design/pull/41540">#41540</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🐞 修复可选择 Table 的勾选框在边缘点击的时候无法触发勾选的问题。<a href="https://github.com/ant-design/ant-design/pull/41519">#41519</a></li><li>国际化
|
|
<ul><li>🇩🇪 更新 TimePicker 德语本地化文案。<a href="https://github.com/ant-design/ant-design/pull/41521">#41521</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🇻🇳 修复越南语本地化文案。<a href="https://github.com/ant-design/ant-design/pull/41320">#41320</a> <a href="https://github.com/trongtai37">@trongtai37</a> <a href="https://github.com/ant-design/ant-design/pull/41345">#41345</a> <a href="https://github.com/duypham90">@duypham90</a></li><li>🇲🇲 添加缅甸语本地化文案。<a href="https://github.com/ant-design/ant-design/pull/41366">#41366</a> <a href="https://github.com/enson0131">@enson0131</a></li></ul></li></ul><h2 id="533"><a aria-hidden="true" tabindex="-1" href="#533"><span class="icon icon-link"></span></a>5.3.3</h2><p><code>2023-03-28</code></p><ul><li>Menu
|
|
<ul><li>🐞 修复 Menu <code>items</code> 没有使用传入的 <code>key</code> 的问题。<a href="https://github.com/ant-design/ant-design/pull/41434">#41434</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Menu 使用 <code>getPopupContainer</code> 选择主菜单时子菜单主题被覆盖。<a href="https://github.com/ant-design/ant-design/pull/41465">#41465</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li></ul></li><li>🐞 修复 Table 过滤器未保持状态当筛选下拉框展示时。<a href="https://github.com/ant-design/ant-design/pull/41445">#41445</a> <a href="https://github.com/ablakey">@ablakey</a></li><li>🐞 修复 Modal 使用 <code>useModal</code> 未透传并优先选择用户设定。<a href="https://github.com/ant-design/ant-design/pull/41422">#41422</a> <a href="https://github.com/luo3house">@luo3house</a></li><li>Form
|
|
<ul><li>🐞 修复 Form 验证状态不按照顺序改变的问题。<a href="https://github.com/ant-design/ant-design/pull/41412">#41412</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>💄 修复 Form 组件 <code>layout="inline"</code> 时组件标题与表单项布局异常换行问题。<a href="https://github.com/ant-design/ant-design/pull/41140">#41140</a> <a href="https://github.com/itkui">@itkui</a></li></ul></li><li>💄 修复 ConfigProvider <code>nonce</code> 对 CSS-in-JS 样式不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/41482">#41482</a></li><li>💄 修复 Pagination <code>size=small</code> 时，分页按钮 active、上一页下一页按钮 hover 和 active 样式丢失。<a href="https://github.com/ant-design/ant-design/pull/41462">#41462</a> <a href="https://github.com/ant-design/ant-design/pull/41458">#41458</a></li><li>💄 修复 Tabs 组件下边框与其他边框叠加的样式问题。<a href="https://github.com/ant-design/ant-design/pull/41381">#41381</a></li><li>💄 修复 Dropdown.Button down 图标尺寸问题。<a href="https://github.com/ant-design/ant-design/pull/41501">#41501</a></li><li>TypeScript
|
|
<ul><li>🐞 修复 Breadcrumb.Item <code>menu</code> 类型定义不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/41373">#41373</a></li><li>🤖 优化 Grid Col 类型提示。<a href="https://github.com/ant-design/ant-design/pull/41453">#41453</a> <a href="https://github.com/vaakian">@vaakian</a></li><li>🤖 优化 Table <code>resetPagination</code> 类型提示。<a href="https://github.com/ant-design/ant-design/pull/41415">#41415</a></li><li>🤖 优化 TreeSelect <code>InternalTreeSelect</code> 类型提示。<a href="https://github.com/ant-design/ant-design/pull/41386">#41386</a> <a href="https://github.com/Andarist">@Andarist</a></li></ul></li><li>国际化
|
|
<ul><li>🇮🇷 完善 DatePicker <code>fa_IR</code> 翻译。<a href="https://github.com/ant-design/ant-design/pull/41455">#41455</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li><li>🇸🇪 完善 <code>sv_SE</code> 语言缺失内容。<a href="https://github.com/ant-design/ant-design/pull/41424">#41424</a> <a href="https://github.com/dhalenok">@dhalenok</a></li></ul></li></ul><h2 id="532"><a aria-hidden="true" tabindex="-1" href="#532"><span class="icon icon-link"></span></a>5.3.2</h2><p><code>2023-03-20</code></p><ul><li><p>Anchor</p><ul><li>💄 修复 Anchor 组件设置为水平方向时多余的 border 样式。<a href="https://github.com/ant-design/ant-design/pull/41336">#41336</a> <a href="https://github.com/gooyoung">@gooyoung</a></li><li>💄 修复 Anchor 处于 <code>vertical</code> 方向时 ink 小方块的样式。<a href="https://github.com/ant-design/ant-design/pull/41317">#41317</a> <a href="https://github.com/acyza">@acyza</a></li></ul></li><li><p>🐞 修复 Grid 在不同设备屏幕下的 <code>offset</code> 设置不会被覆盖的问题。<a href="https://github.com/ant-design/ant-design/pull/41309">#41309</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></p></li><li><p>🐞 修复 Breadcrumb <code>onClick</code> 不工作的问题。<a href="https://github.com/ant-design/ant-design/pull/41283">#41283</a> <a href="https://github.com/acyza">@acyza</a></p></li><li><p>🐞 修复 Upload 在上传完毕后 Progress 组件抛出警告的问题。<a href="https://github.com/ant-design/ant-design/pull/41234">#41234</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></p></li><li><p>🐞 修复 Table 在拖动元素一直右移时布局错误的问题。<a href="https://github.com/ant-design/ant-design/pull/41139">#41139</a> <a href="https://github.com/hoho2017">@hoho2017</a></p></li><li><p>💄 修复 Tabs 在深色模式下更多图标的色值。<a href="https://github.com/ant-design/ant-design/pull/41313">#41313</a> <a href="https://github.com/PhosphorusP">@PhosphorusP</a></p></li><li><p>💄 修复 Button 下拉时聚焦轮廓被其他元素遮挡的问题。<a href="https://github.com/ant-design/ant-design/pull/41282">#41282</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></p></li><li><p>💄 修复 Input.TextArea 在 focus 状态下的样式问题。<a href="https://github.com/ant-design/ant-design/pull/41228">#41228</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></p></li><li><p>RTL</p><ul><li>💄 修复 Input.TextArea 在启用 <code>showCount</code> 时 RTL 模式下位置不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/41319">#41319</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li></ul></li><li><p>TypeScript</p><ul><li>🤖 导出 Statistic 的 <code>CountdownProps</code> 类型。<a href="https://github.com/ant-design/ant-design/pull/41341">#41341</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🤖 优化 token 的类型提示和说明。<a href="https://github.com/ant-design/ant-design/pull/41297">#41297</a> <a href="https://github.com/arvinxx">@arvinxx</a></li><li>🤖 优化 Badge <code>React.forwardRef</code> 类型定义。<a href="https://github.com/ant-design/ant-design/pull/41189">#41189</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li></ul></li></ul><h2 id="531"><a aria-hidden="true" tabindex="-1" href="#531"><span class="icon icon-link"></span></a>5.3.1</h2><p><code>2023-03-13</code></p><ul><li>🐞 更新 DatePicker 底层依赖，修复 Safari 下卡顿，支持 <code>transform scale</code> 下对齐。<a href="https://github.com/ant-design/ant-design/pull/41090">#41090</a></li><li>🐞 修复 Menu 收缩时，Tooltip 有时会弹出的问题。<a href="https://github.com/ant-design/ant-design/issues/41081">#41081</a></li><li>🐞 修复 Modal.confirm 窗体有额外节点导致高度不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/41173">#41173</a> <a href="https://github.com/Svudec">@Svudec</a></li><li>🐞 修复 InputNumber <code>disabled</code> 时字体高亮不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/41167">#41167</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Anchor 动态添加 <code>items</code> 后高亮失效问题。<a href="https://github.com/ant-design/ant-design/pull/40743">#40743</a> <a href="https://github.com/zqran">@zqran</a></li><li>🛠 更新 Mentions 底层依赖，支持 <code>transform scale</code> 下对齐。<a href="https://github.com/ant-design/ant-design/pull/41160">#41160</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🐞 修复 Form 手工调用 <code>validateFields</code> 时，<code>hasFeedback</code> 对成功态不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/41116">#41116</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Cascader 在悬浮至叶子节点时，展开面板 没有关闭的问题。<a href="https://github.com/ant-design/ant-design/issues/41134">#41134</a></li><li>🐞 修复 Popconfirm 使用 <code>Promise</code> 关闭时再次打开仍然是 <code>loading</code> 状态的问题。<a href="https://github.com/ant-design/ant-design/pull/41121">#41121</a></li><li>🐞 修复 Upload 在 React 18 下 <code>onChange</code> 有时数据不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/41082">#41082</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🛎 补充官网中没有切换到 Space.Compact 的遗留示例，并且添加相应警告。<a href="https://github.com/ant-design/ant-design/pull/41080">#41080</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🌐 更新韩语国际化，添加国际化阿姆哈拉语。<a href="https://github.com/ant-design/ant-design/pull/41103">#41103</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li></ul><h2 id="530"><a aria-hidden="true" tabindex="-1" href="#530"><span class="icon icon-link"></span></a>5.3.0</h2><p><code>2023-03-06</code></p><ul><li>🆕 Tooltip 组件新增 <code>arrow.pointAtCenter</code>， 废弃 <code>arrow.arrowPointAtCenter</code>。<a href="https://github.com/ant-design/ant-design/pull/40989">#40989</a></li><li>🆕 Progress 组件支持自定义 <code>size</code>。<a href="https://github.com/ant-design/ant-design/pull/40903">#40903</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🆕 Tour 组件支持自定义 <code>zIndex</code>。<a href="https://github.com/ant-design/ant-design/pull/40982">#40982</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🆕 Table <code>onHeaderCell</code> 支持自定义 <code>colSpan</code> 和 <code>rowSpan</code>。<a href="https://github.com/ant-design/ant-design/pull/40885">#40885</a></li><li>🆕 Image.Group 支持 <code>onChange</code> 回调。<a href="https://github.com/ant-design/ant-design/pull/40857">#40857</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>App
|
|
<ul><li>🆕 App 支持自定义 <code>style</code>。<a href="https://github.com/ant-design/ant-design/pull/40708">#40708</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🆕 App 提供预先配置 <code>message</code>、<code>notification</code> 的选项。<a href="https://github.com/ant-design/ant-design/pull/40458">#40458</a> <a href="https://github.com/luo3house">@luo3house</a></li></ul></li><li>🆕 ConfigProvider 新增 <code>useConfig</code> 以获取上下文中的 <code>size</code> 和 <code>disabled</code>。<a href="https://github.com/ant-design/ant-design/pull/40215">#40215</a> <a href="https://github.com/xliez">@xliez</a></li><li>🆕 Breadcrumb 支持 <code>items</code> 数据驱动。<a href="https://github.com/ant-design/ant-design/pull/40543">#40543</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 Breadcrumb 分隔符统一为 <code>li</code> 元素。<a href="https://github.com/ant-design/ant-design/pull/40887">#40887</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🛠 Tooltip 现在自动调整自身以及箭头位置以更好的展示。同时废弃 <code>destroyTooltipOnHide.keepParent</code>，现在总是会自动销毁不需要的容器。<a href="https://github.com/ant-design/ant-design/pull/40632">#40632</a></li><li>🛠 重命名 token 中的预设颜色，如 <code>blue-1</code> 变为 <code>blue1</code>，废弃原有的 token。<a href="https://github.com/ant-design/ant-design/pull/41071">#41071</a></li><li>💄 Message 组件使用 <code>colorText</code> 优化样式。<a href="https://github.com/ant-design/ant-design/pull/41047">#41047</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>💄 修复 Select, TreeSelect, Cascader 父元素存在 <code>transform: scale</code> 样式时的对齐问题。<a href="https://github.com/ant-design/ant-design/pull/41013">#41013</a></li><li>💄 优化 Table 中 <code>rowScope</code> 的样式。<a href="https://github.com/ant-design/ant-design/pull/40304">#40304</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>💄 为组件聚焦时的 <code>outline</code> 提供新的 AliasToken <code>lineWidthFocus</code>。<a href="https://github.com/ant-design/ant-design/pull/40840">#40840</a></li><li>💄 WeekPicker 支持鼠标悬浮样式。<a href="https://github.com/ant-design/ant-design/pull/40772">#40772</a></li><li>💄 调整 Select, TreeSelect, Cascader 在多选时总是默认显示下拉箭头。<a href="https://github.com/ant-design/ant-design/pull/41028">#41028</a></li><li>🐞 修复 Form 组件 <code>Form.Item.useStatus</code> 导致的服务端渲染问题。<a href="https://github.com/ant-design/ant-design/pull/40977">#40977</a> <a href="https://github.com/AndyBoat">@AndyBoat</a></li><li>🐞 修复部分组件箭头形状问题。<a href="https://github.com/ant-design/ant-design/pull/40971">#40971</a></li><li>🐞 修复 Layout 报错 <code>React does not recognize the </code>suffixCls<code> prop on a DOM element</code> 的问题。<a href="https://github.com/ant-design/ant-design/pull/40969">#40969</a></li><li>🐞 修复 Watermark 组件图片加载异常时的问题，默认展示文字。<a href="https://github.com/ant-design/ant-design/pull/40770">#40770</a> <a href="https://github.com/OriginRing">@OriginRing</a></li><li>🐞 Image 预览新增图片翻转功能。并修复 Image <code>fallback</code> 在 ssr 下失效的问题。<a href="https://github.com/ant-design/ant-design/pull/40660">#40660</a></li><li>🐞 修复 Select 中使用 Typography 不居中的问题。<a href="https://github.com/ant-design/ant-design/pull/40422">#40422</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🌐 完善 Form 的 <code>vi_VN</code> 语言包。<a href="https://github.com/ant-design/ant-design/pull/40992">#40992</a> <a href="https://github.com/lamvananh">@lamvananh</a></li><li>RTL
|
|
<ul><li>💄 修复 FloatButton 不支持 <code>rtl</code> 模式的问题。<a href="https://github.com/ant-design/ant-design/pull/40990">#40990</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li></ul></li><li>TypeScript
|
|
<ul><li>🤖 修复 Cascader 泛型为非必传。<a href="https://github.com/ant-design/ant-design/pull/40961">#40961</a> <a href="https://github.com/crazyair">@crazyair</a></li></ul></li></ul><h2 id="523"><a aria-hidden="true" tabindex="-1" href="#523"><span class="icon icon-link"></span></a>5.2.3</h2><p><code>2023-02-27</code></p><ul><li>🐞 修复 Progress 同时设置 percent 和 success.percent 时，进度文本不会随着 percent 改变而改变。<a href="https://github.com/ant-design/ant-design/pull/40922">#40922</a></li><li>🐞 修复 Image 预览图标不对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/40911">#40911</a></li><li>🐞 修复 ConfigProvider 组件表单校验消息生效顺序。<a href="https://github.com/ant-design/ant-design/pull/40533">#40533</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 Confirm Modal <code>onOk</code> 可能触发两次的问题。<a href="https://github.com/ant-design/ant-design/pull/40719">#40719</a> <a href="https://github.com/Rafael-Martins">@Rafael-Martins</a></li><li>🛠 重写 <code>useLocale</code> 方法，对外暴露 <code>localeCode</code>。<a href="https://github.com/ant-design/ant-design/pull/40884">#40884</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🐞 修复 Segemented 组件子项不响应鼠标事件的问题。<a href="https://github.com/ant-design/ant-design/pull/40894">#40894</a></li><li>🛠 重构：使用 <code>useLocale</code> 替换 LocaleReceiver 组件，并删除 LocaleReceiver 组件。<a href="https://github.com/ant-design/ant-design/pull/40870">#40870</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🐞 修复 ConfigProvider 注入的 <code>getPopupContainer</code> 属性 不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/40871">#40871</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🐞 修复 Descriptions 不接受 <code>data-*</code> 和 <code>aria-*</code> 等属性的问题。<a href="https://github.com/ant-design/ant-design/pull/40859">#40859</a> <a href="https://github.com/goveo">@goveo</a></li><li>🛠 修改 Separator 的 dom 由 <code>span</code> 改为 <code>li</code>。<a href="https://github.com/ant-design/ant-design/pull/40867">#40867</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>💄 修改组件聚焦下的 <code>outline</code> 为默认 <code>4px</code>。<a href="https://github.com/ant-design/ant-design/pull/40839">#40839</a></li><li>🐞 修复 Layout.Header 单独使用时，<code>Layout.colorBgHeader</code> token 配置不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/40933">#40933</a></li><li>🐞 修复 Badge 颜色显示异常问题。<a href="https://github.com/ant-design/ant-design/pull/40848">#40848</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Timeline 的子项的 <code>className</code> 错误。<a href="https://github.com/ant-design/ant-design/pull/40835">#40835</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>💄 修复 Rate 在禁用状态下的交互样式。<a href="https://github.com/ant-design/ant-design/pull/40836">#40836</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🇮🇷 增加了伊朗本地化。<a href="https://github.com/ant-design/ant-design/pull/40895">#40895</a> <a href="https://github.com/majidsadr">@majidsadr</a></li></ul><h2 id="522"><a aria-hidden="true" tabindex="-1" href="#522"><span class="icon icon-link"></span></a>5.2.2</h2><p><code>2023-02-19</code></p><ul><li>DatePicker
|
|
<ul><li>💄 调整 DatePicker 组件日期面板的间距样式。<a href="https://github.com/ant-design/ant-design/pull/40768">#40768</a></li><li>🐞 修复 RangePicker <code>hover</code> 日期错位的问题。<a href="https://github.com/ant-design/ant-design/pull/40785">#40785</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li></ul></li><li>Form
|
|
<ul><li>🐞 修复 Form 下 Radio/Checkbox 的 disabled 优先级问题。<a href="https://github.com/ant-design/ant-design/pull/40741">#40741</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Form 为 <code>disabled</code> 时 Checkbox 和 Radio 表现不一致的问题。<a href="https://github.com/ant-design/ant-design/pull/40728">#40728</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li></ul></li><li>🐞 修复 List 启用 <code>grid</code> 时下额外 <code>padding</code> 样式。<a href="https://github.com/ant-design/ant-design/pull/40806">#40806</a></li><li>🐞 修复 Upload 操作图标不对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/40805">#40805</a></li><li>💄 调整 Table 筛选菜单的底部圆角样式。<a href="https://github.com/ant-design/ant-design/pull/40802">#40802</a></li><li>🐞 修复 Button 组件 <code>loading.delay</code> 第一次不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/40759">#40759</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🐞 修复 Input <code>addonAfter</code> 和 <code>addonBefore</code> 的各种状态样式。<a href="https://github.com/ant-design/ant-design/pull/40744">#40744</a> <a href="https://github.com/carla-cn">@carla-cn</a></li><li>🐞 修复 Skeleton 在 Safari 下 <code>active</code> 效果闪烁的问题。<a href="https://github.com/ant-design/ant-design/pull/40692">#40692</a> <a href="https://github.com/slotDumpling">@slotDumpling</a></li><li>国际化
|
|
<ul><li>🇫🇷 补充 Tour 法语本地化文案。<a href="https://github.com/ant-design/ant-design/pull/40750">#40750</a> <a href="https://github.com/RedJue">@RedJue</a></li><li>🇰🇷 更新韩国本地化文案。<a href="https://github.com/ant-design/ant-design/pull/40716">#40716</a> <a href="https://github.com/owjs3901">@owjs3901</a></li></ul></li></ul><h2 id="521"><a aria-hidden="true" tabindex="-1" href="#521"><span class="icon icon-link"></span></a>5.2.1</h2><p><code>2023-02-13</code></p><ul><li>🛠 重构 Tour 中 <code>panelRender</code> 为函数式组件。<a href="https://github.com/ant-design/ant-design/pull/40670">#40670</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🐞 修复 TimeLine 中 <code>className</code> 传给子节点的问题。<a href="https://github.com/ant-design/ant-design/pull/40700">#40700</a> <a href="https://github.com/any1024">@any1024</a></li><li>🐞 修复 Silder 中的标记点在边缘无法点击的问题。<a href="https://github.com/ant-design/ant-design/pull/40679">#40679</a> <a href="https://github.com/LongHaoo">@LongHaoo</a></li><li>🐞 修复 Tour 不支持 <code>0</code> 作为节点的问题。<a href="https://github.com/ant-design/ant-design/pull/40631">#40631</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>💄 修复 DataPicker.RangePicker 的 hover 范围样式。<a href="https://github.com/ant-design/ant-design/pull/40607">#40607</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>💄 优化 Steps 组件自定义 <code>icon</code> 的大小。<a href="https://github.com/ant-design/ant-design/pull/40672">#40672</a></li><li>TypeScript
|
|
<ul><li>🤖 Upload 组件支持泛型。<a href="https://github.com/ant-design/ant-design/pull/40634">#40634</a> <a href="https://github.com/riyadelberkawy">@riyadelberkawy</a></li></ul></li><li>🌐 国际化
|
|
<ul><li>🇷🇺/🇺🇦 补全 <code>ru_RU</code> 和 <code>uk_UA</code> 文案。<a href="https://github.com/ant-design/ant-design/pull/40656">#40656</a> <a href="https://github.com/eldarcodes">@eldarcodes</a></li></ul></li></ul><h2 id="520"><a aria-hidden="true" tabindex="-1" href="#520"><span class="icon icon-link"></span></a>5.2.0</h2><p><code>2023-02-08</code></p><ul><li>🔥 Upload 的 <code>listType</code> 属性添加 <code>picture-circle</code> 支持。<a href="https://github.com/ant-design/ant-design/pull/40134">#40134</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li><li>🔥 Anchor 组件新增 <code>direction</code> 属性，支持 vertical。<a href="https://github.com/ant-design/ant-design/pull/39372">#39372</a> <a href="https://github.com/foryuki">@foryuki</a></li><li>🆕 Tooltip 新增 <code>arrow</code> 属性用来改变箭头的显示状态和箭头是否指向目标元素的中心。<a href="https://github.com/ant-design/ant-design/pull/40234">#40234</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🆕 List 分页新增 <code>align</code> 配置。<a href="https://github.com/ant-design/ant-design/pull/39858">#39858</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🆕 Timeline 新增 <code>items</code> 支持选项配置。<a href="https://github.com/ant-design/ant-design/pull/40424">#40424</a></li><li>Collapse
|
|
<ul><li>🆕 Collapse 新增支持设置 <code>size</code>。<a href="https://github.com/ant-design/ant-design/pull/40286">#40286</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🆕 为 Collapse 和 Panel 添加 ref。<a href="https://github.com/ant-design/ant-design/pull/40443">#40443</a> <a href="https://github.com/any1024">@any1024</a></li></ul></li><li>Slider
|
|
<ul><li>🆕 Slider 新增 <code>railStyle</code> 属性用于自定义样式。<a href="https://github.com/ant-design/ant-design/pull/40579">#40579</a> <a href="https://github.com/david-cord">@david-cord</a></li><li>🆕 Slider 新增 <code>keyboard</code> 属性以支持禁用键盘事件。<a href="https://github.com/ant-design/ant-design/pull/40526">#40526</a></li><li>🐞 修复 Slider 展示 Tooltip 时动画丢失的问题。<a href="https://github.com/ant-design/ant-design/pull/39857">#39857</a></li></ul></li><li>Dropdown
|
|
<ul><li>🆕 Dropdown 组件支持 <code>autoAdjustOverflow</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/39735">#39735</a></li><li>💄 修复 Dropdown <code>danger</code> 和 <code>disable</code> 属性同时使用样式问题。<a href="https://github.com/ant-design/ant-design/pull/39904">#39904</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li></ul></li><li>Tour
|
|
<ul><li>🆕 Tour 新增 <code>indicatorsRender</code> 支持自定义指示器。<a href="https://github.com/ant-design/ant-design/pull/40613">#40613</a></li><li>🆕 Tour 支持通过 <code>scrollIntoViewOptions</code> 改变<code>scrollIntoView</code> 的选项。<a href="https://github.com/ant-design/ant-design/pull/39980">#39980</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🆕 Tour 遮罩支持传递自定义样式和填充颜色。<a href="https://github.com/ant-design/ant-design/pull/39919">#39919</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Tour 在严格模式下调用 <code>findDomNode</code> 抛出警告问题。<a href="https://github.com/ant-design/ant-design/pull/40160">#40160</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>💄 删除了最后一个指示器的 margin。<a href="https://github.com/ant-design/ant-design/pull/40624">#40624</a></li></ul></li><li>🆕 新增 Design token <code>fontFamilyCode</code> 并应用到 Typography 的 <code>code</code> <code>kbd</code> <code>pre</code> 等元素上。<a href="https://github.com/ant-design/ant-design/pull/39823">#39823</a></li><li>🆕 ConfigProvider 新增 Form <code>scrollToFirstError</code>。<a href="https://github.com/ant-design/ant-design/pull/39509">#39509</a> <a href="https://github.com/linxianxi">@linxianxi</a></li><li>🐞 为全部组件补足 <code>rootClassName</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/40217">#40217</a></li><li>🐞 修复 Empty 在默认主题和暗黑主题下的描述文字颜色。<a href="https://github.com/ant-design/ant-design/pull/40584">#40584</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>Table
|
|
<ul><li>🐞 修复 Table 行 <code>aria-label</code> 和 <code>role="presentation"</code> 无法一起使用的问题。<a href="https://github.com/ant-design/ant-design/pull/40413">#40413</a> <a href="https://github.com/Ke1sy">@Ke1sy</a></li><li>🐞 修改非受控 <code>filtered</code> 修改不生效 的问题。<a href="https://github.com/ant-design/ant-design/pull/39883">#39883</a></li><li>🐞 修表头过滤器在分组标题情况下失效的问题。<a href="https://github.com/ant-design/ant-design/pull/40463">#40463</a> <a href="https://github.com/roman40a">@roman40a</a></li><li>🐞 修复选择列固定时滚动会被其他单元格遮盖的问题。<a href="https://github.com/ant-design/ant-design/pull/39940">#39940</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复排序/筛选的表格的固定列背景色透明导致显示异常问题。<a href="https://github.com/ant-design/ant-design/pull/39012">#39012</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>💄 优化 Table 组件 hover 样式，修复边框异常问题。<a href="https://github.com/ant-design/ant-design/pull/40469">#40469</a></li></ul></li><li>DatePicker
|
|
<ul><li>🐞 修复 DatePicker 组件禁用时状态样式生效的问题。<a href="https://github.com/ant-design/ant-design/pull/40608">#40608</a></li><li>💄 优化 DatePicker 输入框样式。<a href="https://github.com/ant-design/ant-design/pull/40549">#40549</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>💄 优化 DatePicker Dropdown 箭头样式。<a href="https://github.com/ant-design/ant-design/pull/40521">#40521</a></li></ul></li><li>🐞 修复 Space <code>ant-space-item</code> 选择器错误。<a href="https://github.com/ant-design/ant-design/pull/40554">#40554</a> <a href="https://github.com/cncolder">@cncolder</a></li><li>🐞 修复当设置 <code>delay</code> 时，Spin 没有立即关闭的问题。<a href="https://github.com/ant-design/ant-design/pull/40475">#40475</a> <a href="https://github.com/3Alan">@3Alan</a></li><li>🐞 修复 Modal <code>useModal</code> 默认确认按钮文本逻辑。<a href="https://github.com/ant-design/ant-design/pull/39884">#39884</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>🛠 重构水波纹视效，以支持多个水波纹同时触发了 。<a href="https://github.com/ant-design/ant-design/pull/39705">#39705</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🛠 重构 Input.TextArea 组件和 Mentions 组件。<a href="https://github.com/ant-design/ant-design/pull/40045">#40045</a></li><li>🛠 重构 Affix Calendar 使用 React.createRef 代替函数。<a href="https://github.com/ant-design/ant-design/pull/40538">#40538</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>💄 修复 Tabs 更多按钮高度样式错误。<a href="https://github.com/ant-design/ant-design/pull/40488">#40488</a></li><li>💄 修复 Image 预览样式会被 TailwindCSS 影响的问题。<a href="https://github.com/ant-design/ant-design/pull/39914">#39914</a></li><li>💄 修复 Progress 成功进度条 <code>transition</code> 样式丢失问题。<a href="https://github.com/ant-design/ant-design/pull/40487">#40487</a></li><li>💄 修复 Input.Group 在 windows 下缩放屏幕时的错位问题。<a href="https://github.com/ant-design/ant-design/pull/39842">#39842</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>💄 修复 Select placeholder 样式问题。<a href="https://github.com/ant-design/ant-design/pull/40477">#40477</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>💄 调整 Descriptions 标签样式使其更容易区分。<a href="https://github.com/ant-design/ant-design/pull/40085">#40085</a></li><li>💄 优化 QRCode 过期显示样式。<a href="https://github.com/ant-design/ant-design/pull/39849">#39849</a></li><li>💄 优化 <code>boxShadow</code> token 分级。<a href="https://github.com/ant-design/ant-design/pull/40516">#40516</a></li><li>TypeScript
|
|
<ul><li>🤖 优化 Badge Tag Tooltip <code>color</code> 类型定义。<a href="https://github.com/ant-design/ant-design/pull/39871">#39871</a></li><li>🤖 新增 <code>Breakpoint</code> <code>ThmeConfig</code> <code>GlobalToken</code> 类型导出。<a href="https://github.com/ant-design/ant-design/pull/40508">#40508</a> <a href="https://github.com/Kamahl19">@Kamahl19</a></li><li>🤖 更新 Upload <code>fileList</code> 类型。<a href="https://github.com/ant-design/ant-design/pull/40585">#40585</a></li><li>🤖 移除 Tour ForwardRefRenderFunction。<a href="https://github.com/ant-design/ant-design/pull/39924">#39924</a></li></ul></li><li>🌐 国际化
|
|
<ul><li>🇮🇳 补全 <code>ta_IN</code> 文案。<a href="https://github.com/ant-design/ant-design/pull/39936">#39936</a> <a href="https://github.com/KIRUBASHANKAR26">@KIRUBASHANKAR26</a></li></ul></li></ul><h2 id="517"><a aria-hidden="true" tabindex="-1" href="#517"><span class="icon icon-link"></span></a>5.1.7</h2><p><code>2023-01-31</code></p><ul><li>Input
|
|
<ul><li>🐞 修复 Input 组件 <code>type="search"</code> 时未隐藏浏览器原生取消按钮的问题。<a href="https://github.com/ant-design/ant-design/pull/40457">#40457</a></li><li>🐞 修复 Input 的 suffix 颜色不随组件状态改变的问题。<a href="https://github.com/ant-design/ant-design/pull/40344">#40344</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li></ul></li><li>🐞 修复 Switch 在 Safari 和 Chrome <= 84 兼容模式下文本的显示问题。<a href="https://github.com/ant-design/ant-design/pull/40453">#40453</a> <a href="https://github.com/Ifeinstein">@Ifeinstein</a></li><li>🐞 修复 Progress 的 <code>percent</code> 属性设置为 <code>null</code> 时报错的问题。<a href="https://github.com/ant-design/ant-design/pull/40378">#40378</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🐞 修复 List 中 title 和 avatar 渲染错位的问题。<a href="https://github.com/ant-design/ant-design/pull/40395">#40395</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🐞 修复 Dropdown 子菜单位置不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/40349">#40349</a></li><li>🐞 修复 Badge 在 StrictMode 下切换 <code>dot</code> 时会报 <code>findDOMNode</code> 警告的问题。<a href="https://github.com/ant-design/ant-design/pull/40347">#40347</a></li><li>🐞 修复 Message 图标颜色错误的问题。<a href="https://github.com/ant-design/ant-design/pull/40471">#40471</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>💄 优化 Empty 在暗色主题下默认的颜色。<a href="https://github.com/ant-design/ant-design/pull/40447">#40447</a></li><li>RTL
|
|
<ul><li>💄 修复 Table 在 RTL 模式下的滚动阴影。<a href="https://github.com/ant-design/ant-design/pull/40441">#40441</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li></ul></li><li>TypeScript
|
|
<ul><li>🤖 导出 ConfigProvider 组件的 ThemeConfig 类型。<a href="https://github.com/ant-design/ant-design/pull/40370">#40370</a> <a href="https://github.com/Kamahl19">@Kamahl19</a></li></ul></li></ul><h2 id="516"><a aria-hidden="true" tabindex="-1" href="#516"><span class="icon icon-link"></span></a>5.1.6</h2><p><code>2023-01-20</code></p><ul><li>🐞 修复 DatePicker 等组件动画 timing function 错误的问题。<a href="https://github.com/ant-design/ant-design/pull/40133">#40133</a></li><li>Menu
|
|
<ul><li>🐞 修复 Menu 收缩时，Tooltip 偶尔会错误展示的问题。<a href="https://github.com/ant-design/ant-design/pull/40328">#40328</a></li><li>🐞 修复 Menu 分割线样式错误。<a href="https://github.com/ant-design/ant-design/pull/40268">#40268</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li></ul></li><li>🐞 修复带波纹效果的组件（如 Button）在波纹展示前移除时，控制台报错的问题。<a href="https://github.com/ant-design/ant-design/pull/40307">#40307</a> <a href="https://github.com/luo3house">@luo3house</a></li><li>🐞 修复 Breadcrumb 组件使用 <code>menu</code> 属性，但是出现 overlay deprecation 警告的问题。<a href="https://github.com/ant-design/ant-design/pull/40211">#40211</a> <a href="https://github.com/candy4290">@candy4290</a></li><li>🐞 修复 Modal.useModal <code>destroyAll</code> 不工作的问题。<a href="https://github.com/ant-design/ant-design/pull/40281">#40281</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li><li>🐞 修复 <code>message</code> 组件通过 <code>config</code> 设置 <code>duration</code> 无效问题。<a href="https://github.com/ant-design/ant-design/pull/40232">#40232</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Button 包含 <code>a</code> 标签时的 文本颜色不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/40269">#40269</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li><li>🐞 修复 Radio 在 <code>disabled</code> 时显示错误的文本颜色和光标。<a href="https://github.com/ant-design/ant-design/pull/40273">#40273</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li><li>💄 优化 focus <code>outline</code> 计算逻辑，替换 <code>lineWidth</code> 为 <code>lineWidthBold</code>。<a href="https://github.com/ant-design/ant-design/pull/40291">#40291</a> <a href="https://github.com/simonpfish">@simonpfish</a></li><li>💄 重写部分组件样式以兼容部分对 <code>:not</code> 支持不完全的旧版浏览器。<a href="https://github.com/ant-design/ant-design/pull/40264">#40264</a></li><li>🌐 修复 <code>pt_BR</code> 缺失的国际化。<a href="https://github.com/ant-design/ant-design/pull/40270">#40270</a> <a href="https://github.com/rafaelncarvalho">@rafaelncarvalho</a></li></ul><h2 id="515"><a aria-hidden="true" tabindex="-1" href="#515"><span class="icon icon-link"></span></a>5.1.5</h2><p><code>2023-01-15</code></p><ul><li>🐞 修复 Checkbox 组件 label 不对齐的问题。 <a href="https://github.com/ant-design/ant-design/pull/40208">#40208</a></li><li>🐞 修复 Button 水波纹效果有时会使得布局抖动的问题。<a href="https://github.com/ant-design/ant-design/pull/40192">#40192</a></li><li>🐞 修复 Select 组件会卡住的问题。<a href="https://github.com/ant-design/ant-design/pull/40158">#40158</a> <a href="https://github.com/helloqian12138">@helloqian12138</a></li><li>🐞 修复 Timeline 组件自定义颜色显示错误类名和对齐溢出的问题。<a href="https://github.com/ant-design/ant-design/pull/39394">#39394</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 Breadcrumb 最后一项颜色。<a href="https://github.com/ant-design/ant-design/pull/40119">#40119</a> <a href="https://github.com/messaooudi">@messaooudi</a></li><li>💄 修复 Table 固定表头阴影样式错误。<a href="https://github.com/ant-design/ant-design/pull/40171">#40171</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>💄 修复 Segmented hover 时圆角和选中圆角不一致的问题。<a href="https://github.com/ant-design/ant-design/pull/40175">#40175</a> <a href="https://github.com/ant-design/ant-design/pull/40179">#40179</a></li><li>TypeScript
|
|
<ul><li>🤖 修复 Tabs 组件 <code>onEdit</code> 类型问题。<a href="https://github.com/ant-design/ant-design/pull/39926">#39926</a> <a href="https://github.com/RSS1102">@RSS1102</a></li></ul></li><li>RTL
|
|
<ul><li>💄 优化 DatePicker 在 RTL 模式下 next 和 prev 图标。<a href="https://github.com/ant-design/ant-design/pull/40238">#40238</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li><li>💄 修复 Badge 作用在块级元素上时 RTL 样式不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/40125">#40125</a></li></ul></li></ul><h2 id="514"><a aria-hidden="true" tabindex="-1" href="#514"><span class="icon icon-link"></span></a>5.1.4</h2><p><code>2023-01-09</code></p><ul><li>🐞 修复 locale 文件丢失的问题。<a href="https://github.com/ant-design/ant-design/pull/40116">#40116</a></li><li>🐞 修复 Cascader 组件 RTL 模式中下拉菜单位置问题。<a href="https://github.com/ant-design/ant-design/pull/40109">#40109</a> <a href="https://github.com/3hson">@3hson</a></li><li>🐞 修复部分组件动画闪烁的问题。<a href="https://github.com/react-component/motion/pull/39">react-component/motion#39</a></li></ul><h2 id="513"><a aria-hidden="true" tabindex="-1" href="#513"><span class="icon icon-link"></span></a>5.1.3</h2><p><code>2023-01-09</code></p><ul><li>Table
|
|
<ul><li>🛠 优化 Table <code>shouldCellUpdate</code> 逻辑，提升二次渲染速度。<a href="https://github.com/ant-design/ant-design/pull/40063">#40063</a></li><li>🐞 修复 Table <code>columns.render</code> 中如果使用闭包数据，更新闭包数据不会触发重新渲染的问题。<a href="https://github.com/ant-design/ant-design/pull/40004">#40004</a></li><li>🐞 修复 Table filter 时,边框会有黑色的问题。<a href="https://github.com/ant-design/ant-design/pull/39938">#39938</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li></ul></li><li>Button
|
|
<ul><li>🐞 修复 Button 水波纹效果不跟随屏幕滚动的问题。<a href="https://github.com/ant-design/ant-design/pull/39954">#39954</a></li><li>🐞 修复 Button <code>block</code> 属性不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/39992">#39992</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li></ul></li><li>🐞 修复 Menu 自定义展开图标无法隐藏的错误。<a href="https://github.com/ant-design/ant-design/pull/40071">#40071</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>💄 修复横向 Menu 组件暗色模式样式。<a href="https://github.com/ant-design/ant-design/pull/40105">#40105</a></li><li>💄 修复圆形 Progress 文本在 rtl 模式下不显示的问题。<a href="https://github.com/ant-design/ant-design/pull/40103">#40103</a></li><li>🐞 修复 Cascader <code>notFoundContent</code> 内容无法交互的问题。<a href="https://github.com/ant-design/ant-design/pull/40067">#40067</a></li><li>🐞 修复 Transfer 中 CheckBox 在列表为空的时候没有变成 disabled 状态的问题。<a href="https://github.com/ant-design/ant-design/pull/40038">#40038</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>💄 修复 Checkbox 同时开启 <code>disabled</code> 和 <code>indeterminate</code> 时的样式问题。<a href="https://github.com/ant-design/ant-design/pull/39974">#39974</a> <a href="https://github.com/ds1371dani">@ds1371dani</a></li><li>🐞 修复 Alert.ErrorBoundary 内容溢出的问题。<a href="https://github.com/ant-design/ant-design/pull/40033">#40033</a></li><li>💄 修复 Tag <code>onClick</code> 为 undefined，鼠标点击也会出现边框样式。<a href="https://github.com/ant-design/ant-design/pull/40023">#40023</a> <a href="https://github.com/crazyair">@crazyair</a></li><li>💄 修复 Avatar.Group 内 Avatar 外层包裹其他元素时间距样式失效问题。<a href="https://github.com/ant-design/ant-design/pull/39993">#39993</a></li><li>🐞 修复 Submenu 箭头过渡动画不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/39945">#39945</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li><li>🐞 修复选择列固定时滚动会被其他单元格遮盖的问题。<a href="https://github.com/ant-design/ant-design/pull/39940">#39940</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🌐 增加缺失的泰米尔语翻译。<a href="https://github.com/ant-design/ant-design/pull/39936">#39936</a> <a href="https://github.com/KIRUBASHANKAR26">@KIRUBASHANKAR26</a></li></ul><h2 id="512"><a aria-hidden="true" tabindex="-1" href="#512"><span class="icon icon-link"></span></a>5.1.2</h2><p><code>2022-12-30</code></p><ul><li>🆕 官网主题编辑器添加主题上传功能。<a href="https://github.com/ant-design/ant-design/pull/39621">#39621</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>💄 重构水波纹视效，现在可以多个水波纹同时触发了。<a href="https://github.com/ant-design/ant-design/pull/39705">#39705</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>Table
|
|
<ul><li>🐞 修复 Table <code>column.filtered</code> 更新不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/39883">#39883</a></li><li>🐞 修复 Table 排序/筛选的固定列背景色透明的样式异常问题。<a href="https://github.com/ant-design/ant-design/pull/39012">#39012</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li></ul></li><li>🐞 解决 Image 预览样式会被 TailwindCSS 影响的问题。<a href="https://github.com/ant-design/ant-design/pull/39914">#39914</a></li><li>🐞 修复 Dropdown 组件 <code>danger</code> 和 <code>disabled</code> 属性同时使用的样式问题。<a href="https://github.com/ant-design/ant-design/pull/39904">#39904</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 App <code>useApp</code> 中 <code>modal</code> 确认按钮文案。<a href="https://github.com/ant-design/ant-design/pull/39884">#39884</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>🐞 修复 Input.Group 在 windows 下缩放屏幕时的错位问题。<a href="https://github.com/ant-design/ant-design/pull/39842">#39842</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🐞 修复 Slider 展示 Tooltip 时动画丢失的问题。<a href="https://github.com/ant-design/ant-design/pull/39857">#39857</a></li><li>🐞 修复 QRCode 过期文案在暗色模式下看不清的问题。<a href="https://github.com/ant-design/ant-design/pull/39849">#39849</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🐞 修复 Tree 在暗黑模式下 <code>switcher</code> 背景显示异常问题。<a href="https://github.com/ant-design/ant-design/pull/39838">#39838</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>🐞 修复 Menu 组件滑块在 <code>border</code> 被预设值重置时的样式问题。<a href="https://github.com/ant-design/ant-design/pull/39819">#39819</a></li><li>🐞 修复 Checkbox 禁用时不支持 Tooltip 和 Popover 的问题。<a href="https://github.com/ant-design/ant-design/pull/39829">#39829</a></li></ul><h2 id="511"><a aria-hidden="true" tabindex="-1" href="#511"><span class="icon icon-link"></span></a>5.1.1</h2><p><code>2022-12-26</code></p><ul><li>📦 在构建流程中去掉对 IE 等旧版本浏览器的支持以减少包体积。<a href="https://github.com/ant-design/ant-design/pull/38779">#38779</a></li><li>⚡️ 提升 Transfer 在大数据量下勾选和移动节点时的性能。<a href="https://github.com/ant-design/ant-design/pull/39465">#39465</a> <a href="https://github.com/wqs576222103">@wqs576222103</a></li><li>🐞 修复组件字体错误问题。<a href="https://github.com/ant-design/ant-design/pull/39806">#39806</a></li><li>🐞 修复 Drawer <code>placement</code> <code>open</code> <code>width</code> 等参数为 undefined 时默认值不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/39782">#39782</a></li><li>🐞 修复 Menu 切换时图标动画效果不流畅的问题。<a href="https://github.com/ant-design/ant-design/pull/39800">#39800</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li><li>🐞 修复 Image 预览操作条在动态过程中会被高 zIndex 的元素覆盖。<a href="https://github.com/ant-design/ant-design/pull/39788">#39788</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li><li>🐞 修复 List 组件分页器错误参数导致报错问题。<a href="https://github.com/ant-design/ant-design/pull/39681">#39681</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 Space <code>align="baseline"</code> 不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/39748">#39748</a> <a href="https://github.com/candy4290">@candy4290</a></li><li>Table
|
|
<ul><li>🐞 修复 Table 可扩展行标题没有左上边框半径的问题。<a href="https://github.com/ant-design/ant-design/pull/39781">#39781</a> <a href="https://github.com/chunsch">@chunsch</a></li><li>🐞 修复 Table 列头的圆角丢失问题。<a href="https://github.com/ant-design/ant-design/pull/39723">#39723</a></li><li>🐞 修复 Table 组件合并单元格后底部边框消失和边框重叠时颜色变深的问题。<a href="https://github.com/ant-design/ant-design/pull/39729">#39729</a></li><li>⌨️ 修正 Table <code>aria-*</code> 属性到 table 元素上以支持更好的可访问性。<a href="https://github.com/ant-design/ant-design/pull/39700">#39700</a></li><li>⌨️ 重置 Table 列的 <code>aria-label</code> 属性值。<a href="https://github.com/ant-design/ant-design/pull/39738">#39738</a> <a href="https://github.com/kiner-tang">@kiner-tang</a></li><li>💄 为 Table 边框添加过渡动画使其 hover 效果更顺滑。<a href="https://github.com/ant-design/ant-design/pull/39713">#39713</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li></ul></li><li>🐞 修复 Tabs 添加按钮在暗色模式下不可见的问题。<a href="https://github.com/ant-design/ant-design/pull/39724">#39724</a></li><li>🐞 修复 Card 只有 <code>extra</code> 时标题栏高度不足的问题。<a href="https://github.com/ant-design/ant-design/pull/39646">#39646</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li><li>🐞 修复 Row 组件 <code>justify</code> 和 <code>align</code> 属性，动态改变不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/39704">#39704</a> <a href="https://github.com/candy4290">@candy4290</a></li><li>🐞 修复 App 中 <code>children</code> 使用相同 key 的警告。<a href="https://github.com/ant-design/ant-design/pull/39695">#39695</a> <a href="https://github.com/Kamahl19">@Kamahl19</a>，<a href="https://github.com/ant-design/ant-design/pull/39701">#39701</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>💄 Image 组件预览交互优化. <a href="https://github.com/ant-design/ant-design/pull/39812">#39812</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li><li>💄 修复 Table 筛选菜单选中背景色和菜单阴影样式。<a href="https://github.com/ant-design/ant-design/pull/39805">#39805</a></li><li>TypeScript
|
|
<ul><li>🤖 修复部分 Design Token 缺少类型提示的问题。<a href="https://github.com/ant-design/ant-design/pull/39754">#39754</a></li></ul></li></ul><h2 id="510"><a aria-hidden="true" tabindex="-1" href="#510"><span class="icon icon-link"></span></a>5.1.0</h2><p><code>2022-12-20</code></p><ul><li>🔥 新增 App 包裹组件，提供重置样式和提供消费上下文的默认环境。<a href="https://github.com/ant-design/ant-design/pull/39046">#39046</a></li><li>🔥 新增 QRCode 二维码组件。<a href="https://github.com/ant-design/ant-design/pull/38948">#38948</a></li><li>🔥 新增 Watermark 水印组件。<a href="https://github.com/ant-design/ant-design/pull/39064">#39064</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li><li>🆕 Mentions 新增 <code>options</code> 配置。<a href="https://github.com/ant-design/ant-design/pull/38630">#38630</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🆕 FloatButton 新增支持点击外侧自动关闭功能。<a href="https://github.com/ant-design/ant-design/pull/39501">#39501</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>🆕 Popconfirm 组件新增 <code>description</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/39250">#39250</a> <a href="https://github.com/xhh0223">@xhh0223</a></li><li>🆕 Modal.confirm 新增 <code>footer</code> 属性以自定义按钮列表。<a href="https://github.com/ant-design/ant-design/pull/39048">#39048</a> <a href="https://github.com/owjs3901">@owjs3901</a></li><li>🆕 Table 新增 <code>rowScope</code> 以设置列范围。<a href="https://github.com/ant-design/ant-design/pull/39571">#39571</a></li><li>🆕 Anchor 新增 <code>items</code> 数据化配置选项内容，支持通过 children 嵌套。<a href="https://github.com/ant-design/ant-design/pull/39034">#39034</a> <a href="https://github.com/foryuki">@foryuki</a></li><li>🆕 Grid 组件的响应式断点现在会消费主题 token 配置。<a href="https://github.com/ant-design/ant-design/pull/39105">#39105</a> <a href="https://github.com/azro352">@azro352</a></li><li>🆕 Tour 的 prevButtonProps nextButtonProps 新增 <code>style</code> 和 <code>classname</code> 设置。<a href="https://github.com/ant-design/ant-design/pull/38939">#38939</a> <a href="https://github.com/ONLY-yours">@ONLY-yours</a></li><li>🆕 ConfigProvider 支持配置 <code>select.showSearch</code>。<a href="https://github.com/ant-design/ant-design/pull/39531">#39531</a> <a href="https://github.com/YinDongFang">@YinDongFang</a></li><li>🐞 修复 Tabs <code>inkBar</code> 在 StrictMode 下不展示的问题。<a href="https://github.com/ant-design/ant-design/pull/39653">#39653</a></li><li>🐞 修复 Badge 组件宽度不受父元素影响。<a href="https://github.com/ant-design/ant-design/pull/39605">#39605</a> <a href="https://github.com/AydenGen">@AydenGen</a></li><li>Select
|
|
<ul><li>🐞 修复 Select 组件 icon 颜色使用的 token。<a href="https://github.com/ant-design/ant-design/pull/39644">#39644</a></li><li>💄 优化 Select 无障碍体验，当 <code>virtual=false</code> 时，将会绑定无障碍访问到实际选项元素上。<a href="https://github.com/ant-design/ant-design/pull/39550">#39550</a></li></ul></li><li>🐞 修复 Tour steps 设置 <code>type="primary"</code> 无效的问题。<a href="https://github.com/ant-design/ant-design/pull/39382">#39382</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🐞 修复带有 <code>href</code> 的 Button 组件 <code>disabled</code> 时 style 不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/39456">#39456</a> <a href="https://github.com/BoyYangzai">@BoyYangzai</a></li><li>🐞 修复 Segmented 组件 icon 与文字间距消失的问题。<a href="https://github.com/ant-design/ant-design/pull/39575">#39575</a></li><li>🐞 修复 Drawer 组件关于 <code>DefaultProps</code> 的警告。<a href="https://github.com/ant-design/ant-design/pull/39562">#39562</a></li><li>Menu
|
|
<ul><li>🐞 修复 React18 中使用 <code>createRoot</code> 渲染 Menu.Submenu 会闪烁的问题。<a href="https://github.com/ant-design/ant-design/pull/38855">#38855</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li><li>🛠 重构 MenuItem 为 Function Component。<a href="https://github.com/ant-design/ant-design/pull/38751">#38751</a></li><li>💄 优化 Menu 组件选中样式。<a href="https://github.com/ant-design/ant-design/pull/39439">#39439</a></li></ul></li><li>🛠 LocaleProvider 在 4.x 中已经废弃（使用 <code><ConfigProvider locale /></code> 替代），我们在 5.x 里彻底移除了相关目录 antd/es/locale-provider、antd/lib/locale-provider。<a href="https://github.com/ant-design/ant-design/pull/39373">#39373</a></li><li>🛠 简化 lodash 方法引用。<a href="https://github.com/ant-design/ant-design/pull/39599">#39599</a> <a href="https://github.com/ant-design/ant-design/pull/39602">#39602</a></li><li>TypeScript
|
|
<ul><li>🤖 优化 Button DropDown Modal Popconfirm Select Transfer 鼠标事件类型定义。<a href="https://github.com/ant-design/ant-design/pull/39533">#39533</a></li><li>🤖 新增导出类型 <code>FloatButtonGroupProps</code>。<a href="https://github.com/ant-design/ant-design/pull/39553">#39553</a></li></ul></li><li>🌐 国际化
|
|
<ul><li>🇧🇪 补全 <code>fr_BE</code> 文案。<a href="https://github.com/ant-design/ant-design/pull/39415">#39415</a> <a href="https://github.com/azro352">@azro352</a></li><li>🇨🇦 补全 <code>fr_CA</code> 文案。<a href="https://github.com/ant-design/ant-design/pull/39416">#39416</a> <a href="https://github.com/azro352">@azro352</a></li><li>🇪🇸 补全 <code>eu_ES</code> 文案。<a href="https://github.com/ant-design/ant-design/pull/39371">#39371</a> <a href="https://github.com/Ian-Inizias">@Ian-Inizias</a></li></ul></li></ul><h2 id="507"><a aria-hidden="true" tabindex="-1" href="#507"><span class="icon icon-link"></span></a>5.0.7</h2><p><code>2022-12-13</code></p><ul><li>🐞 修复 Slider 组件 Tooltip 动画丢失问题。<a href="https://github.com/ant-design/ant-design/pull/39463">#39463</a> <a href="https://github.com/YinDongFang">@YinDongFang</a></li><li>🐞 修复 Table 组件有边框且为空时出现横向滚动条的问题。<a href="https://github.com/ant-design/ant-design/pull/39455">#39455</a> <a href="https://github.com/zjfresh">@zjfresh</a></li><li>🐞 修复 Popover 组件箭头背景色不随自定义颜色改变的问题。<a href="https://github.com/ant-design/ant-design/pull/39517">#39517</a></li><li>🐞 修复 Modal hooks 没有完全传递 ConfigProvider 配置的问题。<a href="https://github.com/ant-design/ant-design/pull/39513">#39513</a></li><li>🐞 修复 Radio 组件尺寸修改后不对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/39476">#39476</a></li></ul><h2 id="506"><a aria-hidden="true" tabindex="-1" href="#506"><span class="icon icon-link"></span></a>5.0.6</h2><p><code>2022-12-12</code></p><ul><li>🐞 修复 FloatButton 的 <code>toolip</code> 属性不支持设置为 <code>0</code> 的问题。<a href="https://github.com/ant-design/ant-design/pull/39425">#39425</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🐞 修复 Space 组件包裹的 Select 系列组件在 hover 时清除图标不展示的问题。<a href="https://github.com/ant-design/ant-design/pull/39468">#39468</a> <a href="https://github.com/foryuki">@foryuki</a></li><li>💄 修复 Cascader 内部 ul 的 margin 值异常的问题。<a href="https://github.com/ant-design/ant-design/pull/39436">#39436</a> <a href="https://github.com/ZN1996">@ZN1996</a></li><li>💄 修复 Input 组件在紧凑模式下内边距异常的问题。<a href="https://github.com/ant-design/ant-design/pull/39428">#39428</a></li><li>💄 优化 Message 组件在紧凑模式下的内边距。<a href="https://github.com/ant-design/ant-design/pull/39428">#39428</a></li><li>💄 修复 Radio.Button 组件在暗色模式下的文字颜色。<a href="https://github.com/ant-design/ant-design/pull/39428">#39428</a></li><li>💄 修复 Select 组件在紧凑模式下内边距异常的问题。<a href="https://github.com/ant-design/ant-design/pull/39428">#39428</a></li><li>💄 修复 Slider 组件标签原点样式问题。<a href="https://github.com/ant-design/ant-design/pull/39428">#39428</a></li><li>💄 优化 Switch 组件暗色模式下的颜色。<a href="https://github.com/ant-design/ant-design/pull/39428">#39428</a></li></ul><h2 id="505"><a aria-hidden="true" tabindex="-1" href="#505"><span class="icon icon-link"></span></a>5.0.5</h2><p><code>2022-12-08</code></p><ul><li>🐞 修复 Space.Compact 下 Button hover 样式问题。<a href="https://github.com/ant-design/ant-design/pull/39157">#39157</a> <a href="https://github.com/foryuki">@foryuki</a></li><li>🐞 修复 Tabs 在 windows Chrome 下高亮条有时候会丢失的问题。<a href="https://github.com/ant-design/ant-design/pull/39352">#39352</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🐞 修复 Divider <code>horizontal</code> 在 flex 布局下的对齐问题。<a href="https://github.com/ant-design/ant-design/pull/39339">#39339</a></li><li>🐞 修复 Popover 在 rtl 模式下宽度异常的问题。<a href="https://github.com/ant-design/ant-design/pull/39311">#39311</a></li><li>🐞 修复 Popconfirm 组件 token 配置线框化后边框坍缩的样式问题。<a href="https://github.com/ant-design/ant-design/pull/39313">#39313</a></li><li>💄 修复 Select 组件搜索框会出现空白区域的样式问题。<a href="https://github.com/ant-design/ant-design/pull/39299">#39299</a></li><li>💄 修复 Tree 丢失选中样式的问题。<a href="https://github.com/ant-design/ant-design/pull/39292">#39292</a></li><li>🐞 修复 FloatButton 自定义尺寸时，内容不居中的问题。<a href="https://github.com/ant-design/ant-design/pull/39282">#39282</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🐞 修复 RangePicker 日期 hover 样式。<a href="https://github.com/ant-design/ant-design/pull/39266">#39266</a></li><li>💄 优化 Button 在 Space.Compact 下的 Hover 样式。<a href="https://github.com/ant-design/ant-design/pull/39241">#39241</a> <a href="https://github.com/foryuki">@foryuki</a></li><li>🌐 修正 <code>vi_VN</code> 国际化描述。<a href="https://github.com/ant-design/ant-design/pull/39279">#39279</a> <a href="https://github.com/nghiepdev">@nghiepdev</a></li><li>🌐 修正 <code>he_IL</code> 国际化描述。<a href="https://github.com/ant-design/ant-design/pull/39280">#39280</a> <a href="https://github.com/Ran-Sagy">@Ran-Sagy</a></li><li>TypeScript
|
|
<ul><li>🤖 优化 Anchor <code>onClick</code> 的事件类型定义。<a href="https://github.com/ant-design/ant-design/pull/39305">#39305</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li></ul></li></ul><h2 id="504"><a aria-hidden="true" tabindex="-1" href="#504"><span class="icon icon-link"></span></a>5.0.4</h2><p><code>2022-12-05</code></p><ul><li>Modal
|
|
<ul><li>🐞 修复 Modal 文字内容过多会超出框体的样式问题。<a href="https://github.com/ant-design/ant-design/pull/39249">#39249</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🐞 修复 Modal.info 没有图标时，内容宽度不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/39047">#39047</a> <a href="https://github.com/owjs3901">@owjs3901</a></li></ul></li><li>🐞 修复 Tree <code>checkable</code> 与 <code>blockNode</code> 配合时，<code>title</code> 元素不拉伸的问题。<a href="https://github.com/ant-design/ant-design/pull/39209">#39209</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 Dropdown 二级菜单丢失动画的问题。<a href="https://github.com/ant-design/ant-design/pull/39235">#39235</a></li><li>💄 修复 RangePicker 内时间面板的 padding 样式。<a href="https://github.com/ant-design/ant-design/pull/39228">#39228</a></li><li>🐞 修复 Card 的按钮组圆角样式。<a href="https://github.com/ant-design/ant-design/pull/39210">#39210</a> <a href="https://github.com/MuxinFeng">@MuxinFeng</a></li><li>🐞 修复了 Badge 自定义颜色的时候，波纹的颜色不会跟着小圆点颜色发生变化的问题。<a href="https://github.com/ant-design/ant-design/pull/39182">#39182</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🐞 修复 Radio 禁用状态选中样式。<a href="https://github.com/ant-design/ant-design/pull/39165">#39165</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 TextArea <code>resize</code> 不是 <code>none</code> 时计数文字的样式问题。<a href="https://github.com/ant-design/ant-design/pull/39121">#39121</a> <a href="https://github.com/51wangping">@51wangping</a></li><li>🐞 修复 Transfer 组件 点击复选框位置不可以取消选中，并触发了两次 onSelectChange 问题。<a href="https://github.com/ant-design/ant-design/pull/39078">#39078</a> <a href="https://github.com/edc-hui">@edc-hui</a></li><li>🐞 修复 Steps <code>size="small"</code> 第一项带有进度时，进度条显示不全的问题。<a href="https://github.com/ant-design/ant-design/pull/39100">#39100</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 Form 水平布局下 <code>xs</code> 的响应式布局不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/39130">#39130</a></li><li>🐞 修复 message 在 RTL 下位置不正确的问题。<a href="https://github.com/ant-design/ant-design/pull/39248">#39248</a> <a href="https://github.com/Yuiai01">@Yuiai01</a></li><li>🐞 修复 Switch 在只设置 <code>checkedChildren</code> 或 <code>unCheckedChildren</code> 时，其内容不会显示的问题。<a href="https://github.com/ant-design/ant-design/pull/39262">#39262</a></li></ul><h2 id="503"><a aria-hidden="true" tabindex="-1" href="#503"><span class="icon icon-link"></span></a>5.0.3</h2><p><code>2022-11-30</code></p><ul><li>🐞 修复 Spin 包裹模式时的样式偏移问题。<a href="https://github.com/ant-design/ant-design/pull/38923">#38923</a> <a href="https://github.com/sribich">@sribich</a></li><li>Menu
|
|
<ul><li>🐞 修复 Menu 溢出时下拉菜单的样式问题。<a href="https://github.com/ant-design/ant-design/pull/39093">#39093</a></li><li>🐞 修复 hover 在 Menu.Item 外面时颜色变蓝的问题。<a href="https://github.com/ant-design/ant-design/pull/39077">#39077</a> <a href="https://github.com/Pulset">@Pulset</a></li></ul></li><li>🐞 修复 Input.TextArea 没有重置样式导致 resize 行为和 4.x 不一致的问题。<a href="https://github.com/ant-design/ant-design/commit/aa92f02">aa92f02</a></li><li>🐞 修复 Upload 默认图标颜色。<a href="https://github.com/ant-design/ant-design/pull/39114">#39114</a> <a href="https://github.com/MARKX97">@MARKX97</a></li><li>🐞 修复 dev 下动态 hashId 导致的 ssr 注水失败的问题。<a href="https://github.com/ant-design/ant-design/pull/39069">#39069</a></li><li>🐞 修复 FloatButton.Group 关闭时闪烁的问题。<a href="https://github.com/ant-design/ant-design/pull/39061">#39061</a></li><li>🐞 修复 Card.Meta 宽度没有默认填满容器的问题。<a href="https://github.com/ant-design/ant-design/pull/39026">#39026</a> <a href="https://github.com/justanotheranonymoususer">@justanotheranonymoususer</a></li></ul><h2 id="502"><a aria-hidden="true" tabindex="-1" href="#502"><span class="icon icon-link"></span></a>5.0.2</h2><p><code>2022-11-27</code></p><ul><li>💄 修复 Card 组件设置 <code>bodyStyle</code> 的背景颜色后圆角失效的问题。<a href="https://github.com/ant-design/ant-design/pull/38973">#38973</a> <a href="https://github.com/Yukiniro">@Yukiniro</a></li><li>💄 优化错误色的默认算法。<a href="https://github.com/ant-design/ant-design/pull/38933">#38933</a></li><li>💄 修复 RTL 模式下的样式问题。<a href="https://github.com/ant-design/ant-design/pull/38829">#38829</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>Space.Compact
|
|
<ul><li>💄 Space.Compact 包裹单个子组件时，展示该子组件本身的样式。<a href="https://github.com/ant-design/ant-design/pull/38896">#38896</a> <a href="https://github.com/foryuki">@foryuki</a></li><li>💄 修复 Space.Compact 组件嵌套 Modal，Dropdown，Drawer 等组件时的样式问题。<a href="https://github.com/ant-design/ant-design/pull/38870">#38870</a> <a href="https://github.com/foryuki">@foryuki</a></li></ul></li><li>🐞 修复横向 Menu 组件有溢出时宽度问题。<a href="https://github.com/ant-design/ant-design/pull/38989">#38989</a></li><li>🐞 修复 Table 组件过滤列被移除后过滤效果仍然影响列表数据的问题。<a href="https://github.com/ant-design/ant-design/pull/38982">#38982</a></li><li>🐞 修复 Select 和 Pagination 在暗色主题下文字颜色不正确。<a href="https://github.com/ant-design/ant-design/pull/38979">#38979</a> <a href="https://github.com/Dunqing">@Dunqing</a></li><li>🐞 修复 Mentions <code>options</code> 不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/38968">#38968</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li><li>🐞 修复 <code>reset.css</code> 不会被打包的问题。<a href="https://github.com/ant-design/ant-design/pull/38956">#38956</a> <a href="https://github.com/passerV">@passerV</a></li><li>🐞 修复 Badge 组件 <code>showZero</code> 和 <code>color</code> 不能一起使用问题。<a href="https://github.com/ant-design/ant-design/pull/38967">#38967</a> <a href="https://github.com/Wxh16144">@Wxh16144</a></li><li>🐞 修复 Form 校验信息动效卡顿的问题。<a href="https://github.com/ant-design/ant-design/pull/38962">#38962</a></li><li>🐞 修复 Tabs 下拉菜单动画消失的问题。<a href="https://github.com/ant-design/ant-design/pull/38892">#38892</a></li><li>🐞 修复 ConfigProvider <code>componentDisabled</code> 失效问题。<a href="https://github.com/ant-design/ant-design/pull/38886">#38886</a> <a href="https://github.com/lidianhao123">@lidianhao123</a></li><li>🐞 修复 Button <code>block</code> 属性有时不生效的问题。<a href="https://github.com/ant-design/ant-design/pull/38869">#38869</a> <a href="https://github.com/jjlstruggle">@jjlstruggle</a></li><li>🐞 修复 Dropdown.Button 的 <code>dropdownRender</code> 未执行的问题。<a href="https://github.com/ant-design/ant-design/pull/38862">#38862</a> <a href="https://github.com/imoctopus">@imoctopus</a></li></ul><h2 id="501"><a aria-hidden="true" tabindex="-1" href="#501"><span class="icon icon-link"></span></a>5.0.1</h2><p><code>2022-11-22</code></p><ul><li>💄 优化 Empty 组件的 svg 图片在暗色主题下的颜色。<a href="https://github.com/ant-design/ant-design/pull/38785">#38785</a></li><li>💄 修复 Form, Input, Select, Tree 转换到 CSS-in-JS 丢失少量样式的问题。<a href="https://github.com/ant-design/ant-design/pull/38742">#38742</a></li><li>💄 修复 Firefox 下拉菜单动画抖动的问题。<a href="https://github.com/ant-design/ant-design/pull/38729">#38729</a></li><li>Menu
|
|
<ul><li>🐞 修复 Menu SubMenu 间距问题。<a href="https://github.com/ant-design/ant-design/pull/38714">#38714</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li><li>🐞 修复 Menu 暗色主题下高度多了 1px 的问题。<a href="https://github.com/ant-design/ant-design/pull/38741">#38741</a> <a href="https://github.com/LuciNyan">@LuciNyan</a></li><li>🐞 修复 Menu 展开 Submenu 时抖动的问题。<a href="https://github.com/ant-design/ant-design/pull/38748">#38748</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li></ul></li><li>🐞 修复 Table 组件展开 icon 不对齐的问题。<a href="https://github.com/ant-design/ant-design/pull/38823">#38823</a> <a href="https://github.com/turdiyev">@turdiyev</a></li><li>🐞 修复 FloatButton.BackTop 组件动画丢失的问题。<a href="https://github.com/ant-design/ant-design/pull/38770">#38770</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🛠 清除残留 <code>Moment.js</code> 依赖。<a href="https://github.com/ant-design/ant-design/pull/38762">#38762</a></li><li>🛠 修复外部暴露类 <code>CompoundedComponent</code> 的组件的类型报错。<a href="https://github.com/ant-design/ant-design/pull/38666">#38666</a> <a href="https://github.com/wangcch">@wangcch</a></li><li>🛠 重新添加 <code>lib</code> 产物。<a href="https://github.com/ant-design/ant-design/pull/38832">#38832</a> <a href="https://github.com/chunsch">@chunsch</a></li></ul><h2 id="500"><a aria-hidden="true" tabindex="-1" href="#500"><span class="icon icon-link"></span></a>5.0.0</h2><p><code>2022-11-18</code></p><p>🏆 Ant Design 5.0.0 已发布！欢迎阅读我们的 <a href="https://www.yuque.com/ant-design/ant-design/cy5nfvdo8oidvwmz">发布文档</a>。</p><h4 id="升级必读"><a aria-hidden="true" tabindex="-1" href="#升级必读"><span class="icon icon-link"></span></a>升级必读</h4><p>🌟 如果你想升级到 Ant Design 5.0，请仔细查阅我们的<a href="/docs/react/migration-v5-cn">迁移文档</a>。</p><h4 id="主要变化"><a aria-hidden="true" tabindex="-1" href="#主要变化"><span class="icon icon-link"></span></a>主要变化</h4><ul><li>🔥 新增组件
|
|
<ul><li>🔥 FloatButton 悬浮按钮，原 BackTop 移至 FloatButton 子组件。<a href="https://github.com/ant-design/ant-design/pull/37520">#37520</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🔥 Tour 漫游式引导。<a href="https://github.com/ant-design/ant-design/pull/37867">#37867</a> <a href="https://github.com/ant-design/ant-design/pull/38469">#38469</a> <a href="https://github.com/heiyu4585">@heiyu4585</a></li></ul></li><li>🔥 新增组件变体
|
|
<ul><li>🔥 DatePicker 新增 <code>presets</code> 属性用于预设时间范围快捷选择。<a href="https://github.com/ant-design/ant-design/pull/38249">#38249</a></li><li>🔥 Progress <code>circle</code> 类型支持小尺寸自适应。<a href="https://github.com/ant-design/ant-design/pull/38231">#38231</a> <a href="https://github.com/li-jia-nan">@li-jia-nan</a></li><li>🔥 Steps 新增 <code>inline</code> 类型。<a href="https://github.com/ant-design/ant-design/pull/38311">#38311</a> <a href="https://github.com/JarvisArt">@JarvisArt</a></li></ul></li><li>💄 设计变化
|
|
<ul><li>💄 调整主色为 <code>#1677ff</code>。<a href="https://github.com/ant-design/ant-design/pull/37254">#37254</a></li><li>💄 基础圆角调整为 <code>6px</code>，并支持梯度圆角。<a href="https://github.com/ant-design/ant-design/pull/37146">#37146</a> <a href="https://github.com/ant-design/ant-design/pull/37369">#37369</a></li><li>💄 优化组件整体动画速度，效果更简练。<a href="https://github.com/ant-design/ant-design/pull/37438">#37438</a></li><li>💄 对部分组件进行了去线框化和间距上的调整，整体风格更加简洁。<a href="https://github.com/ant-design/ant-design/pull/37283">#37283</a><ul><li>💄 Pagination 组件去线框化。<a href="https://github.com/ant-design/ant-design/pull/37441">#37441</a></li><li>💄 优化 Timeline 组件 UI 设计。<a href="https://github.com/ant-design/ant-design/pull/37465">#37465</a></li><li>💄 优化 Steps 组件 UI 设计。<a href="https://github.com/ant-design/ant-design/pull/37473">#37473</a></li></ul></li><li>💄 优化部分组件 focus 样式。<a href="https://github.com/ant-design/ant-design/pull/37483">#37483</a></li><li>💄 优化组件圆角较大时的部分样式。
|
|
<ul><li>💄 优化 Table 组件 hover 样式。<a href="https://github.com/ant-design/ant-design/pull/37370">#37370</a></li><li>💄 优化 Segmented 组件 hover 样式。<a href="https://github.com/ant-design/ant-design/pull/37498">#37498</a></li><li>💄 优化 Dropdown 组件 hover 样式。<a href="https://github.com/ant-design/ant-design/pull/37491">#37491</a></li><li>💄 优化 Modal 等组件关闭按钮样式。<a href="https://github.com/ant-design/ant-design/pull/37634">#37634</a></li><li>💄 优化 Menu 组件样式。<a href="https://github.com/ant-design/ant-design/pull/38009">#38009</a></li><li>💄 更多组件 hover 样式优化。<a href="https://github.com/ant-design/ant-design/pull/37433">#37433</a></li></ul></li><li>💄 优化 Switch 组件动画效果。<a href="https://github.com/ant-design/ant-design/pull/37658">#37658</a></li><li>💄 优化 Anchor 组件样式 UI 设计。<a href="https://github.com/ant-design/ant-design/pull/38616">#38616</a></li></ul></li><li>🆕 新增导出对象 <code>theme</code>，用于获取主题相关属性。<a href="https://github.com/ant-design/ant-design/pull/36302">#36302</a><ul><li>🆕 新增 <code>theme.useToken</code> hook，用于获取当前上下文的主题变量。<a href="https://github.com/ant-design/ant-design/pull/36267">#36267</a></li><li>🆕 新增内置算法。
|
|
<ul><li>🆕 默认算法 <code>theme.defaultAlgorithm</code>。<a href="https://github.com/ant-design/ant-design/pull/36175">#36175</a></li><li>🆕 暗色算法 <code>theme.darkAlgorithm</code>。<a href="https://github.com/ant-design/ant-design/pull/36546">#36546</a> <a href="https://github.com/ant-design/ant-design/pull/36656">#36656</a></li><li>🆕 紧凑算法 <code>theme.compactAlgorithm</code>。<a href="https://github.com/ant-design/ant-design/pull/38105">#38105</a></li></ul></li></ul></li><li>🆕 ConfigProvider 新增 <code>theme</code> 属性，用于更改主题配置，详情：<a href="https://ant.design/docs/react/customize-theme-cn">定制主题</a>。
|
|
<ul><li>🆕 支持多个 <code>algorithm</code>。<a href="https://github.com/ant-design/ant-design/pull/37082">#37082</a></li><li>🆕 支持线框化切换。<a href="https://github.com/ant-design/ant-design/pull/37507">#37507</a></li><li>🆕 支持覆盖单个组件的主题变量。<a href="https://github.com/ant-design/ant-design/pull/37568">#37568</a></li></ul></li><li>🆕 产物新增 <code>locale</code> 目录，内含 cjs 格式的语言文件。<a href="https://github.com/ant-design/ant-design/pull/38194">#38194</a> <a href="https://github.com/chunsch">@chunsch</a></li><li>🗑 移除对 IE 的支持。</li><li>🗑 移除 <code>lib</code> 产物。<a href="https://github.com/ant-design/ant-design/pull/36362">#36362</a><ul><li> 🛠 调整 <code>package.json</code> 中 <code>main</code> 为 <code>dist/antd.js</code>。<a href="https://github.com/ant-design/ant-design/commit/eb8835fe29b39767c0f5e310f5c69619a75d5840">eb8835f</a></li></ul></li><li>🗑 移除 <code>dist/antd.css</code> 产物。默认不再入侵全局样式，新增 <code>dist/reset.css</code> 用于重置部分常见样式。<a href="https://github.com/ant-design/ant-design/pull/36224">#36224</a></li><li>🗑 废弃下列组件的 <code>visible</code> 属性，改用 <code>open</code>。<a href="https://github.com/yykoypj">@yykoypj</a><ul><li>🗑 Tag 废弃 <code>visible</code> 属性。<a href="https://github.com/ant-design/ant-design/pull/36671">#36671</a></li><li>🗑 Table <code>filterDropdownVisible</code> 调整为 <code>filterDropdownOpen</code>。<a href="https://github.com/ant-design/ant-design/pull/36747">#36747</a></li><li>🗑 Drawer 废弃 <code>visible</code> 属性，改用 <code>open</code>。<a href="https://github.com/ant-design/ant-design/pull/36750">#36750</a></li><li>🗑 Modal 废弃 <code>visible</code> 属性，改用 <code>open</code>。<a href="https://github.com/ant-design/ant-design/pull/36774">#36774</a></li><li>🗑 Dropdown 废弃 <code>visible</code> 属性，改用 <code>open</code>。<a href="https://github.com/ant-design/ant-design/pull/36799">#36799</a></li><li>🗑 Tooltip & Popover & Popconfirm 废弃 <code>visible</code> 属性，改用 <code>open</code>。<a href="https://github.com/ant-design/ant-design/pull/36807">#36807</a></li></ul></li><li>🗑 废弃下列组件的 <code>dropdownClassName</code>，统一为 <code>popupClassName</code>。<a href="https://github.com/heiyu4585">@heiyu4585</a><ul><li>🗑 AutoComplete 废弃 <code>dropdownClassName</code>，改用 <code>popupClassName</code>。<a href="https://github.com/ant-design/ant-design/pull/37087">#37087</a></li><li>🗑 Mentions 废弃 <code>dropdownClassName</code>，改用 <code>popupClassName</code>。<a href="https://github.com/ant-design/ant-design/pull/37122">#37122</a></li><li>🗑 Cascader 废弃 <code>dropdownClassName</code>，改用 <code>popupClassName</code>。<a href="https://github.com/ant-design/ant-design/pull/37089">#37089</a></li><li>🗑 Select 废弃 <code>dropdownClassName</code>，改用 <code>popupClassName</code>。<a href="https://github.com/ant-design/ant-design/pull/37091">#37091</a></li><li>🗑 TreeSelect 废弃 <code>dropdownClassName</code>，改用 <code>popupClassName</code>。<a href="https://github.com/ant-design/ant-design/pull/37092">#37092</a></li><li>🗑 DatePicker 和 TimePicker 废弃 <code>dropdownClassName</code>，改用 <code>popupClassName</code>。<a href="https://github.com/ant-design/ant-design/pull/37207">#37207</a></li></ul></li><li>🛠 所有组件使用 CSS-in-JS 重构样式。
|
|
<ul><li>🗑 移除 less 及相关 less 和 css 产物。<a href="https://github.com/ant-design/ant-design/pull/36244">#36244</a></li></ul></li><li>🛠 内置时间库由 Moment.js 替换为 Day.js，详情：<a href="https://ant.design/docs/react/use-custom-date-library-cn">使用自定义日期库</a>。<a href="https://github.com/ant-design/ant-design/commit/b22815d4d223b80755b472e14d7888beab8dd1da">b22815d</a> <a href="https://github.com/iamkun">@iamkun</a></li><li>🛠 重构 Notification 以支持 React 18 concurrent 模式，并重构 useNotification hook，推荐替代静态方法使用。<a href="https://github.com/ant-design/ant-design/pull/35423">#35423</a> <a href="https://github.com/ant-design/ant-design/pull/35568">#35568</a></li><li>🛠 Slider 组件 Tooltip 相关 API 合并至 <code>tooltip</code> 属性中。<a href="https://github.com/ant-design/ant-design/pull/37043">#37043</a> <a href="https://github.com/yykoypj">@yykoypj</a></li><li>🛠 文档站技术栈迁移 <a href="https://next.d.umijs.org/">dumi@2</a>。<a href="https://github.com/ant-design/ant-design/pull/38328">#38328</a></li></ul><h2 id="4x"><a aria-hidden="true" tabindex="-1" href="#4x"><span class="icon icon-link"></span></a>4.x</h2><p>去 <a href="https://github.com/ant-design/ant-design/blob/4.x-stable/CHANGELOG.zh-CN.md">GitHub</a> 查看 <code>4.x</code> 的 Change Log。</p><h2 id="3x"><a aria-hidden="true" tabindex="-1" href="#3x"><span class="icon icon-link"></span></a>3.x</h2><p>去 <a href="https://github.com/ant-design/ant-design/blob/3.x-stable/CHANGELOG.zh-CN.md">GitHub</a> 查看 <code>3.x</code> 的 Change Log。</p><h2 id="2x"><a aria-hidden="true" tabindex="-1" href="#2x"><span class="icon icon-link"></span></a>2.x</h2><p>去 <a href="https://github.com/ant-design/ant-design/blob/2.x-stable/CHANGELOG.zh-CN.md">GitHub</a> 查看 <code>2.x</code> 的 Change Log。</p><h2 id="1114"><a aria-hidden="true" tabindex="-1" href="#1114"><span class="icon icon-link"></span></a>1.11.4</h2><p>去 <a href="https://github.com/ant-design/ant-design/blob/1.x-stable/CHANGELOG.md">GitHub</a> 查看 <code>0.x</code> 到 <code>1.x</code> 的 Change Log。</p></div></div><script>$RC("B:3","S:3")</script>
|