chunk-2DIIM42D.js

import{a as H,b as B,c as R,d as _,e as G,f as O,g as A}from"./chunk-ER2FBN3J.js";import"./chunk-UDGWZJXN.js";import"./chunk-IT2OERIL.js";import"./chunk-RJ5HVYNM.js";import"./chunk-3Y7LE3WQ.js";import"./chunk-UULZEISH.js";import"./chunk-6RTNK4M3.js";import"./chunk-FHE2KHMW.js";import"./chunk-T7EYUJVB.js";import{h as z,n as k,o as T,t as L,u as D}from"./chunk-MFM2NZ5P.js";import"./chunk-A2YA6DUN.js";import"./chunk-PWVMOSPY.js";import{$ as a,Be as v,Db as n,Ga as S,Ma as f,Se as b,_ as m,ab as o,bb as e,bf as y,cb as t,cf as C,db as i,jf as w,kf as I,mb as x,sb as E,tb as g,th as N,ub as u,ya as l}from"./chunk-HVHL7L73.js";import"./chunk-DAQOROHW.js";function P(s,r){s&1&&(e(0,"span"),n(1,"List"),t())}function F(s,r){s&1&&i(0,"span")}var h=class s{expanded=!1;codeBoxes;goLink(r){window&&(window.location.hash=r)}expandAllCode(){this.expanded=!this.expanded,this.codeBoxes.forEach(r=>r.expandCode(this.expanded))}static \u0275fac=function(d){return new(d||s)};static \u0275cmp=S({type:s,selectors:[["nz-demo-list"]],viewQuery:function(d,c){if(d&1&&E(z,5),d&2){let p;g(p=u())&&(c.codeBoxes=p)}},decls:447,vars:18,consts:[[1,"toc-affix",3,"nzOffsetTop"],["nzShowInkInFixed","",3,"nzClick","nzAffix"],["nzHref","#when_to_use","nzTitle","When To Use",1,"toc-indent-1"],["nzHref","#examples","nzTitle","Examples",1,"toc-indent-1"],["nzHref","#components-list-demo-simple","nzTitle","Simple list",1,"toc-indent-2"],["nzHref","#components-list-demo-basic","nzTitle","Basic list",1,"toc-indent-2"],["nzHref","#components-list-demo-loadmore","nzTitle","Load more",1,"toc-indent-2"],["nzHref","#components-list-demo-vertical","nzTitle","Vertical",1,"toc-indent-2"],["nzHref","#components-list-demo-grid","nzTitle","Grid",1,"toc-indent-2"],["nzHref","#components-list-demo-responsive","nzTitle","Responsive grid list",1,"toc-indent-2"],["nzHref","#components-list-demo-infinite-load","nzTitle","Infinite & virtualized",1,"toc-indent-2"],["nzHref","#api","nzTitle","API",1,"toc-indent-1"],[1,"markdown"],[4,"nzSpaceItem"],["name","list","description","Basic list display, which can carry text, lists, pictures, paragraphs.","language","en"],["id","when_to_use"],["onclick","window.location.hash = 'when_to_use'",1,"anchor"],["id","examples"],["nzType","appstore","nz-tooltip","","nzTooltipTitle","Expand All Code",1,"code-box-expand-trigger",3,"click"],["onclick","window.location.hash = 'examples'",1,"anchor"],["nz-row","",3,"nzGutter"],["nz-col","",3,"nzSpan"],["nzTitle","Simple list","nzVersion","","nzId","components-list-demo-simple","nzSelector","nz-demo-list-simple","nzLink","components-list-demo-simple","nzGenerateCommand","ng g ng-zorro-antd:list-simple <name>","nzComponentName","NzDemoListSimpleComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/list/demo/simple.md",3,"nzIframe","nzIframeHeight"],["demo",""],["intro",""],["nzTitle","Basic list","nzVersion","","nzId","components-list-demo-basic","nzSelector","nz-demo-list-basic","nzLink","components-list-demo-basic","nzGenerateCommand","ng g ng-zorro-antd:list-basic <name>","nzComponentName","NzDemoListBasicComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/list/demo/basic.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Load more","nzVersion","","nzId","components-list-demo-loadmore","nzSelector","nz-demo-list-loadmore","nzLink","components-list-demo-loadmore","nzGenerateCommand","ng g ng-zorro-antd:list-loadmore <name>","nzComponentName","NzDemoListLoadmoreComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/list/demo/loadmore.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Vertical","nzVersion","","nzId","components-list-demo-vertical","nzSelector","nz-demo-list-vertical","nzLink","components-list-demo-vertical","nzGenerateCommand","ng g ng-zorro-antd:list-vertical <name>","nzComponentName","NzDemoListVerticalComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/list/demo/vertical.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Grid","nzVersion","","nzId","components-list-demo-grid","nzSelector","nz-demo-list-grid","nzLink","components-list-demo-grid","nzGenerateCommand","ng g ng-zorro-antd:list-grid <name>","nzComponentName","NzDemoListGridComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/list/demo/grid.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Responsive grid list","nzVersion","","nzId","components-list-demo-responsive","nzSelector","nz-demo-list-responsive","nzLink","components-list-demo-responsive","nzGenerateCommand","ng g ng-zorro-antd:list-responsive <name>","nzComponentName","NzDemoListResponsiveComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/list/demo/responsive.md",3,"nzIframe","nzIframeHeight"],["nzTitle","Infinite & virtualized","nzVersion","","nzId","components-list-demo-infinite-load","nzSelector","nz-demo-list-infinite-load","nzLink","components-list-demo-infinite-load","nzGenerateCommand","ng g ng-zorro-antd:list-infinite-load <name>","nzComponentName","NzDemoListInfiniteLoadComponent","nzIframeSource","","nzHref","https://github.com/NG-ZORRO/ng-zorro-antd/edit/master/components/list/demo/infinite-load.md",3,"nzIframe","nzIframeHeight"],["href","https://material.angular.io/cdk/scrolling/overview","target","_blank","rel","noopener"],[1,"markdown","api-container"],["id","api"],["onclick","window.location.hash = 'api'",1,"anchor"],["id","nz-list"],[1,"api-type-label","component"],["onclick","window.location.hash = 'nz-list'",1,"anchor"],["id","nz-list-empty"],["onclick","window.location.hash = 'nz-list-empty'",1,"anchor"],["id","nz-listnzgrid"],["onclick","window.location.hash = 'nz-listnzgrid'",1,"anchor"],["id","nz-list-header"],["onclick","window.location.hash = 'nz-list-header'",1,"anchor"],["id","nz-list-footer"],["onclick","window.location.hash = 'nz-list-footer'",1,"anchor"],["id","nz-list-pagination"],["onclick","window.location.hash = 'nz-list-pagination'",1,"anchor"],["id","nz-list-load-more"],["onclick","window.location.hash = 'nz-list-load-more'",1,"anchor"],["id","nz-list-item"],["onclick","window.location.hash = 'nz-list-item'",1,"anchor"],["id","ulnz-list-item-actions"],["onclick","window.location.hash = 'ulnz-list-item-actions'",1,"anchor"],["id","nz-list-item-action"],["onclick","window.location.hash = 'nz-list-item-action'",1,"anchor"],["id","nz-list-item-extra"],["onclick","window.location.hash = 'nz-list-item-extra'",1,"anchor"],["id","nz-list-item-meta"],["onclick","window.location.hash = 'nz-list-item-meta'",1,"anchor"],["id","nz-list-item-meta-title"],["onclick","window.location.hash = 'nz-list-item-meta-title'",1,"anchor"],["id","nz-list-item-meta-description"],["onclick","window.location.hash = 'nz-list-item-meta-description'",1,"anchor"],["id","nz-list-item-meta-avatar"],["onclick","window.location.hash = 'nz-list-item-meta-avatar'",1,"anchor"]],template:function(d,c){d&1&&(e(0,"article")(1,"nz-affix",0)(2,"nz-anchor",1),x("nzClick",function(V){return c.goLink(V)}),i(3,"nz-link",2)(4,"nz-link",3)(5,"nz-link",4)(6,"nz-link",5)(7,"nz-link",6)(8,"nz-link",7)(9,"nz-link",8)(10,"nz-link",9)(11,"nz-link",10)(12,"nz-link",11),t()(),e(13,"section",12)(14,"h1")(15,"nz-space"),f(16,P,2,0,"span",13)(17,F,1,0,"span",13),t()(),i(18,"component-meta",14),e(19,"section",12),a(),e(20,"h2",15)(21,"span"),n(22,"When To Use"),t(),e(23,"a",16),n(24,"#"),t()(),e(25,"p"),n(26,"A list can be used to display content related to a single subject. The content can consist of multiple elements of varying type and size."),t(),m(),t(),e(27,"h2",17)(28,"span"),n(29,"Examples"),t(),e(30,"nz-icon",18),x("click",function(){return c.expandAllCode()}),t(),e(31,"a",19),n(32,"#"),t()()(),e(33,"div",20)(34,"div",21)(35,"nz-code-box",22),i(36,"nz-demo-list-simple",23),e(37,"div",24),a(),e(38,"p"),n(39,"Ant Design supports a default list size as well as a large and small size."),t(),e(40,"p"),n(41,"If a large or small list is desired, set the size property to either large or small respectively. Omit the size property for a list with the default size."),t(),e(42,"p"),n(43,"Customizing the nzHeader and nzFooter of list by setting "),e(44,"code"),n(45,"nzHeader"),t(),n(46," and "),e(47,"code"),n(48,"nzFooter"),t(),n(49," property."),t(),m(),t()(),e(50,"nz-code-box",25),i(51,"nz-demo-list-basic",23),e(52,"div",24),a(),e(53,"p"),n(54,"Basic list."),t(),m(),t()(),e(55,"nz-code-box",26),i(56,"nz-demo-list-loadmore",23),e(57,"div",24),a(),e(58,"p"),n(59,"Load more list with "),e(60,"code"),n(61,"loadMore"),t(),n(62," property."),t(),m(),t()(),e(63,"nz-code-box",27),i(64,"nz-demo-list-vertical",23),e(65,"div",24),a(),e(66,"p"),n(67,"Setting "),e(68,"code"),n(69,"nzItemLayout"),t(),n(70," property with "),e(71,"code"),n(72,"vertical"),t(),n(73," to create a vertical list."),t(),m(),t()(),e(74,"nz-code-box",28),i(75,"nz-demo-list-grid",23),e(76,"div",24),a(),e(77,"p"),n(78,"Creating a grid list by setting the "),e(79,"code"),n(80,"nzGrid"),t(),n(81," property of "),e(82,"code"),n(83,"nz-list"),t(),n(84,"."),t(),m(),t()(),e(85,"nz-code-box",29),i(86,"nz-demo-list-responsive",23),e(87,"div",24),a(),e(88,"p"),n(89,"Responsive grid list."),t(),m(),t()(),e(90,"nz-code-box",30),i(91,"nz-demo-list-infinite-load",23),e(92,"div",24),a(),e(93,"p"),n(94,"An example of infinite list & virtualized loading using "),e(95,"a",31),n(96,"cdk-virtual-scroll"),t(),n(97,"."),t(),e(98,"p")(99,"code"),n(100,"Virtualized"),t(),n(101," rendering is a technique to mount big sets of data. It reduces the amount of rendered DOM nodes by tracking and hiding whatever isn't currently visible."),t(),m(),t()()()(),e(102,"section",32),a(),e(103,"h2",33)(104,"span"),n(105,"API"),t(),e(106,"a",34),n(107,"#"),t()(),e(108,"h3",35)(109,"span"),n(110,"nz-list"),t(),e(111,"label",36),n(112,"component"),t(),e(113,"a",37),n(114,"#"),t()(),e(115,"table")(116,"thead")(117,"tr")(118,"th"),n(119,"Property"),t(),e(120,"th"),n(121,"Description"),t(),e(122,"th"),n(123,"Type"),t(),e(124,"th"),n(125,"Default"),t()()(),e(126,"tbody")(127,"tr")(128,"td")(129,"code"),n(130,"[nzBordered]"),t()(),e(131,"td"),n(132,"Toggles rendering of the border around the list"),t(),e(133,"td")(134,"code"),n(135,"boolean"),t()(),e(136,"td")(137,"code"),n(138,"false"),t()()(),e(139,"tr")(140,"td")(141,"code"),n(142,"[nzFooter]"),t()(),e(143,"td"),n(144,"List footer renderer"),t(),e(145,"td")(146,"code"),n(147,"string | TemplateRef<void>"),t()(),e(148,"td"),n(149,"-"),t()(),e(150,"tr")(151,"td")(152,"code"),n(153,"[nzHeader]"),t()(),e(154,"td"),n(155,"List header renderer"),t(),e(156,"td")(157,"code"),n(158,"string | TemplateRef<void>"),t()(),e(159,"td"),n(160,"-"),t()(),e(161,"tr")(162,"td")(163,"code"),n(164,"[nzItemLayout]"),t()(),e(165,"td"),n(166,"The layout of list, default is "),e(167,"code"),n(168,"horizontal"),t(),n(169,", If a vertical list is desired, set the itemLayout property to "),e(170,"code"),n(171,"vertical"),t()(),e(172,"td")(173,"code"),n(174,"'vertical' | 'horizontal'"),t()(),e(175,"td")(176,"code"),n(177,"'horizontal'"),t()()(),e(178,"tr")(179,"td")(180,"code"),n(181,"[nzLoading]"),t()(),e(182,"td"),n(183,"Shows a loading indicator while the contents of the list are being fetched"),t(),e(184,"td")(185,"code"),n(186,"boolean"),t()(),e(187,"td")(188,"code"),n(189,"false"),t()()(),e(190,"tr")(191,"td")(192,"code"),n(193,"[nzSize]"),t()(),e(194,"td"),n(195,"Size of list"),t(),e(196,"td")(197,"code"),n(198,"'large' | 'small' | 'default'"),t()(),e(199,"td")(200,"code"),n(201,"'default'"),t()()(),e(202,"tr")(203,"td")(204,"code"),n(205,"[nzSplit]"),t()(),e(206,"td"),n(207,"Toggles rendering of the split under the list item"),t(),e(208,"td")(209,"code"),n(210,"boolean"),t()(),e(211,"td")(212,"code"),n(213,"true"),t()()()()(),e(214,"h3",38)(215,"span"),n(216,"nz-list-empty"),t(),e(217,"label",36),n(218,"component"),t(),e(219,"a",39),n(220,"#"),t()(),e(221,"p"),n(222,"Empty content component for the list."),t(),e(223,"table")(224,"thead")(225,"tr")(226,"th"),n(227,"Property"),t(),e(228,"th"),n(229,"Description"),t(),e(230,"th"),n(231,"Type"),t(),e(232,"th"),n(233,"Default"),t()()(),e(234,"tbody")(235,"tr")(236,"td")(237,"code"),n(238,"[nzNoResult]"),t()(),e(239,"td"),n(240,"Empty content"),t(),e(241,"td")(242,"code"),n(243,"string | TemplateRef<void>"),t()(),e(244,"td"),n(245,"-"),t()()()(),e(246,"h3",40)(247,"span"),n(248,"nz-list[nzGrid]"),t(),e(249,"label",36),n(250,"component"),t(),e(251,"a",41),n(252,"#"),t()(),e(253,"p"),n(254,"Use grid layout for the list."),t(),e(255,"h3",42)(256,"span"),n(257,"nz-list-header"),t(),e(258,"label",36),n(259,"component"),t(),e(260,"a",43),n(261,"#"),t()(),e(262,"p"),n(263,"Header component for the list."),t(),e(264,"h3",44)(265,"span"),n(266,"nz-list-footer"),t(),e(267,"label",36),n(268,"component"),t(),e(269,"a",45),n(270,"#"),t()(),e(271,"p"),n(272,"Footer component for the list."),t(),e(273,"h3",46)(274,"span"),n(275,"nz-list-pagination"),t(),e(276,"label",36),n(277,"component"),t(),e(278,"a",47),n(279,"#"),t()(),e(280,"p"),n(281,"Pagination component for the list."),t(),e(282,"h3",48)(283,"span"),n(284,"nz-list-load-more"),t(),e(285,"label",36),n(286,"component"),t(),e(287,"a",49),n(288,"#"),t()(),e(289,"p"),n(290,"Load more component for the list."),t(),i(291,"hr"),e(292,"h3",50)(293,"span"),n(294,"nz-list-item"),t(),e(295,"label",36),n(296,"component"),t(),e(297,"a",51),n(298,"#"),t()(),e(299,"table")(300,"thead")(301,"tr")(302,"th"),n(303,"Property"),t(),e(304,"th"),n(305,"Description"),t(),e(306,"th"),n(307,"Type"),t(),e(308,"th"),n(309,"Default"),t()()(),e(310,"tbody")(311,"tr")(312,"td")(313,"code"),n(314,"[nzNoFlex]"),t()(),e(315,"td"),n(316,"Whether it's not "),e(317,"code"),n(318,"flex"),t(),n(319," layout rendering"),t(),e(320,"td")(321,"code"),n(322,"boolean"),t()(),e(323,"td")(324,"code"),n(325,"false"),t()()()()(),e(326,"h4",52)(327,"span"),n(328,"ul[nz-list-item-actions]"),t(),e(329,"a",53),n(330,"#"),t()(),e(331,"p"),n(332,"Actions container component for the list items."),t(),e(333,"h4",54)(334,"span"),n(335,"nz-list-item-action"),t(),e(336,"a",55),n(337,"#"),t()(),e(338,"p"),n(339,"Action component for the list items."),t(),e(340,"h4",56)(341,"span"),n(342,"nz-list-item-extra"),t(),e(343,"a",57),n(344,"#"),t()(),e(345,"p"),n(346,"Extra content for the list items."),t(),i(347,"hr"),e(348,"h3",58)(349,"span"),n(350,"nz-list-item-meta"),t(),e(351,"label",36),n(352,"component"),t(),e(353,"a",59),n(354,"#"),t()(),e(355,"table")(356,"thead")(357,"tr")(358,"th"),n(359,"Property"),t(),e(360,"th"),n(361,"Description"),t(),e(362,"th"),n(363,"Type"),t(),e(364,"th"),n(365,"Default"),t()()(),e(366,"tbody")(367,"tr")(368,"td")(369,"code"),n(370,"[nzAvatar]"),t()(),e(371,"td"),n(372,"The avatar of list item"),t(),e(373,"td")(374,"code"),n(375,"string | TemplateRef<void>"),t()(),e(376,"td"),n(377,"-"),t()(),e(378,"tr")(379,"td")(380,"code"),n(381,"[nzDescription]"),t()(),e(382,"td"),n(383,"The description of list item"),t(),e(384,"td")(385,"code"),n(386,"string | TemplateRef<void>"),t()(),e(387,"td"),n(388,"-"),t()(),e(389,"tr")(390,"td")(391,"code"),n(392,"[nzTitle]"),t()(),e(393,"td"),n(394,"The title of list item"),t(),e(395,"td")(396,"code"),n(397,"string | TemplateRef<void>"),t()(),e(398,"td"),n(399,"-"),t()()()(),e(400,"h4",60)(401,"span"),n(402,"nz-list-item-meta-title"),t(),e(403,"a",61),n(404,"#"),t()(),e(405,"p"),n(406,"Title component for the list items meta part."),t(),e(407,"h4",62)(408,"span"),n(409,"nz-list-item-meta-description"),t(),e(410,"a",63),n(411,"#"),t()(),e(412,"p"),n(413,"Description component for the list items meta part."),t(),e(414,"h4",64)(415,"span"),n(416,"nz-list-item-meta-avatar"),t(),e(417,"a",65),n(418,"#"),t()(),e(419,"p"),n(420,"Avatar component for the list items meta part."),t(),e(421,"table")(422,"thead")(423,"tr")(424,"th"),n(425,"Property"),t(),e(426,"th"),n(427,"Description"),t(),e(428,"th"),n(429,"Type"),t(),e(430,"th"),n(431,"Default"),t(),e(432,"th"),n(433,"Global Config"),t()()(),e(434,"tbody")(435,"tr")(436,"td")(437,"code"),n(438,"[nzSrc]"),t()(),e(439,"td"),n(440,"The address of the image for an image avatar"),t(),e(441,"td")(442,"code"),n(443,"string"),t()(),e(444,"td"),n(445,"-"),t(),i(446,"td"),t()()(),m(),t()()),d&2&&(l(),o("nzOffsetTop",16),l(),o("nzAffix",!1),l(31),o("nzGutter",8),l(),o("nzSpan",24),l(),o("nzIframe",!1)("nzIframeHeight",null),l(15),o("nzIframe",!1)("nzIframeHeight",null),l(5),o("nzIframe",!1)("nzIframeHeight",null),l(8),o("nzIframe",!1)("nzIframeHeight",null),l(11),o("nzIframe",!1)("nzIframeHeight",null),l(11),o("nzIframe",!1)("nzIframeHeight",null),l(5),o("nzIframe",!1)("nzIframeHeight",null))},dependencies:[D,z,L,k,T,v,I,w,N,b,C,y,H,B,R,_,G,O,A],encapsulation:2})};export{h as default};