ant-design/7e92d471-async.4a7fca0e.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["7e92d471"],{"12708dbc":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return l;}});var s=i("f19d2b93");i("b191146c");var n=i("a9d1a279");let r=[{title:"Ant Design Title 1",current:0},{title:"Ant Design Title 2",current:1,status:"error"},{title:"Ant Design Title 3",current:2},{title:"Ant Design Title 4",current:1}],a=[{title:"Step 1",description:"This is a Step 1."},{title:"Step 2",description:"This is a Step 2."},{title:"Step 3",description:"This is a Step 3."}];var l=()=>(0,s.jsx)("div",{children:(0,s.jsx)(n.List,{itemLayout:"horizontal",dataSource:r,renderItem:(t,e)=>(0,s.jsxs)(n.List.Item,{children:[(0,s.jsx)(n.List.Item.Meta,{avatar:(0,s.jsx)(n.Avatar,{src:`https://api.dicebear.com/7.x/miniavs/svg?seed=${e}`}),title:(0,s.jsx)("a",{href:"https://ant.design",children:t.title}),description:"Ant Design, a design language for background applications, is refined by Ant UED Team"}),(0,s.jsx)(n.Steps,{style:{marginTop:8},type:"inline",current:t.current,status:t.status,items:a})]})})});},"16404bd6":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("5465ea26");var n=i("a9d1a279");let r="This is a description.";var a=()=>(0,s.jsx)(n.ConfigProvider,{theme:{token:{wireframe:!0}},children:(0,s.jsx)(n.Steps,{current:1,items:[{title:"Finished",description:r},{title:"In Progress",description:r,subTitle:"Left 00:00:08"},{title:"Waiting",description:r}]})});},"16d25e7e":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("098c8906");var n=i("5b220c3d"),r=i("a9d1a279"),a=()=>{let[t,e]=(0,n.useState)(0),i=t=>{console.log("onChange:",t),e(t);},a="This is a description.";return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Steps,{current:t,onChange:i,items:[{title:"Step 1",description:a},{title:"Step 2",description:a},{title:"Step 3",description:a}]}),(0,s.jsx)(r.Divider,{}),(0,s.jsx)(r.Steps,{current:t,onChange:i,direction:"vertical",items:[{title:"Step 1",description:a},{title:"Step 2",description:a},{title:"Step 3",description:a}]})]});};},"50d48b1c":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return l;}});var s=i("f19d2b93");i("877317ca");var n=i("5b220c3d"),r=i("a9d1a279");let a=[{title:"First",content:"First-content"},{title:"Second",content:"Second-content"},{title:"Last",content:"Last-content"}];var l=()=>{let{token:t}=r.theme.useToken(),[e,i]=(0,n.useState)(0),l=()=>{i(e+1);},o=()=>{i(e-1);},c=a.map(t=>({key:t.title,title:t.title})),d={lineHeight:"260px",textAlign:"center",color:t.colorTextTertiary,backgroundColor:t.colorFillAlter,borderRadius:t.borderRadiusLG,border:`1px dashed ${t.colorBorder}`,marginTop:16};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Steps,{current:e,items:c}),(0,s.jsx)("div",{style:d,children:a[e].content}),(0,s.jsxs)("div",{style:{marginTop:24},children:[e<a.length-1&&(0,s.jsx)(r.Button,{type:"primary",onClick:()=>l(),children:"Next"}),e===a.length-1&&(0,s.jsx)(r.Button,{type:"primary",onClick:()=>r.message.success("Processing complete!"),children:"Done"}),e>0&&(0,s.jsx)(r.Button,{style:{margin:"0 8px"},onClick:()=>o(),children:"Previous"})]})]});};},"5432f362":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("36d9e09f");var n=i("a9d1a279");let r="This is a description.";var a=()=>(0,s.jsx)(n.Steps,{direction:"vertical",size:"small",current:1,items:[{title:"Finished",description:r},{title:"In Progress",description:r},{title:"Waiting",description:r}]});},"59fa8ca4":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("581bf200");var n=i("5b220c3d"),r=i("a9d1a279"),a=()=>{let[t,e]=(0,n.useState)("default"),i="This is a description.",a=(0,s.jsx)(r.Card,{children:(0,s.jsx)(r.Steps,{size:t,items:[{title:"Finished",description:i},{title:"In Progress",description:i},{title:"Waiting",description:i}]})});return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(r.Radio.Group,{style:{marginBottom:16},value:t,onChange:t=>e(t.target.value),children:[(0,s.jsx)(r.Radio,{value:"small",children:"Small"}),(0,s.jsx)(r.Radio,{value:"default",children:"Default"})]}),(0,s.jsx)(r.Steps,{size:t,direction:"vertical",items:[{title:"Finished",description:a},{title:"In Progress",description:i},{title:"Waiting",description:i}]})]});};},"5c6fb856":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("b5282d6c");var n=i("a9d1a279");let r="This is a description.";var a=()=>(0,s.jsx)(n.Steps,{current:1,percent:60,items:[{title:"Finished",description:r},{title:"In Progress",subTitle:"Left 00:00:08",description:r},{title:"Waiting",description:r}]});},"5e72dfb8":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return r;}});var s=i("f19d2b93");i("70f8b765");var n=i("a9d1a279"),r=()=>(0,s.jsx)(n.Steps,{size:"small",current:1,items:[{title:"Finished"},{title:"In Progress"},{title:"Waiting"}]});},"6303ecf4":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("e92e192a");var n=i("5b220c3d"),r=i("a9d1a279"),a=()=>{let[t,e]=(0,n.useState)(0),[i,a]=(0,n.useState)(1),[l,o]=(0,n.useState)("process"),c="This is a description.",d=[{title:"Finished",description:c},{title:"In Progress",subTitle:"Left 00:00:08",description:c},{title:"Waiting",description:c}];return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(r.Space.Compact,{block:!0,children:[(0,s.jsx)(r.Button,{onClick:()=>e(void 0),children:"Percentage to undefined"}),(0,s.jsx)(r.Button,{onClick:()=>e(t=>((t??0)+10)%100),children:"Percentage +"}),(0,s.jsx)(r.Button,{onClick:()=>a(t=>(t+1)%3),children:"Current +"}),(0,s.jsx)(r.Button,{onClick:()=>o("wait"),children:"Status Wait"}),(0,s.jsx)(r.Button,{onClick:()=>o("process"),children:"Status Process"}),(0,s.jsx)(r.Button,{onClick:()=>o("finish"),children:"Status Finish"}),(0,s.jsx)(r.Button,{onClick:()=>o("error"),children:"Status Error"})]}),(0,s.jsx)("br",{}),(0,s.jsx)(r.Steps,{current:i,percent:t,status:l,items:d}),(0,s.jsx)(r.Steps,{current:i,percent:t,status:l,size:"small",items:d}),(0,s.jsx)(r.Steps,{current:i,percent:t,status:l,direction:"vertical",items:d}),(0,s.jsx)(r.Steps,{current:i,percent:t,status:l,size:"small",direction:"vertical",items:d})]});};},"73cb5e24":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return l;}});var s=i("f19d2b93");i("c86fb4da");var n=i("a9d1a279");let r=(t,{status:e,index:i})=>(0,s.jsx)(n.Popover,{content:(0,s.jsxs)("span",{children:["step ",i," status: ",e]}),children:t}),a="You can hover on the dot.";var l=()=>(0,s.jsx)(n.Steps,{current:1,progressDot:r,items:[{title:"Finished",description:a},{title:"In Progress",description:a},{title:"Waiting",description:a},{title:"Waiting",description:a}]});},"8e5c0a61":function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("19147b76");var n=i("a9d1a279");let r="This is a description.";var a=()=>(0,s.jsx)(n.Steps,{current:1,items:[{title:"Finished",description:r},{title:"In Progress",description:r,subTitle:"Left 00:00:08"},{title:"Waiting",description:r}]});},a0cf82a2:function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("f56e0a70");var n=i("a9d1a279");let r="This is a description";var a=()=>(0,s.jsx)(n.Steps,{current:1,status:"error",items:[{title:"Finished",description:r},{title:"In Process",description:r},{title:"Waiting",description:r}]});},b023badd:function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return l;}});var s=i("f19d2b93");i("121a71ca");var n=i("a9d1a279");let r="This is a description.",a=[{title:"Finished",description:r},{title:"In Progress",description:r},{title:"Waiting",description:r}];var l=()=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.Steps,{current:1,labelPlacement:"vertical",items:a}),(0,s.jsx)("br",{}),(0,s.jsx)(n.Steps,{current:1,percent:60,labelPlacement:"vertical",items:a}),(0,s.jsx)("br",{}),(0,s.jsx)(n.Steps,{current:1,percent:80,size:"small",labelPlacement:"vertical",items:a})]});},b507737d:function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("ca8da506");var n=i("e22febe0"),r=i("a9d1a279"),a=()=>(0,s.jsx)(r.Steps,{items:[{title:"Login",status:"finish",icon:(0,s.jsx)(n.UserOutlined,{})},{title:"Verification",status:"finish",icon:(0,s.jsx)(n.SolutionOutlined,{})},{title:"Pay",status:"process",icon:(0,s.jsx)(n.LoadingOutlined,{})},{title:"Done",status:"wait",icon:(0,s.jsx)(n.SmileOutlined,{})}]});},c5b1507b:function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return l;}});var s=i("f19d2b93");i("af480fae");var n=i("e22febe0"),r=i("a9d1a279");let a="This is a description.";var l=()=>(0,s.jsxs)(r.ConfigProvider,{theme:{components:{Steps:{titleLineHeight:20,customIconSize:40,customIconTop:0,customIconFontSize:32,iconSize:20,iconTop:0,iconFontSize:12,iconSizeSM:16,dotSize:20,dotCurrentSize:24,navArrowColor:"#163CFF",navContentMaxWidth:100,descriptionMaxWidth:100}}},children:[(0,s.jsx)(r.Steps,{current:1,items:[{title:"Finished",description:a},{title:"In Progress",description:a,subTitle:"Left 00:00:08"},{title:"Waiting",description:a}]}),(0,s.jsx)(r.Steps,{size:"small",current:1,items:[{title:"Finished",description:a},{title:"In Progress",description:a,subTitle:"Left 00:00:08"},{title:"Waiting",description:a}]}),(0,s.jsx)(r.Steps,{items:[{title:"Login",status:"finish",icon:(0,s.jsx)(n.UserOutlined,{})},{title:"Verification",status:"finish",icon:(0,s.jsx)(n.SolutionOutlined,{})},{title:"Pay",status:"process",icon:(0,s.jsx)(n.LoadingOutlined,{})},{title:"Done",status:"wait",icon:(0,s.jsx)(n.SmileOutlined,{})}]}),(0,s.jsx)(r.Steps,{progressDot:!0,current:1,items:[{title:"Finished",description:"This is a description."},{title:"In Progress",description:"This is a description."},{title:"Waiting",description:"This is a description."}]}),(0,s.jsx)(r.Steps,{type:"navigation",current:1,items:[{title:"Step 1",subTitle:"00:00:05",status:"finish",description:"This is a description."},{title:"Step 2",subTitle:"00:01:02",status:"process",description:"This is a description."},{title:"Step 3",subTitle:"waiting for longlong time",status:"wait",description:"This is a description."}]})]});},d7944267:function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return r;}});var s=i("f19d2b93");i("19d89045");var n=i("a9d1a279"),r=()=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.Steps,{progressDot:!0,current:1,size:"small",items:[{title:"Finished",description:"This is a description."},{title:"In Progress",description:"This is a description."},{title:"Waiting",description:"This is a description."}]}),(0,s.jsx)(n.Divider,{}),(0,s.jsx)(n.Steps,{progressDot:!0,current:1,direction:"vertical",size:"small",items:[{title:"Finished",description:"This is a description. This is a description."},{title:"Finished",description:"This is a description. This is a description."},{title:"In Progress",description:"This is a description. This is a description."},{title:"Waiting",description:"This is a description."},{title:"Waiting",description:"This is a description."}]})]});},e2d178e5:function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("2e0cdfcc");var n=i("a9d1a279");let r="This is a description.";var a=()=>(0,s.jsx)(n.Steps,{direction:"vertical",current:1,items:[{title:"Finished",description:r},{title:"In Progress",description:r},{title:"Waiting",description:r}]});},eb7f6460:function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return a;}});var s=i("f19d2b93");i("e174f9c2");var n=i("5b220c3d"),r=i("a9d1a279"),a=()=>{let[t,e]=(0,n.useState)(0),i=t=>{console.log("onChange:",t),e(t);};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(r.Steps,{type:"navigation",size:"small",current:t,onChange:i,className:"site-navigation-steps",items:[{title:"Step 1",subTitle:"00:00:05",status:"finish",description:"This is a description."},{title:"Step 2",subTitle:"00:01:02",status:"process",description:"This is a description."},{title:"Step 3",subTitle:"waiting for longlong time",status:"wait",description:"This is a description."}]}),(0,s.jsx)(r.Steps,{type:"navigation",current:t,onChange:i,className:"site-navigation-steps",items:[{status:"finish",title:"Step 1"},{status:"process",title:"Step 2"},{status:"wait",title:"Step 3"},{status:"wait",title:"Step 4"}]}),(0,s.jsx)(r.Steps,{type:"navigation",size:"small",current:t,onChange:i,className:"site-navigation-steps",items:[{status:"finish",title:"finish 1"},{status:"finish",title:"finish 2"},{status:"process",title:"current process"},{status:"wait",title:"wait",disabled:!0}]})]});};},f132480e:function(t,e,i){"use strict";i.d(e,"__esModule",{value:!0}),i.d(e,"default",{enumerable:!0,get:function(){return r;}});var s=i("f19d2b93");i("3c92767a");var n=i("a9d1a279"),r=()=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(n.Steps,{progressDot:!0,current:1,items:[{title:"Finished",description:"This is a description."},{title:"In Progress",description:"This is a description."},{title:"Waiting",description:"This is a description."}]}),(0,s.jsx)(n.Divider,{}),(0,s.jsx)(n.Steps,{progressDot:!0,current:1,direction:"vertical",items:[{title:"Finished",description:"This is a description. This is a description."},{title:"Finished",description:"This is a description. This is a description."},{title:"In Progress",description:"This is a description. This is a description."},{title:"Waiting",description:"This is a description."},{title:"Waiting",description:"This is a description."}]})]});}}]);