ant-design/79838c83-async.270eeaa9.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["79838c83"],{"126405d7":function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return o;}});var n=s("f19d2b93");s("5bd3b645");var r=s("a9d1a279"),o=()=>(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{xs:2,sm:4,md:6,lg:8,xl:10,children:"Col"}),(0,n.jsx)(r.Col,{xs:20,sm:16,md:12,lg:8,xl:4,children:"Col"}),(0,n.jsx)(r.Col,{xs:2,sm:4,md:6,lg:8,xl:10,children:"Col"})]});},"33aea476":function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return o;}});var n=s("f19d2b93");s("66c0bc2c");var r=s("a9d1a279"),o=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{span:8,children:"col-8"}),(0,n.jsx)(r.Col,{span:8,offset:8,children:"col-8"})]}),(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{span:6,offset:6,children:"col-6 col-offset-6"}),(0,n.jsx)(r.Col,{span:6,offset:6,children:"col-6 col-offset-6"})]}),(0,n.jsx)(r.Row,{children:(0,n.jsx)(r.Col,{span:12,offset:6,children:"col-12 col-offset-6"})})]});},"4044dc53":function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return d;}});var n=s("f19d2b93");s("dff62091");var r=s("a9d1a279");let o={background:"#0092ff",padding:"8px 0"};var d=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Divider,{orientation:"left",children:"Horizontal"}),(0,n.jsxs)(r.Row,{gutter:16,children:[(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"Responsive"}),(0,n.jsxs)(r.Row,{gutter:{xs:8,sm:16,md:24,lg:32},children:[(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"Vertical"}),(0,n.jsxs)(r.Row,{gutter:[16,24],children:[(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})}),(0,n.jsx)(r.Col,{className:"gutter-row",span:6,children:(0,n.jsx)("div",{style:o,children:"col-6"})})]})]});},"62ed57ab":function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return o;}});var n=s("f19d2b93");s("de1a922a");var r=s("a9d1a279"),o=()=>(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{span:18,push:6,children:"col-18 col-push-6"}),(0,n.jsx)(r.Col,{span:6,pull:18,children:"col-6 col-pull-18"})]});},"689c856a":function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return o;}});var n=s("f19d2b93");s("b0860cc0");var r=s("a9d1a279"),o=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Row,{children:(0,n.jsx)(r.Col,{span:24,children:"col"})}),(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{span:12,children:"col-12"}),(0,n.jsx)(r.Col,{span:12,children:"col-12"})]}),(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{span:8,children:"col-8"}),(0,n.jsx)(r.Col,{span:8,children:"col-8"}),(0,n.jsx)(r.Col,{span:8,children:"col-8"})]}),(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{span:6,children:"col-6"}),(0,n.jsx)(r.Col,{span:6,children:"col-6"}),(0,n.jsx)(r.Col,{span:6,children:"col-6"}),(0,n.jsx)(r.Col,{span:6,children:"col-6"})]})]});},"8182fc68":function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return o;}});var n=s("f19d2b93");s("ffdc05ac");var r=s("a9d1a279"),o=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Divider,{orientation:"left",children:"Percentage columns"}),(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{flex:2,children:"2 / 5"}),(0,n.jsx)(r.Col,{flex:3,children:"3 / 5"})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"Fill rest"}),(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{flex:"100px",children:"100px"}),(0,n.jsx)(r.Col,{flex:"auto",children:"Fill Rest"})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"Raw flex style"}),(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{flex:"1 1 200px",children:"1 1 200px"}),(0,n.jsx)(r.Col,{flex:"0 1 300px",children:"0 1 300px"})]}),(0,n.jsxs)(r.Row,{wrap:!1,children:[(0,n.jsx)(r.Col,{flex:"none",children:(0,n.jsx)("div",{style:{padding:"0 16px"},children:"none"})}),(0,n.jsx)(r.Col,{flex:"auto",children:"auto with no-wrap"})]})]});},a6378621:function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return o;}});var n=s("f19d2b93");s("9b161ea7");var r=s("a9d1a279"),o=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Divider,{orientation:"left",children:"sub-element align left"}),(0,n.jsxs)(r.Row,{justify:"start",children:[(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"sub-element align center"}),(0,n.jsxs)(r.Row,{justify:"center",children:[(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"sub-element align right"}),(0,n.jsxs)(r.Row,{justify:"end",children:[(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"sub-element monospaced arrangement"}),(0,n.jsxs)(r.Row,{justify:"space-between",children:[(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"sub-element align full"}),(0,n.jsxs)(r.Row,{justify:"space-around",children:[(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"sub-element align evenly"}),(0,n.jsxs)(r.Row,{justify:"space-evenly",children:[(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"}),(0,n.jsx)(r.Col,{span:4,children:"col-4"})]})]});},c0308da2:function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return a;}});var n=s("f19d2b93");s("53187b57");var r=s("5b220c3d"),o=s("a9d1a279");let d={},i={},c={};[8,16,24,32,40,48].forEach((e,l)=>{d[l]=e;}),[8,16,24,32,40,48].forEach((e,l)=>{i[l]=e;}),[2,3,4,6,8,12].forEach((e,l)=>{c[l]=e;});var a=()=>{let[e,l]=(0,r.useState)(1),[s,a]=(0,r.useState)(1),[t,x]=(0,r.useState)(2),h=[],j=c[t],u="";for(let e=0;e<j;e++)h.push((0,n.jsx)(o.Col,{span:24/j,children:(0,n.jsx)("div",{children:"Column"})},e.toString())),u+=`  <Col span={${24/j}} />
`;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{children:"Horizontal Gutter (px): "}),(0,n.jsx)("div",{style:{width:"50%"},children:(0,n.jsx)(o.Slider,{min:0,max:Object.keys(d).length-1,value:e,onChange:l,marks:d,step:null,tooltip:{formatter:e=>d[e]}})}),(0,n.jsx)("span",{children:"Vertical Gutter (px): "}),(0,n.jsx)("div",{style:{width:"50%"},children:(0,n.jsx)(o.Slider,{min:0,max:Object.keys(i).length-1,value:s,onChange:a,marks:i,step:null,tooltip:{formatter:e=>i[e]}})}),(0,n.jsx)("span",{children:"Column Count:"}),(0,n.jsx)("div",{style:{width:"50%",marginBottom:48},children:(0,n.jsx)(o.Slider,{min:0,max:Object.keys(c).length-1,value:t,onChange:x,marks:c,step:null,tooltip:{formatter:e=>c[e]}})}),(0,n.jsxs)(o.Row,{gutter:[d[e],i[s]],children:[h,h]}),"Another Row:",(0,n.jsx)(o.Row,{gutter:[d[e],i[s]],children:h}),(0,n.jsx)("pre",{className:"demo-code",children:`<Row gutter={[${d[e]}, ${i[s]}]}>
${u}
${u}</Row>`}),(0,n.jsx)("pre",{className:"demo-code",children:`<Row gutter={[${d[e]}, ${i[s]}]}>
${u}</Row>`})]});};},d016d9d9:function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return o;}});var n=s("f19d2b93");s("a9b54e74");var r=s("a9d1a279"),o=()=>(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{xs:{span:5,offset:1},lg:{span:6,offset:2},children:"Col"}),(0,n.jsx)(r.Col,{xs:{span:11,offset:1},lg:{span:6,offset:2},children:"Col"}),(0,n.jsx)(r.Col,{xs:{span:5,offset:1},lg:{span:6,offset:2},children:"Col"})]});},d24784d1:function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return o;}});var n=s("f19d2b93");s("102cac6c");var r=s("a9d1a279"),o=()=>(0,n.jsx)(r.Row,{children:Array(10).fill(0).map((e,l)=>{let s=`col-${l}`;return(0,n.jsx)(r.Col,{xs:{flex:"100%"},sm:{flex:"50%"},md:{flex:"40%"},lg:{flex:"20%"},xl:{flex:"10%"},children:"Col"},s);})});},dbe2c939:function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return o;}});var n=s("f19d2b93");s("2ba6e97d");var r=s("a9d1a279"),o=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Divider,{orientation:"left",children:"Normal"}),(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{span:6,order:4,children:"1 col-order-4"}),(0,n.jsx)(r.Col,{span:6,order:3,children:"2 col-order-3"}),(0,n.jsx)(r.Col,{span:6,order:2,children:"3 col-order-2"}),(0,n.jsx)(r.Col,{span:6,order:1,children:"4 col-order-1"})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"Responsive"}),(0,n.jsxs)(r.Row,{children:[(0,n.jsx)(r.Col,{span:6,xs:{order:1},sm:{order:2},md:{order:3},lg:{order:4},children:"1 col-order-responsive"}),(0,n.jsx)(r.Col,{span:6,xs:{order:2},sm:{order:1},md:{order:4},lg:{order:3},children:"2 col-order-responsive"}),(0,n.jsx)(r.Col,{span:6,xs:{order:3},sm:{order:4},md:{order:2},lg:{order:1},children:"3 col-order-responsive"}),(0,n.jsx)(r.Col,{span:6,xs:{order:4},sm:{order:3},md:{order:1},lg:{order:2},children:"4 col-order-responsive"})]})]});},e3b49d1e:function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return d;}});var n=s("f19d2b93");s("20e4e3d7");var r=s("a9d1a279");let o=e=>(0,n.jsx)("p",{className:`height-${e.value}`,children:e.children});var d=()=>(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r.Divider,{orientation:"left",children:"Align Top"}),(0,n.jsxs)(r.Row,{justify:"center",align:"top",children:[(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:100,children:"col-4"})}),(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:50,children:"col-4"})}),(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:120,children:"col-4"})}),(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:80,children:"col-4"})})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"Align Middle"}),(0,n.jsxs)(r.Row,{justify:"space-around",align:"middle",children:[(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:100,children:"col-4"})}),(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:50,children:"col-4"})}),(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:120,children:"col-4"})}),(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:80,children:"col-4"})})]}),(0,n.jsx)(r.Divider,{orientation:"left",children:"Align Bottom"}),(0,n.jsxs)(r.Row,{justify:"space-between",align:"bottom",children:[(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:100,children:"col-4"})}),(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:50,children:"col-4"})}),(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:120,children:"col-4"})}),(0,n.jsx)(r.Col,{span:4,children:(0,n.jsx)(o,{value:80,children:"col-4"})})]})]});},f3281b48:function(e,l,s){"use strict";s.d(l,"__esModule",{value:!0}),s.d(l,"default",{enumerable:!0,get:function(){return d;}});var n=s("f19d2b93");s("ef31b4fd");var r=s("a9d1a279");let{useBreakpoint:o}=r.Grid;var d=()=>{let e=o();return(0,n.jsxs)(n.Fragment,{children:["Current break point:"," ",Object.entries(e).filter(e=>!!e[1]).map(e=>(0,n.jsx)(r.Tag,{color:"blue",children:e[0]},e[0]))]});};}}]);