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.
1 lines
32 KiB
1 lines
32 KiB
"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[8863],{550857:function(Dt,X,p){p.r(X),p.d(X,{default:function(){return yt}});var ne=p(805574),S=p.n(ne),a=p(513669),L=p(606641),h=p(667294),P=p(302559),e=p(370917),Z=p(352180),D=p(438199),w=p(373638),le=p(97857),b=p.n(le);function V(o){var r=o.children,t=o.style,s=o.disabled,n=s?{}:{position:"relative",background:"rgba(255,255,255,0.1)",backdropFilter:"blur(25px)",zIndex:1};return(0,e.tZ)("div",{className:"site-mask",style:b()(b()({position:"relative"},t),n)},r)}function E(o){var r=o.id,t=o.title,s=o.titleColor,n=o.description,i=o.children,d=o.decoration,m=o.background,c=o.collapse,l=(0,Z.Z)(),u=l.token,v=(0,h.useContext)(D.Z),g=v.isMobile,f=c?{}:{maxWidth:1208,marginInline:"auto",boxSizing:"border-box",paddingInline:g?u.margin:u.marginXXL},y=(0,e.tZ)(h.Fragment,null,(0,e.tZ)("div",{style:{textAlign:"center"}},(0,e.tZ)(a.Typography.Title,{id:r,level:1,style:{fontWeight:900,color:s,fontFamily:"AliPuHui, ".concat(u.fontFamily),fontSize:g?u.fontSizeHeading2:u.fontSizeHeading1}},t),(0,e.tZ)(a.Typography.Paragraph,{style:{marginBottom:g?u.marginXXL:u.marginFarXS,color:s}},n)),(0,e.tZ)("div",{style:f},i?(0,e.tZ)("div",null,i):(0,e.tZ)("div",{style:{borderRadius:u.borderRadiusLG,minHeight:300,background:"#e9e9e9"}})));return(0,e.tZ)("div",{style:{position:"relative",background:m,transition:"all ".concat(u.motionDurationSlow)}},(0,e.tZ)("div",{style:{position:"absolute",inset:0}},d),(0,e.tZ)(V,{disabled:!!m,style:{paddingBlock:u.marginFarSM}},y))}var se={cn:{slogan:"\u52A9\u529B\u8BBE\u8BA1\u5F00\u53D1\u8005\u300C\u66F4\u7075\u6D3B\u300D\u5730\u642D\u5EFA\u51FA\u300C\u66F4\u7F8E\u300D\u7684\u4EA7\u54C1\uFF0C\u8BA9\u7528\u6237\u300C\u5FEB\u4E50\u5DE5\u4F5C\u300D\uFF5E",start:"\u5F00\u59CB\u4F7F\u7528",designLanguage:"\u8BBE\u8BA1\u8BED\u8A00"},en:{slogan:"Help designers/developers building beautiful products more flexible and working with happiness",start:"Getting Started",designLanguage:"Design Language"}},ce=function(){var r=(0,Z.Z)(),t=r.token,s=h.useContext(D.Z),n=s.isMobile;return{titleBase:(0,e.iv)("h1&{font-family:AliPuHui,",t.fontFamily,";}",""),title:n?(0,e.iv)("h1&{margin-bottom:",t.margin,"px;font-weight:normal;font-size:",t.fontSizeHeading1+2,"px;line-height:",t.lineHeightHeading2,";}",""):(0,e.iv)("h1&{margin-bottom:",t.marginMD,"px;font-weight:900;font-size:68px;}","")}};function ue(o){var r=o.children,t=(0,P.Z)(se),s=S()(t,1),n=s[0],i=(0,L.TH)(),d=i.pathname,m=i.search,c=(0,Z.Z)(),l=c.token,u=ce(),v=h.useContext(D.Z),g=v.isMobile,f=w.KE(d);return(0,e.tZ)(h.Fragment,null,g?(0,e.tZ)("img",{src:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*JmlaR5oQn3MAAAAAAAAAAAAADrJ8AQ/original",style:{width:"100%"},alt:""}):(0,e.tZ)("div",{style:{height:320,background:"#77C6FF",display:"flex",flexWrap:"nowrap",justifyContent:"center"}},(0,e.tZ)("div",{style:{backgroundImage:"url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*6d50SboraPIAAAAAAAAAAAAAARQnAQ)",flex:"auto",backgroundRepeat:"repeat-x",backgroundPosition:"100% 0",backgroundSize:"auto 100%"}}),(0,e.tZ)("video",{style:{height:"100%",objectFit:"contain"},autoPlay:!0,muted:!0,loop:!0},(0,e.tZ)("source",{src:"https://mdn.alipayobjects.com/huamei_iwk9zp/afts/file/A*uYT7SZwhJnUAAAAAAAAAAAAADgCCAQ",type:"video/webm"}),(0,e.tZ)("source",{src:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/file/A*XYYNQJ3NbmMAAAAAAAAAAAAAARQnAQ",type:"video/mp4"})),(0,e.tZ)("div",{style:{backgroundImage:"url(https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*8ILtRrQlVDMAAAAAAAAAAAAAARQnAQ)",flex:"auto",backgroundRepeat:"repeat-x",backgroundPosition:"0 0",backgroundSize:"auto 100%",marginLeft:-1}})),(0,e.tZ)("div",{style:{position:"relative",background:"#fff"}},(0,e.tZ)("img",{style:{position:"absolute",right:0,top:240,width:240},src:"https://gw.alipayobjects.com/zos/bmw-prod/b3b8dc41-dce8-471f-9d81-9a0204f27d03.svg",alt:"Ant Design"}),(0,e.tZ)(V,{style:{textAlign:"center",paddingTop:l.marginFar-16,paddingBottom:l.marginFarSM}},(0,e.tZ)("img",{style:{position:"absolute",left:g?-120:0,top:0,width:240},src:"https://gw.alipayobjects.com/zos/bmw-prod/49f963db-b2a8-4f15-857a-270d771a1204.svg",alt:"bg"}),(0,e.tZ)("img",{style:{position:"absolute",right:g?0:120,top:0,width:240},src:"https://gw.alipayobjects.com/zos/bmw-prod/e152223c-bcae-4913-8938-54fda9efe330.svg",alt:"bg"}),(0,e.tZ)(a.Typography.Title,{level:1,css:[u.titleBase,u.title,"",""]},"Ant Design 5.0"),(0,e.tZ)(a.Typography.Paragraph,{style:{fontSize:g?l.fontSizeHeading5-2:l.fontSizeHeading5,lineHeight:g?l.lineHeightSM:l.lineHeightHeading5,marginBottom:l.marginMD*2,padding:g?"0 ".concat(l.paddingLG+2,"px"):0}},(0,e.tZ)("div",null,n.slogan)),(0,e.tZ)(a.Space,{size:"middle",style:{marginBottom:l.marginFar}},(0,e.tZ)(L.rU,{to:w.J1("/components/overview/",f,m)},(0,e.tZ)(a.Button,{size:"large",type:"primary"},n.start)),(0,e.tZ)(L.rU,{to:w.J1("/docs/spec/introduce/",f,m)},(0,e.tZ)(a.Button,{size:"large"},n.designLanguage))),r)))}var j=p(833494),$=function(){var r=(0,Z.Z)(),t=r.token,s=(0,j.FN)(),n=s.carousel;return{itemBase:(0,e.iv)("display:flex;flex:1 1 0;flex-direction:column;align-items:stretch;text-decoration:none;background:",t.colorBgContainer,";border:",t.lineWidth,"px solid ",t.colorBorderSecondary,";border-radius:",t.borderRadiusLG,"px;transition:all ",t.motionDurationSlow,";padding-block:",t.paddingMD,"px;padding-inline:",t.paddingLG,"px;",""),cardItem:(0,e.iv)("width:33%;&:hover{box-shadow:",t.boxShadowCard,";}",""),sliderItem:(0,e.iv)("margin:0 ",t.margin,"px;text-align:start;",""),container:(0,e.iv)("display:flex;max-width:1208px;margin-inline:auto;box-sizing:border-box;padding-inline:",t.marginXXL,"px;column-gap:",t.paddingMD*2,"px;align-items:stretch;text-align:start;",""),carousel:n}},K=function(r){var t=r.extra,s=r.index,n=r.icons,i=r.itemCss,d=$(),m=(0,Z.Z)(),c=m.token;if(!t)return(0,e.tZ)(a.Skeleton,{key:s});var l=n.find(function(u){return u.name===t.source});return(0,e.tZ)("a",{key:t==null?void 0:t.title,href:t.href,target:"_blank",css:[d.itemBase,i,"",""],rel:"noreferrer"},(0,e.tZ)(a.Typography.Title,{level:5},t==null?void 0:t.title),(0,e.tZ)(a.Typography.Paragraph,{type:"secondary",style:{flex:"auto"}},t.description),(0,e.tZ)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},(0,e.tZ)(a.Typography.Text,null,t.date),l&&(0,e.tZ)("img",{src:l.href,style:{height:c.fontSize},alt:"banner"})))};function de(o){var r=o.extras,t=r===void 0?[]:r,s=o.icons,n=s===void 0?[]:s,i=$(),d=h.useContext(D.Z),m=d.isMobile,c=t.length===0?Array(3).fill(null):t.slice(0,3);return(0,e.tZ)("div",null,m?(0,e.tZ)(a.Carousel,{css:i.carousel},c.map(function(l,u){return(0,e.tZ)("div",{key:u},(0,e.tZ)(K,{extra:l,index:u,icons:n,itemCss:i.sliderItem}))})):(0,e.tZ)("div",{css:i.container},c.map(function(l,u){return(0,e.tZ)(K,{extra:l,index:u,icons:n,itemCss:i.cardItem,key:u})})))}var me=p(727484),z=p.n(me),G=p(263783),_=p(342365),q=p(723632);function wt(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}var ge="Ant Design 5.0 use CSS-in-JS technology to provide dynamic & mix theme ability. And which use component level CSS-in-JS solution get your application a better performance.",pe="Ant Design 5.0 \u4F7F\u7528 CSS-in-JS \u6280\u672F\u4EE5\u63D0\u4F9B\u52A8\u6001\u4E0E\u6DF7\u5408\u4E3B\u9898\u7684\u80FD\u529B\u3002\u4E0E\u6B64\u540C\u65F6\uFF0C\u6211\u4EEC\u4F7F\u7528\u7EC4\u4EF6\u7EA7\u522B\u7684 CSS-in-JS \u89E3\u51B3\u65B9\u6848\uFF0C\u8BA9\u4F60\u7684\u5E94\u7528\u83B7\u5F97\u66F4\u597D\u7684\u6027\u80FD\u3002",ve={cn:{yesterday:"\u6628\u5929",lastWeek:"\u4E0A\u5468",lastMonth:"\u4E0A\u6708",lastYear:"\u53BB\u5E74",new:"\u65B0\u589E",update:"\u66F4\u65B0",sampleContent:pe,inProgress:"\u8FDB\u884C\u4E2D",success:"\u6210\u529F",taskFailed:"\u4EFB\u52A1\u5931\u8D25",tour:"\u6F2B\u6E38\u5BFC\u89C8\u5E2E\u52A9\u7528\u6237\u5BF9\u65B0\u52A0\u7684\u529F\u80FD\u8FDB\u884C\u5FEB\u901F\u4E86\u89E3"},en:{yesterday:"Yesterday",lastWeek:"Last Week",lastMonth:"Last Month",lastYear:"Last Year",new:"New",update:"Update",sampleContent:ge,inProgress:"In Progress",success:"Success",taskFailed:"Task Failed",tour:"A quick guide for new come user about how to use app."}},he={name:"vo4t8w",styles:"height:395px"},Ae={name:"zo0vrf",styles:"position:absolute;width:120px;height:120px;background:#1677ff;border-radius:50%;filter:blur(40px);opacity:0.1"},ye=function(){var r=(0,Z.Z)(),t=r.token,s=(0,j.FN)(),n=s.carousel;return{card:(0,e.iv)("border-radius:",t.borderRadius,"px;background:#f5f8ff;padding:",t.paddingXL,"px;flex:none;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:stretch;>*{flex:none;}",""),cardCircle:Ae,mobileCard:he,carousel:n}};function be(){var o=(0,Z.Z)(),r=o.token,t=ye(),s=(0,P.Z)(ve),n=S()(s,1),i=n[0],d=(0,h.useContext)(D.Z),m=d.isMobile,c=h.useMemo(function(){return[{title:"Modal",type:"update",node:(0,e.tZ)(a.Modal._InternalPanelDoNotUseOrYouWillBeFired,{title:"Ant Design 5.0",width:300},i.sampleContent)},{title:"DatePicker",type:"update",node:(0,e.tZ)(a.DatePicker._InternalPanelDoNotUseOrYouWillBeFired,{showToday:!1,presets:m?[]:[{label:i.yesterday,value:z()().add(-1,"d")},{label:i.lastWeek,value:z()().add(-7,"d")},{label:i.lastMonth,value:z()().add(-1,"month")},{label:i.lastYear,value:z()().add(-1,"year")}],value:z()("2022-11-18 14:00:00")})},{title:"Progress",type:"update",node:(0,e.tZ)(a.Space,{direction:"vertical"},(0,e.tZ)(a.Space,null,(0,e.tZ)(a.Progress,{type:"circle",trailColor:"#e6f4ff",percent:60,size:14}),i.inProgress),(0,e.tZ)(a.Space,null,(0,e.tZ)(a.Progress,{type:"circle",percent:100,size:14}),i.success),(0,e.tZ)(a.Space,null,(0,e.tZ)(a.Progress,{type:"circle",status:"exception",percent:88,size:14}),i.taskFailed))},{title:"Tour",type:"new",node:(0,e.tZ)(a.Tour._InternalPanelDoNotUseOrYouWillBeFired,{title:"Ant Design 5.0",description:i.tour,style:{width:m?"auto":350},current:3,total:9})},{title:"FloatButton",type:"new",node:(0,e.tZ)(a.Space,{size:"large"},(0,e.tZ)(a.FloatButton._InternalPanelDoNotUseOrYouWillBeFired,{shape:"square",items:[{icon:(0,e.tZ)(G.Z,null)},{icon:(0,e.tZ)(_.Z,null)},{icon:(0,e.tZ)(q.Z,null)}]}),(0,e.tZ)(a.FloatButton._InternalPanelDoNotUseOrYouWillBeFired,{backTop:!0}),(0,e.tZ)(a.FloatButton._InternalPanelDoNotUseOrYouWillBeFired,{items:[{icon:(0,e.tZ)(G.Z,null)},{icon:(0,e.tZ)(_.Z,null)},{icon:(0,e.tZ)(q.Z,null)}]}))},{title:"Alert",type:"update",node:(0,e.tZ)(a.Alert,{style:{width:400},message:"Ant Design 5.0",description:i.sampleContent,closable:!0})}]},[m]),l=function(v){var g=v.title,f=v.node,y=v.type,A=v.index,M=y==="new"?"processing":"warning",x=y==="new"?i.new:i.update;return(0,e.tZ)("div",{key:A,css:[t.card,m&&t.mobileCard,"",""]},(0,e.tZ)("div",{css:t.cardCircle,style:{right:A%2*-20-20,bottom:A%3*-40-20}}),(0,e.tZ)(a.Space,null,(0,e.tZ)(a.Typography.Title,{level:4,style:{fontWeight:"normal",margin:0}},g),(0,e.tZ)(a.Tag,{color:M},x)),(0,e.tZ)("div",{style:{marginTop:r.paddingLG,flex:"auto",display:"flex",alignItems:"center",justifyContent:"center"}},f))};return m?(0,e.tZ)("div",{style:{margin:"0 16px"}},(0,e.tZ)(a.Carousel,{css:t.carousel},c.map(function(u,v){var g=u.title,f=u.node,y=u.type;return(0,e.tZ)(l,{title:g,node:f,type:y,index:v,key:v})}))):(0,e.tZ)("div",{style:{width:"100%",overflow:"hidden",display:"flex",justifyContent:"center"}},(0,e.tZ)("div",{style:{display:"flex",alignItems:"stretch",columnGap:r.paddingLG}},c.map(function(u,v){var g=u.title,f=u.node,y=u.type;return(0,e.tZ)(l,{title:g,node:f,type:y,index:v,key:v})})))}var fe=[{img:"https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg",key:"mobile",url:"https://mobile.ant.design/",imgScale:1.5},{img:"https://gw.alipayobjects.com/zos/antfincdn/FLrTNDvlna/antv.png",key:"antv",url:"https://antv.vision/"},{img:"https://gw.alipayobjects.com/zos/bmw-prod/af1ea898-bf02-45d1-9f30-8ca851c70a5b.svg",key:"kitchen",url:"https://kitchen.alipay.com/"}],Ze={cn:{values:"\u8BBE\u8BA1\u4EF7\u503C\u89C2",valuesDesc:"\u786E\u5B9A\u6027\u3001\u610F\u4E49\u611F\u3001\u751F\u957F\u6027\u3001\u81EA\u7136",guide:"\u8BBE\u8BA1\u6307\u5F15",guideDesc:"\u5168\u5C40\u6837\u5F0F\u3001\u8BBE\u8BA1\u6A21\u5F0F",lib:"\u7EC4\u4EF6\u5E93",libDesc:"Ant Design of React / Angular / Vue",mobile:"Ant Design Mobile",mobileDesc:"Ant Design \u79FB\u52A8\u7AEF UI \u7EC4\u4EF6\u5E93",antv:"AntV",antvDesc:"\u5168\u65B0\u4E00\u4EE3\u6570\u636E\u53EF\u89C6\u5316\u89E3\u51B3\u65B9\u6848",kitchen:"Kitchen",kitchenDesc:"\u4E00\u6B3E\u4E3A\u8BBE\u8BA1\u8005\u63D0\u5347\u5DE5\u4F5C\u6548\u7387\u7684 Sketch \u5DE5\u5177\u96C6"},en:{values:"Design values",valuesDesc:"Certainty, Meaningfulness, Growth, Naturalness",guide:"Design guide",guideDesc:"Global style and design pattern",lib:"Components Libraries",libDesc:"Ant Design of React / Angular / Vue",mobile:"Ant Design Mobile",mobileDesc:"Mobile UI component library",antv:"AntV",antvDesc:"New generation of data visualization solutions",kitchen:"Kitchen",kitchenDesc:"Sketch Tool set for designers"}},ke=function(){var r=(0,Z.Z)(),t=r.token;return{card:(0,e.iv)("padding:",t.paddingSM,"px;border-radius:",t.borderRadius*2,"px;background:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.03),0 1px 6px -1px rgba(0, 0, 0, 0.02),0 2px 4px rgba(0, 0, 0, 0.02);img{width:100%;vertical-align:top;border-radius:",t.borderRadius,"px;}",""),cardMini:(0,e.iv)("display:block;border-radius:",t.borderRadius*2,"px;padding:",t.paddingMD,"px ",t.paddingLG,"px;background:rgba(0, 0, 0, 0.02);border:1px solid rgba(0, 0, 0, 0.06);img{height:48px;}","")}};function Se(){var o=(0,P.Z)(Ze),r=S()(o,1),t=r[0],s=(0,Z.Z)(),n=s.token,i=ke(),d=(0,L.TH)(),m=d.pathname,c=d.search,l=w.KE(m),u=(0,h.useContext)(D.Z),v=u.isMobile,g=v?24:8,f=[{img:"https://gw.alipayobjects.com/zos/bmw-prod/36a89a46-4224-46e2-b838-00817f5eb364.svg",key:"values",path:w.J1("/docs/spec/values/",l,c)},{img:"https://gw.alipayobjects.com/zos/bmw-prod/8379430b-e328-428e-8a67-666d1dd47f7d.svg",key:"guide",path:w.J1("/docs/spec/colors/",l,c)},{img:"https://gw.alipayobjects.com/zos/bmw-prod/1c363c0b-17c6-4b00-881a-bc774df1ebeb.svg",key:"lib",path:w.J1("/docs/react/introduce/",l,c)}];return(0,e.tZ)(a.Row,{gutter:[n.marginXL,n.marginXL]},f.map(function(y,A){var M=y.img,x=y.key,B=y.path,I=t[x],N=t["".concat(x,"Desc")];return(0,e.tZ)(a.Col,{key:A,span:g},(0,e.tZ)(L.rU,{to:B},(0,e.tZ)("div",{css:i.card},(0,e.tZ)("img",{alt:I,src:M}),(0,e.tZ)(a.Typography.Title,{level:4,style:{marginTop:n.margin,marginBottom:n.marginXS}},I),(0,e.tZ)(a.Typography.Paragraph,{type:"secondary",style:{margin:0}},N))))}),fe.map(function(y,A){var M=y.img,x=y.key,B=y.url,I=y.imgScale,N=I===void 0?1:I,C=t[x],W=t["".concat(x,"Desc")];return(0,e.tZ)(a.Col,{key:A,span:g},(0,e.tZ)("a",{css:i.cardMini,target:"_blank",href:B,rel:"noreferrer"},(0,e.tZ)("img",{alt:C,src:M,style:{transform:"scale(".concat(N,")")}}),(0,e.tZ)(a.Typography.Title,{level:4,style:{marginTop:n.margin,marginBottom:n.marginXS}},C),(0,e.tZ)(a.Typography.Paragraph,{type:"secondary",style:{margin:0}},W)))}))}var Ce=p(513769),xe=p.n(Ce),ee=p(332319),Te=p(460198),De=p(790618),R=p(730717),F="#1677FF",Y="#ED4192",O=[{color:F,url:null},{color:"#5A54F9",url:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*MtVDSKukKj8AAAAAAAAAAAAAARQnAQ"},{color:"#9E339F",url:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*FMluR4vJhaQAAAAAAAAAAAAAARQnAQ"},{color:Y,url:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*DGZXS4YOGp0AAAAAAAAAAAAAARQnAQ"},{color:"#E0282E",url:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*w6xcR7MriwEAAAAAAAAAAAAAARQnAQ"},{color:"#F4801A",url:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*VWFOTbEyU9wAAAAAAAAAAAAAARQnAQ"},{color:"#F2BD27",url:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*1yydQLzw5nYAAAAAAAAAAAAAARQnAQ"},{color:"#00B96B",url:"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*XpGeRoZKGycAAAAAAAAAAAAAARQnAQ"}],te=O.map(function(o){var r=o.color;return r}),we=33;function Q(o){if(!o)return null;var r=(0,R.vC)(o).toRgb(),t=O.map(function(n){var i=n.color,d=(0,R.vC)(i).toRgb(),m=Math.sqrt(Math.pow(d.r-r.r,2)+Math.pow(d.g-r.g,2)+Math.pow(d.b-r.b,2));return{color:i,dist:m}}),s=t.sort(function(n,i){return n.dist-i.dist})[0];return s.dist<=we?s.color:null}function Re(o){var r,t=Q(o);return t?((r=O.find(function(s){return s.color===t}))===null||r===void 0?void 0:r.url)||"https://gw.alipayobjects.com/mdn/rms_08e378/afts/img/A*CLp0Qqc11AkAAAAAAAAAAAAAARQnAQ":null}var Fe=function(){var r=(0,Z.Z)(),t=r.token;return{image:(0,e.iv)("transition:all ",t.motionDurationSlow,";position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;object-position:right top;","")}},Me=function(r){var t=r.colorPrimary,s=r.isLight,n=(0,h.useMemo)(function(){return Q(t)},[t]),i=Fe(),d=i.image;return(0,e.tZ)(h.Fragment,null,O.filter(function(m){var c=m.url;return c}).map(function(m){var c=m.color,l=m.url;return(0,e.tZ)("img",{css:d,style:{opacity:s&&n===c?1:0},key:c,src:l,alt:""})}))},Ie=Me,Le=p(719632),Pe=p.n(Le),Be=function(){var r=(0,Z.Z)(),t=r.token;return{color:(0,e.iv)("width:",t.controlHeightLG/2,"px;height:",t.controlHeightLG/2,"px;border-radius:100%;cursor:pointer;transition:all ",t.motionDurationFast,";display:inline-block;&>input[type='radio']{width:0;height:0;opacity:0;}&:focus-within{}",""),colorActive:(0,e.iv)("box-shadow:0 0 0 1px ",t.colorBgContainer,",0 0 0 ",t.controlOutlineWidth*2+1,"px ",t.colorPrimary,";","")}},je=function(r){var t=r.value,s=r.onChange,n=r.children,i=(0,h.useState)(t),d=S()(i,2),m=d[0],c=d[1];return(0,h.useEffect)(function(){var l=setTimeout(function(){s==null||s(m)},200);return function(){return clearTimeout(l)}},[m]),(0,h.useEffect)(function(){c(t)},[t]),(0,e.tZ)(a.ColorPicker,{value:m,onChange:c,presets:[{label:"PresetColors",colors:te}]},n)};function ze(o){var r=o.value,t=o.onChange,s=Be(),n=h.useMemo(function(){var i=(0,R.vC)(r).toRgbString(),d=!1,m=te.map(function(c){var l=(0,R.vC)(c).toRgbString(),u=l===i;return d=d||u,{color:c,active:u,picker:!1}});return[].concat(Pe()(m),[{color:"conic-gradient(red, yellow, lime, aqua, blue, magenta, red)",picker:!0,active:!d}])},[r]);return(0,e.tZ)(a.Space,{size:"large"},(0,e.tZ)(a.Input,{value:typeof r=="string"?r:r.toHexString(),onChange:function(d){t==null||t(d.target.value)},style:{width:120}}),(0,e.tZ)(a.Space,{size:"middle"},n.map(function(i){var d=i.color,m=i.active,c=i.picker,l=(0,e.tZ)("label",{key:d,css:[s.color,m&&s.colorActive,"",""],style:{background:d},onClick:function(){c||t==null||t(d)}},(0,e.tZ)("input",{type:"radio",name:c?"picker":"color",tabIndex:c?-1:0,onClick:function(v){return v.stopPropagation()}}));return c&&(l=(0,e.tZ)(je,{key:"colorpicker-".concat(r),value:r||"",onChange:t},l)),l})))}function Rt(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}var Ne={name:"9dyqy2",styles:"position:absolute;top:15%;z-index:1;width:100%;text-align:center"},Oe={name:"bjn8wh",styles:"position:relative"},Qe=function(){var r=(0,j.FN)(),t=r.carousel;return{carousel:t,container:Oe,title:Ne}},J=[{imageSrc:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*KsMrRZaciFcAAAAAAAAAAAAADrJ8AQ/original",titleColor:"rgba(0,0,0,.88)"},{imageSrc:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*3FkqR6XRNgoAAAAAAAAAAAAADrJ8AQ/original",titleColor:"#fff"},{imageSrc:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*cSX_RbD3k9wAAAAAAAAAAAAADrJ8AQ/original",titleColor:"#fff"},{imageSrc:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*MldsRZeax6EAAAAAAAAAAAAADrJ8AQ/original",titleColor:"#fff"},{imageSrc:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*xCAmSL0xlZ8AAAAAAAAAAAAADrJ8AQ/original",titleColor:"#fff"},{imageSrc:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*vCfCSbiI_VIAAAAAAAAAAAAADrJ8AQ/original",titleColor:"#fff"},{imageSrc:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*xCAmSL0xlZ8AAAAAAAAAAAAADrJ8AQ/original",titleColor:"#fff"},{imageSrc:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*BeDBTY9UnXIAAAAAAAAAAAAADrJ8AQ/original",titleColor:"#fff"},{imageSrc:"https://mdn.alipayobjects.com/huamei_7uahnr/afts/img/A*Q63XTbk8YaMAAAAAAAAAAAAADrJ8AQ/original",titleColor:"#fff"}];function He(o){var r=Qe(),t=o.id,s=o.title,n=o.description,i=(0,Z.Z)(),d=i.token,m=(0,h.useState)(0),c=S()(m,2),l=c[0],u=c[1];return(0,e.tZ)("div",{css:r.container},(0,e.tZ)("div",{css:r.title},(0,e.tZ)(a.Typography.Title,{id:t,level:1,style:{fontWeight:900,color:J[l].titleColor,fontFamily:"AliPuHui, ".concat(d.fontFamily),fontSize:d.fontSizeHeading2}},s),(0,e.tZ)(a.Typography.Paragraph,{style:{marginBottom:d.marginXXL,color:J[l].titleColor}},n)),(0,e.tZ)(a.Carousel,{css:r.carousel,afterChange:u},J.map(function(v,g){return(0,e.tZ)("div",{key:g},(0,e.tZ)("img",{src:v.imageSrc,alt:"",style:{width:"100%"}}))})))}function Ee(o){var r=o.value,t=o.onChange;return(0,e.tZ)(a.Space,{size:"large"},(0,e.tZ)(a.InputNumber,{value:r,onChange:t,style:{width:120},min:0,formatter:function(n){return"".concat(n,"px")},parser:function(n){return n&&parseFloat(n)}}),(0,e.tZ)(a.Slider,{tooltip:{open:!1},style:{width:128},min:0,value:r,max:20,onChange:t}))}var ae={default:"https://gw.alipayobjects.com/zos/bmw-prod/ae669a89-0c65-46db-b14b-72d1c7dd46d6.svg",dark:"https://gw.alipayobjects.com/zos/bmw-prod/0f93c777-5320-446b-9bb7-4d4b499f346d.svg",lark:"https://gw.alipayobjects.com/zos/bmw-prod/3e899b2b-4eb4-4771-a7fc-14c7ff078aed.svg",comic:"https://gw.alipayobjects.com/zos/bmw-prod/ed9b04e8-9b8d-4945-8f8a-c8fc025e846f.svg"},Ge={cn:{default:"\u9ED8\u8BA4",dark:"\u6697\u9ED1",lark:"\u77E5\u8BC6\u534F\u4F5C",comic:"\u6843\u82B1\u7F18"},en:{default:"Default",dark:"Dark",lark:"Document",comic:"Blossom"}},Ye=function(){var r=(0,Z.Z)(),t=r.token;return{themeCard:(0,e.iv)("border-radius:",t.borderRadius,"px;cursor:pointer;transition:all ",t.motionDurationSlow,';overflow:hidden;display:inline-block;&>input[type="radio"]{width:0;height:0;opacity:0;}img{vertical-align:top;box-shadow:0 3px 6px -4px rgba(0, 0, 0, 0.12),0 6px 16px 0 rgba(0, 0, 0, 0.08),0 9px 28px 8px rgba(0, 0, 0, 0.05);}&:focus-within,&:hover{transform:scale(1.04);}',""),themeCardActive:(0,e.iv)("box-shadow:0 0 0 1px ",t.colorBgContainer,",0 0 0 ",t.controlOutlineWidth*2+1,"px ",t.colorPrimary,";&,&:hover:not(:focus-within){transform:scale(1);}","")}};function Je(o){var r=o.value,t=o.onChange,s=(0,Z.Z)(),n=s.token,i=Ye(),d=(0,P.Z)(Ge),m=S()(d,1),c=m[0];return(0,e.tZ)(a.Space,{size:n.paddingLG},Object.keys(ae).map(function(l){var u=ae[l];return(0,e.tZ)(a.Space,{key:l,direction:"vertical",align:"center"},(0,e.tZ)("label",{css:[i.themeCard,r===l&&i.themeCardActive,"",""],onClick:function(){t==null||t(l)}},(0,e.tZ)("input",{type:"radio",name:"theme"}),(0,e.tZ)("img",{src:u,alt:l})),(0,e.tZ)("span",null,c[l]))}))}var We=["compact","themeType","colorPrimary"];function Ft(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}var Ue=a.Layout.Header,Xe=a.Layout.Content,Ve=a.Layout.Sider,$e=function(){return null},Ke={cn:{themeTitle:"\u5B9A\u5236\u4E3B\u9898\uFF0C\u968F\u5FC3\u6240\u6B32",themeDesc:"Ant Design 5.0 \u5F00\u653E\u66F4\u591A\u6837\u5F0F\u7B97\u6CD5\uFF0C\u8BA9\u4F60\u5B9A\u5236\u4E3B\u9898\u66F4\u7B80\u5355",customizeTheme:"\u5B9A\u5236\u4E3B\u9898",myTheme:"\u6211\u7684\u4E3B\u9898",titlePrimaryColor:"\u4E3B\u8272",titleBorderRadius:"\u5706\u89D2",titleCompact:"\u5BBD\u677E\u5EA6",default:"\u9ED8\u8BA4",compact:"\u7D27\u51D1",titleTheme:"\u4E3B\u9898",light:"\u4EAE\u8272",dark:"\u6697\u9ED1",toDef:"\u6DF1\u5EA6\u5B9A\u5236",toUse:"\u53BB\u4F7F\u7528"},en:{themeTitle:"Flexible theme customization",themeDesc:"Ant Design 5.0 enable extendable algorithm, make custom theme easier",customizeTheme:"Customize Theme",myTheme:"My Theme",titlePrimaryColor:"Primary Color",titleBorderRadius:"Border Radius",titleCompact:"Compact",titleTheme:"Theme",default:"Default",compact:"Compact",light:"Light",dark:"Dark",toDef:"More",toUse:"Apply"}},_e={name:"8bavv5",styles:"width:800px;margin:0 auto"},qe={name:"1gw69wa",styles:"background:transparent!important"},et={name:"1vw22wg",styles:"img{transform:translate3d(-30px, 0, 0);}"},tt={name:"11ntjqy",styles:"width:30px;height:30px;overflow:hidden;img{width:30px;height:30px;vertical-align:top;}"},at={name:"18kdqk9",styles:"background:rgba(200, 200, 200, 0.3)"},ot={name:"a8v32p",styles:"border-bottom-color:rgba(255, 255, 255, 0.1)"},rt={name:"w9n5u8",styles:"margin-inline-start:auto"},it={name:"1bnueyz",styles:"background:rgba(240, 242, 245, 0.65)"},nt={name:"1bnueyz",styles:"background:rgba(240, 242, 245, 0.65)"},lt={name:"12y3p7q",styles:"background:#000"},st={name:"640wew",styles:"backdrop-filter:blur(10px);background:rgba(247, 247, 247, 0.5)"},ct=function(){var r=(0,Z.Z)(),t=r.token,s=(0,j.FN)(),n=s.carousel;return{demo:(0,e.iv)("overflow:hidden;background:rgba(240, 242, 245, 0.25);backdrop-filter:blur(50px);box-shadow:0 2px 10px 2px rgba(0, 0, 0, 0.1);transition:all ",t.motionDurationSlow,";",""),otherDemo:st,darkDemo:lt,larkDemo:nt,comicDemo:it,menu:rt,darkSideMenu:(0,e.iv)("",""),header:(0,e.iv)("display:flex;align-items:center;border-bottom:1px solid ",t.colorSplit,";padding-inline:",t.paddingLG,"px!important;height:",t.controlHeightLG*1.2,"px;line-height:",t.controlHeightLG*1.2,"px;",""),headerDark:ot,avatar:(0,e.iv)("width:",t.controlHeight,"px;height:",t.controlHeight,"px;border-radius:100%;background:rgba(240, 240, 240, 0.75);",""),avatarDark:at,logo:(0,e.iv)("display:flex;align-items:center;column-gap:",t.padding,"px;h1{font-weight:400;font-size:16px;line-height:1.5;}",""),logoImg:tt,logoImgPureColor:et,transBg:qe,form:_e,carousel:n}},oe=[{key:"Design Values",label:"Design Values"},{key:"Global Styles",label:"Global Styles"},{key:"Themes",label:"Themes"},{key:"DesignPatterns",label:"Design Patterns"}],ut=[{key:"Design",label:"Design",icon:(0,e.tZ)(ee.Z,null),children:oe},{key:"Development",label:"Development",icon:(0,e.tZ)(ee.Z,null)}];function dt(o,r){if(!r)return"#FFF";var t=(0,R.vC)(o),s=Q(o);switch(s){case F:case Y:case"#F2BD27":return;default:return t.toHsb().b<.7?"#FFF":void 0}}var re={themeType:"default",colorPrimary:"#1677FF",borderRadius:6,compact:"default"},mt={default:{},dark:{borderRadius:2},lark:{colorPrimary:"#00B96B",borderRadius:4},comic:{colorPrimary:Y,borderRadius:16}};function gt(){var o=ct(),r=(0,Z.Z)(),t=r.token,s=(0,P.Z)(Ke),n=S()(s,1),i=n[0],d=h.useState(re),m=S()(d,2),c=m[0],l=m[1],u=function(U,Tt){l(Tt)},v=c.compact,g=c.themeType,f=c.colorPrimary,y=xe()(c,We),A=g!=="dark",M=a.Form.useForm(),x=S()(M,1),B=x[0],I=h.useContext(D.Z),N=I.isMobile,C=h.useMemo(function(){return typeof f=="string"?f:f.toHexString()},[f]),W=h.useMemo(function(){var k=[A?a.theme.defaultAlgorithm:a.theme.darkAlgorithm];return v==="compact"&&k.push(a.theme.compactAlgorithm),k},[A,v]);h.useEffect(function(){var k=b()(b()({},re),{},{themeType:g},mt[g]);l(k),B.setFieldsValue(k)},[g]);var T=Q(C),bt=h.useMemo(function(){var k="transparent",U=a.theme.defaultAlgorithm(b()(b()({},a.theme.defaultConfig.token),{},{colorPrimary:C}));return g==="dark"?k="#393F4A":T===F?k="#F5F8FF":k=U.colorPrimaryHover,[k,U.colorPrimaryBgHover]},[g,T,C]),ie=S()(bt,2),ft=ie[0],Zt=ie[1],kt=h.useMemo(function(){var k=(0,R.vC)(C).toHsb();return k.b=Math.min(k.b,.7),(0,R.vC)(k).toHexString()},[C]),St=(0,e.tZ)(a.ConfigProvider,{theme:{token:b()(b()(b()({},y),A?{}:{}),{},{colorPrimary:C}),hashed:!0,algorithm:W,components:{Slider:{},Card:A?{}:{},Layout:A?{colorBgHeader:"transparent",colorBgBody:"transparent"}:{},Menu:A?{itemBg:"transparent",subMenuItemBg:"transparent",colorActiveBarWidth:0}:{}}}},(0,e.tZ)($e,null),(0,e.tZ)("div",{css:[o.demo,A&&T!==F&&o.otherDemo,!A&&o.darkDemo,"",""],style:{borderRadius:c.borderRadius}},(0,e.tZ)(a.Layout,{css:o.transBg},(0,e.tZ)(Ue,{css:[o.header,o.transBg,!A&&o.headerDark,"",""]},(0,e.tZ)("div",{css:o.logo},(0,e.tZ)("div",{css:[o.logoImg,T!==F&&o.logoImgPureColor,"",""]},(0,e.tZ)("img",{src:"https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg",style:{filter:T===F?void 0:"drop-shadow(30px 0 0 ".concat(kt,")")},alt:""})),(0,e.tZ)("h1",null,"Ant Design 5.0")),(0,e.tZ)(a.Space,{css:o.menu,size:"middle"},(0,e.tZ)(Te.Z,null),(0,e.tZ)(G.Z,null),(0,e.tZ)("div",{css:[o.avatar,g==="dark"&&o.avatarDark,"",""],style:{backgroundColor:Zt,backgroundImage:"url(".concat(Re(T),")"),backgroundSize:"cover",boxShadow:"0 0 2px rgba(0, 0, 0, 0.2)"}}))),(0,e.tZ)(a.Layout,{css:o.transBg,hasSider:!0},(0,e.tZ)(Ve,{css:o.transBg,width:200,className:"site-layout-background"},(0,e.tZ)(a.Menu,{mode:"inline",css:[o.transBg,!A&&o.darkSideMenu,"",""],selectedKeys:["Themes"],openKeys:["Design"],style:{height:"100%",borderRight:0},items:ut})),(0,e.tZ)(a.Layout,{css:o.transBg,style:{padding:"0 24px 24px"}},(0,e.tZ)(a.Breadcrumb,{style:{margin:"16px 0"}},(0,e.tZ)(a.Breadcrumb.Item,null,(0,e.tZ)(De.Z,null)),(0,e.tZ)(a.Breadcrumb.Item,{overlay:(0,e.tZ)(a.Menu,{items:oe})},"Design"),(0,e.tZ)(a.Breadcrumb.Item,null,"Themes")),(0,e.tZ)(Xe,null,(0,e.tZ)(a.Typography.Title,{level:2},i.customizeTheme),(0,e.tZ)(a.Card,{title:i.myTheme,extra:(0,e.tZ)(a.Space,null,(0,e.tZ)(a.Button,{type:"default"},i.toDef),(0,e.tZ)(a.Button,{type:"primary"},i.toUse))},(0,e.tZ)(a.Form,{form:B,initialValues:c,onValuesChange:u,labelCol:{span:4},wrapperCol:{span:20},css:o.form},(0,e.tZ)(a.Form.Item,{label:i.titleTheme,name:"themeType"},(0,e.tZ)(Je,null)),(0,e.tZ)(a.Form.Item,{label:i.titlePrimaryColor,name:"colorPrimary"},(0,e.tZ)(ze,null)),(0,e.tZ)(a.Form.Item,{label:i.titleBorderRadius,name:"borderRadius"},(0,e.tZ)(Ee,null)),(0,e.tZ)(a.Form.Item,{label:i.titleCompact,name:"compact"},(0,e.tZ)(a.Radio.Group,null,(0,e.tZ)(a.Radio,{value:"default"},i.default),(0,e.tZ)(a.Radio,{value:"compact"},i.compact))))))))))),H={position:"absolute"},Ct={left:"50%",transform:"translate3d(-900px, 0, 0)",top:-100,height:500},xt={right:"50%",transform:"translate3d(750px, 0, 0)",bottom:-100,height:287};return N?(0,e.tZ)(He,{title:i.themeTitle,description:i.themeDesc,id:"flexible"}):(0,e.tZ)(E,{title:i.themeTitle,titleColor:dt(C,A),description:i.themeDesc,id:"flexible",background:ft,decoration:(0,e.tZ)(h.Fragment,null,(0,e.tZ)("div",{style:{transition:"all ".concat(t.motionDurationSlow),opacity:A&&T===F?1:0}},(0,e.tZ)("img",{style:b()(b()({},H),Ct),src:"https://gw.alipayobjects.com/zos/bmw-prod/bd71b0c6-f93a-4e52-9c8a-f01a9b8fe22b.svg",alt:""}),(0,e.tZ)("img",{style:b()(b()({},H),xt),src:"https://gw.alipayobjects.com/zos/bmw-prod/84ad805a-74cb-4916-b7ba-9cdc2bdec23a.svg",alt:""})),(0,e.tZ)("div",{style:{transition:"all ".concat(t.motionDurationSlow),opacity:!A||!T?1:0}},(0,e.tZ)("img",{style:b()(b()({},H),{},{left:0,top:-100,height:500}),src:"https://gw.alipayobjects.com/zos/bmw-prod/a213184a-f212-4afb-beec-1e8b36bb4b8a.svg",alt:""}),(0,e.tZ)("img",{style:b()(b()({},H),{},{right:0,bottom:-100,height:287}),src:"https://gw.alipayobjects.com/zos/bmw-prod/bb74a2fb-bff1-4d0d-8c2d-2ade0cd9bb0d.svg",alt:""})),(0,e.tZ)(Ie,{isLight:A,colorPrimary:C}))},St)}function Mt(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}var pt={name:"hepieb",styles:"position:absolute;left:0;top:-50px;height:160px"},vt=function(){return{image:pt}},ht={cn:{assetsTitle:"\u7EC4\u4EF6\u4E30\u5BCC\uFF0C\u9009\u7528\u81EA\u5982",assetsDesc:"\u5927\u91CF\u5B9E\u7528\u7EC4\u4EF6\u6EE1\u8DB3\u4F60\u7684\u9700\u6C42\uFF0C\u7075\u6D3B\u5B9A\u5236\u4E0E\u62D3\u5C55",designTitle:"\u8BBE\u8BA1\u8BED\u8A00\u4E0E\u7814\u53D1\u6846\u67B6",designDesc:"\u914D\u5957\u751F\u6001\uFF0C\u8BA9\u4F60\u5FEB\u901F\u642D\u5EFA\u7F51\u7AD9\u5E94\u7528"},en:{assetsTitle:"Rich components",assetsDesc:"Practical components to meet your needs, flexible customization and expansion",designTitle:"Design and framework",designDesc:"Supporting ecology, allowing you to quickly build website applications"}},At=function(){var r,t=(0,P.Z)(ht),s=S()(t,1),n=s[0],i=(0,L.bU)(),d=i.id,m=d==="zh-CN"?"cn":"en",c=vt(),l=c.image,u=(0,j.WF)(),v=S()(u,1),g=v[0];return(0,e.tZ)(a.ConfigProvider,{theme:{algorithm:void 0}},(0,e.tZ)("section",null,(0,e.tZ)(ue,null,(0,e.tZ)(de,{extras:g==null||(r=g.extras)===null||r===void 0?void 0:r[m],icons:g==null?void 0:g.icons})),(0,e.tZ)("div",null,(0,e.tZ)(gt,null),(0,e.tZ)(E,{background:"#fff",collapse:!0,title:n.assetsTitle,description:n.assetsDesc,id:"design"},(0,e.tZ)(be,null)),(0,e.tZ)(E,{title:n.designTitle,description:n.designDesc,background:"#F5F8FF",decoration:(0,e.tZ)("img",{css:l,src:"https://gw.alipayobjects.com/zos/bmw-prod/ba37a413-28e6-4be4-b1c5-01be1a0ebb1c.svg",alt:""})},(0,e.tZ)(Se,null)))))},yt=At}}]);
|
|
|