Home Explore Help
Register Sign In
wicresoft
/
doc_project
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: bf1fb50bbd
Branches Tags
doc_project
/
2x.antv.design
/
assets
/
index.cc78ec61.js

index.cc78ec61.js 198 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294 
  1. import{d as y,_ as C,j as o,k as i,l as I,w as s,f as e,b as t,t as b,e as n,a as G,h as X,aY as x,F as w,n as f}from"./index.c1b9962e.js";import{u as R}from"./index.es.ed0d567a.js";import{S as W,M as L}from"./StarOutlined.4b64772a.js";import{L as Y}from"./LikeOutlined.5caf602b.js";const P=[{title:"Ant Design Title 1"},{title:"Ant Design Title 2"},{title:"Ant Design Title 3"},{title:"Ant Design Title 4"}],V=y({setup(){return{data:P}}}),S={href:"https://www.antdv.com/"};function H(p,a,d,m,A,h){const l=o("a-avatar"),u=o("a-list-item-meta"),k=o("a-list-item"),c=o("a-list"),r=o("demo-box");return i(),I(r,{jsfiddle:{us:"Basic list.",cn:"\u57FA\u7840\u5217\u8868\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    2. 

  2. <p>\u57FA\u7840\u5217\u8868\u3002</p>
    3. 

  3. <h2 id="en-us">en-US</h2>
    4. 

  4. <p>Basic list.</p>
    5. 

  5. `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"src/docs/list/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgaXRlbS1sYXlvdXQ9Imhvcml6b250YWwiIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8dGVtcGxhdGUgI3JlbmRlckl0ZW09InsgaXRlbSB9Ij4KICAgICAgPGEtbGlzdC1pdGVtPgogICAgICAgIDxhLWxpc3QtaXRlbS1tZXRhCiAgICAgICAgICBkZXNjcmlwdGlvbj0iQW50IERlc2lnbiwgYSBkZXNpZ24gbGFuZ3VhZ2UgZm9yIGJhY2tncm91bmQgYXBwbGljYXRpb25zLCBpcyByZWZpbmVkIGJ5IEFudCBVRUQgVGVhbSIKICAgICAgICA+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgICA8YSBocmVmPSJodHRwczovL3d3dy5hbnRkdi5jb20vIj57eyBpdGVtLnRpdGxlIH19PC9hPgogICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICAgIDx0ZW1wbGF0ZSAjYXZhdGFyPgogICAgICAgICAgICA8YS1hdmF0YXIgc3JjPSJodHRwczovL3pvcy5hbGlwYXlvYmplY3RzLmNvbS9ybXNwb3J0YWwvT0RUTGNqeEFmdnFieEhuVlhDWVgucG5nIiAvPgogICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8L2EtbGlzdC1pdGVtLW1ldGE+CiAgICAgIDwvYS1saXN0LWl0ZW0+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1saXN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKaW50ZXJmYWNlIERhdGFJdGVtIHsKICB0aXRsZTogc3RyaW5nOwp9CmNvbnN0IGRhdGE6IERhdGFJdGVtW10gPSBbCiAgewogICAgdGl0bGU6ICdBbnQgRGVzaWduIFRpdGxlIDEnLAogIH0sCiAgewogICAgdGl0bGU6ICdBbnQgRGVzaWduIFRpdGxlIDInLAogIH0sCiAgewogICAgdGl0bGU6ICdBbnQgRGVzaWduIFRpdGxlIDMnLAogIH0sCiAgewogICAgdGl0bGU6ICdBbnQgRGVzaWduIFRpdGxlIDQnLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBkYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgaXRlbS1sYXlvdXQ9Imhvcml6b250YWwiIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8dGVtcGxhdGUgI3JlbmRlckl0ZW09InsgaXRlbSB9Ij4KICAgICAgPGEtbGlzdC1pdGVtPgogICAgICAgIDxhLWxpc3QtaXRlbS1tZXRhCiAgICAgICAgICBkZXNjcmlwdGlvbj0iQW50IERlc2lnbiwgYSBkZXNpZ24gbGFuZ3VhZ2UgZm9yIGJhY2tncm91bmQgYXBwbGljYXRpb25zLCBpcyByZWZpbmVkIGJ5IEFudCBVRUQgVGVhbSIKICAgICAgICA+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgICA8YSBocmVmPSJodHRwczovL3d3dy5hbnRkdi5jb20vIj57eyBpdGVtLnRpdGxlIH19PC9hPgogICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICAgIDx0ZW1wbGF0ZSAjYXZhdGFyPgogICAgICAgICAgICA8YS1hdmF0YXIgc3JjPSJodHRwczovL3pvcy5hbGlwYXlvYmplY3RzLmNvbS9ybXNwb3J0YWwvT0RUTGNqeEFmdnFieEhuVlhDWVgucG5nIiAvPgogICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8L2EtbGlzdC1pdGVtLW1ldGE+CiAgICAgIDwvYS1saXN0LWl0ZW0+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1saXN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpjb25zdCBkYXRhID0gWwogIHsKICAgIHRpdGxlOiAnQW50IERlc2lnbiBUaXRsZSAxJywKICB9LAogIHsKICAgIHRpdGxlOiAnQW50IERlc2lnbiBUaXRsZSAyJywKICB9LAogIHsKICAgIHRpdGxlOiAnQW50IERlc2lnbiBUaXRsZSAzJywKICB9LAogIHsKICAgIHRpdGxlOiAnQW50IERlc2lnbiBUaXRsZSA0JywKICB9LApdOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgZGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[e(c,{"item-layout":"horizontal","data-source":p.data},{renderItem:s(({item:g})=>[e(k,null,{default:s(()=>[e(u,{description:"Ant Design, a design language for background applications, is refined by Ant UED Team"},{title:s(()=>[t("a",S,b(g.title),1)]),avatar:s(()=>[e(l,{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"})]),_:2},1024)]),_:2},1024)]),_:1},8,["data-source"])]),htmlCode:s(()=>a[0]||(a[0]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    6. 

  6.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"item-layout"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("horizontal"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    7. 

  7.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    8. 

  8.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    9. 

  9.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item-meta")]),n(`
    10. 

  10.           `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Ant Design, a design language for background applications, is refined by Ant UED Team"),t("span",{class:"token punctuation"},'"')]),n(`
    11. 

  11.         `),t("span",{class:"token punctuation"},">")]),n(`
    12. 

  12.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),n(`
    13. 

  13.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),n(),t("span",{class:"token attr-name"},"href"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://www.antdv.com/"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("{{ item.title }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    14. 

  14.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    15. 

  15.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#avatar"),t("span",{class:"token punctuation"},">")]),n(`
    16. 

  16.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-avatar")]),n(),t("span",{class:"token attr-name"},"src"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    17. 

  17.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    18. 

  18.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item-meta")]),t("span",{class:"token punctuation"},">")]),n(`
    19. 

  19.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    20. 

  20.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    21. 

  21.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    22. 

  22. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    23. 

  23. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    24. 

  24. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    25. 

  25. `),t("span",{class:"token keyword"},"interface"),n(),t("span",{class:"token class-name"},"DataItem"),n(),t("span",{class:"token punctuation"},"{"),n(`
    26. 

  26.   `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
    27. 

  27. `),t("span",{class:"token punctuation"},"}"),n(`
    28. 

  28. `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token literal-property property"},"data"),t("span",{class:"token operator"},":"),n(" DataItem"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    29. 

  29.   `),t("span",{class:"token punctuation"},"{"),n(`
    30. 

  30.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Ant Design Title 1'"),t("span",{class:"token punctuation"},","),n(`
    31. 

  31.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    32. 

  32.   `),t("span",{class:"token punctuation"},"{"),n(`
    33. 

  33.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Ant Design Title 2'"),t("span",{class:"token punctuation"},","),n(`
    34. 

  34.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    35. 

  35.   `),t("span",{class:"token punctuation"},"{"),n(`
    36. 

  36.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Ant Design Title 3'"),t("span",{class:"token punctuation"},","),n(`
    37. 

  37.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    38. 

  38.   `),t("span",{class:"token punctuation"},"{"),n(`
    39. 

  39.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Ant Design Title 4'"),t("span",{class:"token punctuation"},","),n(`
    40. 

  40.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    41. 

  41. `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    42. 

  42. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    43. 

  43.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    44. 

  44.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    45. 

  45.       data`),t("span",{class:"token punctuation"},","),n(`
    46. 

  46.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    47. 

  47.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    48. 

  48. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    49. 

  49. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    50. 

  50. `)])],-1)])),jsVersionHtml:s(()=>a[1]||(a[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    51. 

  51.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"item-layout"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("horizontal"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    52. 

  52.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    53. 

  53.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    54. 

  54.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item-meta")]),n(`
    55. 

  55.           `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Ant Design, a design language for background applications, is refined by Ant UED Team"),t("span",{class:"token punctuation"},'"')]),n(`
    56. 

  56.         `),t("span",{class:"token punctuation"},">")]),n(`
    57. 

  57.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),n(`
    58. 

  58.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),n(),t("span",{class:"token attr-name"},"href"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://www.antdv.com/"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("{{ item.title }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    59. 

  59.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    60. 

  60.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#avatar"),t("span",{class:"token punctuation"},">")]),n(`
    61. 

  61.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-avatar")]),n(),t("span",{class:"token attr-name"},"src"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    62. 

  62.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    63. 

  63.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item-meta")]),t("span",{class:"token punctuation"},">")]),n(`
    64. 

  64.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    65. 

  65.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    66. 

  66.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    67. 

  67. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    68. 

  68. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    69. 

  69. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    70. 

  70. `),t("span",{class:"token keyword"},"const"),n(" data "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    71. 

  71.   `),t("span",{class:"token punctuation"},"{"),n(`
    72. 

  72.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Ant Design Title 1'"),t("span",{class:"token punctuation"},","),n(`
    73. 

  73.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    74. 

  74.   `),t("span",{class:"token punctuation"},"{"),n(`
    75. 

  75.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Ant Design Title 2'"),t("span",{class:"token punctuation"},","),n(`
    76. 

  76.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    77. 

  77.   `),t("span",{class:"token punctuation"},"{"),n(`
    78. 

  78.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Ant Design Title 3'"),t("span",{class:"token punctuation"},","),n(`
    79. 

  79.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    80. 

  80.   `),t("span",{class:"token punctuation"},"{"),n(`
    81. 

  81.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Ant Design Title 4'"),t("span",{class:"token punctuation"},","),n(`
    82. 

  82.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    83. 

  83. `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    84. 

  84. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    85. 

  85.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    86. 

  86.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    87. 

  87.       data`),t("span",{class:"token punctuation"},","),n(`
    88. 

  88.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    89. 

  89.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    90. 

  90. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    91. 

  91. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    92. 

  92. `)])],-1)])),_:1})}var D=C(V,[["render",H]]);const F=["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."],z=y({setup(){return{data:F}}});function J(p,a,d,m,A,h){const l=o("a-list-item"),u=o("a-list"),k=o("demo-box");return i(),I(k,{jsfiddle:{us:"Ant Design supports a default list size as well as a large and small size.\nIf 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.\nCustomizing the header and footer of list by setting `header` and `footer` property.",cn:"\u5217\u8868\u62E5\u6709\u5927\u3001\u4E2D\u3001\u5C0F\u4E09\u79CD\u5C3A\u5BF8\u3002\n\u901A\u8FC7\u8BBE\u7F6E `size` \u4E3A `large` `small` \u5206\u522B\u628A\u6309\u94AE\u8BBE\u4E3A\u5927\u3001\u5C0F\u5C3A\u5BF8\u3002\u82E5\u4E0D\u8BBE\u7F6E `size`\uFF0C\u5219\u5C3A\u5BF8\u4E3A\u4E2D\u3002\n\u53EF\u901A\u8FC7\u8BBE\u7F6E `header` \u548C `footer`\uFF0C\u6765\u81EA\u5B9A\u4E49\u5217\u8868\u5934\u90E8\u548C\u5C3E\u90E8\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    93. 

  93. <p>\u5217\u8868\u62E5\u6709\u5927\u3001\u4E2D\u3001\u5C0F\u4E09\u79CD\u5C3A\u5BF8\u3002
    94. 

  94. \u901A\u8FC7\u8BBE\u7F6E <code>size</code> \u4E3A <code>large</code> <code>small</code> \u5206\u522B\u628A\u6309\u94AE\u8BBE\u4E3A\u5927\u3001\u5C0F\u5C3A\u5BF8\u3002\u82E5\u4E0D\u8BBE\u7F6E <code>size</code>\uFF0C\u5219\u5C3A\u5BF8\u4E3A\u4E2D\u3002
    95. 

  95. \u53EF\u901A\u8FC7\u8BBE\u7F6E <code>header</code> \u548C <code>footer</code>\uFF0C\u6765\u81EA\u5B9A\u4E49\u5217\u8868\u5934\u90E8\u548C\u5C3E\u90E8\u3002</p>
    96. 

  96. <h2 id="en-us">en-US</h2>
    97. 

  97. <p>Ant Design supports a default list size as well as a large and small size.
    98. 

  98. 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.
    99. 

  99. Customizing the header and footer of list by setting <code>header</code> and <code>footer</code> property.</p>
    100. 

  100. `,order:1,title:{"zh-CN":"\u7B80\u5355\u5217\u8868","en-US":"Simple list"},relativePath:"src/docs/list/demo/simple.vue",sourceCode:"PHRlbXBsYXRlPgogIDxoMyA6c3R5bGU9InsgbWFyZ2luOiAnMTZweCAwJyB9Ij5TbWFsbCBTaXplPC9oMz4KICA8YS1saXN0IHNpemU9InNtYWxsIiBib3JkZXJlZCA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbT57eyBpdGVtIH19PC9hLWxpc3QtaXRlbT4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2hlYWRlcj4KICAgICAgPGRpdj5IZWFkZXI8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgPGRpdj5Gb290ZXI8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWxpc3Q+CiAgPGgzIDpzdHlsZT0ieyBtYXJnaW5Cb3R0b206ICcxNnB4JyB9Ij5EZWZhdWx0IFNpemU8L2gzPgogIDxhLWxpc3QgYm9yZGVyZWQgOmRhdGEtc291cmNlPSJkYXRhIj4KICAgIDx0ZW1wbGF0ZSAjcmVuZGVySXRlbT0ieyBpdGVtIH0iPgogICAgICA8YS1saXN0LWl0ZW0+e3sgaXRlbSB9fTwvYS1saXN0LWl0ZW0+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNoZWFkZXI+CiAgICAgIDxkaXY+SGVhZGVyPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNmb290ZXI+CiAgICAgIDxkaXY+Rm9vdGVyPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1saXN0PgogIDxoMyA6c3R5bGU9InsgbWFyZ2luOiAnMTZweCAwJyB9Ij5MYXJnZSBTaXplPC9oMz4KICA8YS1saXN0IHNpemU9ImxhcmdlIiBib3JkZXJlZCA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbT57eyBpdGVtIH19PC9hLWxpc3QtaXRlbT4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2hlYWRlcj4KICAgICAgPGRpdj5IZWFkZXI8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgPGRpdj5Gb290ZXI8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWxpc3Q+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpjb25zdCBkYXRhOiBzdHJpbmdbXSA9IFsKICAnUmFjaW5nIGNhciBzcHJheXMgYnVybmluZyBmdWVsIGludG8gY3Jvd2QuJywKICAnSmFwYW5lc2UgcHJpbmNlc3MgdG8gd2VkIGNvbW1vbmVyLicsCiAgJ0F1c3RyYWxpYW4gd2Fsa3MgMTAwa20gYWZ0ZXIgb3V0YmFjayBjcmFzaC4nLAogICdNYW4gY2hhcmdlZCBvdmVyIG1pc3Npbmcgd2VkZGluZyBnaXJsLicsCiAgJ0xvcyBBbmdlbGVzIGJhdHRsZXMgaHVnZSB3aWxkZmlyZXMuJywKXTsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBkYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxoMyA6c3R5bGU9InsgbWFyZ2luOiAnMTZweCAwJyB9Ij5TbWFsbCBTaXplPC9oMz4KICA8YS1saXN0IHNpemU9InNtYWxsIiBib3JkZXJlZCA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbT57eyBpdGVtIH19PC9hLWxpc3QtaXRlbT4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2hlYWRlcj4KICAgICAgPGRpdj5IZWFkZXI8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgPGRpdj5Gb290ZXI8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWxpc3Q+CiAgPGgzIDpzdHlsZT0ieyBtYXJnaW5Cb3R0b206ICcxNnB4JyB9Ij5EZWZhdWx0IFNpemU8L2gzPgogIDxhLWxpc3QgYm9yZGVyZWQgOmRhdGEtc291cmNlPSJkYXRhIj4KICAgIDx0ZW1wbGF0ZSAjcmVuZGVySXRlbT0ieyBpdGVtIH0iPgogICAgICA8YS1saXN0LWl0ZW0+e3sgaXRlbSB9fTwvYS1saXN0LWl0ZW0+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNoZWFkZXI+CiAgICAgIDxkaXY+SGVhZGVyPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNmb290ZXI+CiAgICAgIDxkaXY+Rm9vdGVyPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1saXN0PgogIDxoMyA6c3R5bGU9InsgbWFyZ2luOiAnMTZweCAwJyB9Ij5MYXJnZSBTaXplPC9oMz4KICA8YS1saXN0IHNpemU9ImxhcmdlIiBib3JkZXJlZCA6ZGF0YS1zb3VyY2U9ImRhdGEiPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbT57eyBpdGVtIH19PC9hLWxpc3QtaXRlbT4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2hlYWRlcj4KICAgICAgPGRpdj5IZWFkZXI8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgI2Zvb3Rlcj4KICAgICAgPGRpdj5Gb290ZXI8L2Rpdj4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWxpc3Q+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGRhdGEgPSBbCiAgJ1JhY2luZyBjYXIgc3ByYXlzIGJ1cm5pbmcgZnVlbCBpbnRvIGNyb3dkLicsCiAgJ0phcGFuZXNlIHByaW5jZXNzIHRvIHdlZCBjb21tb25lci4nLAogICdBdXN0cmFsaWFuIHdhbGtzIDEwMGttIGFmdGVyIG91dGJhY2sgY3Jhc2guJywKICAnTWFuIGNoYXJnZWQgb3ZlciBtaXNzaW5nIHdlZGRpbmcgZ2lybC4nLAogICdMb3MgQW5nZWxlcyBiYXR0bGVzIGh1Z2Ugd2lsZGZpcmVzLicsCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBkYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:s(()=>[a[6]||(a[6]=t("h3",{style:{margin:"16px 0"}},"Small Size",-1)),e(u,{size:"small",bordered:"","data-source":p.data},{renderItem:s(({item:c})=>[e(l,null,{default:s(()=>[n(b(c),1)]),_:2},1024)]),header:s(()=>a[0]||(a[0]=[t("div",null,"Header",-1)])),footer:s(()=>a[1]||(a[1]=[t("div",null,"Footer",-1)])),_:1},8,["data-source"]),a[7]||(a[7]=t("h3",{style:{marginBottom:"16px"}},"Default Size",-1)),e(u,{bordered:"","data-source":p.data},{renderItem:s(({item:c})=>[e(l,null,{default:s(()=>[n(b(c),1)]),_:2},1024)]),header:s(()=>a[2]||(a[2]=[t("div",null,"Header",-1)])),footer:s(()=>a[3]||(a[3]=[t("div",null,"Footer",-1)])),_:1},8,["data-source"]),a[8]||(a[8]=t("h3",{style:{margin:"16px 0"}},"Large Size",-1)),e(u,{size:"large",bordered:"","data-source":p.data},{renderItem:s(({item:c})=>[e(l,null,{default:s(()=>[n(b(c),1)]),_:2},1024)]),header:s(()=>a[4]||(a[4]=[t("div",null,"Header",-1)])),footer:s(()=>a[5]||(a[5]=[t("div",null,"Footer",-1)])),_:1},8,["data-source"])]),htmlCode:s(()=>a[9]||(a[9]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    101. 

  101.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("h3")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ margin: '16px 0' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Small Size"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("h3")]),t("span",{class:"token punctuation"},">")]),n(`
    102. 

  102.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"bordered"),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    103. 

  103.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    104. 

  104.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n("{{ item }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    105. 

  105.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    106. 

  106.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#header"),t("span",{class:"token punctuation"},">")]),n(`
    107. 

  107.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Header"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    108. 

  108.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    109. 

  109.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#footer"),t("span",{class:"token punctuation"},">")]),n(`
    110. 

  110.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Footer"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    111. 

  111.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    112. 

  112.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    113. 

  113.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("h3")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ marginBottom: '16px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Default Size"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("h3")]),t("span",{class:"token punctuation"},">")]),n(`
    114. 

  114.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"bordered"),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    115. 

  115.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    116. 

  116.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n("{{ item }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    117. 

  117.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    118. 

  118.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#header"),t("span",{class:"token punctuation"},">")]),n(`
    119. 

  119.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Header"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    120. 

  120.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    121. 

  121.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#footer"),t("span",{class:"token punctuation"},">")]),n(`
    122. 

  122.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Footer"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    123. 

  123.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    124. 

  124.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    125. 

  125.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("h3")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ margin: '16px 0' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Large Size"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("h3")]),t("span",{class:"token punctuation"},">")]),n(`
    126. 

  126.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("large"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"bordered"),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    127. 

  127.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    128. 

  128.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n("{{ item }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    129. 

  129.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    130. 

  130.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#header"),t("span",{class:"token punctuation"},">")]),n(`
    131. 

  131.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Header"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    132. 

  132.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    133. 

  133.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#footer"),t("span",{class:"token punctuation"},">")]),n(`
    134. 

  134.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Footer"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    135. 

  135.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    136. 

  136.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    137. 

  137. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    138. 

  138. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    139. 

  139. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    140. 

  140. `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token literal-property property"},"data"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    141. 

  141.   `),t("span",{class:"token string"},"'Racing car sprays burning fuel into crowd.'"),t("span",{class:"token punctuation"},","),n(`
    142. 

  142.   `),t("span",{class:"token string"},"'Japanese princess to wed commoner.'"),t("span",{class:"token punctuation"},","),n(`
    143. 

  143.   `),t("span",{class:"token string"},"'Australian walks 100km after outback crash.'"),t("span",{class:"token punctuation"},","),n(`
    144. 

  144.   `),t("span",{class:"token string"},"'Man charged over missing wedding girl.'"),t("span",{class:"token punctuation"},","),n(`
    145. 

  145.   `),t("span",{class:"token string"},"'Los Angeles battles huge wildfires.'"),t("span",{class:"token punctuation"},","),n(`
    146. 

  146. `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    147. 

  147. 

  148. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    149. 

  149.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    150. 

  150.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    151. 

  151.       data`),t("span",{class:"token punctuation"},","),n(`
    152. 

  152.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    153. 

  153.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    154. 

  154. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    155. 

  155. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    156. 

  156. `)])],-1)])),jsVersionHtml:s(()=>a[10]||(a[10]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    157. 

  157.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("h3")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ margin: '16px 0' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Small Size"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("h3")]),t("span",{class:"token punctuation"},">")]),n(`
    158. 

  158.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("small"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"bordered"),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    159. 

  159.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    160. 

  160.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n("{{ item }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    161. 

  161.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    162. 

  162.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#header"),t("span",{class:"token punctuation"},">")]),n(`
    163. 

  163.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Header"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    164. 

  164.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    165. 

  165.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#footer"),t("span",{class:"token punctuation"},">")]),n(`
    166. 

  166.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Footer"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    167. 

  167.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    168. 

  168.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    169. 

  169.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("h3")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ marginBottom: '16px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Default Size"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("h3")]),t("span",{class:"token punctuation"},">")]),n(`
    170. 

  170.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"bordered"),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    171. 

  171.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    172. 

  172.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n("{{ item }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    173. 

  173.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    174. 

  174.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#header"),t("span",{class:"token punctuation"},">")]),n(`
    175. 

  175.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Header"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    176. 

  176.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    177. 

  177.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#footer"),t("span",{class:"token punctuation"},">")]),n(`
    178. 

  178.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Footer"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    179. 

  179.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    180. 

  180.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    181. 

  181.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("h3")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ margin: '16px 0' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Large Size"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("h3")]),t("span",{class:"token punctuation"},">")]),n(`
    182. 

  182.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("large"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"bordered"),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    183. 

  183.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    184. 

  184.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n("{{ item }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    185. 

  185.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    186. 

  186.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#header"),t("span",{class:"token punctuation"},">")]),n(`
    187. 

  187.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Header"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    188. 

  188.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    189. 

  189.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#footer"),t("span",{class:"token punctuation"},">")]),n(`
    190. 

  190.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("Footer"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    191. 

  191.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    192. 

  192.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    193. 

  193. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    194. 

  194. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    195. 

  195. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    196. 

  196. `),t("span",{class:"token keyword"},"const"),n(" data "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    197. 

  197.   `),t("span",{class:"token string"},"'Racing car sprays burning fuel into crowd.'"),t("span",{class:"token punctuation"},","),n(`
    198. 

  198.   `),t("span",{class:"token string"},"'Japanese princess to wed commoner.'"),t("span",{class:"token punctuation"},","),n(`
    199. 

  199.   `),t("span",{class:"token string"},"'Australian walks 100km after outback crash.'"),t("span",{class:"token punctuation"},","),n(`
    200. 

  200.   `),t("span",{class:"token string"},"'Man charged over missing wedding girl.'"),t("span",{class:"token punctuation"},","),n(`
    201. 

  201.   `),t("span",{class:"token string"},"'Los Angeles battles huge wildfires.'"),t("span",{class:"token punctuation"},","),n(`
    202. 

  202. `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    203. 

  203. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    204. 

  204.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    205. 

  205.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    206. 

  206.       data`),t("span",{class:"token punctuation"},","),n(`
    207. 

  207.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    208. 

  208.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    209. 

  209. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    210. 

  210. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    211. 

  211. `)])],-1)])),_:1})}var N=C(z,[["render",J]]);const T=()=>"https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo",j=y({setup(){const{dataList:p,loading:a,loadingMore:d,loadMore:m}=R(T,{listKey:"results"});return{loading:a,loadingMore:d,dataList:p,loadMore:m}}}),K={style:{textAlign:"center",marginTop:"12px",height:"32px",lineHeight:"32px"}},E={href:"https://www.antdv.com/"};function U(p,a,d,m,A,h){const l=o("a-spin"),u=o("a-button"),k=o("a-avatar"),c=o("a-list-item-meta"),r=o("a-list-item"),g=o("a-list"),v=o("demo-box");return i(),I(v,{jsfiddle:{us:"Load more list with `loadMore` property.",cn:"\u53EF\u901A\u8FC7 `loadMore` \u5C5E\u6027\u5B9E\u73B0\u52A0\u8F7D\u66F4\u591A\u529F\u80FD\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    212. 

  212. <p>\u53EF\u901A\u8FC7 <code>loadMore</code> \u5C5E\u6027\u5B9E\u73B0\u52A0\u8F7D\u66F4\u591A\u529F\u80FD\u3002</p>
    213. 

  213. <h2 id="en-us">en-US</h2>
    214. 

  214. <p>Load more list with <code>loadMore</code> property.</p>
    215. 

  215. `,order:2,title:{"zh-CN":"\u52A0\u8F7D\u66F4\u591A","en-US":"Load more"},relativePath:"src/docs/list/demo/loadmore.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QKICAgIGNsYXNzPSJkZW1vLWxvYWRtb3JlLWxpc3QiCiAgICA6bG9hZGluZz0ibG9hZGluZyIKICAgIGl0ZW0tbGF5b3V0PSJob3Jpem9udGFsIgogICAgOmRhdGEtc291cmNlPSJkYXRhTGlzdCIKICA+CiAgICA8dGVtcGxhdGUgI2xvYWRNb3JlPgogICAgICA8ZGl2IDpzdHlsZT0ieyB0ZXh0QWxpZ246ICdjZW50ZXInLCBtYXJnaW5Ub3A6ICcxMnB4JywgaGVpZ2h0OiAnMzJweCcsIGxpbmVIZWlnaHQ6ICczMnB4JyB9Ij4KICAgICAgICA8YS1zcGluIHYtaWY9ImxvYWRpbmdNb3JlIiAvPgogICAgICAgIDxhLWJ1dHRvbiB2LWVsc2UgQGNsaWNrPSJsb2FkTW9yZSI+bG9hZGluZyBtb3JlPC9hLWJ1dHRvbj4KICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbT4KICAgICAgICA8dGVtcGxhdGUgI2FjdGlvbnM+CiAgICAgICAgICA8YT5lZGl0PC9hPgogICAgICAgICAgPGE+bW9yZTwvYT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWxpc3QtaXRlbS1tZXRhCiAgICAgICAgICBkZXNjcmlwdGlvbj0iQW50IERlc2lnbiwgYSBkZXNpZ24gbGFuZ3VhZ2UgZm9yIGJhY2tncm91bmQgYXBwbGljYXRpb25zLCBpcyByZWZpbmVkIGJ5IEFudCBVRUQgVGVhbSIKICAgICAgICA+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgICA8YSBocmVmPSJodHRwczovL3d3dy5hbnRkdi5jb20vIj57eyBpdGVtLm5hbWUubGFzdCB9fTwvYT4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8dGVtcGxhdGUgI2F2YXRhcj4KICAgICAgICAgICAgPGEtYXZhdGFyIHNyYz0iaHR0cHM6Ly96b3MuYWxpcGF5b2JqZWN0cy5jb20vcm1zcG9ydGFsL09EVExjanhBZnZxYnhIblZYQ1lYLnBuZyIgLz4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWxpc3QtaXRlbS1tZXRhPgogICAgICAgIDxkaXY+Y29udGVudDwvZGl2PgogICAgICA8L2EtbGlzdC1pdGVtPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtbGlzdD4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IHVzZUxvYWRNb3JlIH0gZnJvbSAndnVlLXJlcXVlc3QnOwoKY29uc3QgZ2V0RmFrZURhdGEgPSAoKSA9PiBgaHR0cHM6Ly9yYW5kb211c2VyLm1lL2FwaS8/cmVzdWx0cz01JmluYz1uYW1lLGdlbmRlcixlbWFpbCxuYXQmbm9pbmZvYDsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB7IGRhdGFMaXN0LCBsb2FkaW5nLCBsb2FkaW5nTW9yZSwgbG9hZE1vcmUgfSA9IHVzZUxvYWRNb3JlKGdldEZha2VEYXRhLCB7CiAgICAgIGxpc3RLZXk6ICdyZXN1bHRzJywKICAgIH0pOwoKICAgIHJldHVybiB7CiAgICAgIGxvYWRpbmcsCiAgICAgIGxvYWRpbmdNb3JlLAogICAgICBkYXRhTGlzdCwKICAgICAgbG9hZE1vcmUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KPHN0eWxlIHNjb3BlZD4KLmRlbW8tbG9hZG1vcmUtbGlzdCB7CiAgbWluLWhlaWdodDogMzUwcHg7Cn0KPC9zdHlsZT4K",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QKICAgIGNsYXNzPSJkZW1vLWxvYWRtb3JlLWxpc3QiCiAgICA6bG9hZGluZz0ibG9hZGluZyIKICAgIGl0ZW0tbGF5b3V0PSJob3Jpem9udGFsIgogICAgOmRhdGEtc291cmNlPSJkYXRhTGlzdCIKICA+CiAgICA8dGVtcGxhdGUgI2xvYWRNb3JlPgogICAgICA8ZGl2IDpzdHlsZT0ieyB0ZXh0QWxpZ246ICdjZW50ZXInLCBtYXJnaW5Ub3A6ICcxMnB4JywgaGVpZ2h0OiAnMzJweCcsIGxpbmVIZWlnaHQ6ICczMnB4JyB9Ij4KICAgICAgICA8YS1zcGluIHYtaWY9ImxvYWRpbmdNb3JlIiAvPgogICAgICAgIDxhLWJ1dHRvbiB2LWVsc2UgQGNsaWNrPSJsb2FkTW9yZSI+bG9hZGluZyBtb3JlPC9hLWJ1dHRvbj4KICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbT4KICAgICAgICA8dGVtcGxhdGUgI2FjdGlvbnM+CiAgICAgICAgICA8YT5lZGl0PC9hPgogICAgICAgICAgPGE+bW9yZTwvYT4KICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgIDxhLWxpc3QtaXRlbS1tZXRhCiAgICAgICAgICBkZXNjcmlwdGlvbj0iQW50IERlc2lnbiwgYSBkZXNpZ24gbGFuZ3VhZ2UgZm9yIGJhY2tncm91bmQgYXBwbGljYXRpb25zLCBpcyByZWZpbmVkIGJ5IEFudCBVRUQgVGVhbSIKICAgICAgICA+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgICA8YSBocmVmPSJodHRwczovL3d3dy5hbnRkdi5jb20vIj57eyBpdGVtLm5hbWUubGFzdCB9fTwvYT4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8dGVtcGxhdGUgI2F2YXRhcj4KICAgICAgICAgICAgPGEtYXZhdGFyIHNyYz0iaHR0cHM6Ly96b3MuYWxpcGF5b2JqZWN0cy5jb20vcm1zcG9ydGFsL09EVExjanhBZnZxYnhIblZYQ1lYLnBuZyIgLz4KICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWxpc3QtaXRlbS1tZXRhPgogICAgICAgIDxkaXY+Y29udGVudDwvZGl2PgogICAgICA8L2EtbGlzdC1pdGVtPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtbGlzdD4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKaW1wb3J0IHsgdXNlTG9hZE1vcmUgfSBmcm9tICd2dWUtcmVxdWVzdCc7CmNvbnN0IGdldEZha2VEYXRhID0gKCkgPT4gYGh0dHBzOi8vcmFuZG9tdXNlci5tZS9hcGkvP3Jlc3VsdHM9NSZpbmM9bmFtZSxnZW5kZXIsZW1haWwsbmF0Jm5vaW5mb2A7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB7IGRhdGFMaXN0LCBsb2FkaW5nLCBsb2FkaW5nTW9yZSwgbG9hZE1vcmUgfSA9IHVzZUxvYWRNb3JlKGdldEZha2VEYXRhLCB7CiAgICAgIGxpc3RLZXk6ICdyZXN1bHRzJywKICAgIH0pOwogICAgcmV0dXJuIHsKICAgICAgbG9hZGluZywKICAgICAgbG9hZGluZ01vcmUsCiAgICAgIGRhdGFMaXN0LAogICAgICBsb2FkTW9yZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgouZGVtby1sb2FkbW9yZS1saXN0IHsKICBtaW4taGVpZ2h0OiAzNTBweDsKfQo8L3N0eWxlPg=="}},{default:s(()=>[e(g,{class:"demo-loadmore-list",loading:p.loading,"item-layout":"horizontal","data-source":p.dataList},{loadMore:s(()=>[t("div",K,[p.loadingMore?(i(),I(l,{key:0})):(i(),I(u,{key:1,onClick:p.loadMore},{default:s(()=>a[0]||(a[0]=[n("loading more")])),_:1,__:[0]},8,["onClick"]))])]),renderItem:s(({item:Z})=>[e(r,null,{actions:s(()=>a[1]||(a[1]=[t("a",null,"edit",-1),t("a",null,"more",-1)])),default:s(()=>[e(c,{description:"Ant Design, a design language for background applications, is refined by Ant UED Team"},{title:s(()=>[t("a",E,b(Z.name.last),1)]),avatar:s(()=>[e(k,{src:"https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"})]),_:2},1024),a[2]||(a[2]=t("div",null,"content",-1))]),_:2,__:[2]},1024)]),_:1},8,["loading","data-source"])]),htmlCode:s(()=>a[3]||(a[3]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    216. 

  216.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(`
    217. 

  217.     `),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("demo-loadmore-list"),t("span",{class:"token punctuation"},'"')]),n(`
    218. 

  218.     `),t("span",{class:"token attr-name"},":loading"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("loading"),t("span",{class:"token punctuation"},'"')]),n(`
    219. 

  219.     `),t("span",{class:"token attr-name"},"item-layout"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("horizontal"),t("span",{class:"token punctuation"},'"')]),n(`
    220. 

  220.     `),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("dataList"),t("span",{class:"token punctuation"},'"')]),n(`
    221. 

  221.   `),t("span",{class:"token punctuation"},">")]),n(`
    222. 

  222.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#loadMore"),t("span",{class:"token punctuation"},">")]),n(`
    223. 

  223.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ textAlign: 'center', marginTop: '12px', height: '32px', lineHeight: '32px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    224. 

  224.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-spin")]),n(),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("loadingMore"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    225. 

  225.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-button")]),n(),t("span",{class:"token attr-name"},"v-else"),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("loadMore"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("loading more"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-button")]),t("span",{class:"token punctuation"},">")]),n(`
    226. 

  226.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    227. 

  227.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    228. 

  228.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    229. 

  229.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    230. 

  230.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#actions"),t("span",{class:"token punctuation"},">")]),n(`
    231. 

  231.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),t("span",{class:"token punctuation"},">")]),n("edit"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    232. 

  232.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),t("span",{class:"token punctuation"},">")]),n("more"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    233. 

  233.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    234. 

  234.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item-meta")]),n(`
    235. 

  235.           `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Ant Design, a design language for background applications, is refined by Ant UED Team"),t("span",{class:"token punctuation"},'"')]),n(`
    236. 

  236.         `),t("span",{class:"token punctuation"},">")]),n(`
    237. 

  237.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),n(`
    238. 

  238.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),n(),t("span",{class:"token attr-name"},"href"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://www.antdv.com/"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("{{ item.name.last }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    239. 

  239.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    240. 

  240.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#avatar"),t("span",{class:"token punctuation"},">")]),n(`
    241. 

  241.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-avatar")]),n(),t("span",{class:"token attr-name"},"src"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    242. 

  242.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    243. 

  243.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item-meta")]),t("span",{class:"token punctuation"},">")]),n(`
    244. 

  244.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("content"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    245. 

  245.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    246. 

  246.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    247. 

  247.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    248. 

  248. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    249. 

  249. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    250. 

  250. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    251. 

  251. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" useLoadMore "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue-request'"),t("span",{class:"token punctuation"},";"),n(`
    252. 

  252. 

  253. `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"getFakeData"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token template-string"},[t("span",{class:"token template-punctuation string"},"`"),t("span",{class:"token string"},"https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo"),t("span",{class:"token template-punctuation string"},"`")]),t("span",{class:"token punctuation"},";"),n(`
    254. 

  254. 

  255. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    256. 

  256.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    257. 

  257.     `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token punctuation"},"{"),n(" dataList"),t("span",{class:"token punctuation"},","),n(" loading"),t("span",{class:"token punctuation"},","),n(" loadingMore"),t("span",{class:"token punctuation"},","),n(" loadMore "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"useLoadMore"),t("span",{class:"token punctuation"},"("),n("getFakeData"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"{"),n(`
    258. 

  258.       `),t("span",{class:"token literal-property property"},"listKey"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'results'"),t("span",{class:"token punctuation"},","),n(`
    259. 

  259.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    260. 

  260. 

  261.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    262. 

  262.       loading`),t("span",{class:"token punctuation"},","),n(`
    263. 

  263.       loadingMore`),t("span",{class:"token punctuation"},","),n(`
    264. 

  264.       dataList`),t("span",{class:"token punctuation"},","),n(`
    265. 

  265.       loadMore`),t("span",{class:"token punctuation"},","),n(`
    266. 

  266.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    267. 

  267.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    268. 

  268. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    269. 

  269. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    270. 

  270. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(`
    271. 

  271. `),t("span",{class:"token selector"},".demo-loadmore-list"),n(),t("span",{class:"token punctuation"},"{"),n(`
    272. 

  272.   `),t("span",{class:"token property"},"min-height"),t("span",{class:"token punctuation"},":"),n(" 350px"),t("span",{class:"token punctuation"},";"),n(`
    273. 

  273. `),t("span",{class:"token punctuation"},"}"),n(`
    274. 

  274. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("style")]),t("span",{class:"token punctuation"},">")]),n(`
    275. 

  275. `)])],-1)])),jsVersionHtml:s(()=>a[4]||(a[4]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    276. 

  276.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(`
    277. 

  277.     `),t("span",{class:"token attr-name"},"class"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("demo-loadmore-list"),t("span",{class:"token punctuation"},'"')]),n(`
    278. 

  278.     `),t("span",{class:"token attr-name"},":loading"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("loading"),t("span",{class:"token punctuation"},'"')]),n(`
    279. 

  279.     `),t("span",{class:"token attr-name"},"item-layout"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("horizontal"),t("span",{class:"token punctuation"},'"')]),n(`
    280. 

  280.     `),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("dataList"),t("span",{class:"token punctuation"},'"')]),n(`
    281. 

  281.   `),t("span",{class:"token punctuation"},">")]),n(`
    282. 

  282.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#loadMore"),t("span",{class:"token punctuation"},">")]),n(`
    283. 

  283.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),n(),t("span",{class:"token attr-name"},":style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ textAlign: 'center', marginTop: '12px', height: '32px', lineHeight: '32px' }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    284. 

  284.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-spin")]),n(),t("span",{class:"token attr-name"},"v-if"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("loadingMore"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    285. 

  285.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-button")]),n(),t("span",{class:"token attr-name"},"v-else"),n(),t("span",{class:"token attr-name"},"@click"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("loadMore"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("loading more"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-button")]),t("span",{class:"token punctuation"},">")]),n(`
    286. 

  286.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    287. 

  287.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    288. 

  288.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    289. 

  289.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    290. 

  290.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#actions"),t("span",{class:"token punctuation"},">")]),n(`
    291. 

  291.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),t("span",{class:"token punctuation"},">")]),n("edit"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    292. 

  292.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),t("span",{class:"token punctuation"},">")]),n("more"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    293. 

  293.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    294. 

  294.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item-meta")]),n(`
    295. 

  295.           `),t("span",{class:"token attr-name"},"description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("Ant Design, a design language for background applications, is refined by Ant UED Team"),t("span",{class:"token punctuation"},'"')]),n(`
    296. 

  296.         `),t("span",{class:"token punctuation"},">")]),n(`
    297. 

  297.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),n(`
    298. 

  298.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),n(),t("span",{class:"token attr-name"},"href"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://www.antdv.com/"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("{{ item.name.last }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    299. 

  299.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    300. 

  300.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#avatar"),t("span",{class:"token punctuation"},">")]),n(`
    301. 

  301.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-avatar")]),n(),t("span",{class:"token attr-name"},"src"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    302. 

  302.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    303. 

  303.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item-meta")]),t("span",{class:"token punctuation"},">")]),n(`
    304. 

  304.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n("content"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    305. 

  305.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    306. 

  306.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    307. 

  307.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    308. 

  308. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    309. 

  309. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    310. 

  310. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    311. 

  311. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" useLoadMore "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue-request'"),t("span",{class:"token punctuation"},";"),n(`
    312. 

  312. `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token function-variable function"},"getFakeData"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token template-string"},[t("span",{class:"token template-punctuation string"},"`"),t("span",{class:"token string"},"https://randomuser.me/api/?results=5&inc=name,gender,email,nat&noinfo"),t("span",{class:"token template-punctuation string"},"`")]),t("span",{class:"token punctuation"},";"),n(`
    313. 

  313. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    314. 

  314.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    315. 

  315.     `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token punctuation"},"{"),n(" dataList"),t("span",{class:"token punctuation"},","),n(" loading"),t("span",{class:"token punctuation"},","),n(" loadingMore"),t("span",{class:"token punctuation"},","),n(" loadMore "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token function"},"useLoadMore"),t("span",{class:"token punctuation"},"("),n("getFakeData"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token punctuation"},"{"),n(`
    316. 

  316.       `),t("span",{class:"token literal-property property"},"listKey"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'results'"),t("span",{class:"token punctuation"},","),n(`
    317. 

  317.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    318. 

  318.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    319. 

  319.       loading`),t("span",{class:"token punctuation"},","),n(`
    320. 

  320.       loadingMore`),t("span",{class:"token punctuation"},","),n(`
    321. 

  321.       dataList`),t("span",{class:"token punctuation"},","),n(`
    322. 

  322.       loadMore`),t("span",{class:"token punctuation"},","),n(`
    323. 

  323.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    324. 

  324.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    325. 

  325. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    326. 

  326. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    327. 

  327. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("style")]),n(),t("span",{class:"token attr-name"},"scoped"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token style"},[t("span",{class:"token language-css"},[n(`
    328. 

  328. `),t("span",{class:"token selector"},".demo-loadmore-list"),n(),t("span",{class:"token punctuation"},"{"),n(`
    329. 

  329.   `),t("span",{class:"token property"},"min-height"),t("span",{class:"token punctuation"},":"),n(" 350px"),t("span",{class:"token punctuation"},";"),n(`
    330. 

  330. `),t("span",{class:"token punctuation"},"}"),n(`
    331. 

  331. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("style")]),t("span",{class:"token punctuation"},">")]),n(`
    332. 

  332. `)])],-1)])),_:1})}var Q=C(j,[["render",U],["__scopeId","data-v-f875f788"]]);const B=[];for(let p=0;p<23;p++)B.push({href:"https://www.antdv.com/",title:`ant design vue part ${p}`,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."});const _=y({components:{StarOutlined:W,LikeOutlined:Y,MessageOutlined:L},setup(){return{listData:B,pagination:{onChange:d=>{console.log(d)},pageSize:3},actions:[{type:"StarOutlined",text:"156"},{type:"LikeOutlined",text:"156"},{type:"MessageOutlined",text:"2"}]}}}),q=["href"];function M(p,a,d,m,A,h){const l=o("a-avatar"),u=o("a-list-item-meta"),k=o("a-list-item"),c=o("a-list"),r=o("demo-box");return i(),I(r,{jsfiddle:{us:"Setting `itemLayout` property with `vertical` to create a vertical list.",cn:"\u901A\u8FC7\u8BBE\u7F6E `itemLayout` \u5C5E\u6027\u4E3A `vertical` \u53EF\u5B9E\u73B0\u7AD6\u6392\u5217\u8868\u6837\u5F0F\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    333. 

  333. <p>\u901A\u8FC7\u8BBE\u7F6E <code>itemLayout</code> \u5C5E\u6027\u4E3A <code>vertical</code> \u53EF\u5B9E\u73B0\u7AD6\u6392\u5217\u8868\u6837\u5F0F\u3002</p>
    334. 

  334. <h2 id="en-us">en-US</h2>
    335. 

  335. <p>Setting <code>itemLayout</code> property with <code>vertical</code> to create a vertical list.</p>
    336. 

  336. `,order:3,title:{"zh-CN":"\u7AD6\u6392\u5217\u8868\u6837\u5F0F","en-US":"Vertical"},relativePath:"src/docs/list/demo/vertical.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgaXRlbS1sYXlvdXQ9InZlcnRpY2FsIiBzaXplPSJsYXJnZSIgOnBhZ2luYXRpb249InBhZ2luYXRpb24iIDpkYXRhLXNvdXJjZT0ibGlzdERhdGEiPgogICAgPHRlbXBsYXRlICNmb290ZXI+CiAgICAgIDxkaXY+CiAgICAgICAgPGI+YW50IGRlc2lnbiB2dWU8L2I+CiAgICAgICAgZm9vdGVyIHBhcnQKICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbSBrZXk9Iml0ZW0udGl0bGUiPgogICAgICAgIDx0ZW1wbGF0ZSAjYWN0aW9ucz4KICAgICAgICAgIDxzcGFuIHYtZm9yPSJ7IHR5cGUsIHRleHQgfSBpbiBhY3Rpb25zIiA6a2V5PSJ0eXBlIj4KICAgICAgICAgICAgPGNvbXBvbmVudCB2LWJpbmQ6aXM9InR5cGUiIHN0eWxlPSJtYXJnaW4tcmlnaHQ6IDhweCIgLz4KICAgICAgICAgICAge3sgdGV4dCB9fQogICAgICAgICAgPC9zcGFuPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICAgIDxpbWcKICAgICAgICAgICAgd2lkdGg9IjI3MiIKICAgICAgICAgICAgYWx0PSJsb2dvIgogICAgICAgICAgICBzcmM9Imh0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9tcWFRc3djeURMY1h5REtuWmZFUy5wbmciCiAgICAgICAgICAvPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtbGlzdC1pdGVtLW1ldGEgOmRlc2NyaXB0aW9uPSJpdGVtLmRlc2NyaXB0aW9uIj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICAgIDxhIDpocmVmPSJpdGVtLmhyZWYiPnt7IGl0ZW0udGl0bGUgfX08L2E+CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgPHRlbXBsYXRlICNhdmF0YXI+PGEtYXZhdGFyIDpzcmM9Iml0ZW0uYXZhdGFyIiAvPjwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWxpc3QtaXRlbS1tZXRhPgogICAgICAgIHt7IGl0ZW0uY29udGVudCB9fQogICAgICA8L2EtbGlzdC1pdGVtPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtbGlzdD4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IFN0YXJPdXRsaW5lZCwgTGlrZU91dGxpbmVkLCBNZXNzYWdlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwoKY29uc3QgbGlzdERhdGE6IFJlY29yZDxzdHJpbmcsIHN0cmluZz5bXSA9IFtdOwoKZm9yIChsZXQgaSA9IDA7IGkgPCAyMzsgaSsrKSB7CiAgbGlzdERhdGEucHVzaCh7CiAgICBocmVmOiAnaHR0cHM6Ly93d3cuYW50ZHYuY29tLycsCiAgICB0aXRsZTogYGFudCBkZXNpZ24gdnVlIHBhcnQgJHtpfWAsCiAgICBhdmF0YXI6ICdodHRwczovL3pvcy5hbGlwYXlvYmplY3RzLmNvbS9ybXNwb3J0YWwvT0RUTGNqeEFmdnFieEhuVlhDWVgucG5nJywKICAgIGRlc2NyaXB0aW9uOgogICAgICAnQW50IERlc2lnbiwgYSBkZXNpZ24gbGFuZ3VhZ2UgZm9yIGJhY2tncm91bmQgYXBwbGljYXRpb25zLCBpcyByZWZpbmVkIGJ5IEFudCBVRUQgVGVhbS4nLAogICAgY29udGVudDoKICAgICAgJ1dlIHN1cHBseSBhIHNlcmllcyBvZiBkZXNpZ24gcHJpbmNpcGxlcywgcHJhY3RpY2FsIHBhdHRlcm5zIGFuZCBoaWdoIHF1YWxpdHkgZGVzaWduIHJlc291cmNlcyAoU2tldGNoIGFuZCBBeHVyZSksIHRvIGhlbHAgcGVvcGxlIGNyZWF0ZSB0aGVpciBwcm9kdWN0IHByb3RvdHlwZXMgYmVhdXRpZnVsbHkgYW5kIGVmZmljaWVudGx5LicsCiAgfSk7Cn0KCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgU3Rhck91dGxpbmVkLAogICAgTGlrZU91dGxpbmVkLAogICAgTWVzc2FnZU91dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBwYWdpbmF0aW9uID0gewogICAgICBvbkNoYW5nZTogKHBhZ2U6IG51bWJlcikgPT4gewogICAgICAgIGNvbnNvbGUubG9nKHBhZ2UpOwogICAgICB9LAogICAgICBwYWdlU2l6ZTogMywKICAgIH07CiAgICBjb25zdCBhY3Rpb25zOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+W10gPSBbCiAgICAgIHsgdHlwZTogJ1N0YXJPdXRsaW5lZCcsIHRleHQ6ICcxNTYnIH0sCiAgICAgIHsgdHlwZTogJ0xpa2VPdXRsaW5lZCcsIHRleHQ6ICcxNTYnIH0sCiAgICAgIHsgdHlwZTogJ01lc3NhZ2VPdXRsaW5lZCcsIHRleHQ6ICcyJyB9LAogICAgXTsKICAgIHJldHVybiB7CiAgICAgIGxpc3REYXRhLAogICAgICBwYWdpbmF0aW9uLAogICAgICBhY3Rpb25zLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgaXRlbS1sYXlvdXQ9InZlcnRpY2FsIiBzaXplPSJsYXJnZSIgOnBhZ2luYXRpb249InBhZ2luYXRpb24iIDpkYXRhLXNvdXJjZT0ibGlzdERhdGEiPgogICAgPHRlbXBsYXRlICNmb290ZXI+CiAgICAgIDxkaXY+CiAgICAgICAgPGI+YW50IGRlc2lnbiB2dWU8L2I+CiAgICAgICAgZm9vdGVyIHBhcnQKICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbSBrZXk9Iml0ZW0udGl0bGUiPgogICAgICAgIDx0ZW1wbGF0ZSAjYWN0aW9ucz4KICAgICAgICAgIDxzcGFuIHYtZm9yPSJ7IHR5cGUsIHRleHQgfSBpbiBhY3Rpb25zIiA6a2V5PSJ0eXBlIj4KICAgICAgICAgICAgPGNvbXBvbmVudCB2LWJpbmQ6aXM9InR5cGUiIHN0eWxlPSJtYXJnaW4tcmlnaHQ6IDhweCIgLz4KICAgICAgICAgICAge3sgdGV4dCB9fQogICAgICAgICAgPC9zcGFuPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPHRlbXBsYXRlICNleHRyYT4KICAgICAgICAgIDxpbWcKICAgICAgICAgICAgd2lkdGg9IjI3MiIKICAgICAgICAgICAgYWx0PSJsb2dvIgogICAgICAgICAgICBzcmM9Imh0dHBzOi8vZ3cuYWxpcGF5b2JqZWN0cy5jb20vem9zL3Jtc3BvcnRhbC9tcWFRc3djeURMY1h5REtuWmZFUy5wbmciCiAgICAgICAgICAvPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtbGlzdC1pdGVtLW1ldGEgOmRlc2NyaXB0aW9uPSJpdGVtLmRlc2NyaXB0aW9uIj4KICAgICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICAgIDxhIDpocmVmPSJpdGVtLmhyZWYiPnt7IGl0ZW0udGl0bGUgfX08L2E+CiAgICAgICAgICA8L3RlbXBsYXRlPgogICAgICAgICAgPHRlbXBsYXRlICNhdmF0YXI+PGEtYXZhdGFyIDpzcmM9Iml0ZW0uYXZhdGFyIiAvPjwvdGVtcGxhdGU+CiAgICAgICAgPC9hLWxpc3QtaXRlbS1tZXRhPgogICAgICAgIHt7IGl0ZW0uY29udGVudCB9fQogICAgICA8L2EtbGlzdC1pdGVtPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtbGlzdD4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgU3Rhck91dGxpbmVkLCBMaWtlT3V0bGluZWQsIE1lc3NhZ2VPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGxpc3REYXRhID0gW107CmZvciAobGV0IGkgPSAwOyBpIDwgMjM7IGkrKykgewogIGxpc3REYXRhLnB1c2goewogICAgaHJlZjogJ2h0dHBzOi8vd3d3LmFudGR2LmNvbS8nLAogICAgdGl0bGU6IGBhbnQgZGVzaWduIHZ1ZSBwYXJ0ICR7aX1gLAogICAgYXZhdGFyOiAnaHR0cHM6Ly96b3MuYWxpcGF5b2JqZWN0cy5jb20vcm1zcG9ydGFsL09EVExjanhBZnZxYnhIblZYQ1lYLnBuZycsCiAgICBkZXNjcmlwdGlvbjoKICAgICAgJ0FudCBEZXNpZ24sIGEgZGVzaWduIGxhbmd1YWdlIGZvciBiYWNrZ3JvdW5kIGFwcGxpY2F0aW9ucywgaXMgcmVmaW5lZCBieSBBbnQgVUVEIFRlYW0uJywKICAgIGNvbnRlbnQ6CiAgICAgICdXZSBzdXBwbHkgYSBzZXJpZXMgb2YgZGVzaWduIHByaW5jaXBsZXMsIHByYWN0aWNhbCBwYXR0ZXJucyBhbmQgaGlnaCBxdWFsaXR5IGRlc2lnbiByZXNvdXJjZXMgKFNrZXRjaCBhbmQgQXh1cmUpLCB0byBoZWxwIHBlb3BsZSBjcmVhdGUgdGhlaXIgcHJvZHVjdCBwcm90b3R5cGVzIGJlYXV0aWZ1bGx5IGFuZCBlZmZpY2llbnRseS4nLAogIH0pOwp9CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgU3Rhck91dGxpbmVkLAogICAgTGlrZU91dGxpbmVkLAogICAgTWVzc2FnZU91dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBwYWdpbmF0aW9uID0gewogICAgICBvbkNoYW5nZTogcGFnZSA9PiB7CiAgICAgICAgY29uc29sZS5sb2cocGFnZSk7CiAgICAgIH0sCiAgICAgIHBhZ2VTaXplOiAzLAogICAgfTsKICAgIGNvbnN0IGFjdGlvbnMgPSBbCiAgICAgIHsKICAgICAgICB0eXBlOiAnU3Rhck91dGxpbmVkJywKICAgICAgICB0ZXh0OiAnMTU2JywKICAgICAgfSwKICAgICAgewogICAgICAgIHR5cGU6ICdMaWtlT3V0bGluZWQnLAogICAgICAgIHRleHQ6ICcxNTYnLAogICAgICB9LAogICAgICB7CiAgICAgICAgdHlwZTogJ01lc3NhZ2VPdXRsaW5lZCcsCiAgICAgICAgdGV4dDogJzInLAogICAgICB9LAogICAgXTsKICAgIHJldHVybiB7CiAgICAgIGxpc3REYXRhLAogICAgICBwYWdpbmF0aW9uLAogICAgICBhY3Rpb25zLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:s(()=>[e(c,{"item-layout":"vertical",size:"large",pagination:p.pagination,"data-source":p.listData},{footer:s(()=>a[0]||(a[0]=[t("div",null,[t("b",null,"ant design vue"),n(" footer part ")],-1)])),renderItem:s(({item:g})=>[e(k,{key:"item.title"},{actions:s(()=>[(i(!0),G(w,null,X(p.actions,({type:v,text:Z})=>(i(),G("span",{key:v},[(i(),I(x(v),{style:{"margin-right":"8px"}})),n(" "+b(Z),1)]))),128))]),extra:s(()=>a[1]||(a[1]=[t("img",{width:"272",alt:"logo",src:"https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png"},null,-1)])),default:s(()=>[e(u,{description:g.description},{title:s(()=>[t("a",{href:g.href},b(g.title),9,q)]),avatar:s(()=>[e(l,{src:g.avatar},null,8,["src"])]),_:2},1032,["description"]),n(" "+b(g.content),1)]),_:2},1024)]),_:1},8,["pagination","data-source"])]),htmlCode:s(()=>a[2]||(a[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    337. 

  337.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"item-layout"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("large"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":pagination"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("pagination"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("listData"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    338. 

  338.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#footer"),t("span",{class:"token punctuation"},">")]),n(`
    339. 

  339.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    340. 

  340.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("b")]),t("span",{class:"token punctuation"},">")]),n("ant design vue"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("b")]),t("span",{class:"token punctuation"},">")]),n(`
    341. 

  341.         footer part
    342. 

  342.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    343. 

  343.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    344. 

  344.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    345. 

  345.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    346. 

  346.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#actions"),t("span",{class:"token punctuation"},">")]),n(`
    347. 

  347.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),n(),t("span",{class:"token attr-name"},"v-for"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ type, text } in actions"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("type"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    348. 

  348.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("component")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-bind:"),n("is")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("type"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 8px")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    349. 

  349.             {{ text }}
    350. 

  350.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("span")]),t("span",{class:"token punctuation"},">")]),n(`
    351. 

  351.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    352. 

  352.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#extra"),t("span",{class:"token punctuation"},">")]),n(`
    353. 

  353.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("img")]),n(`
    354. 

  354.             `),t("span",{class:"token attr-name"},"width"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("272"),t("span",{class:"token punctuation"},'"')]),n(`
    355. 

  355.             `),t("span",{class:"token attr-name"},"alt"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("logo"),t("span",{class:"token punctuation"},'"')]),n(`
    356. 

  356.             `),t("span",{class:"token attr-name"},"src"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png"),t("span",{class:"token punctuation"},'"')]),n(`
    357. 

  357.           `),t("span",{class:"token punctuation"},"/>")]),n(`
    358. 

  358.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    359. 

  359.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item-meta")]),n(),t("span",{class:"token attr-name"},":description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.description"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    360. 

  360.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),n(`
    361. 

  361.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),n(),t("span",{class:"token attr-name"},":href"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.href"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("{{ item.title }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    362. 

  362.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    363. 

  363.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#avatar"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-avatar")]),n(),t("span",{class:"token attr-name"},":src"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.avatar"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    364. 

  364.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item-meta")]),t("span",{class:"token punctuation"},">")]),n(`
    365. 

  365.         {{ item.content }}
    366. 

  366.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    367. 

  367.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    368. 

  368.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    369. 

  369. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    370. 

  370. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    371. 

  371. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" StarOutlined"),t("span",{class:"token punctuation"},","),n(" LikeOutlined"),t("span",{class:"token punctuation"},","),n(" MessageOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(`
    372. 

  372. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    373. 

  373. 

  374. `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token literal-property property"},"listData"),t("span",{class:"token operator"},":"),n(" Record"),t("span",{class:"token operator"},"<"),n("string"),t("span",{class:"token punctuation"},","),n(" string"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    375. 

  375. 

  376. `),t("span",{class:"token keyword"},"for"),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token keyword"},"let"),n(" i "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},";"),n(" i "),t("span",{class:"token operator"},"<"),n(),t("span",{class:"token number"},"23"),t("span",{class:"token punctuation"},";"),n(" i"),t("span",{class:"token operator"},"++"),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    377. 

  377.   listData`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"push"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    378. 

  378.     `),t("span",{class:"token literal-property property"},"href"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'https://www.antdv.com/'"),t("span",{class:"token punctuation"},","),n(`
    379. 

  379.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token template-string"},[t("span",{class:"token template-punctuation string"},"`"),t("span",{class:"token string"},"ant design vue part "),t("span",{class:"token interpolation"},[t("span",{class:"token interpolation-punctuation punctuation"},"${"),n("i"),t("span",{class:"token interpolation-punctuation punctuation"},"}")]),t("span",{class:"token template-punctuation string"},"`")]),t("span",{class:"token punctuation"},","),n(`
    380. 

  380.     `),t("span",{class:"token literal-property property"},"avatar"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png'"),t("span",{class:"token punctuation"},","),n(`
    381. 

  381.     `),t("span",{class:"token literal-property property"},"description"),t("span",{class:"token operator"},":"),n(`
    382. 

  382.       `),t("span",{class:"token string"},"'Ant Design, a design language for background applications, is refined by Ant UED Team.'"),t("span",{class:"token punctuation"},","),n(`
    383. 

  383.     `),t("span",{class:"token literal-property property"},"content"),t("span",{class:"token operator"},":"),n(`
    384. 

  384.       `),t("span",{class:"token string"},"'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.'"),t("span",{class:"token punctuation"},","),n(`
    385. 

  385.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    386. 

  386. `),t("span",{class:"token punctuation"},"}"),n(`
    387. 

  387. 

  388. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    389. 

  389.   `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
    390. 

  390.     StarOutlined`),t("span",{class:"token punctuation"},","),n(`
    391. 

  391.     LikeOutlined`),t("span",{class:"token punctuation"},","),n(`
    392. 

  392.     MessageOutlined`),t("span",{class:"token punctuation"},","),n(`
    393. 

  393.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    394. 

  394.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    395. 

  395.     `),t("span",{class:"token keyword"},"const"),n(" pagination "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"{"),n(`
    396. 

  396.       `),t("span",{class:"token function-variable function"},"onChange"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token parameter"},[t("span",{class:"token literal-property property"},"page"),t("span",{class:"token operator"},":"),n(" number")]),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
    397. 

  397.         console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("page"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    398. 

  398.       `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    399. 

  399.       `),t("span",{class:"token literal-property property"},"pageSize"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"3"),t("span",{class:"token punctuation"},","),n(`
    400. 

  400.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    401. 

  401.     `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token literal-property property"},"actions"),t("span",{class:"token operator"},":"),n(" Record"),t("span",{class:"token operator"},"<"),n("string"),t("span",{class:"token punctuation"},","),n(" string"),t("span",{class:"token operator"},">"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    402. 

  402.       `),t("span",{class:"token punctuation"},"{"),n(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'StarOutlined'"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"text"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'156'"),n(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    403. 

  403.       `),t("span",{class:"token punctuation"},"{"),n(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'LikeOutlined'"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"text"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'156'"),n(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    404. 

  404.       `),t("span",{class:"token punctuation"},"{"),n(),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'MessageOutlined'"),t("span",{class:"token punctuation"},","),n(),t("span",{class:"token literal-property property"},"text"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'2'"),n(),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    405. 

  405.     `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    406. 

  406.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    407. 

  407.       listData`),t("span",{class:"token punctuation"},","),n(`
    408. 

  408.       pagination`),t("span",{class:"token punctuation"},","),n(`
    409. 

  409.       actions`),t("span",{class:"token punctuation"},","),n(`
    410. 

  410.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    411. 

  411.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    412. 

  412. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    413. 

  413. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    414. 

  414. `)])],-1)])),jsVersionHtml:s(()=>a[3]||(a[3]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    415. 

  415.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},"item-layout"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("vertical"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},"size"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("large"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":pagination"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("pagination"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("listData"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    416. 

  416.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#footer"),t("span",{class:"token punctuation"},">")]),n(`
    417. 

  417.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    418. 

  418.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("b")]),t("span",{class:"token punctuation"},">")]),n("ant design vue"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("b")]),t("span",{class:"token punctuation"},">")]),n(`
    419. 

  419.         footer part
    420. 

  420.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("div")]),t("span",{class:"token punctuation"},">")]),n(`
    421. 

  421.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    422. 

  422.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    423. 

  423.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),n(),t("span",{class:"token attr-name"},"key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    424. 

  424.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#actions"),t("span",{class:"token punctuation"},">")]),n(`
    425. 

  425.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("span")]),n(),t("span",{class:"token attr-name"},"v-for"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ type, text } in actions"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":key"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("type"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    426. 

  426.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("component")]),n(),t("span",{class:"token attr-name"},[t("span",{class:"token namespace"},"v-bind:"),n("is")]),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("type"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token special-attr"},[t("span",{class:"token attr-name"},"style"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),t("span",{class:"token value css language-css"},[t("span",{class:"token property"},"margin-right"),t("span",{class:"token punctuation"},":"),n(" 8px")]),t("span",{class:"token punctuation"},'"')])]),n(),t("span",{class:"token punctuation"},"/>")]),n(`
    427. 

  427.             {{ text }}
    428. 

  428.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("span")]),t("span",{class:"token punctuation"},">")]),n(`
    429. 

  429.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    430. 

  430.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#extra"),t("span",{class:"token punctuation"},">")]),n(`
    431. 

  431.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("img")]),n(`
    432. 

  432.             `),t("span",{class:"token attr-name"},"width"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("272"),t("span",{class:"token punctuation"},'"')]),n(`
    433. 

  433.             `),t("span",{class:"token attr-name"},"alt"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("logo"),t("span",{class:"token punctuation"},'"')]),n(`
    434. 

  434.             `),t("span",{class:"token attr-name"},"src"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("https://gw.alipayobjects.com/zos/rmsportal/mqaQswcyDLcXyDKnZfES.png"),t("span",{class:"token punctuation"},'"')]),n(`
    435. 

  435.           `),t("span",{class:"token punctuation"},"/>")]),n(`
    436. 

  436.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    437. 

  437.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item-meta")]),n(),t("span",{class:"token attr-name"},":description"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.description"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    438. 

  438.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#title"),t("span",{class:"token punctuation"},">")]),n(`
    439. 

  439.             `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a")]),n(),t("span",{class:"token attr-name"},":href"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.href"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("{{ item.title }}"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a")]),t("span",{class:"token punctuation"},">")]),n(`
    440. 

  440.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    441. 

  441.           `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#avatar"),t("span",{class:"token punctuation"},">")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-avatar")]),n(),t("span",{class:"token attr-name"},":src"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.avatar"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token punctuation"},"/>")]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    442. 

  442.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item-meta")]),t("span",{class:"token punctuation"},">")]),n(`
    443. 

  443.         {{ item.content }}
    444. 

  444.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    445. 

  445.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    446. 

  446.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    447. 

  447. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    448. 

  448. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    449. 

  449. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" StarOutlined"),t("span",{class:"token punctuation"},","),n(" LikeOutlined"),t("span",{class:"token punctuation"},","),n(" MessageOutlined "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'@ant-design/icons-vue'"),t("span",{class:"token punctuation"},";"),n(`
    450. 

  450. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    451. 

  451. `),t("span",{class:"token keyword"},"const"),n(" listData "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    452. 

  452. `),t("span",{class:"token keyword"},"for"),n(),t("span",{class:"token punctuation"},"("),t("span",{class:"token keyword"},"let"),n(" i "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token number"},"0"),t("span",{class:"token punctuation"},";"),n(" i "),t("span",{class:"token operator"},"<"),n(),t("span",{class:"token number"},"23"),t("span",{class:"token punctuation"},";"),n(" i"),t("span",{class:"token operator"},"++"),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    453. 

  453.   listData`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"push"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    454. 

  454.     `),t("span",{class:"token literal-property property"},"href"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'https://www.antdv.com/'"),t("span",{class:"token punctuation"},","),n(`
    455. 

  455.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token template-string"},[t("span",{class:"token template-punctuation string"},"`"),t("span",{class:"token string"},"ant design vue part "),t("span",{class:"token interpolation"},[t("span",{class:"token interpolation-punctuation punctuation"},"${"),n("i"),t("span",{class:"token interpolation-punctuation punctuation"},"}")]),t("span",{class:"token template-punctuation string"},"`")]),t("span",{class:"token punctuation"},","),n(`
    456. 

  456.     `),t("span",{class:"token literal-property property"},"avatar"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png'"),t("span",{class:"token punctuation"},","),n(`
    457. 

  457.     `),t("span",{class:"token literal-property property"},"description"),t("span",{class:"token operator"},":"),n(`
    458. 

  458.       `),t("span",{class:"token string"},"'Ant Design, a design language for background applications, is refined by Ant UED Team.'"),t("span",{class:"token punctuation"},","),n(`
    459. 

  459.     `),t("span",{class:"token literal-property property"},"content"),t("span",{class:"token operator"},":"),n(`
    460. 

  460.       `),t("span",{class:"token string"},"'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.'"),t("span",{class:"token punctuation"},","),n(`
    461. 

  461.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    462. 

  462. `),t("span",{class:"token punctuation"},"}"),n(`
    463. 

  463. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    464. 

  464.   `),t("span",{class:"token literal-property property"},"components"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token punctuation"},"{"),n(`
    465. 

  465.     StarOutlined`),t("span",{class:"token punctuation"},","),n(`
    466. 

  466.     LikeOutlined`),t("span",{class:"token punctuation"},","),n(`
    467. 

  467.     MessageOutlined`),t("span",{class:"token punctuation"},","),n(`
    468. 

  468.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    469. 

  469.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    470. 

  470.     `),t("span",{class:"token keyword"},"const"),n(" pagination "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"{"),n(`
    471. 

  471.       `),t("span",{class:"token function-variable function"},"onChange"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token parameter"},"page"),n(),t("span",{class:"token operator"},"=>"),n(),t("span",{class:"token punctuation"},"{"),n(`
    472. 

  472.         console`),t("span",{class:"token punctuation"},"."),t("span",{class:"token function"},"log"),t("span",{class:"token punctuation"},"("),n("page"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    473. 

  473.       `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    474. 

  474.       `),t("span",{class:"token literal-property property"},"pageSize"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token number"},"3"),t("span",{class:"token punctuation"},","),n(`
    475. 

  475.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    476. 

  476.     `),t("span",{class:"token keyword"},"const"),n(" actions "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    477. 

  477.       `),t("span",{class:"token punctuation"},"{"),n(`
    478. 

  478.         `),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'StarOutlined'"),t("span",{class:"token punctuation"},","),n(`
    479. 

  479.         `),t("span",{class:"token literal-property property"},"text"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'156'"),t("span",{class:"token punctuation"},","),n(`
    480. 

  480.       `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    481. 

  481.       `),t("span",{class:"token punctuation"},"{"),n(`
    482. 

  482.         `),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'LikeOutlined'"),t("span",{class:"token punctuation"},","),n(`
    483. 

  483.         `),t("span",{class:"token literal-property property"},"text"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'156'"),t("span",{class:"token punctuation"},","),n(`
    484. 

  484.       `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    485. 

  485.       `),t("span",{class:"token punctuation"},"{"),n(`
    486. 

  486.         `),t("span",{class:"token literal-property property"},"type"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'MessageOutlined'"),t("span",{class:"token punctuation"},","),n(`
    487. 

  487.         `),t("span",{class:"token literal-property property"},"text"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'2'"),t("span",{class:"token punctuation"},","),n(`
    488. 

  488.       `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    489. 

  489.     `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    490. 

  490.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    491. 

  491.       listData`),t("span",{class:"token punctuation"},","),n(`
    492. 

  492.       pagination`),t("span",{class:"token punctuation"},","),n(`
    493. 

  493.       actions`),t("span",{class:"token punctuation"},","),n(`
    494. 

  494.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    495. 

  495.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    496. 

  496. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    497. 

  497. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    498. 

  498. `)])],-1)])),_:1})}var O=C(_,[["render",M]]);const $=[{title:"Title 1"},{title:"Title 2"},{title:"Title 3"},{title:"Title 4"}],tt=y({setup(){return{data:$}}});function nt(p,a,d,m,A,h){const l=o("a-card"),u=o("a-list-item"),k=o("a-list"),c=o("demo-box");return i(),I(c,{jsfiddle:{us:"Creating a grid list by setting the `grid` property of List",cn:"\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E `List` \u7684 `grid` \u5C5E\u6027\u6765\u5B9E\u73B0\u6805\u683C\u5217\u8868\uFF0C`column` \u53EF\u8BBE\u7F6E\u671F\u671B\u663E\u793A\u7684\u5217\u6570\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    499. 

  499. <p>\u53EF\u4EE5\u901A\u8FC7\u8BBE\u7F6E <code>List</code> \u7684 <code>grid</code> \u5C5E\u6027\u6765\u5B9E\u73B0\u6805\u683C\u5217\u8868\uFF0C<code>column</code> \u53EF\u8BBE\u7F6E\u671F\u671B\u663E\u793A\u7684\u5217\u6570\u3002</p>
    500. 

  500. <h2 id="en-us">en-US</h2>
    501. 

  501. <p>Creating a grid list by setting the <code>grid</code> property of List</p>
    502. 

  502. `,order:4,title:{"zh-CN":"\u6805\u683C\u5217\u8868","en-US":"Grid"},relativePath:"src/docs/list/demo/grid.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgOmdyaWQ9InsgZ3V0dGVyOiAxNiwgY29sdW1uOiA0IH0iIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8dGVtcGxhdGUgI3JlbmRlckl0ZW09InsgaXRlbSB9Ij4KICAgICAgPGEtbGlzdC1pdGVtPgogICAgICAgIDxhLWNhcmQgOnRpdGxlPSJpdGVtLnRpdGxlIj5DYXJkIGNvbnRlbnQ8L2EtY2FyZD4KICAgICAgPC9hLWxpc3QtaXRlbT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWxpc3Q+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwppbnRlcmZhY2UgRGF0YUl0ZW0gewogIHRpdGxlOiBzdHJpbmc7Cn0KY29uc3QgZGF0YTogRGF0YUl0ZW1bXSA9IFsKICB7CiAgICB0aXRsZTogJ1RpdGxlIDEnLAogIH0sCiAgewogICAgdGl0bGU6ICdUaXRsZSAyJywKICB9LAogIHsKICAgIHRpdGxlOiAnVGl0bGUgMycsCiAgfSwKICB7CiAgICB0aXRsZTogJ1RpdGxlIDQnLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBkYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgOmdyaWQ9InsgZ3V0dGVyOiAxNiwgY29sdW1uOiA0IH0iIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8dGVtcGxhdGUgI3JlbmRlckl0ZW09InsgaXRlbSB9Ij4KICAgICAgPGEtbGlzdC1pdGVtPgogICAgICAgIDxhLWNhcmQgOnRpdGxlPSJpdGVtLnRpdGxlIj5DYXJkIGNvbnRlbnQ8L2EtY2FyZD4KICAgICAgPC9hLWxpc3QtaXRlbT4KICAgIDwvdGVtcGxhdGU+CiAgPC9hLWxpc3Q+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGRhdGEgPSBbCiAgewogICAgdGl0bGU6ICdUaXRsZSAxJywKICB9LAogIHsKICAgIHRpdGxlOiAnVGl0bGUgMicsCiAgfSwKICB7CiAgICB0aXRsZTogJ1RpdGxlIDMnLAogIH0sCiAgewogICAgdGl0bGU6ICdUaXRsZSA0JywKICB9LApdOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgZGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[e(k,{grid:{gutter:16,column:4},"data-source":p.data},{renderItem:s(({item:r})=>[e(u,null,{default:s(()=>[e(l,{title:r.title},{default:s(()=>a[0]||(a[0]=[n("Card content")])),_:2,__:[0]},1032,["title"])]),_:2},1024)]),_:1},8,["data-source"])]),htmlCode:s(()=>a[1]||(a[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    503. 

  503.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},":grid"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ gutter: 16, column: 4 }"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    504. 

  504.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    505. 

  505.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    506. 

  506.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-card")]),n(),t("span",{class:"token attr-name"},":title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Card content"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-card")]),t("span",{class:"token punctuation"},">")]),n(`
    507. 

  507.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    508. 

  508.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    509. 

  509.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    510. 

  510. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    511. 

  511. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    512. 

  512. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    513. 

  513. `),t("span",{class:"token keyword"},"interface"),n(),t("span",{class:"token class-name"},"DataItem"),n(),t("span",{class:"token punctuation"},"{"),n(`
    514. 

  514.   `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
    515. 

  515. `),t("span",{class:"token punctuation"},"}"),n(`
    516. 

  516. `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token literal-property property"},"data"),t("span",{class:"token operator"},":"),n(" DataItem"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    517. 

  517.   `),t("span",{class:"token punctuation"},"{"),n(`
    518. 

  518.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 1'"),t("span",{class:"token punctuation"},","),n(`
    519. 

  519.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    520. 

  520.   `),t("span",{class:"token punctuation"},"{"),n(`
    521. 

  521.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 2'"),t("span",{class:"token punctuation"},","),n(`
    522. 

  522.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    523. 

  523.   `),t("span",{class:"token punctuation"},"{"),n(`
    524. 

  524.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 3'"),t("span",{class:"token punctuation"},","),n(`
    525. 

  525.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    526. 

  526.   `),t("span",{class:"token punctuation"},"{"),n(`
    527. 

  527.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 4'"),t("span",{class:"token punctuation"},","),n(`
    528. 

  528.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    529. 

  529. `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    530. 

  530. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    531. 

  531.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    532. 

  532.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    533. 

  533.       data`),t("span",{class:"token punctuation"},","),n(`
    534. 

  534.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    535. 

  535.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    536. 

  536. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    537. 

  537. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    538. 

  538. `)])],-1)])),jsVersionHtml:s(()=>a[2]||(a[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    539. 

  539.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},":grid"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ gutter: 16, column: 4 }"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    540. 

  540.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    541. 

  541.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    542. 

  542.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-card")]),n(),t("span",{class:"token attr-name"},":title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Card content"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-card")]),t("span",{class:"token punctuation"},">")]),n(`
    543. 

  543.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    544. 

  544.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    545. 

  545.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    546. 

  546. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    547. 

  547. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    548. 

  548. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    549. 

  549. `),t("span",{class:"token keyword"},"const"),n(" data "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    550. 

  550.   `),t("span",{class:"token punctuation"},"{"),n(`
    551. 

  551.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 1'"),t("span",{class:"token punctuation"},","),n(`
    552. 

  552.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    553. 

  553.   `),t("span",{class:"token punctuation"},"{"),n(`
    554. 

  554.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 2'"),t("span",{class:"token punctuation"},","),n(`
    555. 

  555.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    556. 

  556.   `),t("span",{class:"token punctuation"},"{"),n(`
    557. 

  557.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 3'"),t("span",{class:"token punctuation"},","),n(`
    558. 

  558.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    559. 

  559.   `),t("span",{class:"token punctuation"},"{"),n(`
    560. 

  560.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 4'"),t("span",{class:"token punctuation"},","),n(`
    561. 

  561.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    562. 

  562. `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    563. 

  563. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    564. 

  564.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    565. 

  565.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    566. 

  566.       data`),t("span",{class:"token punctuation"},","),n(`
    567. 

  567.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    568. 

  568.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    569. 

  569. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    570. 

  570. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    571. 

  571. `)])],-1)])),_:1})}var at=C(tt,[["render",nt]]);const st=[{title:"Title 1"},{title:"Title 2"},{title:"Title 3"},{title:"Title 4"},{title:"Title 5"},{title:"Title 6"}],ot=y({setup(){return{data:st}}});function et(p,a,d,m,A,h){const l=o("a-card"),u=o("a-list-item"),k=o("a-list"),c=o("demo-box");return i(),I(c,{jsfiddle:{us:"Responsive grid list. The size property is as same as [Layout Grid](https://www.antdv.com/components/grid/#Col).",cn:"\u54CD\u5E94\u5F0F\u7684\u6805\u683C\u5217\u8868\u3002\u5C3A\u5BF8\u4E0E [Layout Grid](https://www.antdv.com/components/grid-cn/#Col) \u4FDD\u6301\u4E00\u81F4\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
    572. 

  572. <p>\u54CD\u5E94\u5F0F\u7684\u6805\u683C\u5217\u8868\u3002\u5C3A\u5BF8\u4E0E <a href="https://www.antdv.com/components/grid-cn/#Col" target="_blank" rel="noopener noreferrer">Layout Grid</a> \u4FDD\u6301\u4E00\u81F4\u3002</p>
    573. 

  573. <h2 id="en-us">en-US</h2>
    574. 

  574. <p>Responsive grid list. The size property is as same as <a href="https://www.antdv.com/components/grid/#Col" target="_blank" rel="noopener noreferrer">Layout Grid</a>.</p>
    575. 

  575. `,order:5,title:{"zh-CN":"\u54CD\u5E94\u5F0F\u7684\u6805\u683C\u5217\u8868","en-US":"Responsive grid list"},relativePath:"src/docs/list/demo/resposive.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgOmdyaWQ9InsgZ3V0dGVyOiAxNiwgeHM6IDEsIHNtOiAyLCBtZDogNCwgbGc6IDQsIHhsOiA2LCB4eGw6IDMgfSIgOmRhdGEtc291cmNlPSJkYXRhIj4KICAgIDx0ZW1wbGF0ZSAjcmVuZGVySXRlbT0ieyBpdGVtIH0iPgogICAgICA8YS1saXN0LWl0ZW0+CiAgICAgICAgPGEtY2FyZCA6dGl0bGU9Iml0ZW0udGl0bGUiPkNhcmQgY29udGVudDwvYS1jYXJkPgogICAgICA8L2EtbGlzdC1pdGVtPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtbGlzdD4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmludGVyZmFjZSBEYXRhSXRlbSB7CiAgdGl0bGU6IHN0cmluZzsKfQpjb25zdCBkYXRhOiBEYXRhSXRlbVtdID0gWwogIHsKICAgIHRpdGxlOiAnVGl0bGUgMScsCiAgfSwKICB7CiAgICB0aXRsZTogJ1RpdGxlIDInLAogIH0sCiAgewogICAgdGl0bGU6ICdUaXRsZSAzJywKICB9LAogIHsKICAgIHRpdGxlOiAnVGl0bGUgNCcsCiAgfSwKICB7CiAgICB0aXRsZTogJ1RpdGxlIDUnLAogIH0sCiAgewogICAgdGl0bGU6ICdUaXRsZSA2JywKICB9LApdOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIGRhdGEsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgOmdyaWQ9InsgZ3V0dGVyOiAxNiwgeHM6IDEsIHNtOiAyLCBtZDogNCwgbGc6IDQsIHhsOiA2LCB4eGw6IDMgfSIgOmRhdGEtc291cmNlPSJkYXRhIj4KICAgIDx0ZW1wbGF0ZSAjcmVuZGVySXRlbT0ieyBpdGVtIH0iPgogICAgICA8YS1saXN0LWl0ZW0+CiAgICAgICAgPGEtY2FyZCA6dGl0bGU9Iml0ZW0udGl0bGUiPkNhcmQgY29udGVudDwvYS1jYXJkPgogICAgICA8L2EtbGlzdC1pdGVtPgogICAgPC90ZW1wbGF0ZT4KICA8L2EtbGlzdD4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKY29uc3QgZGF0YSA9IFsKICB7CiAgICB0aXRsZTogJ1RpdGxlIDEnLAogIH0sCiAgewogICAgdGl0bGU6ICdUaXRsZSAyJywKICB9LAogIHsKICAgIHRpdGxlOiAnVGl0bGUgMycsCiAgfSwKICB7CiAgICB0aXRsZTogJ1RpdGxlIDQnLAogIH0sCiAgewogICAgdGl0bGU6ICdUaXRsZSA1JywKICB9LAogIHsKICAgIHRpdGxlOiAnVGl0bGUgNicsCiAgfSwKXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIGRhdGEsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:s(()=>[e(k,{grid:{gutter:16,xs:1,sm:2,md:4,lg:4,xl:6,xxl:3},"data-source":p.data},{renderItem:s(({item:r})=>[e(u,null,{default:s(()=>[e(l,{title:r.title},{default:s(()=>a[0]||(a[0]=[n("Card content")])),_:2,__:[0]},1032,["title"])]),_:2},1024)]),_:1},8,["data-source"])]),htmlCode:s(()=>a[1]||(a[1]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    576. 

  576.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},":grid"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3 }"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    577. 

  577.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    578. 

  578.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    579. 

  579.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-card")]),n(),t("span",{class:"token attr-name"},":title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Card content"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-card")]),t("span",{class:"token punctuation"},">")]),n(`
    580. 

  580.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    581. 

  581.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    582. 

  582.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    583. 

  583. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    584. 

  584. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),n(),t("span",{class:"token attr-name"},"lang"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("ts"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    585. 

  585. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    586. 

  586. `),t("span",{class:"token keyword"},"interface"),n(),t("span",{class:"token class-name"},"DataItem"),n(),t("span",{class:"token punctuation"},"{"),n(`
    587. 

  587.   `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(" string"),t("span",{class:"token punctuation"},";"),n(`
    588. 

  588. `),t("span",{class:"token punctuation"},"}"),n(`
    589. 

  589. `),t("span",{class:"token keyword"},"const"),n(),t("span",{class:"token literal-property property"},"data"),t("span",{class:"token operator"},":"),n(" DataItem"),t("span",{class:"token punctuation"},"["),t("span",{class:"token punctuation"},"]"),n(),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    590. 

  590.   `),t("span",{class:"token punctuation"},"{"),n(`
    591. 

  591.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 1'"),t("span",{class:"token punctuation"},","),n(`
    592. 

  592.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    593. 

  593.   `),t("span",{class:"token punctuation"},"{"),n(`
    594. 

  594.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 2'"),t("span",{class:"token punctuation"},","),n(`
    595. 

  595.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    596. 

  596.   `),t("span",{class:"token punctuation"},"{"),n(`
    597. 

  597.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 3'"),t("span",{class:"token punctuation"},","),n(`
    598. 

  598.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    599. 

  599.   `),t("span",{class:"token punctuation"},"{"),n(`
    600. 

  600.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 4'"),t("span",{class:"token punctuation"},","),n(`
    601. 

  601.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    602. 

  602.   `),t("span",{class:"token punctuation"},"{"),n(`
    603. 

  603.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 5'"),t("span",{class:"token punctuation"},","),n(`
    604. 

  604.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    605. 

  605.   `),t("span",{class:"token punctuation"},"{"),n(`
    606. 

  606.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 6'"),t("span",{class:"token punctuation"},","),n(`
    607. 

  607.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    608. 

  608. `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    609. 

  609. 

  610. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    611. 

  611.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    612. 

  612.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    613. 

  613.       data`),t("span",{class:"token punctuation"},","),n(`
    614. 

  614.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    615. 

  615.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    616. 

  616. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    617. 

  617. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    618. 

  618. `)])],-1)])),jsVersionHtml:s(()=>a[2]||(a[2]=[t("pre",{class:"language-vue"},[t("code",null,[t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    619. 

  619.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list")]),n(),t("span",{class:"token attr-name"},":grid"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3 }"),t("span",{class:"token punctuation"},'"')]),n(),t("span",{class:"token attr-name"},":data-source"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("data"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    620. 

  620.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("template")]),n(),t("span",{class:"token attr-name"},"#renderItem"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("{ item }"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n(`
    621. 

  621.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    622. 

  622.         `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("a-card")]),n(),t("span",{class:"token attr-name"},":title"),t("span",{class:"token attr-value"},[t("span",{class:"token punctuation attr-equals"},"="),t("span",{class:"token punctuation"},'"'),n("item.title"),t("span",{class:"token punctuation"},'"')]),t("span",{class:"token punctuation"},">")]),n("Card content"),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-card")]),t("span",{class:"token punctuation"},">")]),n(`
    623. 

  623.       `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list-item")]),t("span",{class:"token punctuation"},">")]),n(`
    624. 

  624.     `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    625. 

  625.   `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("a-list")]),t("span",{class:"token punctuation"},">")]),n(`
    626. 

  626. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("template")]),t("span",{class:"token punctuation"},">")]),n(`
    627. 

  627. `),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"<"),n("script")]),t("span",{class:"token punctuation"},">")]),t("span",{class:"token script"},[t("span",{class:"token language-javascript"},[n(`
    628. 

  628. `),t("span",{class:"token keyword"},"import"),n(),t("span",{class:"token punctuation"},"{"),n(" defineComponent "),t("span",{class:"token punctuation"},"}"),n(),t("span",{class:"token keyword"},"from"),n(),t("span",{class:"token string"},"'vue'"),t("span",{class:"token punctuation"},";"),n(`
    629. 

  629. `),t("span",{class:"token keyword"},"const"),n(" data "),t("span",{class:"token operator"},"="),n(),t("span",{class:"token punctuation"},"["),n(`
    630. 

  630.   `),t("span",{class:"token punctuation"},"{"),n(`
    631. 

  631.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 1'"),t("span",{class:"token punctuation"},","),n(`
    632. 

  632.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    633. 

  633.   `),t("span",{class:"token punctuation"},"{"),n(`
    634. 

  634.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 2'"),t("span",{class:"token punctuation"},","),n(`
    635. 

  635.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    636. 

  636.   `),t("span",{class:"token punctuation"},"{"),n(`
    637. 

  637.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 3'"),t("span",{class:"token punctuation"},","),n(`
    638. 

  638.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    639. 

  639.   `),t("span",{class:"token punctuation"},"{"),n(`
    640. 

  640.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 4'"),t("span",{class:"token punctuation"},","),n(`
    641. 

  641.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    642. 

  642.   `),t("span",{class:"token punctuation"},"{"),n(`
    643. 

  643.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 5'"),t("span",{class:"token punctuation"},","),n(`
    644. 

  644.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    645. 

  645.   `),t("span",{class:"token punctuation"},"{"),n(`
    646. 

  646.     `),t("span",{class:"token literal-property property"},"title"),t("span",{class:"token operator"},":"),n(),t("span",{class:"token string"},"'Title 6'"),t("span",{class:"token punctuation"},","),n(`
    647. 

  647.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    648. 

  648. `),t("span",{class:"token punctuation"},"]"),t("span",{class:"token punctuation"},";"),n(`
    649. 

  649. `),t("span",{class:"token keyword"},"export"),n(),t("span",{class:"token keyword"},"default"),n(),t("span",{class:"token function"},"defineComponent"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},"{"),n(`
    650. 

  650.   `),t("span",{class:"token function"},"setup"),t("span",{class:"token punctuation"},"("),t("span",{class:"token punctuation"},")"),n(),t("span",{class:"token punctuation"},"{"),n(`
    651. 

  651.     `),t("span",{class:"token keyword"},"return"),n(),t("span",{class:"token punctuation"},"{"),n(`
    652. 

  652.       data`),t("span",{class:"token punctuation"},","),n(`
    653. 

  653.     `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},";"),n(`
    654. 

  654.   `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},","),n(`
    655. 

  655. `),t("span",{class:"token punctuation"},"}"),t("span",{class:"token punctuation"},")"),t("span",{class:"token punctuation"},";"),n(`
    656. 

  656. `)])]),t("span",{class:"token tag"},[t("span",{class:"token tag"},[t("span",{class:"token punctuation"},"</"),n("script")]),t("span",{class:"token punctuation"},">")]),n(`
    657. 

  657. `)])],-1)])),_:1})}var pt=C(ot,[["render",et]]);const ct={pageData:{title:"List",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5C55\u793A",title:"List",subtitle:"\u5217\u8868",cover:"https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u6700\u57FA\u7840\u7684\u5217\u8868\u5C55\u793A\uFF0C\u53EF\u627F\u8F7D\u6587\u5B57\u3001\u5217\u8868\u3001\u56FE\u7247\u3001\u6BB5\u843D\uFF0C\u5E38\u7528\u4E8E\u540E\u53F0\u6570\u636E\u5C55\u793A\u9875\u9762\u3002"},{level:2,title:"API",slug:"api",content:"List"},{level:3,title:"List",slug:"list",content:""},{level:3,title:"pagination",slug:"pagination",content:"\u5206\u9875\u7684\u914D\u7F6E\u9879\u3002"},{level:3,title:"List grid props",slug:"list-grid-props",content:""},{level:3,title:"List.Item",slug:"list-item",content:""},{level:3,title:"List.Item.Meta",slug:"list-item-meta",content:""}],relativePath:"src/docs/list/index.zh-CN.md",content:`
    658. 

  658. \u901A\u7528\u5217\u8868\u3002
    659. 

  659. 

  660. ## \u4F55\u65F6\u4F7F\u7528
    661. 

  661. 

  662. \u6700\u57FA\u7840\u7684\u5217\u8868\u5C55\u793A\uFF0C\u53EF\u627F\u8F7D\u6587\u5B57\u3001\u5217\u8868\u3001\u56FE\u7247\u3001\u6BB5\u843D\uFF0C\u5E38\u7528\u4E8E\u540E\u53F0\u6570\u636E\u5C55\u793A\u9875\u9762\u3002
    663. 

  663. 

  664. ## API
    665. 

  665. 

  666. ### List
    667. 

  667. 

  668. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    669. 

  669. | --- | --- | --- | --- | --- |
    670. 

  670. | bordered | \u662F\u5426\u5C55\u793A\u8FB9\u6846 | boolean | false |  |
    671. 

  671. | footer | \u5217\u8868\u5E95\u90E8 | string\\|slot | - |  |
    672. 

  672. | grid | \u5217\u8868\u6805\u683C\u914D\u7F6E | object | - |  |
    673. 

  673. | header | \u5217\u8868\u5934\u90E8 | string\\|slot | - |  |
    674. 

  674. | itemLayout | \u8BBE\u7F6E \`List.Item\` \u5E03\u5C40, \u8BBE\u7F6E\u6210 \`vertical\` \u5219\u7AD6\u76F4\u6837\u5F0F\u663E\u793A, \u9ED8\u8BA4\u6A2A\u6392 | string | - |  |
    675. 

  675. | loading | \u5F53\u5361\u7247\u5185\u5BB9\u8FD8\u5728\u52A0\u8F7D\u4E2D\u65F6\uFF0C\u53EF\u4EE5\u7528 \`loading\` \u5C55\u793A\u4E00\u4E2A\u5360\u4F4D | boolean\\|[object](https://www.antdv.com/components/spin-cn/#API) | false |  |
    676. 

  676. | loadMore | \u52A0\u8F7D\u66F4\u591A | string\\|slot | - |  |
    677. 

  677. | locale | \u9ED8\u8BA4\u6587\u6848\u8BBE\u7F6E\uFF0C\u76EE\u524D\u5305\u62EC\u7A7A\u6570\u636E\u6587\u6848 | object | emptyText: &#39;\u6682\u65E0\u6570\u636E&#39; |  |
    678. 

  678. | pagination | \u5BF9\u5E94\u7684 \`pagination\` [\u914D\u7F6E](https://www.antdv.com/components/pagination-cn/#API), \u8BBE\u7F6E \`false\` \u4E0D\u663E\u793A | boolean\\|object | false |  |
    679. 

  679. | size | list \u7684\u5C3A\u5BF8 | \`default\` \\| \`middle\` \\| \`small\` | \`default\` |  |
    680. 

  680. | split | \u662F\u5426\u5C55\u793A\u5206\u5272\u7EBF | boolean | true |  |
    681. 

  681. | dataSource | \u5217\u8868\u6570\u636E\u6E90 | any[] | - | 1.5.0 |
    682. 

  682. | renderItem | \u81EA\u5B9A\u4E49\`Item\`\u51FD\u6570\uFF0C\u4E5F\u53EF\u4F7F\u7528 #renderItem=&quot;{item, index}&quot; | ({item, index}) =&gt; vNode |  | - |  |
    683. 

  683. | rowKey | \u5404\u9879 key \u7684\u53D6\u503C\uFF0C\u53EF\u4EE5\u662F\u5B57\u7B26\u4E32\u6216\u4E00\u4E2A\u51FD\u6570 | item =&gt; string\\|number |  |  |
    684. 

  684. 

  685. ### pagination
    686. 

  686. 

  687. \u5206\u9875\u7684\u914D\u7F6E\u9879\u3002
    688. 

  688. 

  689. | \u53C2\u6570     | \u8BF4\u660E               | \u7C7B\u578B                        | \u9ED8\u8BA4\u503C   |
    690. 

  690. | -------- | ------------------ | --------------------------- | -------- |
    691. 

  691. | position | \u6307\u5B9A\u5206\u9875\u663E\u793A\u7684\u4F4D\u7F6E | &#39;top&#39; \\| &#39;bottom&#39; \\| &#39;both&#39; | &#39;bottom&#39; |
    692. 

  692. 

  693. \u66F4\u591A\u914D\u7F6E\u9879\uFF0C\u8BF7\u67E5\u770B [\`Pagination\`](https://www.antdv.com/components/pagination-cn/#API)\u3002
    694. 

  694. 

  695. ### List grid props
    696. 

  696. 

  697. | \u53C2\u6570   | \u8BF4\u660E                 | \u7C7B\u578B                                     | \u9ED8\u8BA4\u503C |
    698. 

  698. | ------ | -------------------- | ---------------------------------------- | ------ |
    699. 

  699. | column | \u5217\u6570                 | number oneOf [ 1, 2, 3, 4, 6, 8, 12, 24] | -      |
    700. 

  700. | gutter | \u6805\u683C\u95F4\u9694             | number                                   | 0      |
    701. 

  701. | xs     | \`&lt;576px\` \u5C55\u793A\u7684\u5217\u6570  | number                                   | -      |
    702. 

  702. | sm     | \`\u2265576px\` \u5C55\u793A\u7684\u5217\u6570  | number                                   | -      |
    703. 

  703. | md     | \`\u2265768px\` \u5C55\u793A\u7684\u5217\u6570  | number                                   | -      |
    704. 

  704. | lg     | \`\u2265992px\` \u5C55\u793A\u7684\u5217\u6570  | number                                   | -      |
    705. 

  705. | xl     | \`\u22651200px\` \u5C55\u793A\u7684\u5217\u6570 | number                                   | -      |
    706. 

  706. | xxl    | \`\u22651600px\` \u5C55\u793A\u7684\u5217\u6570 | number                                   | -      |
    707. 

  707. 

  708. ### List.Item
    709. 

  709. 

  710. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
    711. 

  711. | --- | --- | --- | --- |
    712. 

  712. | actions | \u5217\u8868\u64CD\u4F5C\u7EC4\uFF0C\u6839\u636E \`itemLayout\` \u7684\u4E0D\u540C, \u4F4D\u7F6E\u5728\u5361\u7247\u5E95\u90E8\u6216\u8005\u6700\u53F3\u4FA7 | Array\\&lt;vNode&gt;/ | slot | - |
    713. 

  713. | extra | \u989D\u5916\u5185\u5BB9, \u901A\u5E38\u7528\u5728 \`itemLayout\` \u4E3A \`vertical\` \u7684\u60C5\u51B5\u4E0B, \u5C55\u793A\u53F3\u4FA7\u5185\u5BB9; \`horizontal\` \u5C55\u793A\u5728\u5217\u8868\u5143\u7D20\u6700\u53F3\u4FA7 | string\\|slot | - |
    714. 

  714. 

  715. ### List.Item.Meta
    716. 

  716. 

  717. | \u53C2\u6570        | \u8BF4\u660E               | \u7C7B\u578B         | \u9ED8\u8BA4\u503C |
    718. 

  718. | ----------- | ------------------ | ------------ | ------ |
    719. 

  719. | avatar      | \u5217\u8868\u5143\u7D20\u7684\u56FE\u6807     | slot         | -      |
    720. 

  720. | description | \u5217\u8868\u5143\u7D20\u7684\u63CF\u8FF0\u5185\u5BB9 | string\\|slot | -      |
    721. 

  721. | title       | \u5217\u8868\u5143\u7D20\u7684\u6807\u9898     | string\\|slot | -      |
    722. 

  722. `,html:`<p>\u901A\u7528\u5217\u8868\u3002</p>
    723. 

  723. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
    724. 

  724. <p>\u6700\u57FA\u7840\u7684\u5217\u8868\u5C55\u793A\uFF0C\u53EF\u627F\u8F7D\u6587\u5B57\u3001\u5217\u8868\u3001\u56FE\u7247\u3001\u6BB5\u843D\uFF0C\u5E38\u7528\u4E8E\u540E\u53F0\u6570\u636E\u5C55\u793A\u9875\u9762\u3002</p>
    725. 

  725. <h2 id="api">API</h2>
    726. 

  726. <h3 id="list">List</h3>
    727. 

  727. <table>
    728. 

  728. <thead>
    729. 

  729. <tr>
    730. 

  730. <th>\u53C2\u6570</th>
    731. 

  731. <th>\u8BF4\u660E</th>
    732. 

  732. <th>\u7C7B\u578B</th>
    733. 

  733. <th>\u9ED8\u8BA4\u503C</th>
    734. 

  734. <th>\u7248\u672C</th>
    735. 

  735. </tr>
    736. 

  736. </thead>
    737. 

  737. <tbody>
    738. 

  738. <tr>
    739. 

  739. <td>bordered</td>
    740. 

  740. <td>\u662F\u5426\u5C55\u793A\u8FB9\u6846</td>
    741. 

  741. <td>boolean</td>
    742. 

  742. <td>false</td>
    743. 

  743. <td></td>
    744. 

  744. </tr>
    745. 

  745. <tr>
    746. 

  746. <td>footer</td>
    747. 

  747. <td>\u5217\u8868\u5E95\u90E8</td>
    748. 

  748. <td>string|slot</td>
    749. 

  749. <td>-</td>
    750. 

  750. <td></td>
    751. 

  751. </tr>
    752. 

  752. <tr>
    753. 

  753. <td>grid</td>
    754. 

  754. <td>\u5217\u8868\u6805\u683C\u914D\u7F6E</td>
    755. 

  755. <td>object</td>
    756. 

  756. <td>-</td>
    757. 

  757. <td></td>
    758. 

  758. </tr>
    759. 

  759. <tr>
    760. 

  760. <td>header</td>
    761. 

  761. <td>\u5217\u8868\u5934\u90E8</td>
    762. 

  762. <td>string|slot</td>
    763. 

  763. <td>-</td>
    764. 

  764. <td></td>
    765. 

  765. </tr>
    766. 

  766. <tr>
    767. 

  767. <td>itemLayout</td>
    768. 

  768. <td>\u8BBE\u7F6E <code>List.Item</code> \u5E03\u5C40, \u8BBE\u7F6E\u6210 <code>vertical</code> \u5219\u7AD6\u76F4\u6837\u5F0F\u663E\u793A, \u9ED8\u8BA4\u6A2A\u6392</td>
    769. 

  769. <td>string</td>
    770. 

  770. <td>-</td>
    771. 

  771. <td></td>
    772. 

  772. </tr>
    773. 

  773. <tr>
    774. 

  774. <td>loading</td>
    775. 

  775. <td>\u5F53\u5361\u7247\u5185\u5BB9\u8FD8\u5728\u52A0\u8F7D\u4E2D\u65F6\uFF0C\u53EF\u4EE5\u7528 <code>loading</code> \u5C55\u793A\u4E00\u4E2A\u5360\u4F4D</td>
    776. 

  776. <td>boolean|<a href="https://www.antdv.com/components/spin-cn/#API" target="_blank" rel="noopener noreferrer">object</a></td>
    777. 

  777. <td>false</td>
    778. 

  778. <td></td>
    779. 

  779. </tr>
    780. 

  780. <tr>
    781. 

  781. <td>loadMore</td>
    782. 

  782. <td>\u52A0\u8F7D\u66F4\u591A</td>
    783. 

  783. <td>string|slot</td>
    784. 

  784. <td>-</td>
    785. 

  785. <td></td>
    786. 

  786. </tr>
    787. 

  787. <tr>
    788. 

  788. <td>locale</td>
    789. 

  789. <td>\u9ED8\u8BA4\u6587\u6848\u8BBE\u7F6E\uFF0C\u76EE\u524D\u5305\u62EC\u7A7A\u6570\u636E\u6587\u6848</td>
    790. 

  790. <td>object</td>
    791. 

  791. <td>emptyText: '\u6682\u65E0\u6570\u636E'</td>
    792. 

  792. <td></td>
    793. 

  793. </tr>
    794. 

  794. <tr>
    795. 

  795. <td>pagination</td>
    796. 

  796. <td>\u5BF9\u5E94\u7684 <code>pagination</code> <a href="https://www.antdv.com/components/pagination-cn/#API" target="_blank" rel="noopener noreferrer">\u914D\u7F6E</a>, \u8BBE\u7F6E <code>false</code> \u4E0D\u663E\u793A</td>
    797. 

  797. <td>boolean|object</td>
    798. 

  798. <td>false</td>
    799. 

  799. <td></td>
    800. 

  800. </tr>
    801. 

  801. <tr>
    802. 

  802. <td>size</td>
    803. 

  803. <td>list \u7684\u5C3A\u5BF8</td>
    804. 

  804. <td><code>default</code> | <code>middle</code> | <code>small</code></td>
    805. 

  805. <td><code>default</code></td>
    806. 

  806. <td></td>
    807. 

  807. </tr>
    808. 

  808. <tr>
    809. 

  809. <td>split</td>
    810. 

  810. <td>\u662F\u5426\u5C55\u793A\u5206\u5272\u7EBF</td>
    811. 

  811. <td>boolean</td>
    812. 

  812. <td>true</td>
    813. 

  813. <td></td>
    814. 

  814. </tr>
    815. 

  815. <tr>
    816. 

  816. <td>dataSource</td>
    817. 

  817. <td>\u5217\u8868\u6570\u636E\u6E90</td>
    818. 

  818. <td>any[]</td>
    819. 

  819. <td>-</td>
    820. 

  820. <td>1.5.0</td>
    821. 

  821. </tr>
    822. 

  822. <tr>
    823. 

  823. <td>renderItem</td>
    824. 

  824. <td>\u81EA\u5B9A\u4E49<code>Item</code>\u51FD\u6570\uFF0C\u4E5F\u53EF\u4F7F\u7528 #renderItem=&quot;{item, index}&quot;</td>
    825. 

  825. <td>({item, index}) =&gt; vNode</td>
    826. 

  826. <td></td>
    827. 

  827. <td>-</td>
    828. 

  828. </tr>
    829. 

  829. <tr>
    830. 

  830. <td>rowKey</td>
    831. 

  831. <td>\u5404\u9879 key \u7684\u53D6\u503C\uFF0C\u53EF\u4EE5\u662F\u5B57\u7B26\u4E32\u6216\u4E00\u4E2A\u51FD\u6570</td>
    832. 

  832. <td>item =&gt; string|number</td>
    833. 

  833. <td></td>
    834. 

  834. <td></td>
    835. 

  835. </tr>
    836. 

  836. </tbody>
    837. 

  837. </table>
    838. 

  838. <h3 id="pagination">pagination</h3>
    839. 

  839. <p>\u5206\u9875\u7684\u914D\u7F6E\u9879\u3002</p>
    840. 

  840. <table>
    841. 

  841. <thead>
    842. 

  842. <tr>
    843. 

  843. <th>\u53C2\u6570</th>
    844. 

  844. <th>\u8BF4\u660E</th>
    845. 

  845. <th>\u7C7B\u578B</th>
    846. 

  846. <th>\u9ED8\u8BA4\u503C</th>
    847. 

  847. </tr>
    848. 

  848. </thead>
    849. 

  849. <tbody>
    850. 

  850. <tr>
    851. 

  851. <td>position</td>
    852. 

  852. <td>\u6307\u5B9A\u5206\u9875\u663E\u793A\u7684\u4F4D\u7F6E</td>
    853. 

  853. <td>'top' | 'bottom' | 'both'</td>
    854. 

  854. <td>'bottom'</td>
    855. 

  855. </tr>
    856. 

  856. </tbody>
    857. 

  857. </table>
    858. 

  858. <p>\u66F4\u591A\u914D\u7F6E\u9879\uFF0C\u8BF7\u67E5\u770B <a href="https://www.antdv.com/components/pagination-cn/#API" target="_blank" rel="noopener noreferrer"><code>Pagination</code></a>\u3002</p>
    859. 

  859. <h3 id="list-grid-props">List grid props</h3>
    860. 

  860. <table>
    861. 

  861. <thead>
    862. 

  862. <tr>
    863. 

  863. <th>\u53C2\u6570</th>
    864. 

  864. <th>\u8BF4\u660E</th>
    865. 

  865. <th>\u7C7B\u578B</th>
    866. 

  866. <th>\u9ED8\u8BA4\u503C</th>
    867. 

  867. </tr>
    868. 

  868. </thead>
    869. 

  869. <tbody>
    870. 

  870. <tr>
    871. 

  871. <td>column</td>
    872. 

  872. <td>\u5217\u6570</td>
    873. 

  873. <td>number oneOf [ 1, 2, 3, 4, 6, 8, 12, 24]</td>
    874. 

  874. <td>-</td>
    875. 

  875. </tr>
    876. 

  876. <tr>
    877. 

  877. <td>gutter</td>
    878. 

  878. <td>\u6805\u683C\u95F4\u9694</td>
    879. 

  879. <td>number</td>
    880. 

  880. <td>0</td>
    881. 

  881. </tr>
    882. 

  882. <tr>
    883. 

  883. <td>xs</td>
    884. 

  884. <td><code>&lt;576px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    885. 

  885. <td>number</td>
    886. 

  886. <td>-</td>
    887. 

  887. </tr>
    888. 

  888. <tr>
    889. 

  889. <td>sm</td>
    890. 

  890. <td><code>\u2265576px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    891. 

  891. <td>number</td>
    892. 

  892. <td>-</td>
    893. 

  893. </tr>
    894. 

  894. <tr>
    895. 

  895. <td>md</td>
    896. 

  896. <td><code>\u2265768px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    897. 

  897. <td>number</td>
    898. 

  898. <td>-</td>
    899. 

  899. </tr>
    900. 

  900. <tr>
    901. 

  901. <td>lg</td>
    902. 

  902. <td><code>\u2265992px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    903. 

  903. <td>number</td>
    904. 

  904. <td>-</td>
    905. 

  905. </tr>
    906. 

  906. <tr>
    907. 

  907. <td>xl</td>
    908. 

  908. <td><code>\u22651200px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    909. 

  909. <td>number</td>
    910. 

  910. <td>-</td>
    911. 

  911. </tr>
    912. 

  912. <tr>
    913. 

  913. <td>xxl</td>
    914. 

  914. <td><code>\u22651600px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    915. 

  915. <td>number</td>
    916. 

  916. <td>-</td>
    917. 

  917. </tr>
    918. 

  918. </tbody>
    919. 

  919. </table>
    920. 

  920. <h3 id="list-item">List.Item</h3>
    921. 

  921. <table>
    922. 

  922. <thead>
    923. 

  923. <tr>
    924. 

  924. <th>\u53C2\u6570</th>
    925. 

  925. <th>\u8BF4\u660E</th>
    926. 

  926. <th>\u7C7B\u578B</th>
    927. 

  927. <th>\u9ED8\u8BA4\u503C</th>
    928. 

  928. </tr>
    929. 

  929. </thead>
    930. 

  930. <tbody>
    931. 

  931. <tr>
    932. 

  932. <td>actions</td>
    933. 

  933. <td>\u5217\u8868\u64CD\u4F5C\u7EC4\uFF0C\u6839\u636E <code>itemLayout</code> \u7684\u4E0D\u540C, \u4F4D\u7F6E\u5728\u5361\u7247\u5E95\u90E8\u6216\u8005\u6700\u53F3\u4FA7</td>
    934. 

  934. <td>Array&lt;vNode&gt;/</td>
    935. 

  935. <td>slot</td>
    936. 

  936. </tr>
    937. 

  937. <tr>
    938. 

  938. <td>extra</td>
    939. 

  939. <td>\u989D\u5916\u5185\u5BB9, \u901A\u5E38\u7528\u5728 <code>itemLayout</code> \u4E3A <code>vertical</code> \u7684\u60C5\u51B5\u4E0B, \u5C55\u793A\u53F3\u4FA7\u5185\u5BB9; <code>horizontal</code> \u5C55\u793A\u5728\u5217\u8868\u5143\u7D20\u6700\u53F3\u4FA7</td>
    940. 

  940. <td>string|slot</td>
    941. 

  941. <td>-</td>
    942. 

  942. </tr>
    943. 

  943. </tbody>
    944. 

  944. </table>
    945. 

  945. <h3 id="list-item-meta">List.Item.Meta</h3>
    946. 

  946. <table>
    947. 

  947. <thead>
    948. 

  948. <tr>
    949. 

  949. <th>\u53C2\u6570</th>
    950. 

  950. <th>\u8BF4\u660E</th>
    951. 

  951. <th>\u7C7B\u578B</th>
    952. 

  952. <th>\u9ED8\u8BA4\u503C</th>
    953. 

  953. </tr>
    954. 

  954. </thead>
    955. 

  955. <tbody>
    956. 

  956. <tr>
    957. 

  957. <td>avatar</td>
    958. 

  958. <td>\u5217\u8868\u5143\u7D20\u7684\u56FE\u6807</td>
    959. 

  959. <td>slot</td>
    960. 

  960. <td>-</td>
    961. 

  961. </tr>
    962. 

  962. <tr>
    963. 

  963. <td>description</td>
    964. 

  964. <td>\u5217\u8868\u5143\u7D20\u7684\u63CF\u8FF0\u5185\u5BB9</td>
    965. 

  965. <td>string|slot</td>
    966. 

  966. <td>-</td>
    967. 

  967. </tr>
    968. 

  968. <tr>
    969. 

  969. <td>title</td>
    970. 

  970. <td>\u5217\u8868\u5143\u7D20\u7684\u6807\u9898</td>
    971. 

  971. <td>string|slot</td>
    972. 

  972. <td>-</td>
    973. 

  973. </tr>
    974. 

  974. </tbody>
    975. 

  975. </table>
    976. 

  976. `,lastUpdated:1748059052695}},lt={class:"markdown"};function ut(p,a,d,m,A,h){return i(),G("article",lt,a[0]||(a[0]=[f('<p>\u901A\u7528\u5217\u8868\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u6700\u57FA\u7840\u7684\u5217\u8868\u5C55\u793A\uFF0C\u53EF\u627F\u8F7D\u6587\u5B57\u3001\u5217\u8868\u3001\u56FE\u7247\u3001\u6BB5\u843D\uFF0C\u5E38\u7528\u4E8E\u540E\u53F0\u6570\u636E\u5C55\u793A\u9875\u9762\u3002</p><h2 id="api">API</h2><h3 id="list">List</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>bordered</td><td>\u662F\u5426\u5C55\u793A\u8FB9\u6846</td><td>boolean</td><td>false</td><td></td></tr><tr><td>footer</td><td>\u5217\u8868\u5E95\u90E8</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>grid</td><td>\u5217\u8868\u6805\u683C\u914D\u7F6E</td><td>object</td><td>-</td><td></td></tr><tr><td>header</td><td>\u5217\u8868\u5934\u90E8</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>itemLayout</td><td>\u8BBE\u7F6E <code>List.Item</code> \u5E03\u5C40, \u8BBE\u7F6E\u6210 <code>vertical</code> \u5219\u7AD6\u76F4\u6837\u5F0F\u663E\u793A, \u9ED8\u8BA4\u6A2A\u6392</td><td>string</td><td>-</td><td></td></tr><tr><td>loading</td><td>\u5F53\u5361\u7247\u5185\u5BB9\u8FD8\u5728\u52A0\u8F7D\u4E2D\u65F6\uFF0C\u53EF\u4EE5\u7528 <code>loading</code> \u5C55\u793A\u4E00\u4E2A\u5360\u4F4D</td><td>boolean|<a href="https://www.antdv.com/components/spin-cn/#API" target="_blank" rel="noopener noreferrer">object</a></td><td>false</td><td></td></tr><tr><td>loadMore</td><td>\u52A0\u8F7D\u66F4\u591A</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>locale</td><td>\u9ED8\u8BA4\u6587\u6848\u8BBE\u7F6E\uFF0C\u76EE\u524D\u5305\u62EC\u7A7A\u6570\u636E\u6587\u6848</td><td>object</td><td>emptyText: &#39;\u6682\u65E0\u6570\u636E&#39;</td><td></td></tr><tr><td>pagination</td><td>\u5BF9\u5E94\u7684 <code>pagination</code> <a href="https://www.antdv.com/components/pagination-cn/#API" target="_blank" rel="noopener noreferrer">\u914D\u7F6E</a>, \u8BBE\u7F6E <code>false</code> \u4E0D\u663E\u793A</td><td>boolean|object</td><td>false</td><td></td></tr><tr><td>size</td><td>list \u7684\u5C3A\u5BF8</td><td><code>default</code> | <code>middle</code> | <code>small</code></td><td><code>default</code></td><td></td></tr><tr><td>split</td><td>\u662F\u5426\u5C55\u793A\u5206\u5272\u7EBF</td><td>boolean</td><td>true</td><td></td></tr><tr><td>dataSource</td><td>\u5217\u8868\u6570\u636E\u6E90</td><td>any[]</td><td>-</td><td>1.5.0</td></tr><tr><td>renderItem</td><td>\u81EA\u5B9A\u4E49<code>Item</code>\u51FD\u6570\uFF0C\u4E5F\u53EF\u4F7F\u7528 #renderItem=&quot;{item, index}&quot;</td><td>({item, index}) =&gt; vNode</td><td></td><td>-</td></tr><tr><td>rowKey</td><td>\u5404\u9879 key \u7684\u53D6\u503C\uFF0C\u53EF\u4EE5\u662F\u5B57\u7B26\u4E32\u6216\u4E00\u4E2A\u51FD\u6570</td><td>item =&gt; string|number</td><td></td><td></td></tr></tbody></table><h3 id="pagination">pagination</h3><p>\u5206\u9875\u7684\u914D\u7F6E\u9879\u3002</p><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>position</td><td>\u6307\u5B9A\u5206\u9875\u663E\u793A\u7684\u4F4D\u7F6E</td><td>&#39;top&#39; | &#39;bottom&#39; | &#39;both&#39;</td><td>&#39;bottom&#39;</td></tr></tbody></table><p>\u66F4\u591A\u914D\u7F6E\u9879\uFF0C\u8BF7\u67E5\u770B <a href="https://www.antdv.com/components/pagination-cn/#API" target="_blank" rel="noopener noreferrer"><code>Pagination</code></a>\u3002</p><h3 id="list-grid-props">List grid props</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>column</td><td>\u5217\u6570</td><td>number oneOf [ 1, 2, 3, 4, 6, 8, 12, 24]</td><td>-</td></tr><tr><td>gutter</td><td>\u6805\u683C\u95F4\u9694</td><td>number</td><td>0</td></tr><tr><td>xs</td><td><code>&lt;576px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td></tr><tr><td>sm</td><td><code>\u2265576px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td></tr><tr><td>md</td><td><code>\u2265768px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td></tr><tr><td>lg</td><td><code>\u2265992px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td></tr><tr><td>xl</td><td><code>\u22651200px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td></tr><tr><td>xxl</td><td><code>\u22651600px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td></tr></tbody></table><h3 id="list-item">List.Item</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>actions</td><td>\u5217\u8868\u64CD\u4F5C\u7EC4\uFF0C\u6839\u636E <code>itemLayout</code> \u7684\u4E0D\u540C, \u4F4D\u7F6E\u5728\u5361\u7247\u5E95\u90E8\u6216\u8005\u6700\u53F3\u4FA7</td><td>Array&lt;vNode&gt;/</td><td>slot</td></tr><tr><td>extra</td><td>\u989D\u5916\u5185\u5BB9, \u901A\u5E38\u7528\u5728 <code>itemLayout</code> \u4E3A <code>vertical</code> \u7684\u60C5\u51B5\u4E0B, \u5C55\u793A\u53F3\u4FA7\u5185\u5BB9; <code>horizontal</code> \u5C55\u793A\u5728\u5217\u8868\u5143\u7D20\u6700\u53F3\u4FA7</td><td>string|slot</td><td>-</td></tr></tbody></table><h3 id="list-item-meta">List.Item.Meta</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>avatar</td><td>\u5217\u8868\u5143\u7D20\u7684\u56FE\u6807</td><td>slot</td><td>-</td></tr><tr><td>description</td><td>\u5217\u8868\u5143\u7D20\u7684\u63CF\u8FF0\u5185\u5BB9</td><td>string|slot</td><td>-</td></tr><tr><td>title</td><td>\u5217\u8868\u5143\u7D20\u7684\u6807\u9898</td><td>string|slot</td><td>-</td></tr></tbody></table>',16)]))}var it=C(ct,[["render",ut]]);const kt={pageData:{title:"List",description:"",frontmatter:{category:"Components",type:"Data Display",title:"List",cover:"https://gw.alipayobjects.com/zos/alicdn/5FrZKStG_/List.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"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."},{level:2,title:"API",slug:"api",content:"List"},{level:3,title:"List",slug:"list",content:""},{level:3,title:"pagination",slug:"pagination",content:"Properties for pagination."},{level:3,title:"List grid props",slug:"list-grid-props",content:""},{level:3,title:"List.Item",slug:"list-item",content:""},{level:3,title:"List.Item.Meta",slug:"list-item-meta",content:""}],relativePath:"src/docs/list/index.en-US.md",content:`
    977. 

  977. Simple List.
    978. 

  978. 

  979. ## When To Use
    980. 

  980. 

  981. 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.
    982. 

  982. 

  983. ## API
    984. 

  984. 

  985. ### List
    986. 

  986. 

  987. | Property | Description | Type | Default | Version |
    988. 

  988. | --- | --- | --- | --- | --- |
    989. 

  989. | bordered | Toggles rendering of the border around the list | boolean | false |  |
    990. 

  990. | footer | List footer renderer | string\\|slot | - |  |
    991. 

  991. | grid | The grid type of list. You can set grid to something like {gutter: 16, column: 4} | object | - |  |
    992. 

  992. | header | List header renderer | string\\|slot | - |  |
    993. 

  993. | itemLayout | The layout of list, default is \`horizontal\`, If a vertical list is desired, set the itemLayout property to \`vertical\` | string | - |  |
    994. 

  994. | rowKey | Item&#39;s unique key, could be a string or function that returns a string | string\\|Function(record):string | \`key\` |  |
    995. 

  995. | loading | Shows a loading indicator while the contents of the list are being fetched | boolean\\|[object](https://www.antdv.com/components/spin/#API) | false |  |
    996. 

  996. | loadMore | Shows a load more content | string\\|slot | - |  |
    997. 

  997. | locale | i18n text including empty text | object | emptyText: &#39;No Data&#39; &lt;br&gt; |  |
    998. 

  998. | pagination | Pagination [config](https://www.antdv.com/components/pagination/#API), hide it by setting it to false | boolean \\| object | false |  |
    999. 

  999. | split | Toggles rendering of the split under the list item | boolean | true |  |
    1000. 

  1000. | dataSource | dataSource array for list | any[] | - | 3.20.1 |
    1001. 

  1001. | renderItem | Custom item renderer, #renderItem=&quot;{item, index}&quot; | ({item, index}) =&gt; vNode |  | - |  |
    1002. 

  1002. 

  1003. ### pagination
    1004. 

  1004. 

  1005. Properties for pagination.
    1006. 

  1006. 

  1007. | Property | Description                          | Type                        | Default  |
    1008. 

  1008. | -------- | ------------------------------------ | --------------------------- | -------- |
    1009. 

  1009. | position | specify the position of \`Pagination\` | &#39;top&#39; \\| &#39;bottom&#39; \\| &#39;both&#39; | &#39;bottom&#39; |
    1010. 

  1010. 

  1011. More about pagination, please check [\`Pagination\`](https://www.antdv.com/components/pagination/#API).
    1012. 

  1012. 

  1013. ### List grid props
    1014. 

  1014. 

  1015. | Property | Description              | Type                                     | Default   |
    1016. 

  1016. | -------- | ------------------------ | ---------------------------------------- | --------- |
    1017. 

  1017. | column   | column of grid           | number oneOf [ 1, 2, 3, 4, 6, 8, 12, 24] | -         |
    1018. 

  1018. | gutter   | spacing between grid     | number                                   | 0         |
    1019. 

  1019. | size     | Size of list             | \`default\` \\| \`middle\` \\| \`small\`         | \`default\` |
    1020. 

  1020. | xs       | \`&lt;576px\` column of grid  | number                                   | -         |
    1021. 

  1021. | sm       | \`\u2265576px\` column of grid  | number                                   | -         |
    1022. 

  1022. | md       | \`\u2265768px\` column of grid  | number                                   | -         |
    1023. 

  1023. | lg       | \`\u2265992px\` column of grid  | number                                   | -         |
    1024. 

  1024. | xl       | \`\u22651200px\` column of grid | number                                   | -         |
    1025. 

  1025. | xxl      | \`\u22651600px\` column of grid | number                                   | -         |
    1026. 

  1026. 

  1027. ### List.Item
    1028. 

  1028. 

  1029. | Property | Description | Type | Default |
    1030. 

  1030. | --- | --- | --- | --- |
    1031. 

  1031. | actions | The actions content of list item. If \`itemLayout\` is \`vertical\`, shows the content on bottom, otherwise shows content on the far right. | Array\\&lt;vNode&gt;\\|slot | - |
    1032. 

  1032. | extra | The extra content of list item. If \`itemLayout\` is \`vertical\`, shows the content on right, otherwise shows content on the far right. | string\\|slot | - |
    1033. 

  1033. 

  1034. ### List.Item.Meta
    1035. 

  1035. 

  1036. | Property    | Description                  | Type         | Default |
    1037. 

  1037. | ----------- | ---------------------------- | ------------ | ------- |
    1038. 

  1038. | avatar      | The avatar of list item      | slot         | -       |
    1039. 

  1039. | description | The description of list item | string\\|slot | -       |
    1040. 

  1040. | title       | The title of list item       | string\\|slot | -       |
    1041. 

  1041. `,html:`<p>Simple List.</p>
    1042. 

  1042. <h2 id="when-to-use">When To Use</h2>
    1043. 

  1043. <p>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.</p>
    1044. 

  1044. <h2 id="api">API</h2>
    1045. 

  1045. <h3 id="list">List</h3>
    1046. 

  1046. <table>
    1047. 

  1047. <thead>
    1048. 

  1048. <tr>
    1049. 

  1049. <th>Property</th>
    1050. 

  1050. <th>Description</th>
    1051. 

  1051. <th>Type</th>
    1052. 

  1052. <th>Default</th>
    1053. 

  1053. <th>Version</th>
    1054. 

  1054. </tr>
    1055. 

  1055. </thead>
    1056. 

  1056. <tbody>
    1057. 

  1057. <tr>
    1058. 

  1058. <td>bordered</td>
    1059. 

  1059. <td>Toggles rendering of the border around the list</td>
    1060. 

  1060. <td>boolean</td>
    1061. 

  1061. <td>false</td>
    1062. 

  1062. <td></td>
    1063. 

  1063. </tr>
    1064. 

  1064. <tr>
    1065. 

  1065. <td>footer</td>
    1066. 

  1066. <td>List footer renderer</td>
    1067. 

  1067. <td>string|slot</td>
    1068. 

  1068. <td>-</td>
    1069. 

  1069. <td></td>
    1070. 

  1070. </tr>
    1071. 

  1071. <tr>
    1072. 

  1072. <td>grid</td>
    1073. 

  1073. <td>The grid type of list. You can set grid to something like {gutter: 16, column: 4}</td>
    1074. 

  1074. <td>object</td>
    1075. 

  1075. <td>-</td>
    1076. 

  1076. <td></td>
    1077. 

  1077. </tr>
    1078. 

  1078. <tr>
    1079. 

  1079. <td>header</td>
    1080. 

  1080. <td>List header renderer</td>
    1081. 

  1081. <td>string|slot</td>
    1082. 

  1082. <td>-</td>
    1083. 

  1083. <td></td>
    1084. 

  1084. </tr>
    1085. 

  1085. <tr>
    1086. 

  1086. <td>itemLayout</td>
    1087. 

  1087. <td>The layout of list, default is <code>horizontal</code>, If a vertical list is desired, set the itemLayout property to <code>vertical</code></td>
    1088. 

  1088. <td>string</td>
    1089. 

  1089. <td>-</td>
    1090. 

  1090. <td></td>
    1091. 

  1091. </tr>
    1092. 

  1092. <tr>
    1093. 

  1093. <td>rowKey</td>
    1094. 

  1094. <td>Item's unique key, could be a string or function that returns a string</td>
    1095. 

  1095. <td>string|Function(record):string</td>
    1096. 

  1096. <td><code>key</code></td>
    1097. 

  1097. <td></td>
    1098. 

  1098. </tr>
    1099. 

  1099. <tr>
    1100. 

  1100. <td>loading</td>
    1101. 

  1101. <td>Shows a loading indicator while the contents of the list are being fetched</td>
    1102. 

  1102. <td>boolean|<a href="https://www.antdv.com/components/spin/#API" target="_blank" rel="noopener noreferrer">object</a></td>
    1103. 

  1103. <td>false</td>
    1104. 

  1104. <td></td>
    1105. 

  1105. </tr>
    1106. 

  1106. <tr>
    1107. 

  1107. <td>loadMore</td>
    1108. 

  1108. <td>Shows a load more content</td>
    1109. 

  1109. <td>string|slot</td>
    1110. 

  1110. <td>-</td>
    1111. 

  1111. <td></td>
    1112. 

  1112. </tr>
    1113. 

  1113. <tr>
    1114. 

  1114. <td>locale</td>
    1115. 

  1115. <td>i18n text including empty text</td>
    1116. 

  1116. <td>object</td>
    1117. 

  1117. <td>emptyText: 'No Data' <br></td>
    1118. 

  1118. <td></td>
    1119. 

  1119. </tr>
    1120. 

  1120. <tr>
    1121. 

  1121. <td>pagination</td>
    1122. 

  1122. <td>Pagination <a href="https://www.antdv.com/components/pagination/#API" target="_blank" rel="noopener noreferrer">config</a>, hide it by setting it to false</td>
    1123. 

  1123. <td>boolean | object</td>
    1124. 

  1124. <td>false</td>
    1125. 

  1125. <td></td>
    1126. 

  1126. </tr>
    1127. 

  1127. <tr>
    1128. 

  1128. <td>split</td>
    1129. 

  1129. <td>Toggles rendering of the split under the list item</td>
    1130. 

  1130. <td>boolean</td>
    1131. 

  1131. <td>true</td>
    1132. 

  1132. <td></td>
    1133. 

  1133. </tr>
    1134. 

  1134. <tr>
    1135. 

  1135. <td>dataSource</td>
    1136. 

  1136. <td>dataSource array for list</td>
    1137. 

  1137. <td>any[]</td>
    1138. 

  1138. <td>-</td>
    1139. 

  1139. <td>3.20.1</td>
    1140. 

  1140. </tr>
    1141. 

  1141. <tr>
    1142. 

  1142. <td>renderItem</td>
    1143. 

  1143. <td>Custom item renderer, #renderItem=&quot;{item, index}&quot;</td>
    1144. 

  1144. <td>({item, index}) =&gt; vNode</td>
    1145. 

  1145. <td></td>
    1146. 

  1146. <td>-</td>
    1147. 

  1147. </tr>
    1148. 

  1148. </tbody>
    1149. 

  1149. </table>
    1150. 

  1150. <h3 id="pagination">pagination</h3>
    1151. 

  1151. <p>Properties for pagination.</p>
    1152. 

  1152. <table>
    1153. 

  1153. <thead>
    1154. 

  1154. <tr>
    1155. 

  1155. <th>Property</th>
    1156. 

  1156. <th>Description</th>
    1157. 

  1157. <th>Type</th>
    1158. 

  1158. <th>Default</th>
    1159. 

  1159. </tr>
    1160. 

  1160. </thead>
    1161. 

  1161. <tbody>
    1162. 

  1162. <tr>
    1163. 

  1163. <td>position</td>
    1164. 

  1164. <td>specify the position of <code>Pagination</code></td>
    1165. 

  1165. <td>'top' | 'bottom' | 'both'</td>
    1166. 

  1166. <td>'bottom'</td>
    1167. 

  1167. </tr>
    1168. 

  1168. </tbody>
    1169. 

  1169. </table>
    1170. 

  1170. <p>More about pagination, please check <a href="https://www.antdv.com/components/pagination/#API" target="_blank" rel="noopener noreferrer"><code>Pagination</code></a>.</p>
    1171. 

  1171. <h3 id="list-grid-props">List grid props</h3>
    1172. 

  1172. <table>
    1173. 

  1173. <thead>
    1174. 

  1174. <tr>
    1175. 

  1175. <th>Property</th>
    1176. 

  1176. <th>Description</th>
    1177. 

  1177. <th>Type</th>
    1178. 

  1178. <th>Default</th>
    1179. 

  1179. </tr>
    1180. 

  1180. </thead>
    1181. 

  1181. <tbody>
    1182. 

  1182. <tr>
    1183. 

  1183. <td>column</td>
    1184. 

  1184. <td>column of grid</td>
    1185. 

  1185. <td>number oneOf [ 1, 2, 3, 4, 6, 8, 12, 24]</td>
    1186. 

  1186. <td>-</td>
    1187. 

  1187. </tr>
    1188. 

  1188. <tr>
    1189. 

  1189. <td>gutter</td>
    1190. 

  1190. <td>spacing between grid</td>
    1191. 

  1191. <td>number</td>
    1192. 

  1192. <td>0</td>
    1193. 

  1193. </tr>
    1194. 

  1194. <tr>
    1195. 

  1195. <td>size</td>
    1196. 

  1196. <td>Size of list</td>
    1197. 

  1197. <td><code>default</code> | <code>middle</code> | <code>small</code></td>
    1198. 

  1198. <td><code>default</code></td>
    1199. 

  1199. </tr>
    1200. 

  1200. <tr>
    1201. 

  1201. <td>xs</td>
    1202. 

  1202. <td><code>&lt;576px</code> column of grid</td>
    1203. 

  1203. <td>number</td>
    1204. 

  1204. <td>-</td>
    1205. 

  1205. </tr>
    1206. 

  1206. <tr>
    1207. 

  1207. <td>sm</td>
    1208. 

  1208. <td><code>\u2265576px</code> column of grid</td>
    1209. 

  1209. <td>number</td>
    1210. 

  1210. <td>-</td>
    1211. 

  1211. </tr>
    1212. 

  1212. <tr>
    1213. 

  1213. <td>md</td>
    1214. 

  1214. <td><code>\u2265768px</code> column of grid</td>
    1215. 

  1215. <td>number</td>
    1216. 

  1216. <td>-</td>
    1217. 

  1217. </tr>
    1218. 

  1218. <tr>
    1219. 

  1219. <td>lg</td>
    1220. 

  1220. <td><code>\u2265992px</code> column of grid</td>
    1221. 

  1221. <td>number</td>
    1222. 

  1222. <td>-</td>
    1223. 

  1223. </tr>
    1224. 

  1224. <tr>
    1225. 

  1225. <td>xl</td>
    1226. 

  1226. <td><code>\u22651200px</code> column of grid</td>
    1227. 

  1227. <td>number</td>
    1228. 

  1228. <td>-</td>
    1229. 

  1229. </tr>
    1230. 

  1230. <tr>
    1231. 

  1231. <td>xxl</td>
    1232. 

  1232. <td><code>\u22651600px</code> column of grid</td>
    1233. 

  1233. <td>number</td>
    1234. 

  1234. <td>-</td>
    1235. 

  1235. </tr>
    1236. 

  1236. </tbody>
    1237. 

  1237. </table>
    1238. 

  1238. <h3 id="list-item">List.Item</h3>
    1239. 

  1239. <table>
    1240. 

  1240. <thead>
    1241. 

  1241. <tr>
    1242. 

  1242. <th>Property</th>
    1243. 

  1243. <th>Description</th>
    1244. 

  1244. <th>Type</th>
    1245. 

  1245. <th>Default</th>
    1246. 

  1246. </tr>
    1247. 

  1247. </thead>
    1248. 

  1248. <tbody>
    1249. 

  1249. <tr>
    1250. 

  1250. <td>actions</td>
    1251. 

  1251. <td>The actions content of list item. If <code>itemLayout</code> is <code>vertical</code>, shows the content on bottom, otherwise shows content on the far right.</td>
    1252. 

  1252. <td>Array&lt;vNode&gt;|slot</td>
    1253. 

  1253. <td>-</td>
    1254. 

  1254. </tr>
    1255. 

  1255. <tr>
    1256. 

  1256. <td>extra</td>
    1257. 

  1257. <td>The extra content of list item. If <code>itemLayout</code> is <code>vertical</code>, shows the content on right, otherwise shows content on the far right.</td>
    1258. 

  1258. <td>string|slot</td>
    1259. 

  1259. <td>-</td>
    1260. 

  1260. </tr>
    1261. 

  1261. </tbody>
    1262. 

  1262. </table>
    1263. 

  1263. <h3 id="list-item-meta">List.Item.Meta</h3>
    1264. 

  1264. <table>
    1265. 

  1265. <thead>
    1266. 

  1266. <tr>
    1267. 

  1267. <th>Property</th>
    1268. 

  1268. <th>Description</th>
    1269. 

  1269. <th>Type</th>
    1270. 

  1270. <th>Default</th>
    1271. 

  1271. </tr>
    1272. 

  1272. </thead>
    1273. 

  1273. <tbody>
    1274. 

  1274. <tr>
    1275. 

  1275. <td>avatar</td>
    1276. 

  1276. <td>The avatar of list item</td>
    1277. 

  1277. <td>slot</td>
    1278. 

  1278. <td>-</td>
    1279. 

  1279. </tr>
    1280. 

  1280. <tr>
    1281. 

  1281. <td>description</td>
    1282. 

  1282. <td>The description of list item</td>
    1283. 

  1283. <td>string|slot</td>
    1284. 

  1284. <td>-</td>
    1285. 

  1285. </tr>
    1286. 

  1286. <tr>
    1287. 

  1287. <td>title</td>
    1288. 

  1288. <td>The title of list item</td>
    1289. 

  1289. <td>string|slot</td>
    1290. 

  1290. <td>-</td>
    1291. 

  1291. </tr>
    1292. 

  1292. </tbody>
    1293. 

  1293. </table>
    1294. 

  1294. `,lastUpdated:1748059052695}},dt={class:"markdown"};function rt(p,a,d,m,A,h){return i(),G("article",dt,a[0]||(a[0]=[f('<p>Simple List.</p><h2 id="when-to-use">When To Use</h2><p>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.</p><h2 id="api">API</h2><h3 id="list">List</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>bordered</td><td>Toggles rendering of the border around the list</td><td>boolean</td><td>false</td><td></td></tr><tr><td>footer</td><td>List footer renderer</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>grid</td><td>The grid type of list. You can set grid to something like {gutter: 16, column: 4}</td><td>object</td><td>-</td><td></td></tr><tr><td>header</td><td>List header renderer</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>itemLayout</td><td>The layout of list, default is <code>horizontal</code>, If a vertical list is desired, set the itemLayout property to <code>vertical</code></td><td>string</td><td>-</td><td></td></tr><tr><td>rowKey</td><td>Item&#39;s unique key, could be a string or function that returns a string</td><td>string|Function(record):string</td><td><code>key</code></td><td></td></tr><tr><td>loading</td><td>Shows a loading indicator while the contents of the list are being fetched</td><td>boolean|<a href="https://www.antdv.com/components/spin/#API" target="_blank" rel="noopener noreferrer">object</a></td><td>false</td><td></td></tr><tr><td>loadMore</td><td>Shows a load more content</td><td>string|slot</td><td>-</td><td></td></tr><tr><td>locale</td><td>i18n text including empty text</td><td>object</td><td>emptyText: &#39;No Data&#39; <br></td><td></td></tr><tr><td>pagination</td><td>Pagination <a href="https://www.antdv.com/components/pagination/#API" target="_blank" rel="noopener noreferrer">config</a>, hide it by setting it to false</td><td>boolean | object</td><td>false</td><td></td></tr><tr><td>split</td><td>Toggles rendering of the split under the list item</td><td>boolean</td><td>true</td><td></td></tr><tr><td>dataSource</td><td>dataSource array for list</td><td>any[]</td><td>-</td><td>3.20.1</td></tr><tr><td>renderItem</td><td>Custom item renderer, #renderItem=&quot;{item, index}&quot;</td><td>({item, index}) =&gt; vNode</td><td></td><td>-</td></tr></tbody></table><h3 id="pagination">pagination</h3><p>Properties for pagination.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>position</td><td>specify the position of <code>Pagination</code></td><td>&#39;top&#39; | &#39;bottom&#39; | &#39;both&#39;</td><td>&#39;bottom&#39;</td></tr></tbody></table><p>More about pagination, please check <a href="https://www.antdv.com/components/pagination/#API" target="_blank" rel="noopener noreferrer"><code>Pagination</code></a>.</p><h3 id="list-grid-props">List grid props</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>column</td><td>column of grid</td><td>number oneOf [ 1, 2, 3, 4, 6, 8, 12, 24]</td><td>-</td></tr><tr><td>gutter</td><td>spacing between grid</td><td>number</td><td>0</td></tr><tr><td>size</td><td>Size of list</td><td><code>default</code> | <code>middle</code> | <code>small</code></td><td><code>default</code></td></tr><tr><td>xs</td><td><code>&lt;576px</code> column of grid</td><td>number</td><td>-</td></tr><tr><td>sm</td><td><code>\u2265576px</code> column of grid</td><td>number</td><td>-</td></tr><tr><td>md</td><td><code>\u2265768px</code> column of grid</td><td>number</td><td>-</td></tr><tr><td>lg</td><td><code>\u2265992px</code> column of grid</td><td>number</td><td>-</td></tr><tr><td>xl</td><td><code>\u22651200px</code> column of grid</td><td>number</td><td>-</td></tr><tr><td>xxl</td><td><code>\u22651600px</code> column of grid</td><td>number</td><td>-</td></tr></tbody></table><h3 id="list-item">List.Item</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>actions</td><td>The actions content of list item. If <code>itemLayout</code> is <code>vertical</code>, shows the content on bottom, otherwise shows content on the far right.</td><td>Array&lt;vNode&gt;|slot</td><td>-</td></tr><tr><td>extra</td><td>The extra content of list item. If <code>itemLayout</code> is <code>vertical</code>, shows the content on right, otherwise shows content on the far right.</td><td>string|slot</td><td>-</td></tr></tbody></table><h3 id="list-item-meta">List.Item.Meta</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th></tr></thead><tbody><tr><td>avatar</td><td>The avatar of list item</td><td>slot</td><td>-</td></tr><tr><td>description</td><td>The description of list item</td><td>string|slot</td><td>-</td></tr><tr><td>title</td><td>The title of list item</td><td>string|slot</td><td>-</td></tr></tbody></table>',16)]))}var gt=C(kt,[["render",rt]]);const mt=y({CN:it,US:gt,components:{Basic:D,Simple:N,Loadmore:Q,Vertical:O,Grid:at,Resposive:pt},setup(){return{}}});function It(p,a,d,m,A,h){const l=o("basic"),u=o("simple"),k=o("loadmore"),c=o("vertical"),r=o("grid"),g=o("resposive");return i(),G(w,null,[e(l),e(u),e(k),e(c),e(r),e(g)],64)}var yt=C(mt,[["render",It]]);export{yt as default};
    1295.