ant-design/6db7de95-async.a8c851a4.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["6db7de95"],{"6db7de95":function(e,t,l){"use strict";l.d(t,"__esModule",{value:!0}),l.d(t,"default",{enumerable:!0,get:function(){return w;}});var s=l("777fffbe"),a=l("852bbaa9"),n=l("f19d2b93"),i=a._(l("5b220c3d")),r=l("e22febe0"),o=l("a9d1a279"),d=l("3835a2b7"),c=s._(l("600aabe0")),u=s._(l("072ab8a9")),p=s._(l("40d543ed")),x=s._(l("23546486")),g=s._(l("714a8bde")),m=l("b055b5cb");let{_InternalPanelDoNotUseOrYouWillBeFired:f}=o.Modal,{_InternalPanelDoNotUseOrYouWillBeFired:h}=o.DatePicker,{_InternalPanelDoNotUseOrYouWillBeFired:b}=o.Tour,{_InternalPanelDoNotUseOrYouWillBeFired:y}=o.FloatButton,j={cn:{yesterday:"\u6628\u5929",lastWeek:"\u4E0A\u5468",lastMonth:"\u4E0A\u6708",lastYear:"\u53BB\u5E74",new:"\u65B0\u589E",update:"\u66F4\u65B0",sampleContent:"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",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:"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.",inProgress:"In Progress",success:"Success",taskFailed:"Task Failed",tour:"A quick guide for new come user about how to use app."}},C=()=>{let e=(0,p.default)();return(0,d.createStyles)(({token:t})=>{let{carousel:l}=(0,m.getCarouselStyle)();return{card:(0,d.css)`
        border-radius: ${t.borderRadius}px;
        border: 1px solid ${e?t.colorBorder:"transparent"};
        background: ${e?t.colorBgContainer:"#f5f8ff"};
        padding: ${t.paddingXL}px;
        flex: none;
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;

        > * {
          flex: none;
        }
      `,cardCircle:(0,d.css)`
        position: absolute;
        width: 120px;
        height: 120px;
        background: #1677ff;
        border-radius: 50%;
        filter: blur(40px);
        opacity: 0.1;
      `,mobileCard:(0,d.css)`
        height: 395px;
      `,nodeWrap:(0,d.css)`
        margin-top: ${t.paddingLG}px;
        flex: auto;
        display: flex;
        align-items: center;
        justify-content: center;
      `,carousel:l,componentsList:(0,d.css)`
        width: 100%;
        overflow: hidden;
      `,mobileComponentsList:(0,d.css)`
        margin: 0 ${t.margin}px;
      `};})();},v=({title:e,node:t,type:l,index:s})=>{let[a]=(0,x.default)(j),r="new"===l?a.new:a.update,{styles:d}=C(),{isMobile:u}=(0,i.useContext)(g.default);return(0,n.jsxs)("div",{className:(0,c.default)(d.card,u&&d.mobileCard),children:[(0,n.jsx)("div",{className:d.cardCircle,style:{insetInlineEnd:-(s%2*20)-20,bottom:-(s%3*40)-20}}),(0,n.jsxs)(o.Flex,{align:"center",gap:"small",children:[(0,n.jsx)(o.Typography.Title,{level:4,style:{fontWeight:"normal",margin:0},children:e}),(0,n.jsx)(o.Tag,{color:"new"===l?"processing":"warning",children:r})]}),(0,n.jsx)("div",{className:d.nodeWrap,children:t})]});};var w=()=>{let{styles:e}=C(),[t]=(0,x.default)(j),{isMobile:l}=(0,i.useContext)(g.default),s=i.default.useMemo(()=>[{title:"Modal",type:"update",node:(0,n.jsx)(f,{title:"Ant Design 5.0",width:300,children:t.sampleContent})},{title:"DatePicker",type:"update",node:(0,n.jsx)(h,{value:(0,u.default)("2022-11-18 14:00:00"),showToday:!1,presets:l?[]:[{label:t.yesterday,value:(0,u.default)().add(-1,"d")},{label:t.lastWeek,value:(0,u.default)().add(-7,"d")},{label:t.lastMonth,value:(0,u.default)().add(-1,"month")},{label:t.lastYear,value:(0,u.default)().add(-1,"year")}]})},{title:"Progress",type:"update",node:(0,n.jsxs)(o.Flex,{gap:"small",vertical:!0,children:[(0,n.jsxs)(o.Flex,{gap:"small",align:"center",children:[(0,n.jsx)(o.Progress,{type:"circle",trailColor:"#e6f4ff",percent:60,size:14}),t.inProgress]}),(0,n.jsxs)(o.Flex,{gap:"small",align:"center",children:[(0,n.jsx)(o.Progress,{type:"circle",percent:100,size:14}),t.success]}),(0,n.jsxs)(o.Flex,{gap:"small",align:"center",children:[(0,n.jsx)(o.Progress,{type:"circle",status:"exception",percent:88,size:14}),t.taskFailed]})]})},{title:"Tour",type:"new",node:(0,n.jsx)(b,{title:"Ant Design 5.0",description:t.tour,style:{width:l?"auto":350},current:3,total:9})},{title:"FloatButton",type:"new",node:(0,n.jsxs)(o.Flex,{align:"center",gap:"large",children:[(0,n.jsx)(y,{shape:"square",items:[{icon:(0,n.jsx)(r.QuestionCircleOutlined,{})},{icon:(0,n.jsx)(r.CustomerServiceOutlined,{})},{icon:(0,n.jsx)(r.SyncOutlined,{})}]}),(0,n.jsx)(y,{backTop:!0}),(0,n.jsx)(y,{items:[{icon:(0,n.jsx)(r.QuestionCircleOutlined,{})},{icon:(0,n.jsx)(r.CustomerServiceOutlined,{})},{icon:(0,n.jsx)(r.SyncOutlined,{})}]})]})},{title:"Alert",type:"update",node:(0,n.jsx)(o.Alert,{style:{width:400},message:"Ant Design 5.0",description:t.sampleContent,closable:{closeIcon:!0,disabled:!0}})}],[l]);return l?(0,n.jsx)("div",{className:e.mobileComponentsList,children:(0,n.jsx)(o.Carousel,{className:e.carousel,children:s.map(({title:e,node:t,type:l},s)=>(0,n.jsx)(v,{title:e,node:t,type:l,index:s},`mobile-item-${s}`))})}):(0,n.jsx)(o.Flex,{justify:"center",className:e.componentsList,children:(0,n.jsx)(o.Flex,{align:"stretch",gap:"large",children:s.map(({title:e,node:t,type:l},s)=>(0,n.jsx)(v,{title:e,node:t,type:l,index:s},`desktop-item-${s}`))})});};}}]);