@fle-ui/next 1.0.0-alpha.12 → 1.0.0-alpha.13

package/docs-dist/demos_tsil.js

@@ -1 +1,603 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([[120],{1:function(e,t){},"2Cgg":function(e,t,a){"use strict";a.r(t);var n=a("tJVT"),r=a("q1tI"),l=a.n(r),i=a("m/eG"),o=a("Z63m"),c=a.n(o),s=a("RotF"),m=a.n(s),d=()=>{var e=Object(r["useState"])([]),t=Object(n["a"])(e,2),a=t[0],o=t[1],s=Object(r["useState"])(!1),d=Object(n["a"])(s,2),u=d[0],g=d[1],p=Object(r["useState"])(!0),E=Object(n["a"])(p,2),h=E[0],f=E[1],v="https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo",b=e=>{c()({url:v,type:"json",method:"get",contentType:"application/json",success:t=>{e(t)}})};Object(r["useEffect"])((()=>{b((e=>{o(e.results)}))}),[]);var j=()=>{if(g(!0),a.length>14)return i["jb"].warning("Infinite List loaded all"),f(!1),void g(!1);b((e=>{a=a.concat(e.results),o(a),g(!1)}))};return l.a.createElement("div",{className:"demo-infinite-container"},l.a.createElement(m.a,{initialLoad:!1,pageStart:0,loadMore:j,hasMore:!u&&h,useWindow:!1},l.a.createElement(i["D"],{dataSource:a,renderItem:e=>l.a.createElement(i["D"].Item,{key:e.id},l.a.createElement(i["D"].Item.Meta,{avatar:l.a.createElement(i["e"],{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"}),title:l.a.createElement("a",{href:"https://ant.design"},e.name.last),description:e.email}),l.a.createElement("div",null,"Content"))},u&&h&&l.a.createElement("div",{className:"demo-loading-container"},l.a.createElement(i["U"],null)))))};t["default"]=d},"9Rqo":function(e,t,a){"use strict";a.r(t);var n=a("tJVT"),r=a("q1tI"),l=a.n(r),i=a("m/eG"),o=a("Z63m"),c=a.n(o),s=()=>{var e=Object(r["useState"])(!0),t=Object(n["a"])(e,2),a=t[0],o=t[1],s=Object(r["useState"])(!0),m=Object(n["a"])(s,2),d=m[0],u=m[1],g=Object(r["useState"])([]),p=Object(n["a"])(g,2),E=p[0],h=p[1],f=Object(r["useState"])([]),v=Object(n["a"])(f,2),b=v[0],j=v[1],D=3,y="https://randomuser.me/api/?results=".concat(D,"&inc=name,gender,email,nat&noinfo");Object(r["useEffect"])((()=>{T((e=>{o(!1),h(e.results),j(e.results)}))}),[]),Object(r["useEffect"])((()=>{d||window.dispatchEvent(new Event("resize"))}),[d]);var T=e=>{c()({url:y,type:"json",method:"get",contentType:"application/json",success:t=>{e(t)}})},S=()=>{var e=new Array(D);e=e.map((()=>({loading:!0,name:{}})));var t=E.concat(e);u(!0),j(t),T((e=>{var t=E.concat(e.results);h(E),j(t),u(!1)}))},w=a||d?null:l.a.createElement("div",{style:{textAlign:"center",marginTop:12,height:32,lineHeight:"32px"}},l.a.createElement(i["i"],{onClick:S},"loading more"));return l.a.createElement(i["D"],{className:"demo-loadmore-list",loading:a,itemLayout:"horizontal",loadMore:w,dataSource:b,renderItem:e=>l.a.createElement(i["D"].Item,{actions:[l.a.createElement("a",{key:"list-loadmore-edit"},"edit"),l.a.createElement("a",{key:"list-loadmore-more"},"more")]},l.a.createElement(i["R"],{avatar:!0,title:!1,loading:e.loading,active:!0},l.a.createElement(i["D"].Item.Meta,{avatar:l.a.createElement(i["e"],{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"}),title:l.a.createElement("a",{href:"https://ant.design"},e.name.last),description:"Ant Design, a design language for background applications, is refined by Ant UED Team"}),l.a.createElement("div",null,"content")))})};t["default"]=s},Mreb:function(e,t,a){"use strict";a.r(t);var n=a("tJVT"),r=a("q1tI"),l=a.n(r),i=a("m/eG"),o=a("Z63m"),c=a.n(o),s=a("/qfL"),m=a.n(s),d=a("QWsV"),u=a.n(d),g=a("b9ZJ"),p=a.n(g),E=a("tT7Z"),h=a.n(E),f=()=>{var e="https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo",t=Object(r["useState"])([]),a=Object(n["a"])(t,2),o=a[0],s=a[1],d=Object(r["useState"])(!1),g=Object(n["a"])(d,2),E=g[0],f=g[1],v=[];Object(r["useEffect"])((()=>{b((e=>{s(e.results)}))}),[]);var b=t=>{c()({url:e,type:"json",method:"get",contentType:"application/json",success:e=>{t(e)}})},j=e=>{var t=e.startIndex,a=e.stopIndex;f(!0);for(var n=t;n<=a;n++)v[n]=1;if(o.length>19)return i["jb"].warning("Virtualized List loaded all"),void f(!1);b((e=>{o=o.concat(e.results),s(o),f(!1)}))},D=e=>{var t=e.index;return!!v[t]},y=e=>{var t=e.index,a=e.key,n=e.style,r=o[t];return l.a.createElement(i["D"].Item,{key:a,style:n},l.a.createElement(i["D"].Item.Meta,{avatar:l.a.createElement(i["e"],{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"}),title:l.a.createElement("a",{href:"https://ant.design"},r.name.last),description:r.email}),l.a.createElement("div",null,"Content"))},T=e=>{var t=e.height,a=e.isScrolling,n=e.onChildScroll,r=e.scrollTop,i=e.onRowsRendered,c=e.width;return l.a.createElement(p.a,{autoHeight:!0,height:t,isScrolling:a,onScroll:n,overscanRowCount:2,rowCount:o.length,rowHeight:73,rowRenderer:y,onRowsRendered:i,scrollTop:r,width:c})},S=e=>{var t=e.height,a=e.isScrolling,n=e.onChildScroll,r=e.scrollTop,i=e.onRowsRendered;return l.a.createElement(u.a,{disableHeight:!0},(e=>{var l=e.width;return T({height:t,isScrolling:a,onChildScroll:n,scrollTop:r,onRowsRendered:i,width:l})}))},w=e=>{var t=e.height,a=e.isScrolling,n=e.onChildScroll,r=e.scrollTop;return l.a.createElement(h.a,{isRowLoaded:D,loadMoreRows:j,rowCount:o.length},(e=>{var l=e.onRowsRendered;return S({height:t,isScrolling:a,onChildScroll:n,scrollTop:r,onRowsRendered:l})}))};return l.a.createElement(i["D"],null,o.length>0&&l.a.createElement(m.a,null,w),E&&l.a.createElement(i["U"],{className:"demo-loading"}))};t["default"]=f},SR7j:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),i=a("Tm+p"),o=a("BtR2"),c=a("WhZy"),s=()=>{for(var e=[],t=0;t<23;t++)e.push({href:"https://ant.design",title:"ant design part ".concat(t),avatar:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png",description:"Ant Design, a design language for background applications, is refined by Ant UED Team.",content:"We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently."});var a=e=>{var t=e.icon,a=e.text;return r.a.createElement(l["T"],null,r.a.createElement(t),a)};return r.a.createElement(l["D"],{itemLayout:"vertical",size:"large",pagination:{onChange:e=>{console.log(e)},pageSize:3},dataSource:e,footer:r.a.createElement("div",null,r.a.createElement("b",null,"ant design")," footer part"),renderItem:e=>r.a.createElement(l["D"].Item,{key:e.title,actions:[r.a.createElement(a,{icon:i["a"],text:"156",key:"list-vertical-star-o"}),r.a.createElement(a,{icon:o["a"],text:"156",key:"list-vertical-like-o"}),r.a.createElement(a,{icon:c["a"],text:"2",key:"list-vertical-message"})],extra:r.a.createElement("img",{width:272,alt:"logo",src:"https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png"})},r.a.createElement(l["D"].Item.Meta,{avatar:r.a.createElement(l["e"],{src:e.avatar}),title:r.a.createElement("a",{href:e.href},e.title),description:e.description}),e.content)})};t["default"]=s},Zj98:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),i=()=>{var e=[{title:"Ant Design Title 1"},{title:"Ant Design Title 2"},{title:"Ant Design Title 3"},{title:"Ant Design Title 4"}];return r.a.createElement(l["D"],{itemLayout:"horizontal",dataSource:e,renderItem:e=>r.a.createElement(l["D"].Item,null,r.a.createElement(l["D"].Item.Meta,{avatar:r.a.createElement(l["e"],{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"}),title:r.a.createElement("a",{href:"https://ant.design"},e.title),description:"Ant Design, a design language for background applications, is refined by Ant UED Team"}))})};t["default"]=i},alQI:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),i=()=>{var e=[{title:"Title 1"},{title:"Title 2"},{title:"Title 3"},{title:"Title 4"}];return r.a.createElement(l["D"],{grid:{gutter:16,column:4},dataSource:e,renderItem:e=>r.a.createElement(l["D"].Item,null,r.a.createElement(l["k"],{title:e.title},"Card content"))})};t["default"]=i},atzb:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),i=()=>{var e=[{title:"Title 1"},{title:"Title 2"},{title:"Title 3"},{title:"Title 4"},{title:"Title 5"},{title:"Title 6"}];return r.a.createElement(l["D"],{grid:{gutter:16,xs:1,sm:2,md:4,lg:4,xl:6,xxl:3},dataSource:e,renderItem:e=>r.a.createElement(l["D"].Item,null,r.a.createElement(l["k"],{title:e.title},"Card content"))})};t["default"]=i},eybj:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),r=a.n(n),l=a("m/eG"),i=()=>{var e=["Racing car sprays burning fuel into crowd.","Japanese princess to wed commoner.","Australian walks 100km after outback crash.","Man charged over missing wedding girl.","Los Angeles battles huge wildfires."];return r.a.createElement(r.a.Fragment,null,r.a.createElement(l["u"],{orientation:"left"},"Default Size"),r.a.createElement(l["D"],{header:r.a.createElement("div",null,"Header"),footer:r.a.createElement("div",null,"Footer"),bordered:!0,dataSource:e,renderItem:e=>r.a.createElement(l["D"].Item,null,r.a.createElement(l["hb"].Text,{mark:!0},"[ITEM]")," ",e)}),r.a.createElement(l["u"],{orientation:"left"},"Small Size"),r.a.createElement(l["D"],{size:"small",header:r.a.createElement("div",null,"Header"),footer:r.a.createElement("div",null,"Footer"),bordered:!0,dataSource:e,renderItem:e=>r.a.createElement(l["D"].Item,null,e)}),r.a.createElement(l["u"],{orientation:"left"},"Large Size"),r.a.createElement(l["D"],{size:"large",header:r.a.createElement("div",null,"Header"),footer:r.a.createElement("div",null,"Footer"),bordered:!0,dataSource:e,renderItem:e=>r.a.createElement(l["D"].Item,null,e)}))};t["default"]=i}}]);
+(window['webpackJsonp'] = window['webpackJsonp'] || []).push([
+  [120],
+  {
+    1: function (e, t) {},
+    '2Cgg': function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('tJVT'),
+        r = a('q1tI'),
+        l = a.n(r),
+        i = a('m/eG'),
+        o = a('Z63m'),
+        c = a.n(o),
+        s = a('RotF'),
+        m = a.n(s),
+        d = () => {
+          var e = Object(r['useState'])([]),
+            t = Object(n['a'])(e, 2),
+            a = t[0],
+            o = t[1],
+            s = Object(r['useState'])(!1),
+            d = Object(n['a'])(s, 2),
+            u = d[0],
+            g = d[1],
+            p = Object(r['useState'])(!0),
+            E = Object(n['a'])(p, 2),
+            h = E[0],
+            f = E[1],
+            v =
+              'https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo',
+            b = (e) => {
+              c()({
+                url: v,
+                type: 'json',
+                method: 'get',
+                contentType: 'application/json',
+                success: (t) => {
+                  e(t);
+                },
+              });
+            };
+          Object(r['useEffect'])(() => {
+            b((e) => {
+              o(e.results);
+            });
+          }, []);
+          var j = () => {
+            if ((g(!0), a.length > 14))
+              return (
+                i['jb'].warning('Infinite List loaded all'), f(!1), void g(!1)
+              );
+            b((e) => {
+              (a = a.concat(e.results)), o(a), g(!1);
+            });
+          };
+          return l.a.createElement(
+            'div',
+            { className: 'demo-infinite-container' },
+            l.a.createElement(
+              m.a,
+              {
+                initialLoad: !1,
+                pageStart: 0,
+                loadMore: j,
+                hasMore: !u && h,
+                useWindow: !1,
+              },
+              l.a.createElement(
+                i['D'],
+                {
+                  dataSource: a,
+                  renderItem: (e) =>
+                    l.a.createElement(
+                      i['D'].Item,
+                      { key: e.id },
+                      l.a.createElement(i['D'].Item.Meta, {
+                        avatar: l.a.createElement(i['e'], {
+                          src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+                        }),
+                        title: l.a.createElement(
+                          'a',
+                          { href: 'https://ant.design' },
+                          e.name.last,
+                        ),
+                        description: e.email,
+                      }),
+                      l.a.createElement('div', null, 'Content'),
+                    ),
+                },
+                u &&
+                  h &&
+                  l.a.createElement(
+                    'div',
+                    { className: 'demo-loading-container' },
+                    l.a.createElement(i['U'], null),
+                  ),
+              ),
+            ),
+          );
+        };
+      t['default'] = d;
+    },
+    '9Rqo': function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('tJVT'),
+        r = a('q1tI'),
+        l = a.n(r),
+        i = a('m/eG'),
+        o = a('Z63m'),
+        c = a.n(o),
+        s = () => {
+          var e = Object(r['useState'])(!0),
+            t = Object(n['a'])(e, 2),
+            a = t[0],
+            o = t[1],
+            s = Object(r['useState'])(!0),
+            m = Object(n['a'])(s, 2),
+            d = m[0],
+            u = m[1],
+            g = Object(r['useState'])([]),
+            p = Object(n['a'])(g, 2),
+            E = p[0],
+            h = p[1],
+            f = Object(r['useState'])([]),
+            v = Object(n['a'])(f, 2),
+            b = v[0],
+            j = v[1],
+            D = 3,
+            y = 'https://randomuser.me/api/?results='.concat(
+              D,
+              '&inc=name,gender,email,nat&noinfo',
+            );
+          Object(r['useEffect'])(() => {
+            T((e) => {
+              o(!1), h(e.results), j(e.results);
+            });
+          }, []),
+            Object(r['useEffect'])(() => {
+              d || window.dispatchEvent(new Event('resize'));
+            }, [d]);
+          var T = (e) => {
+              c()({
+                url: y,
+                type: 'json',
+                method: 'get',
+                contentType: 'application/json',
+                success: (t) => {
+                  e(t);
+                },
+              });
+            },
+            S = () => {
+              var e = new Array(D);
+              e = e.map(() => ({ loading: !0, name: {} }));
+              var t = E.concat(e);
+              u(!0),
+                j(t),
+                T((e) => {
+                  var t = E.concat(e.results);
+                  h(E), j(t), u(!1);
+                });
+            },
+            w =
+              a || d
+                ? null
+                : l.a.createElement(
+                    'div',
+                    {
+                      style: {
+                        textAlign: 'center',
+                        marginTop: 12,
+                        height: 32,
+                        lineHeight: '32px',
+                      },
+                    },
+                    l.a.createElement(i['i'], { onClick: S }, 'loading more'),
+                  );
+          return l.a.createElement(i['D'], {
+            className: 'demo-loadmore-list',
+            loading: a,
+            itemLayout: 'horizontal',
+            loadMore: w,
+            dataSource: b,
+            renderItem: (e) =>
+              l.a.createElement(
+                i['D'].Item,
+                {
+                  actions: [
+                    l.a.createElement(
+                      'a',
+                      { key: 'list-loadmore-edit' },
+                      'edit',
+                    ),
+                    l.a.createElement(
+                      'a',
+                      { key: 'list-loadmore-more' },
+                      'more',
+                    ),
+                  ],
+                },
+                l.a.createElement(
+                  i['R'],
+                  { avatar: !0, title: !1, loading: e.loading, active: !0 },
+                  l.a.createElement(i['D'].Item.Meta, {
+                    avatar: l.a.createElement(i['e'], {
+                      src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+                    }),
+                    title: l.a.createElement(
+                      'a',
+                      { href: 'https://ant.design' },
+                      e.name.last,
+                    ),
+                    description:
+                      'Ant Design, a design language for background applications, is refined by Ant UED Team',
+                  }),
+                  l.a.createElement('div', null, 'content'),
+                ),
+              ),
+          });
+        };
+      t['default'] = s;
+    },
+    Mreb: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('tJVT'),
+        r = a('q1tI'),
+        l = a.n(r),
+        i = a('m/eG'),
+        o = a('Z63m'),
+        c = a.n(o),
+        s = a('/qfL'),
+        m = a.n(s),
+        d = a('QWsV'),
+        u = a.n(d),
+        g = a('b9ZJ'),
+        p = a.n(g),
+        E = a('tT7Z'),
+        h = a.n(E),
+        f = () => {
+          var e =
+              'https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo',
+            t = Object(r['useState'])([]),
+            a = Object(n['a'])(t, 2),
+            o = a[0],
+            s = a[1],
+            d = Object(r['useState'])(!1),
+            g = Object(n['a'])(d, 2),
+            E = g[0],
+            f = g[1],
+            v = [];
+          Object(r['useEffect'])(() => {
+            b((e) => {
+              s(e.results);
+            });
+          }, []);
+          var b = (t) => {
+              c()({
+                url: e,
+                type: 'json',
+                method: 'get',
+                contentType: 'application/json',
+                success: (e) => {
+                  t(e);
+                },
+              });
+            },
+            j = (e) => {
+              var t = e.startIndex,
+                a = e.stopIndex;
+              f(!0);
+              for (var n = t; n <= a; n++) v[n] = 1;
+              if (o.length > 19)
+                return (
+                  i['jb'].warning('Virtualized List loaded all'), void f(!1)
+                );
+              b((e) => {
+                (o = o.concat(e.results)), s(o), f(!1);
+              });
+            },
+            D = (e) => {
+              var t = e.index;
+              return !!v[t];
+            },
+            y = (e) => {
+              var t = e.index,
+                a = e.key,
+                n = e.style,
+                r = o[t];
+              return l.a.createElement(
+                i['D'].Item,
+                { key: a, style: n },
+                l.a.createElement(i['D'].Item.Meta, {
+                  avatar: l.a.createElement(i['e'], {
+                    src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+                  }),
+                  title: l.a.createElement(
+                    'a',
+                    { href: 'https://ant.design' },
+                    r.name.last,
+                  ),
+                  description: r.email,
+                }),
+                l.a.createElement('div', null, 'Content'),
+              );
+            },
+            T = (e) => {
+              var t = e.height,
+                a = e.isScrolling,
+                n = e.onChildScroll,
+                r = e.scrollTop,
+                i = e.onRowsRendered,
+                c = e.width;
+              return l.a.createElement(p.a, {
+                autoHeight: !0,
+                height: t,
+                isScrolling: a,
+                onScroll: n,
+                overscanRowCount: 2,
+                rowCount: o.length,
+                rowHeight: 73,
+                rowRenderer: y,
+                onRowsRendered: i,
+                scrollTop: r,
+                width: c,
+              });
+            },
+            S = (e) => {
+              var t = e.height,
+                a = e.isScrolling,
+                n = e.onChildScroll,
+                r = e.scrollTop,
+                i = e.onRowsRendered;
+              return l.a.createElement(u.a, { disableHeight: !0 }, (e) => {
+                var l = e.width;
+                return T({
+                  height: t,
+                  isScrolling: a,
+                  onChildScroll: n,
+                  scrollTop: r,
+                  onRowsRendered: i,
+                  width: l,
+                });
+              });
+            },
+            w = (e) => {
+              var t = e.height,
+                a = e.isScrolling,
+                n = e.onChildScroll,
+                r = e.scrollTop;
+              return l.a.createElement(
+                h.a,
+                { isRowLoaded: D, loadMoreRows: j, rowCount: o.length },
+                (e) => {
+                  var l = e.onRowsRendered;
+                  return S({
+                    height: t,
+                    isScrolling: a,
+                    onChildScroll: n,
+                    scrollTop: r,
+                    onRowsRendered: l,
+                  });
+                },
+              );
+            };
+          return l.a.createElement(
+            i['D'],
+            null,
+            o.length > 0 && l.a.createElement(m.a, null, w),
+            E && l.a.createElement(i['U'], { className: 'demo-loading' }),
+          );
+        };
+      t['default'] = f;
+    },
+    SR7j: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        i = a('Tm+p'),
+        o = a('BtR2'),
+        c = a('WhZy'),
+        s = () => {
+          for (var e = [], t = 0; t < 23; t++)
+            e.push({
+              href: 'https://ant.design',
+              title: 'ant design part '.concat(t),
+              avatar:
+                'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+              description:
+                'Ant Design, a design language for background applications, is refined by Ant UED Team.',
+              content:
+                'We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.',
+            });
+          var a = (e) => {
+            var t = e.icon,
+              a = e.text;
+            return r.a.createElement(l['T'], null, r.a.createElement(t), a);
+          };
+          return r.a.createElement(l['D'], {
+            itemLayout: 'vertical',
+            size: 'large',
+            pagination: {
+              onChange: (e) => {
+                console.log(e);
+              },
+              pageSize: 3,
+            },
+            dataSource: e,
+            footer: r.a.createElement(
+              'div',
+              null,
+              r.a.createElement('b', null, 'ant design'),
+              ' footer part',
+            ),
+            renderItem: (e) =>
+              r.a.createElement(
+                l['D'].Item,
+                {
+                  key: e.title,
+                  actions: [
+                    r.a.createElement(a, {
+                      icon: i['a'],
+                      text: '156',
+                      key: 'list-vertical-star-o',
+                    }),
+                    r.a.createElement(a, {
+                      icon: o['a'],
+                      text: '156',
+                      key: 'list-vertical-like-o',
+                    }),
+                    r.a.createElement(a, {
+                      icon: c['a'],
+                      text: '2',
+                      key: 'list-vertical-message',
+                    }),
+                  ],
+                  extra: r.a.createElement('img', {
+                    width: 272,
+                    alt: 'logo',
+                    src: 'https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png',
+                  }),
+                },
+                r.a.createElement(l['D'].Item.Meta, {
+                  avatar: r.a.createElement(l['e'], { src: e.avatar }),
+                  title: r.a.createElement('a', { href: e.href }, e.title),
+                  description: e.description,
+                }),
+                e.content,
+              ),
+          });
+        };
+      t['default'] = s;
+    },
+    Zj98: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        i = () => {
+          var e = [
+            { title: 'Ant Design Title 1' },
+            { title: 'Ant Design Title 2' },
+            { title: 'Ant Design Title 3' },
+            { title: 'Ant Design Title 4' },
+          ];
+          return r.a.createElement(l['D'], {
+            itemLayout: 'horizontal',
+            dataSource: e,
+            renderItem: (e) =>
+              r.a.createElement(
+                l['D'].Item,
+                null,
+                r.a.createElement(l['D'].Item.Meta, {
+                  avatar: r.a.createElement(l['e'], {
+                    src: 'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png',
+                  }),
+                  title: r.a.createElement(
+                    'a',
+                    { href: 'https://ant.design' },
+                    e.title,
+                  ),
+                  description:
+                    'Ant Design, a design language for background applications, is refined by Ant UED Team',
+                }),
+              ),
+          });
+        };
+      t['default'] = i;
+    },
+    alQI: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        i = () => {
+          var e = [
+            { title: 'Title 1' },
+            { title: 'Title 2' },
+            { title: 'Title 3' },
+            { title: 'Title 4' },
+          ];
+          return r.a.createElement(l['D'], {
+            grid: { gutter: 16, column: 4 },
+            dataSource: e,
+            renderItem: (e) =>
+              r.a.createElement(
+                l['D'].Item,
+                null,
+                r.a.createElement(l['k'], { title: e.title }, 'Card content'),
+              ),
+          });
+        };
+      t['default'] = i;
+    },
+    atzb: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        i = () => {
+          var e = [
+            { title: 'Title 1' },
+            { title: 'Title 2' },
+            { title: 'Title 3' },
+            { title: 'Title 4' },
+            { title: 'Title 5' },
+            { title: 'Title 6' },
+          ];
+          return r.a.createElement(l['D'], {
+            grid: { gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3 },
+            dataSource: e,
+            renderItem: (e) =>
+              r.a.createElement(
+                l['D'].Item,
+                null,
+                r.a.createElement(l['k'], { title: e.title }, 'Card content'),
+              ),
+          });
+        };
+      t['default'] = i;
+    },
+    eybj: function (e, t, a) {
+      'use strict';
+      a.r(t);
+      var n = a('q1tI'),
+        r = a.n(n),
+        l = a('m/eG'),
+        i = () => {
+          var e = [
+            'Racing car sprays burning fuel into crowd.',
+            'Japanese princess to wed commoner.',
+            'Australian walks 100km after outback crash.',
+            'Man charged over missing wedding girl.',
+            'Los Angeles battles huge wildfires.',
+          ];
+          return r.a.createElement(
+            r.a.Fragment,
+            null,
+            r.a.createElement(l['u'], { orientation: 'left' }, 'Default Size'),
+            r.a.createElement(l['D'], {
+              header: r.a.createElement('div', null, 'Header'),
+              footer: r.a.createElement('div', null, 'Footer'),
+              bordered: !0,
+              dataSource: e,
+              renderItem: (e) =>
+                r.a.createElement(
+                  l['D'].Item,
+                  null,
+                  r.a.createElement(l['hb'].Text, { mark: !0 }, '[ITEM]'),
+                  ' ',
+                  e,
+                ),
+            }),
+            r.a.createElement(l['u'], { orientation: 'left' }, 'Small Size'),
+            r.a.createElement(l['D'], {
+              size: 'small',
+              header: r.a.createElement('div', null, 'Header'),
+              footer: r.a.createElement('div', null, 'Footer'),
+              bordered: !0,
+              dataSource: e,
+              renderItem: (e) => r.a.createElement(l['D'].Item, null, e),
+            }),
+            r.a.createElement(l['u'], { orientation: 'left' }, 'Large Size'),
+            r.a.createElement(l['D'], {
+              size: 'large',
+              header: r.a.createElement('div', null, 'Header'),
+              footer: r.a.createElement('div', null, 'Footer'),
+              bordered: !0,
+              dataSource: e,
+              renderItem: (e) => r.a.createElement(l['D'].Item, null, e),
+            }),
+          );
+        };
+      t['default'] = i;
+    },
+  },
+]);