mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-23 18:50:06 +08:00
Code Issues Actions 14 Packages Projects Releases Wiki Activity
gh-pages
ant-design/ec324310-async.2c2c5782.js
MadCcc bf5a8d262a deploy: 4dfa7ddf5e
2024-11-20 18:30:54 +00:00

2444 lines
99 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["ec324310"],{"0d35acd6":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return a;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7"),a=()=>{let e=(0,r.useTheme)();return(0,n.jsx)(i.Global,{styles:(0,i.css)`
.preview-image-boxes {
display: flex;
float: right;
clear: both;
width: 496px;
margin: 0 0 70px 64px;
&-with-carousel {
width: 420px;
.preview-image-box img {
padding: 0;
}
}
.ant-row-rtl & {
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-inline-start: ${e.marginLG}px;
.ant-row-rtl & {
margin-inline-end: ${e.marginLG}px;
margin-inline-start: 0;
}
}
.preview-image-wrapper {
position: relative;
display: inline-block;
width: 100%;
padding: ${e.padding}px;
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%;
+ svg {
position: absolute;
top: 0;
inset-inline-start: 0;
}
}
.preview-image-wrapper.good::after {
position: absolute;
bottom: 0;
inset-inline-start: 0;
display: block;
width: 100%;
height: 3px;
background: ${e.colorPrimary};
content: '';
}
.preview-image-wrapper.bad::after {
position: absolute;
bottom: 0;
inset-inline-start: 0;
display: block;
width: 100%;
height: 3px;
background: ${e.colorError};
content: '';
}
.preview-image-title {
margin-top: ${e.marginMD}px;
color: ${e.colorText};
font-size: ${e.fontSizeSM}px;
}
.preview-image-description {
margin-top: 2px;
color: ${e.colorTextSecondary};
font-size: ${e.fontSizeSM}px;
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: ${e.paddingSM}px;
background: ${e.colorBgContainer};
border-radius: ${e.borderRadius}px;
cursor: pointer;
transition: all ${e.motionDurationSlow};
&.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 ${e.colorBgContainer},
0 4px 0 0 #ddd,
0 6px 0 0 ${e.colorBgContainer},
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;
.preview-image-wrapper {
padding: 0;
}
.ant-row-rtl & {
float: left;
}
}
.motion-video-min {
width: 390px;
}
.motion-principle-wrapper {
width: 100%;
max-width: 900px;
margin: ${e.marginXXL}px 0 ${e.marginLG}px;
}
.principle-wrapper {
width: 100%;
.principle {
display: inline-block;
box-sizing: border-box;
width: 100%;
min-height: 180px;
margin-inline-end: 12.5%;
margin-bottom: ${e.marginLG}px;
padding: ${e.paddingLG}px;
font-size: 24px;
text-align: center;
border: 1px solid #e8e8e8;
border-radius: ${e.borderRadiusSM}px;
&:last-child {
margin-inline-end: 0;
}
h4 {
margin: ${e.margin}px 0 ${e.marginXS}px;
}
p {
font-size: ${e.fontSizeSM}px;
line-height: 24px;
}
}
}
`});};},"1f46114b":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return a;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7"),a=()=>{let e=(0,r.useTheme)();return(0,n.jsx)(i.Global,{styles:(0,i.css)`
@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'),
/* chrome、firefox */ url('//at.alicdn.com/t/webfont_6e11e43nfj.ttf') format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
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'),
/* chrome、firefox */ url('//at.alicdn.com/t/webfont_exesdog9toj.ttf')
format('truetype'); /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
font-display: swap;
}
// 组件丰富，选用自如定制主题随心所欲设计语言与研发框架1234567890 QWERTYUIOPLKJHGFDSAZXCVBNM,.mnbvcxzasdfghjklpoiuytrewq
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@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;
&.rtl {
direction: rtl;
}
}
body {
overflow-x: hidden;
color: ${e.colorText};
font-size: ${e.fontSize}px;
font-family: ${e.fontFamily};
line-height: ${e.lineHeight};
background: ${e.colorBgContainer};
transition: background-color 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
`});};},"25c612ac":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return w;}});var n=o("777fffbe"),i=o("852bbaa9"),r=o("f19d2b93"),a=i._(o("5b220c3d")),l=o("e22febe0"),d=o("bbdc6974"),s=o("3835a2b7"),c=n._(o("8a36253d")),p=o("9c86e52a"),u=n._(o("4589ed41")),g=n._(o("23546486")),m=n._(o("91a66390")),h=n._(o("714a8bde")),f=n._(o("80a8572e"));let x={cn:{owner:"\u8682\u8681\u96C6\u56E2\u548C Ant Design \u5F00\u6E90\u793E\u533A"},en:{owner:"Ant Group and Ant Design Community"}},b=()=>{let{isMobile:e}=(0,a.useContext)(h.default);return(0,s.createStyles)(({token:t,css:o})=>{let n=new d.TinyColor((0,c.default)("#f0f3fa","#fff")).onBackground(t.colorBgContainer).toHexString();return{holder:o`
background: ${n};
`,footer:o`
background: ${n};
color: ${t.colorTextSecondary};
box-shadow: inset 0 106px 36px -116px rgba(0, 0, 0, 0.14);
* {
box-sizing: border-box;
}
h2,
a {
color: ${t.colorText};
}
.rc-footer-column {
margin-bottom: ${e?60:0}px;
:last-child {
margin-bottom: ${e?20:0}px;
}
}
.rc-footer-item-icon {
top: -1.5px;
}
.rc-footer-container {
max-width: 1208px;
margin-inline: auto;
padding-inline: ${t.marginXXL}px;
}
.rc-footer-bottom {
box-shadow: inset 0 106px 36px -116px rgba(0, 0, 0, 0.14);
.rc-footer-bottom-container {
font-size: ${t.fontSize}px;
}
}
`};})();};var w=()=>{let e=(0,m.default)(),[t,o]=(0,g.default)(x),{styles:n}=b(),{getLink:i}=e,d=a.default.useMemo(()=>{let e="cn"===o,t={title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.resources"}),items:[{title:"Ant Design Charts",url:e?"https://ant-design-charts.antgroup.com":"https://charts.ant.design",openExternal:!0},{title:"Ant Design Pro",url:"https://pro.ant.design",openExternal:!0},{title:"Ant Design Pro Components",url:"https://procomponents.ant.design",openExternal:!0},{title:"Ant Design Mobile",url:e?"https://ant-design-mobile.antgroup.com/zh":"https://mobile.ant.design",openExternal:!0},{title:"Ant Design Mini",url:e?"https://ant-design-mini.antgroup.com/":"https://mini.ant.design",openExternal:!0},{title:"Ant Design Landing",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.landing"}),url:"https://landing.ant.design",openExternal:!0},{title:"Scaffolds",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.scaffolds"}),url:"https://scaffold.ant.design",openExternal:!0},{title:"Umi",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.umi"}),url:"https://umijs.org",openExternal:!0},{title:"dumi",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.dumi"}),url:"https://d.umijs.org",openExternal:!0},{title:"qiankun",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.qiankun"}),url:"https://qiankun.umijs.org",openExternal:!0},{title:"ahooks",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.hooks"}),url:"https://github.com/alibaba/hooks",openExternal:!0},{title:"Ant Motion",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.motion"}),url:"https://motion.ant.design",openExternal:!0},{title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.chinamirror"}),url:"https://ant-design.antgroup.com"}]},n={title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.community"}),items:[{icon:(0,r.jsx)(l.AntDesignOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.awesome"}),url:"https://github.com/websemantics/awesome-ant-design",openExternal:!0},{icon:(0,r.jsx)(l.MediumOutlined,{}),title:"Medium",url:"http://medium.com/ant-design/",openExternal:!0},{icon:(0,r.jsx)(l.TwitterOutlined,{style:{color:"#1DA1F2"}}),title:"Twitter",url:"http://twitter.com/antdesignui",openExternal:!0},{icon:(0,r.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg",width:16,height:16,alt:"yuque logo"}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.yuque.repo"}),url:"https://yuque.com/ant-design/ant-design",openExternal:!0},{icon:(0,r.jsx)(l.ZhihuOutlined,{style:{color:"#056de8"}}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.zhihu"}),url:"https://www.zhihu.com/column/c_1564262000561106944",openExternal:!0},{icon:(0,r.jsx)(l.ZhihuOutlined,{style:{color:"#056de8"}}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.zhihu.xtech"}),url:"https://www.zhihu.com/column/c_1543658574504751104",openExternal:!0},{icon:(0,r.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/mZBWtboYbnMkTBaRIuWQ.png",width:16,height:16,alt:"seeconf logo"}),title:"SEE Conf",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.seeconf"}),url:"https://seeconf.antfin.com/",openExternal:!0}]};return e&&n.items.push({icon:(0,r.jsx)(l.UsergroupAddOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.work_with_us"}),url:i("/docs/resources",{cn:"\u52A0\u5165\u6211\u4EEC",en:"JoinUs"}),LinkComponent:p.Link}),[t,n,{title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.help"}),items:[{icon:(0,r.jsx)(l.GithubOutlined,{}),title:"GitHub",url:"https://github.com/ant-design/ant-design",openExternal:!0},{icon:(0,r.jsx)(l.HistoryOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.change-log"}),url:i("/changelog"),LinkComponent:p.Link},{icon:(0,r.jsx)(l.QuestionCircleOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.faq"}),url:i("/docs/react/faq"),LinkComponent:p.Link},{icon:(0,r.jsx)(l.BugOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.bug-report"}),url:"https://new-issue.ant.design/",openExternal:!0},{icon:(0,r.jsx)(l.IssuesCloseOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.issues"}),url:"https://github.com/ant-design/ant-design/issues",openExternal:!0},{icon:(0,r.jsx)(l.MessageOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.discussions"}),url:"https://github.com/ant-design/ant-design/discussions",openExternal:!0},{icon:(0,r.jsx)(l.QuestionCircleOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.stackoverflow"}),url:"http://stackoverflow.com/questions/tagged/antd",openExternal:!0},{icon:(0,r.jsx)(l.QuestionCircleOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.segmentfault"}),url:"https://segmentfault.com/t/antd",openExternal:!0}]},{icon:(0,r.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg",width:22,height:22,alt:"Ant XTech logo"}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.more-product"}),items:[{icon:(0,r.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/XuVpGqBFxXplzvLjJBZB.svg",width:16,height:16,alt:"yuque logo"}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.yuque"}),url:"https://yuque.com",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.yuque.slogan"}),openExternal:!0},{icon:(0,r.jsx)("img",{src:"https://gw.alipayobjects.com/zos/antfincdn/nc7Fc0XBg5/8a6844f5-a6ed-4630-9177-4fa5d0b7dd47.png",width:16,height:16,alt:"AntV logo"}),title:"AntV",url:"https://antv.antgroup.com",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.antv.slogan"}),openExternal:!0},{icon:(0,r.jsx)("img",{src:"https://www.eggjs.org/logo.svg",alt:"Egg logo",width:16,height:16}),title:"Egg",url:"https://eggjs.org",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.egg.slogan"}),openExternal:!0},{icon:(0,r.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/DMDOlAUhmktLyEODCMBR.ico",width:16,height:16,alt:"Kitchen logo"}),title:"Kitchen",description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.kitchen"}),url:"https://kitchen.alipay.com",openExternal:!0},{icon:(0,r.jsx)("img",{src:"https://mdn.alipayobjects.com/huamei_j9rjmc/afts/img/A*3ittT5OEo2gAAAAAAAAAAAAADvGmAQ/original",width:16,height:16,alt:"Galacean logo"}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.galacean"}),description:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.galacean.slogan"}),url:"https://galacean.antgroup.com/",openExternal:!0},{icon:(0,r.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/nBVXkrFdWHxbZlmMbsaH.svg",width:16,height:16,alt:"xtech logo"}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.xtech"}),url:"https://xtech.antfin.com/",openExternal:!0},{icon:(0,r.jsx)(l.BgColorsOutlined,{}),title:(0,r.jsx)(p.FormattedMessage,{id:"app.footer.theme"}),url:i("/theme-editor"),LinkComponent:p.Link}]}];},[o,e.search]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(u.default,{columns:d,className:n.footer,bottom:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{style:{opacity:"0.4"},children:["Made with ",(0,r.jsx)("span",{style:{color:"#fff"},children:"\u2764"})," by"]}),(0,r.jsx)("div",{children:t.owner})]})}),(0,r.jsx)(f.default,{})]});};},"43a20bcd":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return c;}});var n=o("777fffbe"),i=o("f19d2b93"),r=o("a9d1a279"),a=o("3835a2b7"),l=n._(o("600aabe0"));let d="1.2em",s=(0,a.createStyles)(({token:e,css:t})=>{let{colorText:o,colorBorder:n,colorBgContainer:i,colorBgTextHover:r,borderRadius:a,controlHeight:l,motionDurationMid:s}=e;return{btn:t`
color: ${o};
border-color: ${n};
padding: 0 !important;
width: ${l}px;
height: ${l}px;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
background: transparent;
border-radius: ${a}px;
transition: all ${s};
cursor: pointer;
.btn-inner {
transition: all ${s};
}
&:hover {
background: ${r};
}
img {
width: ${d};
height: ${d};
}
.anticon {
font-size: ${d};
}
`,innerDiv:t`
position: relative;
width: ${d};
height: ${d};
`,labelStyle:t`
position: absolute;
font-size: ${d};
line-height: 1;
border: 1px solid ${o};
color: ${o};
`,label1Style:t`
inset-inline-start: -5%;
top: 0;
z-index: 1;
background-color: ${o};
color: ${i};
transform: scale(0.7);
transform-origin: 0 0;
`,label2Style:t`
inset-inline-end: -5%;
bottom: 0;
z-index: 0;
transform: scale(0.5);
transform-origin: 100% 100%;
`};});var c=e=>{let{label1:t,label2:o,tooltip1:n,tooltip2:a,value:d,pure:c,onClick:p}=e,{styles:{btn:u,innerDiv:g,labelStyle:m,label1Style:h,label2Style:f}}=s(),x=(0,i.jsx)("button",{type:"button",onClick:p,className:u,"aria-label":e["aria-label"],children:(0,i.jsxs)("div",{className:"btn-inner",children:[c&&(1===d?t:o),!c&&(0,i.jsxs)("div",{className:g,children:[(0,i.jsx)("span",{className:(0,l.default)(m,1===d?h:f),children:t}),(0,i.jsx)("span",{className:(0,l.default)(m,1===d?f:h),children:o})]})]})},"lang-button");return n||a?(0,i.jsx)(r.Tooltip,{title:1===d?n:a,children:x}):x;};},"4b6975d6":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return m;}});var n=o("777fffbe"),i=o("f19d2b93"),r=o("a9d1a279"),a=o("3835a2b7"),l=o("9c86e52a"),d=n._(o("40d543ed")),s=n._(o("a7fa2147")),c=n._(o("b550a850")),p=n._(o("25c612ac")),u=n._(o("a249a395"));let g=()=>{let e=(0,d.default)();return(0,a.createStyles)(t=>{let{token:o,css:n}=t,{antCls:i}=o;return{resourcePage:n`
footer {
margin-top: 176px;
.rc-footer-container {
max-width: ${1208}px;
margin: 0 auto;
padding-inline-end: 0;
padding-inline-start: 0;
}
}
`,resourceContent:n`
padding: 0 ${40}px;
max-width: ${1208}px;
margin: 0 auto;
box-sizing: content-box;
min-height: 100vh;
@media only screen and (max-width: 767.99px) {
& {
article {
padding: 0 ${24}px;
}
${i}-col {
padding-top: ${o.padding}px !important;
padding-bottom: ${o.padding}px !important;
}
}
}
`,banner:n`
padding: 0 ${40}px;
overflow: hidden;
${e?"":"background: url('https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*y_r7RogIG1wAAAAAAAAAAABkARQnAQ');"}
background-size: cover;
h1 {
box-sizing: content-box;
max-width: ${1208}px;
margin: 56px auto 16px;
}
section {
max-width: ${1208}px;
margin: 0 auto 56px;
font-weight: 200;
font-size: ${o.fontSizeLG}px;
line-height: 24px;
}
@media only screen and (max-width: 767.99px) {
& {
margin: 0 -${24}px;
padding: 0 ${24}px;
}
}
`};})();};var m=({children:e})=>{var t;let{styles:o}=g(),n=(0,l.useRouteMeta)(),a=(0,d.default)(),m=(0,i.jsxs)(r.Layout,{children:[(0,i.jsx)(s.default,{}),(0,i.jsxs)("div",{id:"resources-page",className:o.resourcePage,children:[(0,i.jsx)(u.default,{}),(0,i.jsxs)("div",{className:o.banner,children:[(0,i.jsxs)(r.Typography.Title,{style:{fontSize:30},children:[null===(t=n.frontmatter)||void 0===t?void 0:t.title,(0,i.jsx)(c.default,{title:(0,i.jsx)(l.FormattedMessage,{id:"app.content.edit-page"}),filename:n.frontmatter.filename})]}),(0,i.jsx)("section",{children:n.frontmatter.description})]}),(0,i.jsx)("div",{className:o.resourceContent,children:e}),(0,i.jsx)(p.default,{})]})]});return a?m:(0,i.jsx)(r.ConfigProvider,{theme:{token:{colorBgLayout:"#fff"}},children:m});};},"530fedd5":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return a;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7"),a=()=>{let e=(0,r.useTheme)();return(0,n.jsx)(i.Global,{styles:(0,i.css)`
.design-inline-cards {
display: flex;
margin: 0 -${e.marginMD}px;
}
.design-inline-cards > * {
flex: 10%;
margin: 0 ${e.marginMD}px;
}
.design-inline-cards img {
width: 100%;
max-width: 100%;
}
.design-inline-cards h4 {
margin-bottom: 0;
}
`});};},61595633:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return l;}});var n=o("777fffbe"),i=o("f19d2b93"),r=o("9c86e52a"),a=n._(o("25c612ac")),l=e=>{let{children:t,title:o,desc:n}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(r.Helmet,{children:[(0,i.jsx)("title",{children:o}),(0,i.jsx)("meta",{property:"og:title",content:o}),n&&(0,i.jsx)("meta",{name:"description",content:n})]}),(0,i.jsx)("div",{style:{minHeight:"100vh"},children:t}),(0,i.jsx)(a.default,{})]});};},"6ee40046":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return l;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7");let a={1:"#fff",2:"#fafafa",3:"#f5f5f5",4:"#f0f0f0",5:"#d9d9d9",6:"#bfbfbf",7:"#8c8c8c",8:"#595959",9:"#434343",10:"#262626",11:"#1f1f1f",12:"#141414",13:"#000"};var l=()=>{let e=(0,r.useTheme)(),t=(o,n=1)=>n<=10?`
.palette-${o}-${n} {
background: ${e[`${o}-${n}`]};
}
${t(o,n+1)}
`:"",o=(e=1)=>e<=13?`
.palette-gray-${e} {
background: ${a[e]};
}
${o(e+1)}
`:"";return(0,n.jsx)(i.Global,{styles:(0,i.css)`
.color-palettes {
margin: 0 1%;
&-dark {
margin: 0;
padding: 0 28px;
background-color: #141414;
.color-title {
color: rgba(255, 255, 255, 0.85);
}
.color-description {
color: rgba(255, 255, 255, 0.45);
}
.color-palette {
margin: 45px 3.5% 45px 0;
&:nth-of-type(3n) {
margin-inline-end: 0;
}
.main-color-item {
margin-inline-end: 0;
&:hover {
margin-inline-end: -${e.paddingXS}px;
}
}
}
}
}
.color-palette {
display: inline-block;
width: 31%;
margin: 45px 1%;
&-pick {
margin: 0 0 ${e.marginMD}px;
font-size: ${e.fontSizeXL}px;
text-align: center;
}
&-picker {
margin: ${e.marginLG}px 0;
&-value {
position: relative;
top: -3px;
margin-inline-start: ${e.margin}px;
font-size: ${e.fontSize}px;
font-family: Consolas, sans-serif;
.ant-row-rtl & {
margin-inline-end: ${e.margin}px;
margin-inline-start: 0;
}
}
&-validation {
position: relative;
top: -3px;
margin-inline-start: ${e.margin}px;
color: ${e.colorError};
font-size: ${e.fontSize}px;
.ant-row-rtl & {
margin-inline-end: ${e.margin}px;
margin-inline-start: 0;
}
&-dark {
margin-inline-start: 0;
}
}
}
}
.main-color {
${t("blue")}
${t("purple")}
${t("cyan")}
${t("green")}
${t("magenta")}
${t("red")}
${t("volcano")}
${t("orange")}
${t("gold")}
${t("yellow")}
${t("lime")}
${t("geekblue")}
${o()}
text-align: left;
&-item {
position: relative;
height: 44px;
margin-inline-end: ${e.marginXXS}px;
padding: 0 ${e.paddingSM}px;
font-size: ${e.fontSize}px;
font-family: Consolas, sans-serif;
line-height: 44px;
cursor: pointer;
transition: all ${e.motionDurationMid};
&:first-child {
border-radius: ${e.borderRadiusSM}px ${e.borderRadiusSM}px 0 0;
}
&:last-child {
border-radius: 0 0 ${e.borderRadiusSM}px ${e.borderRadiusSM}px;
}
&:hover {
margin-inline-end: -${e.marginXS}px;
border-radius: 0 ${e.borderRadiusSM}px ${e.borderRadiusSM}px 0;
}
}
&-item &-text {
float: left;
transition: all ${e.motionDurationSlow};
}
&-item &-value {
position: relative;
inset-inline-start: ${e.marginXXS}px;
float: right;
transform: scale(0.85);
transform-origin: 100% 50%;
opacity: 0;
transition: all ${e.motionDurationSlow};
}
}
.color-title {
margin: 0 0 ${e.marginLG}px;
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: ${e.fontSize}px;
}
.main-color:hover {
.main-color-value {
inset-inline-start: 0;
opacity: 0.7;
}
}
.color-palette-horizontal {
box-sizing: border-box;
width: 100%;
&-dark {
height: 303px;
padding: ${e.paddingXL}px ${e.paddingXL-4}px;
background-color: #141414;
.color-palette-picker {
margin-bottom: 0;
}
.color-palette-pick {
color: rgba(255, 255, 255, 0.65);
text-align: left;
&-hex {
color: rgba(255, 255, 255, 0.65);
}
.ant-row-rtl & {
direction: rtl;
text-align: right;
}
}
}
.main-color {
display: flex;
&-item {
position: relative;
flex: 1;
box-sizing: border-box;
height: 86px;
margin-inline-end: 0;
padding: 37px 0 0;
line-height: normal;
text-align: center;
border-radius: 0;
.main-color-text {
float: none;
}
&:hover {
height: 96px;
margin-top: -10px;
border-radius: ${e.borderRadiusSM}px ${e.borderRadiusSM}px 0 0;
}
}
&-value {
position: absolute;
bottom: 0;
inset-inline-start: 0;
width: 100%;
text-align: center;
transform-origin: unset;
}
&:hover {
.main-color-item {
padding-top: ${e.paddingXS}px;
}
.main-color-value {
bottom: 8px;
opacity: 0.7;
}
}
}
}
`});};},"734ac3ec":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return a;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7"),a=()=>{let e=(0,r.useTheme)();return(0,n.jsx)(i.Global,{styles:(0,i.css)`
h1,
h2,
h3,
h4,
h5,
h6 {
> a[aria-hidden]:first-child {
float: left;
width: 20px;
padding-inline-end: ${e.paddingXXS}px;
font-size: 0;
line-height: inherit;
text-align: right;
padding-inline-end: ${e.paddingXXS}px;
margin-inline-start: -${e.marginLG}px;
[data-direction='rtl'] & {
float: right;
}
&:hover {
border: 0;
}
> .icon-link::before {
font-size: ${e.fontSizeXL}px;
content: '#';
}
}
&:not(:hover) > a[aria-hidden]:first-child > .icon-link {
visibility: hidden;
}
}
`});};},75801792:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.e(t,{default:function(){return p;},useStyle:function(){return c;}});var n=o("777fffbe"),i=o("f19d2b93"),r=n._(o("5b220c3d")),a=o("a9d1a279"),l=o("3835a2b7"),d=n._(o("600aabe0")),s=o("9c86e52a");let c=(0,l.createStyles)(({token:e,css:t})=>{let{antCls:o}=e;return{anchorToc:t`
scrollbar-width: thin;
scrollbar-gutter: stable;
${o}-anchor {
${o}-anchor-link-title {
font-size: ${e.fontSizeSM}px;
}
}
`,tocWrapper:t`
position: fixed;
top: ${e.headerHeight+e.contentMarginTop-4}px;
inset-inline-end: 0;
width: 148px;
padding: 0;
border-radius: ${e.borderRadius}px;
box-sizing: border-box;
margin-inline-end: calc(8px - 100vw + 100%);
z-index: 10;
.toc-debug {
color: ${e.purple6};
&:hover {
color: ${e.purple5};
}
}
> div {
box-sizing: border-box;
width: 100%;
max-height: calc(100vh - ${e.headerHeight+e.contentMarginTop+24}px) !important;
margin: auto;
overflow: auto;
padding: ${e.paddingXXS}px;
backdrop-filter: blur(8px);
}
@media only screen and (max-width: ${e.screenLG}px) {
display: none;
}
`,articleWrapper:t`
padding-inline: 48px 164px;
padding-block: 0 32px;
@media only screen and (max-width: ${e.screenLG}px) {
& {
padding: 0 ${2*e.paddingLG}px;
}
}
`};});var p=({showDebug:e,debugDemos:t=[]})=>{let{styles:o}=c(),n=(0,l.useTheme)(),p=(0,s.useRouteMeta)(),u=(0,s.useTabMeta)(),g=r.default.useMemo(()=>((null==u?void 0:u.toc)||p.toc).reduce((e,t)=>{if(2===t.depth)e.push({...t});else if(3===t.depth){let o=e[e.length-1];o&&(o.children=o.children||[],o.children.push({...t}));}return e;},[]),[null==u?void 0:u.toc,p.toc]);return p.frontmatter.toc?(0,i.jsx)("section",{className:o.tocWrapper,children:(0,i.jsx)(a.Anchor,{affix:!1,className:o.anchorToc,targetOffset:n.anchorTop,showInkInFixed:!0,items:g.map(o=>{var n;return{href:`#${o.id}`,title:o.title,key:o.id,children:null===(n=o.children)||void 0===n?void 0:n.filter(o=>e||!t.includes(o.id)).map(e=>({key:e.id,href:`#${e.id}`,title:(0,i.jsx)("span",{className:(0,d.default)({"toc-debug":t.includes(e.id)}),children:null==e?void 0:e.title})}))};})})}):null;};},"80ae577b":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return g;}});var n=o("777fffbe"),i=o("f19d2b93"),r=o("5b220c3d"),a=o("a9d1a279"),l=o("3835a2b7"),d=o("9c86e52a"),s=n._(o("8aeb4d59")),c=n._(o("3e969a12")),p=n._(o("714a8bde"));let u=(0,l.createStyles)(({token:e,css:t})=>{let{antCls:o,fontFamily:n,colorSplit:i}=e;return{asideContainer:t`
min-height: 100%;
padding-bottom: 48px;
font-family: Avenir, ${n}, sans-serif;
&${o}-menu-inline {
${o}-menu-submenu-title h4,
> ${o}-menu-item,
${o}-menu-item a {
overflow: hidden;
font-size: ${e.fontSize}px;
text-overflow: ellipsis;
}
> ${o}-menu-item-group > ${o}-menu-item-group-title {
margin-top: ${e.margin}px;
margin-bottom: ${e.margin}px;
font-size: ${e.fontSize}px;
&::after {
position: relative;
top: 12px;
display: block;
width: calc(100% - 20px);
height: 1px;
background: ${i};
content: '';
}
}
> ${o}-menu-item,
> ${o}-menu-submenu
> ${o}-menu-submenu-title,
> ${o}-menu-item-group
> ${o}-menu-item-group-title,
> ${o}-menu-item-group
> ${o}-menu-item-group-list
> ${o}-menu-item,
&${o}-menu-inline
> ${o}-menu-item-group
> ${o}-menu-item-group-list
> ${o}-menu-item {
padding-inline: 36px 12px !important;
}
// Nest Category > Type > Article
&${o}-menu-inline {
${o}-menu-item-group-title {
margin-inline-start: ${e.marginXXS}px;
padding-inline-start: 60px;
${o}-row-rtl & {
padding-inline-end: 60px;
padding-inline-start: ${e.padding}px;
}
}
${o}-menu-item-group-list > ${o}-menu-item {
padding-inline-start: 80px !important;
${o}-row-rtl & {
padding-inline-end: 80px !important;
padding-inline-start: ${e.padding}px !important;
}
}
}
${o}-menu-item-group:first-child {
${o}-menu-item-group-title {
margin-top: 0;
}
}
}
a[disabled] {
color: #ccc;
}
`,mainMenu:t`
z-index: 1;
position: sticky;
top: ${e.headerHeight+e.contentMarginTop}px;
width: 100%;
height: 100%;
max-height: calc(100vh - ${e.headerHeight+e.contentMarginTop}px);
overflow: hidden;
scrollbar-width: thin;
scrollbar-gutter: stable;
.ant-menu {
padding: 0 4px;
}
&:hover {
overflow-y: auto;
}
`};});var g=()=>{let e=(0,d.useSidebarData)(),{isMobile:t,theme:o}=(0,r.useContext)(p.default),{styles:n}=u(),[g,m]=(0,c.default)(),h=o.includes("dark"),{colorBgContainer:f}=(0,l.useTheme)(),x=(0,i.jsx)(a.ConfigProvider,{theme:{components:{Menu:{itemBg:f,darkItemBg:f}}},children:(0,i.jsx)(a.Menu,{items:g,inlineIndent:30,className:n.asideContainer,mode:"inline",theme:h?"dark":"light",selectedKeys:[m],defaultOpenKeys:null==e?void 0:e.map(({title:e})=>e).filter(Boolean)})});return t?(0,i.jsx)(s.default,{children:x},"Mobile-menu"):(0,i.jsx)(a.Col,{xxl:4,xl:5,lg:6,md:6,sm:24,xs:24,className:n.mainMenu,children:x});};},"90329be1":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0});},"9ef535e4":function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return n.default;}});var n=o("777fffbe")._(o("04e63e65"));},a138adac:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return c;}});var n=o("777fffbe"),i=o("f19d2b93"),r=o("3835a2b7"),a=n._(o("a7fa2147")),l=n._(o("d0dc4122")),d=n._(o("80ae577b"));let s=(0,r.createStyles)(({css:e,token:t})=>({main:e`
display: flex;
margin-top: ${t.contentMarginTop}px;
`}));var c=({children:e})=>{let{styles:t}=s();return(0,i.jsxs)("main",{className:t.main,children:[(0,i.jsx)(a.default,{}),(0,i.jsx)(d.default,{}),(0,i.jsx)(l.default,{children:e})]});};},a2249523:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return p;}});var n=o("777fffbe"),i=o("852bbaa9"),r=o("f19d2b93"),a=o("3835a2b7"),l=o("9c86e52a"),d=n._(o("0a03b273")),s=i._(o("6afe185a"));let c=(0,a.createStyles)(({token:e,css:t})=>{let{headerHeight:o,colorTextHeading:n,fontFamily:i,mobileMaxWidth:r}=e;return{logo:t`
height: ${o}px;
padding-inline-start: 40px;
overflow: hidden;
color: ${n};
font-weight: bold;
font-size: 18px;
font-family: AlibabaPuHuiTi, ${i}, sans-serif;
line-height: ${o}px;
letter-spacing: -0.18px;
white-space: nowrap;
text-decoration: none;
display: inline-flex;
align-items: center;
column-gap: ${e.marginSM}px;
&:hover {
color: ${n};
}
img {
width: 32px;
height: 32px;
display: inline-block;
vertical-align: middle;
}
@media only screen and (max-width: ${r}px) {
padding-inline-start: 0;
padding-inline-end: 0;
}
`,title:t`
line-height: 32px;
`};});var p=({isZhCN:e})=>{let{search:t}=(0,l.useLocation)(),{styles:o}=c();return(0,r.jsx)("h1",{children:(0,r.jsxs)(d.default,{to:s.getLocalizedPathname("/",e,t),className:o.logo,children:[(0,r.jsx)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg",draggable:!1,alt:"logo"}),(0,r.jsx)("span",{className:o.title,children:"Ant Design"})]})});};},a249a395:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return m;}});var n=o("777fffbe"),i=o("852bbaa9"),r=o("f19d2b93"),a=i._(o("5b220c3d")),l=o("a9d1a279"),d=o("3835a2b7"),s=n._(o("600aabe0")),c=n._(o("f93c65a6")),p=n._(o("ca111321"));let u=["scroll","resize"],g=(0,d.createStyles)(({token:e,css:t})=>{let{boxShadowSecondary:o,antCls:n}=e;return{affixTabs:t`
position: fixed;
top: 0;
inset-inline-end: 0;
inset-inline-start: 0;
z-index: 1001;
padding: 0 40px;
background: #fff;
box-shadow: ${o};
transform: translate3d(0, -100%, 0);
opacity: 0;
transition:
opacity ${e.motionDurationSlow},
transform ${e.motionDurationSlow};
${n}-tabs {
max-width: 1208px;
margin: 0 auto;
${n}-tabs-nav {
margin: 0;
&::before {
border-bottom-color: transparent;
}
${n}-tabs-tab {
padding: 21px 0;
}
}
}
`,affixTabsFixed:t`
transform: translate3d(0, 0, 0);
opacity: 1;
`,span:t`
text-transform: capitalize;
`};});var m=()=>{let e=a.useRef(null),t=a.useRef([]),[o,n]=a.useState(!1),[i,d]=a.useState(void 0),{styles:{affixTabs:m,affixTabsFixed:h,span:f}}=g();function x(t){let o=document.getElementById(t);if(o){let t=o.offsetTop-e.current.offsetHeight-32;(0,p.default)(t);}}a.useEffect(()=>{let e=document.querySelectorAll("h2[id]");t.current=Array.from(e).map(({id:e})=>e),n(!0);},[]),a.useEffect(()=>{let e=decodeURIComponent((location.hash||"").slice(1));e&&x(e);},[o]);let b=a.useMemo(()=>(0,c.default)(function(){let{scrollY:o}=window,n=e.current.offsetHeight;for(let e=t.current.length-1;e>=0;e-=1){let i=t.current[e];if(document.getElementById(i).offsetTop-n-32<=o){d(i);return;}}d(void 0);}),[]);return a.useEffect(()=>(u.forEach(e=>window.addEventListener(e,b)),b(),()=>{u.forEach(e=>window.removeEventListener(e,b));}),[]),(0,r.jsx)("div",{className:(0,s.default)(m,i&&h),ref:e,children:(0,r.jsx)(l.Tabs,{activeKey:i,centered:!0,size:"large",onChange:x,items:t.current.map(e=>({key:e,label:(0,r.jsx)("span",{className:f,children:e.replace(/-/g," ")})}))})});};},a56683cc:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return d;}});var n=o("777fffbe"),i=o("f19d2b93"),r=n._(o("6ee40046")),a=o("bea88868"),l=n._(o("530fedd5")),d=()=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(a.Reset,{}),(0,i.jsx)(a.Common,{}),(0,i.jsx)(a.Markdown,{}),(0,i.jsx)(a.Highlight,{}),(0,i.jsx)(a.Demo,{}),(0,i.jsx)(a.Responsive,{}),(0,i.jsx)(a.NProgress,{}),(0,i.jsx)(a.PreviewImage,{}),(0,i.jsx)(l.default,{}),(0,i.jsx)(r.default,{}),(0,i.jsx)(a.HeadingAnchor,{}),(0,i.jsx)(a.SearchBar,{})]});},a7fa2147:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return l;}});var n=o("777fffbe"),i=o("f19d2b93"),r=n._(o("5b220c3d")),a=o("9c86e52a"),l=()=>{let e=(0,a.useRouteMeta)(),[t,o]=r.default.useMemo(()=>{let t;if(e.frontmatter.subtitle||e.frontmatter.title){var o;t=`${e.frontmatter.subtitle||""} ${(null===(o=e.frontmatter)||void 0===o?void 0:o.title)||""} - Ant Design`;}else t="404 Not Found - Ant Design";return[t,e.frontmatter.description||""];},[e]);return(0,i.jsxs)(a.Helmet,{children:[(0,i.jsx)("title",{children:t}),(0,i.jsx)("meta",{property:"og:title",content:t}),o&&(0,i.jsx)("meta",{name:"description",content:o})]});};},ad4b2adc:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return v;}});var n=o("777fffbe"),i=o("852bbaa9"),r=o("f19d2b93"),a=n._(o("600aabe0")),l=n._(o("072ab8a9"));o("2a5e301e");var d=i._(o("5b220c3d")),s=n._(o("61d83fdb")),c=n._(o("e15e14cb")),p=o("9c86e52a"),u=n._(o("23546486")),g=n._(o("91a66390")),m=n._(o("a56683cc")),h=n._(o("eb388ffc")),f=n._(o("714a8bde"));o("90329be1");var x=n._(o("61595633")),b=n._(o("4b6975d6")),w=n._(o("a138adac"));let $={cn:{title:"Ant Design - \u4E00\u5957\u4F01\u4E1A\u7EA7 UI \u8BBE\u8BA1\u8BED\u8A00\u548C React \u7EC4\u4EF6\u5E93",description:"\u57FA\u4E8E Ant Design \u8BBE\u8BA1\u4F53\u7CFB\u7684 React UI \u7EC4\u4EF6\u5E93\uFF0C\u7528\u4E8E\u7814\u53D1\u4F01\u4E1A\u7EA7\u4E2D\u540E\u53F0\u4EA7\u54C1\u3002"},en:{title:"Ant Design - The world's second most popular React UI framework",description:"An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises"}};var v=()=>{let e=(0,p.useOutlet)(),t=(0,g.default)(),{pathname:o,search:n,hash:i}=t,[v,y]=(0,u.default)($),k=(0,d.useRef)(),{direction:j}=(0,d.useContext)(f.default),{loading:S}=(0,p.useSiteData)();(0,d.useLayoutEffect)(()=>{"cn"===y?l.default.locale("zh-cn"):l.default.locale("en");},[]),(0,d.useEffect)(()=>{let e=document.getElementById("nprogress-style");return k.current=setTimeout(()=>{null==e||e.remove();},0),()=>clearTimeout(k.current);},[]),(0,d.useEffect)(()=>{let e=i.replace("#","");if(e){var t;null===(t=document.getElementById(decodeURIComponent(e)))||void 0===t||t.scrollIntoView();}},[S,i]),(0,d.useEffect)(()=>{void 0!==window.ga&&window.ga("send","pageview",o+n);},[t]);let M=d.default.useMemo(()=>["","/"].some(e=>e===o)||["/index"].some(e=>o.startsWith(e))?(0,r.jsx)(x.default,{title:v.title,desc:v.description,children:e}):o.startsWith("/docs/resource")?(0,r.jsx)(b.default,{children:e}):o.startsWith("/theme-editor")?e:(0,r.jsx)(w.default,{children:e}),[o,e]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(p.Helmet,{encodeSpecialCharacters:!1,children:[(0,r.jsx)("html",{lang:"cn"===y?"zh-CN":y,"data-direction":j,className:(0,a.default)({rtl:"rtl"===j})}),(0,r.jsx)("link",{sizes:"144x144",href:"https://gw.alipayobjects.com/zos/antfincdn/UmVnt3t4T0/antd.png"}),(0,r.jsx)("meta",{property:"og:description",content:v.description}),(0,r.jsx)("meta",{property:"og:type",content:"website"}),(0,r.jsx)("meta",{property:"og:image",content:"https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"})]}),(0,r.jsxs)(s.default,{direction:j,locale:"cn"===y?c.default:void 0,children:[(0,r.jsx)(m.default,{}),(0,r.jsx)(h.default,{}),M]})]});};},b06e8b1e:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return l;}});var n=o("f19d2b93"),i=o("bbdc6974"),r=o("1fe0ede3"),a=o("3835a2b7"),l=()=>{let e=(0,a.useTheme)(),{antCls:t}=e,o=e.colorPrimary;return(0,n.jsx)(r.Global,{styles:(0,r.css)`
.markdown {
color: ${e.colorText};
font-size: ${e.fontSize}px;
line-height: 2;
}
.highlight {
line-height: 1.5;
}
.markdown img {
max-width: calc(100% - 32px);
max-height: 100%;
}
.markdown > a > img,
.markdown > img {
display: block;
margin: 0 auto;
}
.markdown p > img,
.markdown li > img {
margin: 34px auto;
box-shadow: 0 8px 20px rgba(143, 168, 191, 0.35);
display: block;
}
.markdown p > img.markdown-inline-image {
margin: 0;
box-shadow: none;
}
.markdown h1 {
margin-top: ${e.marginXS}px;
margin-bottom: ${e.marginMD}px;
color: ${e.colorTextHeading};
font-weight: 500;
font-size: 30px;
font-family: Avenir, ${e.fontFamily}, sans-serif;
line-height: 38px;
.subtitle {
margin-inline-start: ${e.marginSM}px;
}
}
.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: ${e.colorTextHeading};
font-weight: 500;
font-family: Avenir, ${e.fontFamily}, sans-serif;
}
.markdown h3 {
font-size: 18px;
}
.markdown h4 {
font-size: ${e.fontSizeLG}px;
}
.markdown h5 {
font-size: ${e.fontSize}px;
}
.markdown h6 {
font-size: ${e.fontSizeSM}px;
}
.markdown hr {
clear: both;
height: 1px;
margin: ${e.marginLG}px 0;
background: ${e.colorSplit};
border: 0;
}
.markdown p,
.markdown pre {
margin: 1em 0;
${t}-row-rtl & {
direction: rtl;
text-align: right;
}
}
.markdown ul > li,
.markdown ol > li {
padding-inline-start: ${e.paddingXXS}px;
margin-inline-start: ${e.marginMD}px;
> p {
margin: 0.2em 0;
}
&:empty {
display: none;
}
}
.markdown ul > li {
list-style-type: circle;
}
.markdown ol > li {
list-style-type: decimal;
}
.markdown code {
margin: 0 1px;
padding: 0.2em 0.4em;
font-size: 0.9em;
background: ${e.siteMarkdownCodeBg};
border: 1px solid ${e.colorSplit};
border-radius: ${e.borderRadiusSM}px;
}
.markdown pre {
font-family: ${e.codeFamily};
background: ${e.siteMarkdownCodeBg};
border-radius: ${e.borderRadius}px;
}
.markdown pre code {
margin: 0;
padding: 0;
overflow: auto;
color: ${e.colorText};
font-size: ${Math.max(e.fontSize-1,12)}px;
direction: ltr;
text-align: left;
background-color: ${e.colorBgLayout};
border: none;
}
.markdown strong,
.markdown b {
font-weight: 500;
}
.markdown .dumi-default-source-code {
margin: 1em 0;
background-color: ${e.siteMarkdownCodeBg};
border-radius: ${e.borderRadius}px;
> pre.prism-code {
scrollbar-width: thin;
scrollbar-gutter: stable;
padding: ${e.paddingSM}px ${e.paddingMD}px;
font-size: ${e.fontSize}px;
line-height: 2;
}
}
.pic-plus {
& > * {
display: inline-block !important;
vertical-align: middle;
}
span {
margin: 0 ${e.marginMD}px;
color: #aaa;
font-size: 30px;
user-select: none;
}
}
.markdown table td > a:not(:last-child) {
margin-inline-end: 0 !important;
&::after {
position: relative !important;
}
}
.markdown blockquote {
margin: 1em 0;
padding-inline-start: 0.8em;
color: ${e.colorTextSecondary};
font-size: 90%;
border-left: 4px solid ${e.colorSplit};
.rtl & {
padding-inline-end: 0.8em;
padding-inline-start: 0;
border-right: 4px solid ${e.colorSplit};
border-left: none;
}
}
.markdown blockquote p {
margin: 0;
}
.markdown .anchor {
margin-inline-start: ${e.marginXS}px;
opacity: 0;
transition: opacity ${e.motionDurationSlow};
.rtl & {
margin-inline-end: ${e.marginXS}px;
margin-inline-start: 0;
}
}
.markdown .waiting {
color: #ccc;
cursor: not-allowed;
}
.markdown a.edit-button {
display: inline-block;
margin-inline-start: ${e.marginXS}px;
text-decoration: none;
.rtl & {
margin-inline-end: ${e.marginXS}px;
margin-inline-start: 0;
transform: rotateY(180deg);
}
${t}icon {
display: block;
color: ${e.colorTextSecondary};
font-size: ${e.fontSizeLG}px;
transition: all ${e.motionDurationSlow};
&:hover {
color: ${e.colorText};
}
}
}
.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 {
&-content {
scrollbar-width: thin;
scrollbar-gutter: stable;
}
table {
margin: 0;
overflow-x: auto;
overflow-y: hidden;
direction: ltr;
empty-cells: show;
border: 1px solid ${e.colorSplit};
border-collapse: collapse;
border-spacing: 0;
th,
td {
padding: ${e.paddingSM}px ${e.paddingLG}px;
text-align: left;
border: 1px solid ${e.colorSplit};
&:first-child {
border-left: 1px solid ${e.colorSplit};
}
&:last-child {
border-right: 1px solid ${e.colorSplit};
}
img {
max-width: unset;
}
}
th {
color: #5c6b77;
font-weight: 500;
white-space: nowrap;
background: rgba(0, 0, 0, 0.02);
border-width: 1px 1px 2px;
}
tbody tr {
transition: all ${e.motionDurationSlow};
&:hover {
background: rgba(60, 90, 100, 0.04);
}
}
}
table.component-api-table {
margin: 0;
overflow-x: auto;
overflow-y: hidden;
font-size: ${Math.max(e.fontSize-1,12)}px;
font-family: ${e.codeFamily};
line-height: ${e.lineHeight};
border: 1px solid ${e.colorSplit};
border-width: 0 1px;
th {
border-width: 1px 0 2px;
}
td {
border-width: 1px 0;
&:first-child {
width: 18%;
min-width: 58px;
color: ${e.colorText};
font-weight: ${e.fontWeightStrong};
white-space: nowrap;
}
&:nth-child(2) {
min-width: 160px;
}
&:nth-child(3) {
width: 22%;
color: ${e.magenta7};
font-size: ${Math.max(e.fontSize-1,12)}px;
}
&:nth-child(4) {
width: 15%;
font-size: ${Math.max(e.fontSize-1,12)}px;
}
&:nth-child(5) {
width: 8%;
font-size: ${Math.max(e.fontSize-1,12)}px;
}
&:nth-last-child(3):first-child {
width: 38%;
}
&:nth-last-child(3):first-child ~ td:nth-last-child(2) {
width: 70%;
}
}
}
/*
Api 表中某些属性用 del 标记，表示已废弃（但仍期望给开发者一个过渡期)用 css 标记出来。仅此而已。
有更多看法？移步讨论区: https://github.com/ant-design/ant-design/discussions/51298
*/
tr:has(td:first-child > del) {
color: ${e.colorWarning} !important;
background-color: ${e.colorWarningBg} !important;
display: var(--antd-site-api-deprecated-display, none);
del {
color: ${e.colorWarning};
}
&:hover del {
text-decoration: none;
}
}
}
.grid-demo,
[id^='grid-demo-'] {
${t}-row > div,
.code-box-demo ${t}-row > div {
min-height: 30px;
margin-top: ${e.marginXS}px;
margin-bottom: ${e.marginXS}px;
color: #fff;
text-align: center;
border-radius: 0;
}
.code-box-demo ${t}-row > div:not(.gutter-row) {
padding: ${e.padding}px 0;
background: ${o};
&:nth-child(2n + 1) {
background: ${new i.TinyColor(o).setAlpha(.75).toHex8String()};
}
}
${t}-row .demo-col,
.code-box-demo ${t}-row .demo-col {
margin-top: 0;
margin-bottom: 0;
padding: 30px 0;
color: ${e.colorWhite};
font-size: 18px;
text-align: center;
border: none;
}
${t}-row .demo-col-1 {
background: ${new i.TinyColor(o).setAlpha(.75).toHexString()};
}
${t}-row .demo-col-2,
.code-box-demo ${t}-row .demo-col-2 {
background: ${new i.TinyColor(o).setAlpha(.75).toHexString()};
}
${t}-row .demo-col-3,
.code-box-demo ${t}-row .demo-col-3 {
color: #999;
background: rgba(255, 255, 255, 0.2);
}
${t}-row .demo-col-4,
.code-box-demo ${t}-row .demo-col-4 {
background: ${new i.TinyColor(o).setAlpha(.6).toHexString()};
}
${t}-row .demo-col-5,
.code-box-demo ${t}-row .demo-col-5 {
color: #999;
background: rgba(255, 255, 255, 0.2);
}
.code-box-demo .height-100 {
height: 100px;
line-height: 100px;
}
.code-box-demo .height-50 {
height: 50px;
line-height: 50px;
}
.code-box-demo .height-120 {
height: 120px;
line-height: 120px;
}
.code-box-demo .height-80 {
height: 80px;
line-height: 80px;
}
}
[id='grid-demo-playground'],
[id='grid-demo-gutter'] {
> .code-box-demo ${t}-row > div {
margin-top: 0;
margin-bottom: 0;
}
}
`});};},b315eb4f:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return a;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7"),a=()=>{let e=(0,r.useTheme)(),{antCls:t,iconCls:o}=e;return(0,n.jsx)(i.Global,{styles:(0,i.css)`
.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: calc(100% - ${2*e.lineWidth}px);
margin: 0 0 ${e.margin}px;
background-color: ${e.colorBgContainer};
border: 1px solid ${e.colorSplit};
border-radius: ${e.borderRadiusLG}px;
transition: all ${e.motionDurationMid};
&.code-box-simplify {
border-radius: 0;
margin-bottom: 0;
.code-box-demo {
padding: 0;
border-bottom: 0;
}
}
.code-box-title {
&,
a {
color: ${e.colorText} !important;
background: ${e.colorBgContainer};
}
}
.code-box-demo {
background-color: ${e.colorBgContainer};
border-radius: ${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0;
> .demo {
overflow: auto;
}
}
.markdown {
pre {
margin: 0.5em 0;
padding: 6px 12px;
}
pre code {
margin: 0;
background: #f5f5f5;
}
}
&:target {
border: 1px solid ${e.colorPrimary};
}
&-title {
position: absolute;
top: -14px;
padding: 1px 8px;
color: #777;
background: ${e.colorBgContainer};
border-radius: ${e.borderRadius}px ${e.borderRadius}px 0 0;
transition: background-color 0.4s;
margin-inline-start: ${e.margin}px;
a,
a:hover {
color: ${e.colorText};
font-weight: 500;
font-size: ${e.fontSize}px;
}
}
&-description {
padding: 18px 24px 12px;
}
a.edit-button {
position: absolute;
top: 7px;
inset-inline-end: -16px;
font-size: ${e.fontSizeSM}px;
text-decoration: none;
background: inherit;
transform: scale(0.9);
padding-inline-end: ${e.paddingXXS}px;
${o} {
color: ${e.colorTextSecondary};
transition: all ${e.motionDurationSlow};
&:hover {
color: ${e.colorText};
}
}
${t}-row${t}-row-rtl & {
inset-inline-end: auto;
inset-inline-start: -22px;
}
}
&-demo {
padding: 42px 24px 50px;
color: ${e.colorText};
border-bottom: 1px solid ${e.colorSplit};
}
iframe {
width: 100%;
border: 0;
}
&-meta {
&.markdown {
position: relative;
width: 100%;
font-size: ${e.fontSize}px;
border-radius: 0 0 ${e.borderRadius}px ${e.borderRadius}px;
transition: background-color 0.4s;
}
blockquote {
line-height: 1.5;
}
h4,
section& p {
margin: 0;
}
> p {
width: 100%;
margin: 0.5em 0;
font-size: ${e.fontSizeSM}px;
word-break: break-word;
padding-inline-end: 25px;
}
}
&.expand &-meta {
border-bottom: 1px dashed ${e.colorSplit};
border-radius: 0;
}
.code-expand-icon {
position: relative;
width: 16px;
height: 16px;
cursor: pointer;
}
.code-expand-icon-show,
.code-expand-icon-hide {
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
max-width: 100%;
margin: 0;
box-shadow: none;
transition: all 0.4s;
user-select: none;
${t}-row-rtl & {
inset-inline-end: 0;
inset-inline-start: auto;
}
}
.code-expand-icon-show {
opacity: 0.55;
pointer-events: auto;
&:hover {
opacity: 1;
}
}
.code-expand-icon${t}-tooltip-open .code-expand-icon-show {
opacity: 1;
}
.code-expand-icon-hide {
opacity: 0;
pointer-events: none;
}
.highlight-wrapper {
display: none;
border-radius: 0 0 ${e.borderRadius}px ${e.borderRadius}px;
&-expand {
display: block;
}
}
.highlight {
position: relative;
pre {
margin: 0;
padding: 0;
background: ${e.colorBgContainer};
}
&:not(:first-child) {
border-top: 1px dashed ${e.colorSplit};
}
}
&-actions {
display: flex;
justify-content: center;
padding: ${e.paddingSM}px 0;
border-top: 1px dashed ${e.colorSplit};
opacity: 0.7;
transition: opacity ${e.motionDurationSlow};
&:hover {
opacity: 1;
}
}
&-actions &-code-action {
position: relative;
display: flex;
align-items: center;
width: 16px;
height: 16px;
color: ${e.colorTextSecondary};
cursor: pointer;
transition: all 0.24s;
&:hover {
color: ${e.colorText};
}
${o} {
display: block;
}
}
&-code-copy {
width: 14px;
height: 14px;
font-size: ${e.fontSize}px;
text-align: center;
background: ${e.colorBgContainer};
cursor: pointer;
transition: transform 0.24s;
&${o}-check {
color: ${e.green6} !important;
font-weight: bold;
}
}
&-codepen {
width: 14px;
height: 14px;
overflow: hidden;
border: 0;
cursor: pointer;
}
&-riddle {
width: 14px;
height: 14px;
overflow: hidden;
border: 0;
cursor: pointer;
}
&-codesandbox {
width: 16px;
height: 16px;
overflow: hidden;
border: 0;
cursor: pointer;
&:hover {
opacity: 1;
}
}
.highlight-wrapper:hover &-code-copy,
.highlight-wrapper:hover &-codepen,
.highlight-wrapper:hover &-codesandbox,
.highlight-wrapper:hover &-riddle {
opacity: 1;
}
pre {
width: auto;
margin: 0;
code {
background: ${e.colorBgContainer};
border: none;
box-shadow: unset;
padding: ${e.paddingSM}px ${e.padding}px;
font-size: ${e.fontSize}px;
}
}
&-debug {
border-color: ${e.purple3};
display: none;
}
&-debug &-title a {
color: ${e.purple6};
}
}
.demo-wrapper {
position: relative;
&-show-debug .code-box-debug {
display: block;
}
}
.all-code-box-controls {
position: absolute;
top: -32px;
inset-inline-end: 0;
display: flex;
align-items: center;
column-gap: ${e.marginXS}px;
${t}-btn {
opacity: 0.6;
&.icon-enabled {
background: ${e.colorFillSecondary};
opacity: 1;
${o} {
color: ${e.colorTextBase};
font-weight: bold;
}
}
}
${t}-row-rtl {
#tooltip-demo-placement,
#popover-demo-placement,
#popconfirm-demo-placement {
.code-box-demo {
direction: ltr;
}
}
}
`});};},b4f245d7:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return l;}});var n=o("f19d2b93"),i=o("5b220c3d"),r=o("a9d1a279"),a=o("32a42d94"),l=({children:e,fallback:t=(0,n.jsx)(r.Skeleton.Input,{active:!0,size:"small"}),delay:o=200})=>(0,n.jsx)(a.InView,{triggerOnce:!0,delay:o,children:({inView:o,ref:r})=>(0,n.jsx)("div",{ref:r,children:(0,n.jsx)(i.Suspense,{fallback:t,children:o?e:(0,n.jsx)("span",{})})})});},ba722e26:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return h;}});var n=o("777fffbe"),i=o("852bbaa9"),r=o("f19d2b93"),a=o("e22febe0"),l=o("a9d1a279"),d=o("3835a2b7"),s=o("9c86e52a"),c=n._(o("23546486")),p=n._(o("0a03b273")),u=i._(o("6afe185a"));let g={cn:{design:"\u8BBE\u8BA1",development:"\u7814\u53D1",components:"\u7EC4\u4EF6",resources:"\u8D44\u6E90",blog:"\u535A\u5BA2"},en:{design:"Design",development:"Development",components:"Components",resources:"Resources",blog:"Blog"}},m=(0,d.createStyles)(({token:e})=>{let{antCls:t,iconCls:o,fontFamily:n,fontSize:i,headerHeight:r,colorPrimary:a}=e;return{nav:(0,d.css)`
height: 100%;
font-size: ${i}px;
font-family: Avenir, ${n}, sans-serif;
border: 0 !important;
&${t}-menu-horizontal {
border-bottom: none;
& > ${t}-menu-item, & > ${t}-menu-submenu {
min-width: ${64}px;
height: ${r}px;
padding-inline-end: ${e.paddingSM}px;
padding-inline-start: ${e.paddingSM}px;
line-height: ${r}px;
}
& ${t}-menu-submenu-title ${o} {
margin: 0;
}
& > ${t}-menu-item-selected {
a {
color: ${a};
}
}
}
& > ${t}-menu-item, & > ${t}-menu-submenu {
text-align: center;
}
`};});var h=e=>{var t,o;let{isZhCN:n,isMobile:i,responsive:d,directionText:h,onLangChange:f,onDirectionChange:x}=e,{pathname:b,search:w}=(0,s.useLocation)(),[$]=(0,c.default)(g),v=(null===(o=(0,s.useFullSidebarData)()["/docs/blog"])||void 0===o?void 0:null===(t=o[0])||void 0===t?void 0:t.children)||[],{styles:y}=m(),k=b.split("/").filter(Boolean).slice(0,-1).join("/")||"home";b.startsWith("/changelog")?k="docs/react":b.startsWith("/docs/resources")&&(k="docs/resources");let j=[],S=[{label:(0,r.jsx)("a",{href:"https://github.com/ant-design/ant-design",target:"_blank",rel:"noopener noreferrer",children:"GitHub"}),key:"github"},{label:(0,r.jsx)(s.FormattedMessage,{id:"app.header.lang"}),onClick:f,key:"switch-lang"},{label:h,onClick:x,key:"switch-direction"}];i?j=S:"crowded"===d&&(j=[{label:(0,r.jsx)(a.MenuOutlined,{}),key:"additional",children:[...S]}]);let M=[{label:(0,r.jsx)(p.default,{to:u.getLocalizedPathname("/docs/spec/introduce",n,w),children:$.design}),key:"docs/spec"},{label:(0,r.jsx)(p.default,{to:u.getLocalizedPathname("/docs/react/introduce",n,w),children:$.development}),key:"docs/react"},{label:(0,r.jsx)(p.default,{to:u.getLocalizedPathname("/components/overview/",n,w),children:$.components}),key:"components"},v.length?{label:(0,r.jsx)(p.default,{to:u.getLocalizedPathname(v.sort((e,t)=>{var o,n;return(null===(o=e.frontmatter)||void 0===o?void 0:o.date)>(null===(n=t.frontmatter)||void 0===n?void 0:n.date)?-1:1;})[0].link,n,w),children:$.blog}),key:"docs/blog"}:null,{label:(0,r.jsx)(p.default,{to:u.getLocalizedPathname("/docs/resources",n,w),children:$.resources}),key:"docs/resources"},n?{key:"mirror",label:(0,r.jsx)("a",{href:"https://ant-design.antgroup.com",target:"_blank",rel:"noreferrer",children:"\u56FD\u5185\u955C\u50CF"})}:null,...j??[]].filter(Boolean);return(0,r.jsx)(l.Menu,{mode:i?"inline":"horizontal",selectedKeys:[k],className:y.nav,disabledOverflow:!0,items:M});};},bdcf9616:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return a;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7"),a=()=>{let e=(0,r.useTheme)();return(0,n.jsx)(i.Global,{styles:(0,i.css)`
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
pre code {
display: block;
padding: ${e.padding}px ${e.paddingXL}px;
color: ${e.colorText};
font-size: ${e.fontSize}px;
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: ${e.borderRadius}px;
}
code[class*='language-'],
pre[class*='language-'] {
color: ${e.colorText};
font-family: 'Lucida Console', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
line-height: ${e.lineHeightLG};
direction: ltr;
white-space: pre;
text-align: left;
word-wrap: normal;
word-break: normal;
word-spacing: normal;
tab-size: 4;
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;
}
}
/* Code blocks */
pre[class*='language-'] {
margin: ${e.margin}px 0;
padding: ${e.paddingSM}px ${e.paddingMD}px;
overflow: auto;
}
:not(pre) > code[class*='language-'],
pre[class*='language-'] {
background: ${e.colorBgLayout};
}
/* Inline code */
: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,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #f81d22;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #0b8235;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #0b8235;
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #008dff;
}
.token.function {
color: #f81d22;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
}
`});};},bea88868:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.e(t,{Common:function(){return a.default;},Demo:function(){return s.default;},HeadingAnchor:function(){return i.default;},Highlight:function(){return d.default;},Markdown:function(){return l.default;},NProgress:function(){return p.default;},PreviewImage:function(){return u.default;},Reset:function(){return r.default;},Responsive:function(){return c.default;},SearchBar:function(){return g.default;}});var n=o("777fffbe"),i=n._(o("734ac3ec")),r=n._(o("1f46114b")),a=n._(o("e7fbb058")),l=n._(o("b06e8b1e")),d=n._(o("bdcf9616")),s=n._(o("b315eb4f")),c=n._(o("eec6195f")),p=n._(o("d7966917")),u=n._(o("0d35acd6")),g=n._(o("d243811f"));},d0dc4122:function(e,t,o){"use strict";var n=o("852bbaa9")._;o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return S;}});var i=o("777fffbe"),r=o("852bbaa9"),a=o("f19d2b93"),l=r._(o("5b220c3d")),d=o("a9d1a279"),s=i._(o("600aabe0")),c=o("9c86e52a"),p=i._(o("098b7512")),u=i._(o("91a66390")),g=i._(o("7e70d2c5")),m=i._(o("ba953c8b")),h=i._(o("714a8bde")),f=i._(o("b4f245d7")),x=o("75801792");let b=l.default.lazy(()=>Promise.all([o.ensure("vendors_1"),o.ensure("a3aa6524")]).then(o.dr(n,o.bind(o,"a3aa6524")))),w=l.default.lazy(()=>Promise.all([o.ensure("a2a5b19a")]).then(o.dr(n,o.bind(o,"a2a5b19a")))),$=l.default.lazy(()=>Promise.all([o.ensure("75801792")]).then(o.dr(n,o.bind(o,"75801792")))),v=l.default.lazy(()=>Promise.all([o.ensure("e814ec24")]).then(o.dr(n,o.bind(o,"e814ec24")))),y=l.default.lazy(()=>Promise.all([o.ensure("vendors_1"),o.ensure("common"),o.ensure("25c612ac")]).then(o.dr(n,o.bind(o,"25c612ac")))),k=l.default.lazy(()=>Promise.all([o.ensure("common"),o.ensure("494cb795")]).then(o.dr(n,o.bind(o,"494cb795")))),j=l.default.lazy(()=>Promise.all([o.ensure("b550a850")]).then(o.dr(n,o.bind(o,"b550a850"))));var S=({children:e})=>{var t,o,n;let i=(0,c.useRouteMeta)(),{pathname:r,hash:S}=(0,u.default)(),{direction:M}=(0,l.useContext)(h.default),{styles:_}=(0,x.useStyle)(),[z,C]=(0,p.default)(!1),[T,L]=(0,l.useState)("tsx"),A=(0,l.useMemo)(()=>{var e;return(null===(e=i.toc)||void 0===e?void 0:e.filter(e=>e._debug_demo).map(e=>e.id))||[];},[i]),E=A.includes(S.slice(1));(0,l.useLayoutEffect)(()=>{C(E);},[]);let B=(0,l.useMemo)(()=>({showDebug:z,setShowDebug:C,codeType:T,setCodeType:L}),[z,T,A]),D="rtl"===M;return(0,a.jsx)(m.default.Provider,{value:B,children:(0,a.jsxs)(d.Col,{xxl:20,xl:19,lg:18,md:18,sm:24,xs:24,children:[(0,a.jsx)(f.default,{fallback:null,children:(0,a.jsx)($,{showDebug:z,debugDemos:A})}),(0,a.jsxs)("article",{className:(0,s.default)(_.articleWrapper,{rtl:D}),children:[(null===(t=i.frontmatter)||void 0===t?void 0:t.title)?(0,a.jsx)(d.Flex,{justify:"space-between",children:(0,a.jsx)(d.Typography.Title,{style:{fontSize:32,position:"relative"},children:(0,a.jsxs)(d.Space,{children:[(0,a.jsx)("span",{children:null===(o=i.frontmatter)||void 0===o?void 0:o.title}),(0,a.jsx)("span",{children:null===(n=i.frontmatter)||void 0===n?void 0:n.subtitle}),!r.startsWith("/components/overview")&&(0,a.jsx)(f.default,{fallback:null,children:(0,a.jsx)(j,{title:(0,a.jsx)(c.FormattedMessage,{id:"app.content.edit-page"}),filename:i.frontmatter.filename})})]})})}):null,(0,a.jsx)(f.default,{fallback:null,children:(0,a.jsx)(v,{})}),!i.frontmatter.__autoDescription&&i.frontmatter.description,"Components"===i.frontmatter.category&&"false"!==String(i.frontmatter.showImport)&&(0,a.jsx)(g.default,{source:!0,component:i.frontmatter.title,filename:i.frontmatter.filename,version:i.frontmatter.tag}),(0,a.jsx)("div",{style:{minHeight:"calc(100vh - 64px)"},children:e}),(0,a.jsx)(f.default,{children:(0,a.jsx)(w,{zhihuLink:i.frontmatter.zhihu_url,yuqueLink:i.frontmatter.yuque_url,juejinLink:i.frontmatter.juejin_url})}),(0,a.jsx)("div",{style:{marginTop:120},children:(0,a.jsx)(f.default,{fallback:(0,a.jsx)("div",{style:{height:50}}),children:(0,a.jsx)(b,{filename:i.frontmatter.filename})})})]}),(0,a.jsx)(f.default,{fallback:null,children:(0,a.jsx)(k,{rtl:D})}),(0,a.jsx)(y,{})]})});};},d243811f:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return l;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7");let a="dumi-default-";var l=()=>{let e=(0,r.useTheme)();return(0,n.jsx)(i.Global,{styles:(0,i.css)`
html {
.${a}search-bar {
&-input {
color: ${e.colorText};
background: ${e.colorBgContainer};
&:focus {
background: ${e.colorBgContainer};
}
&::placeholder {
color: ${e.colorTextPlaceholder} !important;
}
}
}
.${a}search-popover {
background-color: ${e.colorBgElevated} !important;
&::before {
border-bottom-color: ${e.colorBgElevated} !important;
}
}
.${a}search-result {
dl {
dt {
background-color: ${e.controlItemBgActive} !important;
}
dd {
a {
&:hover {
background-color: ${e.controlItemBgHover};
h4,
p {
color: ${e.colorText} !important;
}
svg {
fill: ${e.colorText} !important;
}
}
}
}
}
}
}
`});};},d7966917:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return a;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7"),a=()=>{let e=(0,r.useTheme)();return(0,n.jsx)(i.Global,{styles:(0,i.css)`
#nprogress {
.bar {
background: ${e.colorPrimary};
}
.peg {
box-shadow:
0 0 10px ${e.colorPrimary},
0 0 5px ${e.colorPrimary};
}
.spinner-icon {
border-top-color: ${e.colorPrimary};
border-left-color: ${e.colorPrimary};
}
}
`});};},e7fbb058:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return s;}});var n=o("777fffbe"),i=o("f19d2b93"),r=n._(o("5b220c3d")),a=o("1fe0ede3"),l=o("3835a2b7"),d=o("d45d433f"),s=()=>{let{anchorTop:e}=(0,l.useTheme)();return r.default.useInsertionEffect(()=>{(0,d.updateCSS)("@layer global, antd;","site-global",{prepend:!0});},[]),(0,i.jsx)(a.Global,{styles:(0,a.css)`
@layer global {
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;
}
[id] {
scroll-margin-top: ${e}px;
}
[data-prefers-color='dark'] {
color-scheme: dark;
}
[data-prefers-color='light'] {
color-scheme: light;
}
}
`});};},eb388ffc:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return j;}});var n=o("777fffbe"),i=o("852bbaa9"),r=o("f19d2b93"),a=o("5b220c3d"),l=o("e22febe0"),d=o("a9d1a279"),s=o("3835a2b7"),c=n._(o("600aabe0")),p=n._(o("072ab8a9")),u=o("9c86e52a"),g=n._(o("1c94f9dc")),m=n._(o("23546486")),h=n._(o("efe86da3")),f=o("f0cc8246"),x=i._(o("6afe185a")),b=n._(o("714a8bde")),w=n._(o("a2249523")),$=n._(o("ba722e26")),v=n._(o("43a20bcd"));let y={cn:{message:"\u8BED\u96C0\u5F81\u6587 \xb7 \u8BF4\u8BF4\u4F60\u548C\u5F00\u6E90\u7684\u6545\u4E8B\uFF0C\u8D62\u53D6 Ant Design \u7CBE\u7F8E\u5468\u8FB9 \u{1F381}",shortMessage:"\u8BED\u96C0\u5F81\u6587 \xb7 \u8BF4\u8BF4\u4F60\u548C\u5F00\u6E90\u7684\u6545\u4E8B\uFF0C\u8D62\u53D6 Ant Design \u7CBE\u7F8E\u5468\u8FB9 \u{1F381}",more:"\u524D\u5F80\u4E86\u89E3",link:"https://www.yuque.com/opensource2023"},en:{message:"",shortMessage:"",more:"",link:""}},k=(0,s.createStyles)(({token:e,css:t})=>{let o="#ced4d9";return{header:t`
position: sticky;
top: 0;
z-index: 1000;
max-width: 100%;
background: ${e.colorBgContainer};
box-shadow: ${e.boxShadowTertiary};
backdrop-filter: blur(8px);
@media only screen and (max-width: ${e.mobileMaxWidth}px) {
text-align: center;
border: none;
}
.dumi-default-search-bar {
display: inline-flex;
align-items: center;
flex: auto;
margin: 0;
border-inline-start: 1px solid rgba(0, 0, 0, 0.06);
> svg {
width: 14px;
fill: ${o};
}
> input {
height: 22px;
border: 0;
max-width: calc(100vw - 768px);
&:focus {
box-shadow: none;
}
&::placeholder {
color: ${o};
}
}
.dumi-default-search-shortcut {
color: ${o};
background-color: rgba(150, 150, 150, 0.06);
border-color: rgba(100, 100, 100, 0.2);
border-radius: ${e.borderRadiusSM}px;
position: static;
top: unset;
transform: unset;
}
.dumi-default-search-popover {
inset-inline-start: ${e.paddingSM}px;
inset-inline-end: unset;
z-index: 1;
&::before {
inset-inline-start: 100px;
inset-inline-end: unset;
}
& > section {
scrollbar-width: thin;
scrollbar-gutter: stable;
}
}
}
`,menuRow:t`
display: flex;
align-items: center;
margin: 0;
column-gap: ${e.paddingSM}px;
padding-inline-end: ${e.padding}px;
> * {
flex: none;
margin: 0;
}
`,dataDirectionIcon:t`
width: 20px;
`,popoverMenu:{width:300,[`${e.antCls}-popover-inner-content`]:{padding:0}},banner:t`
width: 100%;
text-align: center;
word-break: keep-all;
user-select: none;
`,link:t`
margin-inline-start: 10px;
@media only screen and (max-width: ${e.mobileMaxWidth}px) {
margin-inline-start: 0;
}
`,versionSelect:t`
min-width: 90px;
.rc-virtual-list {
.rc-virtual-list-holder {
scrollbar-width: thin;
scrollbar-gutter: stable;
}
}
`};});var j=()=>{let[e,t]=(0,m.default)(y),{pkg:o}=(0,u.useSiteData)(),n=(0,x.getThemeConfig)(),[i,s]=(0,a.useState)({menuVisible:!1,windowWidth:1400,searching:!1}),{direction:j,isMobile:S,bannerVisible:M,updateSiteConfig:_}=(0,a.useContext)(b.default),z=(0,a.useRef)(null),C=(0,u.useLocation)(),{pathname:T,search:L}=C,{styles:A}=k(),E=(0,a.useCallback)(()=>{s(e=>({...e,menuVisible:!1}));},[]),B=(0,a.useCallback)(()=>{s(e=>({...e,windowWidth:window.innerWidth}));},[]),D=(0,a.useCallback)(e=>{s(t=>({...t,menuVisible:e}));},[]),R=()=>{_({direction:"rtl"!==j?"rtl":"ltr"});};(0,a.useEffect)(()=>{E();},[C]),(0,a.useEffect)(()=>(B(),window.addEventListener("resize",B),()=>{window.removeEventListener("resize",B),z.current&&clearTimeout(z.current);}),[]);let N=(0,a.useCallback)(e=>{let t=window.location.href,o=window.location.pathname;if(/overview/.test(o)&&/0?[1-39][0-3]?x/.test(e)){window.location.href=t.replace(window.location.origin,e).replace(/\/components\/overview/,`/docs${/0(9|10)x/.test(e)?"":"/react"}/introduce`).replace(/\/$/,"");return;}let n=new URL(t.replace(window.location.origin,e));n.host.includes("antgroup")?(n.pathname=`${n.pathname.replace(/\/$/,"")}/`,window.location.href=n.toString()):window.location.href=n.href.replace(/\/$/,"");},[]),F=(0,a.useCallback)(()=>{let e=`${window.location.protocol}//`,t=window.location.href.slice(e.length);x.isLocalStorageNameSupported()&&localStorage.setItem("locale",x.isZhCN(T)?"en-US":"zh-CN"),window.location.href=e+t.replace(window.location.pathname,x.getLocalizedPathname(T,!x.isZhCN(T),L).pathname);},[C]),X=(0,a.useMemo)(()=>"rtl"!==j?"RTL":"LTR",[j]),G=(0,a.useMemo)(()=>"rtl"===j?{direction:"ltr",textAlign:"right"}:{},[j]),{menuVisible:I,windowWidth:P,searching:H}=i,O={[o.version]:o.version,...null==n?void 0:n.docVersions},W=Object.keys(O).map(e=>({value:O[e],label:e})),q=["","index","index-cn"].includes(T),V="cn"===t,U="rtl"===j,Z=null;P<1120?Z="crowded":P<1200&&(Z="narrow");let K=(0,c.default)(A.header,"clearfix",{"home-header":q}),Q={isZhCN:V,isRTL:U},J=(0,r.jsx)($.default,{...Q,responsive:Z,isMobile:S,directionText:X,onLangChange:F,onDirectionChange:R},"nav"),Y=[J,(0,r.jsx)(d.Select,{size:"small",className:A.versionSelect,defaultValue:o.version,onChange:N,dropdownStyle:G,popupMatchSelectWidth:!1,getPopupContainer:e=>e.parentNode,options:W},"version"),(0,r.jsx)(v.default,{onClick:F,value:x.isZhCN(T)?1:2,label1:"\u4E2D",label2:"En",tooltip1:"\u4E2D\u6587 / English",tooltip2:"English / \u4E2D\u6587"},"lang"),(0,r.jsx)(v.default,{onClick:R,value:"rtl"===j?2:1,label1:(0,r.jsx)(h.default,{className:A.dataDirectionIcon,direction:"ltr"}),tooltip1:"LTR",label2:(0,r.jsx)(h.default,{className:A.dataDirectionIcon,direction:"rtl"}),tooltip2:"RTL",pure:!0,"aria-label":"RTL Switch Button"},"direction"),(0,r.jsx)("a",{href:"https://github.com/ant-design/ant-design",target:"_blank",rel:"noreferrer",children:(0,r.jsx)(v.default,{value:1,label1:(0,r.jsx)(l.GithubOutlined,{}),tooltip1:"Github",label2:null,pure:!0})},"github")];P<1120?Y=H?[]:[J]:P<1200&&(Y=H?[]:Y);let ee=q?[{flex:"none"},{flex:"auto"}]:[{xxl:4,xl:5,lg:6,md:6,sm:24,xs:24},{xxl:20,xl:19,lg:18,md:18,sm:0,xs:0}];return(0,r.jsxs)("header",{className:K,children:[S&&(0,r.jsx)(d.Popover,{overlayClassName:A.popoverMenu,placement:"bottomRight",content:Y,trigger:"click",open:I,arrow:{pointAtCenter:!0},onOpenChange:D,children:(0,r.jsx)(l.MenuOutlined,{className:"nav-phone-icon"})}),V&&M&&(0,r.jsx)(d.ConfigProvider,{theme:{token:{colorInfoBg:"linear-gradient(90deg, #84fab0, #8fd3f4)",colorTextBase:"#000"}},children:(0,r.jsx)(d.Alert,{className:A.banner,message:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{children:S?e.shortMessage:e.message}),(0,r.jsx)("a",{className:A.link,href:e.link,target:"_blank",rel:"noreferrer",onClick:()=>{var t,o;null===(t=(o=window).gtag)||void 0===t||t.call(o,"event","\u70B9\u51FB",{event_category:"top_banner",event_label:e.link});},children:e.more})]}),type:"info",banner:!0,closable:!0,showIcon:!1,onClose:()=>{_({bannerVisible:!1}),x.isLocalStorageNameSupported()&&localStorage.setItem(f.ANT_DESIGN_NOT_SHOW_BANNER,(0,p.default)().toISOString());}})}),(0,r.jsxs)(d.Row,{style:{flexFlow:"nowrap",height:64},children:[(0,r.jsx)(d.Col,{...ee[0],children:(0,r.jsx)(w.default,{...Q,location:C})}),(0,r.jsx)(d.Col,{...ee[1],children:(0,r.jsxs)("div",{className:A.menuRow,children:[(0,r.jsx)(g.default,{}),!S&&Y]})})]})]});};},eec6195f:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return a;}});var n=o("f19d2b93"),i=o("1fe0ede3"),r=o("3835a2b7"),a=()=>{let e=(0,r.useTheme)();return(0,n.jsx)(i.Global,{styles:(0,i.css)`
.nav-phone-icon {
position: absolute;
bottom: 17px;
inset-inline-end: 30px;
z-index: 1;
display: none;
width: 16px;
height: 22px;
cursor: pointer;
}
@media only screen and (max-width: ${e.screenLG}px) {
.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-inline-end: 0;
margin-inline-start: 0;
padding-inline-end: ${e.padding}px;
padding-inline-start: ${e.padding}px;
> .markdown > * {
width: 100% !important;
}
}
.main-wrapper {
width: 100%;
margin: 0;
border-radius: 0;
}
.prev-next-nav {
width: calc(100% - 32px);
margin-inline-start: ${e.margin}px;
.ant-row-rtl & {
margin-inline-end: ${e.margin}px;
margin-inline-start: 64px;
}
}
.drawer {
.ant-menu-inline .ant-menu-item::after,
.ant-menu-vertical .ant-menu-item::after {
inset-inline-end: auto;
inset-inline-start: 0;
}
}
/** home 区块 **/
.home-page-wrapper {
.page {
h2 {
margin: 80px auto 64px;
}
}
.parallax-bg {
display: none;
}
}
.banner {
display: block;
height: 632px;
&-bg-wrapper {
display: none;
}
.img-wrapper,
.text-wrapper {
display: inline-block;
width: 100%;
min-width: unset;
max-width: unset;
margin: auto;
text-align: center;
}
.img-wrapper {
position: initial;
margin-top: ${e.marginMD}px;
text-align: center;
svg {
width: 100%;
max-width: 260px;
height: auto;
margin: 0 auto;
}
}
.text-wrapper {
min-height: 200px;
margin-top: ${e.marginXL}px;
padding: 0;
h1 {
display: none;
}
p {
color: #314659;
font-size: ${e.fontSize}px;
line-height: 28px;
}
.banner-btns {
display: block;
min-width: 100%;
white-space: nowrap;
text-align: center;
.banner-btn {
padding: 0 ${e.paddingMD}px;
font-size: ${e.fontSize}px;
}
}
.banner-promote {
min-width: 100%;
margin-top: ${e.marginXL}px;
.ant-divider {
display: none;
}
a {
font-size: ${e.fontSize}px;
white-space: nowrap;
img {
width: 20px;
}
}
}
}
}
.page1 {
min-height: 1300px;
.ant-row {
margin: 24px auto 64px;
> div {
margin-bottom: 48px;
}
}
}
.page2 {
min-height: 840px;
background: ${e.colorBgContainer};
&-content {
box-shadow: none;
}
&-components {
display: none;
}
&-product {
min-height: auto;
padding: 0 ${e.padding}px;
.product-block {
margin-bottom: 34px;
padding-bottom: 35px;
border-bottom: 1px solid ${e.colorSplit};
&:last-child {
margin-bottom: ${e.marginXL}px;
border-bottom: none;
.block-text-wrapper {
height: auto;
}
}
.block-image-wrapper {
height: 88px;
img {
height: 100%;
}
}
.block-text-wrapper {
padding-bottom: 0;
border-bottom: none;
h4 {
margin-bottom: ${e.marginXXS}px;
font-size: 18px;
line-height: 24px;
}
p {
margin-bottom: ${e.marginXS}px;
font-size: ${e.fontSizeSM}px;
line-height: 20px;
}
a {
line-height: 20px;
}
.components-button-wrapper {
margin-top: ${e.margin}px;
font-size: ${e.fontSizeSM}px;
a {
display: block;
}
}
a.more-mobile-react,
a.more-mobile-angular {
margin-top: 0;
color: ${e.colorLink};
}
a.more-mobile-react:hover,
a.more-mobile-angular:hover {
color: #40a9ff;
}
}
}
}
}
.page3 {
min-height: 688px;
background-image: url('https://gw.alipayobjects.com/zos/rmsportal/qICoJIqqQRMeRGhPHBBS.svg');
background-repeat: no-repeat;
background-size: cover;
.ant-row {
margin: 0 ${e.marginXS}px;
}
.page3-block {
margin-bottom: ${e.marginXL}px;
padding: ${e.paddingLG}px;
background: ${e.colorBgContainer};
border-radius: ${e.borderRadiusSM}px;
box-shadow: 0 8px 16px rgba(174, 185, 193, 0.3);
&:nth-child(2) {
.page3-img-wrapper img {
display: block;
width: 70%;
margin: auto;
}
}
p {
font-size: ${e.fontSizeSM}px;
}
.page3-img-wrapper {
width: 20%;
img {
width: 100%;
}
}
.page3-text-wrapper {
width: 80%;
max-width: initial;
margin: 0;
padding-inline-start: ${e.padding}px;
}
}
}
}
`});};},efe86da3:function(e,t,o){"use strict";o.d(t,"__esModule",{value:!0}),o.d(t,"default",{enumerable:!0,get:function(){return d;}});var n=o("777fffbe"),i=o("f19d2b93"),r=n._(o("5b220c3d")),a=n._(o("e22febe0"));let l=({direction:e})=>(0,i.jsxs)("svg",{viewBox:"0 0 20 20",width:"20",height:"20",fill:"currentColor",style:{transform:`scaleX(${"ltr"===e?"1":"-1"})`},children:[(0,i.jsx)("title",{children:"Direction Icon"}),(0,i.jsx)("path",{d:"m14.6961816 11.6470802.0841184.0726198 2 2c.2662727.2662727.2904793.682876.0726198.9764816l-.0726198.0841184-2 2c-.2929.2929-.7677.2929-1.0606 0-.2662727-.2662727-.2904793-.682876-.0726198-.9764816l.0726198-.0841184.7196-.7197h-10.6893c-.41421 0-.75-.3358-.75-.75 0-.3796833.28215688-.6934889.64823019-.7431531l.10176981-.0068469h10.6893l-.7196-.7197c-.2929-.2929-.2929-.7677 0-1.0606.2662727-.2662727.682876-.2904793.9764816-.0726198zm-8.1961616-8.6470802c.30667 0 .58246.18671.69635.47146l3.00003 7.50004c.1538.3845-.0333.821-.41784.9749-.38459.1538-.82107-.0333-.9749-.4179l-.81142-2.0285h-2.98445l-.81142 2.0285c-.15383.3846-.59031.5717-.9749.4179-.38458-.1539-.57165-.5904-.41781-.9749l3-7.50004c.1139-.28475.38968-.47146.69636-.47146zm8.1961616 1.14705264.0841184.07261736 2 2c.2662727.26626364.2904793.68293223.0726198.97654222l-.0726198.08411778-2 2c-.2929.29289-.7677.29289-1.0606 0-.2662727-.26626364-.2904793-.68293223-.0726198-.97654222l.0726198-.08411778.7196-.7196675h-3.6893c-.4142 0-.75-.3357925-.75-.7500025 0-.3796925.2821653-.69348832.6482323-.74315087l.1017677-.00684663h3.6893l-.7196-.7196725c-.2929-.29289-.2929-.76777 0-1.06066.2662727-.26626364.682876-.29046942.9764816-.07261736zm-8.1961616 1.62238736-.89223 2.23056h1.78445z"})]});var d=r.default.forwardRef((e,t)=>(0,i.jsx)(a.default,{ref:t,component:()=>(0,i.jsx)(l,{direction:e.direction}),...e}));},f0cc8246:function(e,t,o){"use strict";var n=o("852bbaa9")._;o.d(t,"__esModule",{value:!0}),o.e(t,{ANT_DESIGN_NOT_SHOW_BANNER:function(){return w;},default:function(){return v;}});var i=o("777fffbe"),r=o("852bbaa9"),a=o("f19d2b93"),l=r._(o("5b220c3d")),d=o("92a444f6"),s=o("2190d124"),c=o("c5e2d900"),p=o("a9d1a279"),u=o("9c86e52a"),g=o("40d543ed"),m=i._(o("098b7512")),h=i._(o("91a66390")),f=i._(o("44bde013")),x=i._(o("714a8bde"));let b=l.default.lazy(()=>Promise.all([o.ensure("vendors_1"),o.ensure("7a33de8c")]).then(o.dr(n,o.bind(o,"7a33de8c")))),w="ANT_DESIGN_NOT_SHOW_BANNER";if("undefined"!=typeof window){let e=location.hash.slice(1);e.startsWith("components-")&&!document.querySelector(`#${e}`)&&(location.hash=`#${e.replace(/^components-/,"")}`);}let $=(e=[])=>e.map(e=>"dark"===e?p.theme.darkAlgorithm:"compact"===e?p.theme.compactAlgorithm:null).filter(Boolean);var v=()=>{let e=(0,u.useOutlet)(),{pathname:t}=(0,h.default)(),[o,n]=(0,u.useSearchParams)(),[{theme:i=[],direction:r,isMobile:w,bannerVisible:v=!1},y]=(0,m.default)({isMobile:!1,direction:"ltr",theme:[],bannerVisible:!1}),k=(0,l.useCallback)(e=>{y(t=>({...t,...e}));let t=o.toString(),i=o;Object.entries(e).forEach(([e,t])=>{if("direction"===e&&("rtl"===t?i.set("direction","rtl"):i.delete("direction")),"theme"===e){var o;i=(0,u.createSearchParams)({...i,theme:t.filter(e=>"light"!==e)}),null===(o=document.querySelector("html"))||void 0===o||o.setAttribute("data-prefers-color",t.includes("dark")?"dark":"light");}}),i.toString()!==t&&n(i);},[o,n]),j=()=>{k({isMobile:window.innerWidth<768});};(0,l.useEffect)(()=>{let e=o.getAll("theme");return y({theme:e,direction:"rtl"===o.get("direction")?"rtl":"ltr"}),document.documentElement.setAttribute("data-prefers-color",e.includes("dark")?"dark":"light"),j(),window.addEventListener("resize",j),()=>{window.removeEventListener("resize",j);};},[]);let S=l.default.useMemo(()=>({direction:r,updateSiteConfig:k,theme:i,isMobile:w,bannerVisible:v}),[w,r,k,i,v]),M=l.default.useMemo(()=>({algorithm:$(i),token:{motion:!i.includes("motion-off")},cssVar:!0,hashed:!1}),[i]),[_]=l.default.useState(()=>(0,d.createCache)());(0,u.useServerInsertedHTML)(()=>{let e=(0,d.extractStyle)(_,{plain:!0,types:"style"});return(0,a.jsx)("style",{"data-type":"antd-cssinjs",dangerouslySetInnerHTML:{__html:e}});}),(0,u.useServerInsertedHTML)(()=>{let e=(0,d.extractStyle)(_,{plain:!0,types:["cssVar","token"]});return(0,a.jsx)("style",{"data-type":"antd-css-var","data-rc-order":"prepend","data-rc-priority":"-9999",dangerouslySetInnerHTML:{__html:e}});}),(0,u.useServerInsertedHTML)(()=>(0,a.jsx)("style",{"data-sandpack":"true",id:"sandpack",dangerouslySetInnerHTML:{__html:(0,c.getSandpackCssText)()}}));let z=t.startsWith("/~demos"),C=e;return z||(C=(0,a.jsxs)(p.App,{children:[e,(0,a.jsx)(l.Suspense,{children:(0,a.jsx)(b,{value:i,onChange:e=>k({theme:e})})})]})),(0,a.jsx)(g.DarkContext.Provider,{value:i.includes("dark"),children:(0,a.jsx)(d.StyleProvider,{cache:_,linters:[d.legacyNotSelectorLinter,d.parentSelectorLinter,d.NaNLinter],children:(0,a.jsx)(x.default.Provider,{value:S,children:(0,a.jsx)(f.default,{theme:M,children:(0,a.jsx)(s.HappyProvider,{disabled:!i.includes("happy-work"),children:C})})})})});};}}]);
Reference in New Issue View Git Blame Copy Permalink