mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 02:59:58 +08:00
1 line
4.4 KiB
JavaScript
1 line
4.4 KiB
JavaScript
(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["0115b12e"],{"069c62fa":function(e,t,a){"use strict";a.d(t,"__esModule",{value:!0}),a.d(t,"default",{enumerable:!0,get:function(){return i;}});var l=a("777fffbe"),r=a("f19d2b93");a("d0f54e20");var n=l._(a("5b220c3d")),d=a("a9d1a279"),i=()=>{let[e,t]=n.default.useState("small"),[a,l]=n.default.useState(0);return(0,r.jsxs)(d.Flex,{gap:"middle",vertical:!0,children:[(0,r.jsx)(d.Radio.Group,{value:e,onChange:e=>t(e.target.value),children:["small","middle","large","customize"].map(e=>(0,r.jsx)(d.Radio,{value:e,children:e},e))}),"customize"===e&&(0,r.jsx)(d.Slider,{value:a,onChange:l}),(0,r.jsxs)(d.Flex,{gap:"customize"!==e?e:a,children:[(0,r.jsx)(d.Button,{type:"primary",children:"Primary"}),(0,r.jsx)(d.Button,{children:"Default"}),(0,r.jsx)(d.Button,{type:"dashed",children:"Dashed"}),(0,r.jsx)(d.Button,{type:"link",children:"Link"})]})]});};},"0ace712f":function(e,t,a){"use strict";a.d(t,"__esModule",{value:!0}),a.d(t,"default",{enumerable:!0,get:function(){return o;}});var l=a("777fffbe"),r=a("f19d2b93");a("57f96f79");var n=l._(a("5b220c3d")),d=a("a9d1a279");let i={width:"100%",height:120,borderRadius:6,border:"1px solid #40a9ff"},s=["flex-start","center","flex-end","space-between","space-around","space-evenly"],u=["flex-start","center","flex-end"];var o=()=>{let[e,t]=n.default.useState(s[0]),[a,l]=n.default.useState(u[0]);return(0,r.jsxs)(d.Flex,{gap:"middle",align:"start",vertical:!0,children:[(0,r.jsx)("p",{children:"Select justify :"}),(0,r.jsx)(d.Segmented,{options:s,onChange:t}),(0,r.jsx)("p",{children:"Select align :"}),(0,r.jsx)(d.Segmented,{options:u,onChange:l}),(0,r.jsxs)(d.Flex,{style:i,justify:e,align:a,children:[(0,r.jsx)(d.Button,{type:"primary",children:"Primary"}),(0,r.jsx)(d.Button,{type:"primary",children:"Primary"}),(0,r.jsx)(d.Button,{type:"primary",children:"Primary"}),(0,r.jsx)(d.Button,{type:"primary",children:"Primary"})]})]});};},"36acf248":function(e,t,a){"use strict";a.d(t,"__esModule",{value:!0}),a.d(t,"default",{enumerable:!0,get:function(){return i;}});var l=a("f19d2b93");a("dcc1b873");var r=a("a9d1a279");let n={width:620},d={display:"block",width:273};var i=()=>(0,l.jsx)(r.Card,{hoverable:!0,style:n,styles:{body:{padding:0,overflow:"hidden"}},children:(0,l.jsxs)(r.Flex,{justify:"space-between",children:[(0,l.jsx)("img",{alt:"avatar",src:"https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",style:d}),(0,l.jsxs)(r.Flex,{vertical:!0,align:"flex-end",justify:"space-between",style:{padding:32},children:[(0,l.jsx)(r.Typography.Title,{level:3,children:"\u201Cantd is an enterprise-class UI design language and React UI library.\u201D"}),(0,l.jsx)(r.Button,{type:"primary",href:"https://ant.design",target:"_blank",children:"Get Started"})]})]})});},"8579fe49":function(e,t,a){"use strict";a.d(t,"__esModule",{value:!0}),a.d(t,"default",{enumerable:!0,get:function(){return n;}});var l=a("f19d2b93");a("1648d8d8");var r=a("a9d1a279"),n=()=>(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(r.Flex,{vertical:!0,children:Array.from({length:4}).map((e,t)=>(0,l.jsx)("div",{style:{height:60,backgroundColor:t%2?"#1677ff":"#1677ffbf"}},t))}),(0,l.jsx)(r.Flex,{style:{marginTop:20},children:Array.from({length:4}).map((e,t)=>(0,l.jsx)("div",{style:{width:"25%",height:t%2?60:40,backgroundColor:t%2?"#1677ff":"#1677ffbf"}},t))})]});},bd74a5b2:function(e,t,a){"use strict";a.d(t,"__esModule",{value:!0}),a.d(t,"default",{enumerable:!0,get:function(){return s;}});var l=a("777fffbe"),r=a("f19d2b93");a("22912bb4");var n=l._(a("5b220c3d")),d=a("a9d1a279");let i={width:"25%",height:54};var s=()=>{let[e,t]=n.default.useState("horizontal");return(0,r.jsxs)(d.Flex,{gap:"middle",vertical:!0,children:[(0,r.jsxs)(d.Radio.Group,{value:e,onChange:e=>t(e.target.value),children:[(0,r.jsx)(d.Radio,{value:"horizontal",children:"horizontal"}),(0,r.jsx)(d.Radio,{value:"vertical",children:"vertical"})]}),(0,r.jsx)(d.Flex,{vertical:"vertical"===e,children:Array.from({length:4}).map((e,t)=>(0,r.jsx)("div",{style:{...i,backgroundColor:t%2?"#1677ff":"#1677ffbf"}},t))})]});};},e1d86093:function(e,t,a){"use strict";a.d(t,"__esModule",{value:!0}),a.d(t,"default",{enumerable:!0,get:function(){return n;}});var l=a("f19d2b93");a("50600201");var r=a("a9d1a279"),n=()=>(0,l.jsx)(r.Flex,{wrap:!0,gap:"small",children:Array.from({length:24},(e,t)=>(0,l.jsx)(r.Button,{type:"primary",children:"Button"},t))});}}]); |