35793.91c97d2b.async.js

"use strict";(self.webpackChunkantd=self.webpackChunkantd||[]).push([[35793],{235793:function(te,m,t){t.r(m),t.d(m,{default:function(){return w}});var Z=t(627424),h=t.n(Z),K=t(459400),M=t.n(K),O=t(667294),g=t(825035),j=t(342365),L=t(198165),d=t(945016),S=t(185209),N=t(844183),F=t(98651),Y=t(650060),x=t(527211),b=t(739838),C=t(614137),z=t(11739),J=t(181632),r=t(309819),V=t(294184),G=t.n(V),X=t(727484),E=t.n(X),H=t(49313),T=t(302559),A=t(438199),Q=t(833494),e=t(785893),I,W,B,$="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.",k="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",f={cn:{yesterday:"\u6628\u5929",lastWeek:"\u4E0A\u5468",lastMonth:"\u4E0A\u6708",lastYear:"\u53BB\u5E74",new:"\u65B0\u589E",update:"\u66F4\u65B0",sampleContent:k,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:$,inProgress:"In Progress",success:"Success",taskFailed:"Task Failed",tour:"A quick guide for new come user about how to use app."}},U=function(){var a=(0,H.Z)();return(0,r.kc)(function(u){var l=u.token,_=(0,Q.EI)(),n=_.carousel;return{card:(0,r.iv)(I||(I=M()([`
        border-radius: `,`px;
        border: 1px solid `,`;
        background: `,`;
        padding: `,`px;
        flex: none;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;

        > * {
          flex: none;
        }
      `])),l.borderRadius,a?l.colorBorder:"transparent",a?l.colorBgContainer:"#f5f8ff",l.paddingXL),cardCircle:(0,r.iv)(W||(W=M()([`
        position: absolute;
        width: 120px;
        height: 120px;
        background: #1677ff;
        border-radius: 50%;
        filter: blur(40px);
        opacity: 0.1;
      `]))),mobileCard:(0,r.iv)(B||(B=M()([`
        height: 395px;
      `]))),carousel:n}})()},R=function(a){var u=a.title,l=a.node,_=a.type,n=a.index,y=_==="new"?"processing":"warning",c=(0,T.Z)(f),D=h()(c,1),s=D[0],o=_==="new"?s.new:s.update,v=U(),i=v.styles,P=(0,O.useContext)(A.Z),q=P.isMobile,ee=(0,r.Fg)();return(0,e.jsxs)("div",{className:G()(i.card,q&&i.mobileCard),children:[(0,e.jsx)("div",{className:i.cardCircle,style:{right:n%2*-20-20,bottom:n%3*-40-20}}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)(S.Z.Title,{level:4,style:{fontWeight:"normal",margin:0},children:u}),(0,e.jsx)(N.Z,{color:y,children:o})]}),(0,e.jsx)("div",{style:{marginTop:ee.paddingLG,flex:"auto",display:"flex",alignItems:"center",justifyContent:"center"},children:l})]})};function w(){var p=(0,r.Fg)(),a=U(),u=a.styles,l=(0,T.Z)(f),_=h()(l,1),n=_[0],y=(0,O.useContext)(A.Z),c=y.isMobile,D=O.useMemo(function(){return[{title:"Modal",type:"update",node:(0,e.jsx)(F.Z._InternalPanelDoNotUseOrYouWillBeFired,{title:"Ant Design 5.0",width:300,children:n.sampleContent})},{title:"DatePicker",type:"update",node:(0,e.jsx)(Y.Z._InternalPanelDoNotUseOrYouWillBeFired,{showToday:!1,presets:c?[]:[{label:n.yesterday,value:E()().add(-1,"d")},{label:n.lastWeek,value:E()().add(-7,"d")},{label:n.lastMonth,value:E()().add(-1,"month")},{label:n.lastYear,value:E()().add(-1,"year")}],value:E()("2022-11-18 14:00:00")})},{title:"Progress",type:"update",node:(0,e.jsxs)(d.Z,{direction:"vertical",children:[(0,e.jsxs)(d.Z,{children:[(0,e.jsx)(x.Z,{type:"circle",trailColor:"#e6f4ff",percent:60,size:14}),n.inProgress]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)(x.Z,{type:"circle",percent:100,size:14}),n.success]}),(0,e.jsxs)(d.Z,{children:[(0,e.jsx)(x.Z,{type:"circle",status:"exception",percent:88,size:14}),n.taskFailed]})]})},{title:"Tour",type:"new",node:(0,e.jsx)(b.Z._InternalPanelDoNotUseOrYouWillBeFired,{title:"Ant Design 5.0",description:n.tour,style:{width:c?"auto":350},current:3,total:9})},{title:"FloatButton",type:"new",node:(0,e.jsxs)(d.Z,{size:"large",children:[(0,e.jsx)(C.Z._InternalPanelDoNotUseOrYouWillBeFired,{shape:"square",items:[{icon:(0,e.jsx)(g.Z,{})},{icon:(0,e.jsx)(j.Z,{})},{icon:(0,e.jsx)(L.Z,{})}]}),(0,e.jsx)(C.Z._InternalPanelDoNotUseOrYouWillBeFired,{backTop:!0}),(0,e.jsx)(C.Z._InternalPanelDoNotUseOrYouWillBeFired,{items:[{icon:(0,e.jsx)(g.Z,{})},{icon:(0,e.jsx)(j.Z,{})},{icon:(0,e.jsx)(L.Z,{})}]})]})},{title:"Alert",type:"update",node:(0,e.jsx)(z.Z,{style:{width:400},message:"Ant Design 5.0",description:n.sampleContent,closable:!0})}]},[c]);return c?(0,e.jsx)("div",{style:{margin:"0 16px"},children:(0,e.jsx)(J.Z,{className:u.carousel,children:D.map(function(s,o){var v=s.title,i=s.node,P=s.type;return(0,e.jsx)(R,{title:v,node:i,type:P,index:o},o)})})}):(0,e.jsx)("div",{style:{width:"100%",overflow:"hidden",display:"flex",justifyContent:"center"},children:(0,e.jsx)("div",{style:{display:"flex",alignItems:"stretch",columnGap:p.paddingLG},children:D.map(function(s,o){var v=s.title,i=s.node,P=s.type;return(0,e.jsx)(R,{title:v,node:i,type:P,index:o},o)})})})}}}]);