Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
wicresoft
/
doc_project
2
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Мод: 9cd9c7d1d5
Салаанууд Тагууд
doc_project
/
3x.antv.design
/
assets
/
index.eb64c115.js

index.eb64c115.js 225 KB
Түүх Анхны өгөгдөл

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461 
  1. import{d as y,_ as h,l as b,w as s,j as o,k as g,f as e,b as n,t as A,e as t,r as f,o as R,b9 as L,a as G,x as Y,h as V,m as P,F as X,q as B}from"./index.3fe853a6.js";import{S}from"./StarOutlined.f47b7afb.js";import{M as H}from"./MessageOutlined.c4e56101.js";import{L as F}from"./LikeOutlined.e74c6d35.js";const D=[{title:"Ant Design Title 1"},{title:"Ant Design Title 2"},{title:"Ant Design Title 3"},{title:"Ant Design Title 4"}],z=y({setup(){return{data:D}}}),N={href:"https://www.antdv.com/"};function J(p,a,i,d,C,l){const c=o("a-avatar"),k=o("a-list-item-meta"),r=o("a-list-item"),u=o("a-list"),I=o("demo-box");return g(),b(I,{jsfiddle:{us:"Basic list.",cn:"\u57FA\u7840\u5217\u8868\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    2. 

  2.           <span aria-hidden="true" class="anchor">#</span>
    3. 

  3.         </a></h2>
    4. 

  4. <p>\u57FA\u7840\u5217\u8868\u3002</p>
    5. 

  5. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    6. 

  6.           <span aria-hidden="true" class="anchor">#</span>
    7. 

  7.         </a></h2>
    8. 

  8. <p>Basic list.</p>
    9. 

  9. `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic usage"},relativePath:"components/list/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgaXRlbS1sYXlvdXQ9Imhvcml6b250YWwiIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8dGVtcGxhdGUgI3JlbmRlckl0ZW09InsgaXRlbSB9Ij4KICAgICAgPGEtbGlzdC1pdGVtPgogICAgICAgIDxhLWxpc3QtaXRlbS1tZXRhCiAgICAgICAgICBkZXNjcmlwdGlvbj0iQW50IERlc2lnbiwgYSBkZXNpZ24gbGFuZ3VhZ2UgZm9yIGJhY2tncm91bmQgYXBwbGljYXRpb25zLCBpcyByZWZpbmVkIGJ5IEFudCBVRUQgVGVhbSIKICAgICAgICA+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgICA8YSBocmVmPSJodHRwczovL3d3dy5hbnRkdi5jb20vIj57eyBpdGVtLnRpdGxlIH19PC9hPgogICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICAgIDx0ZW1wbGF0ZSAjYXZhdGFyPgogICAgICAgICAgICA8YS1hdmF0YXIgc3JjPSJodHRwczovL2pvZXNjaG1vZS5pby9hcGkvdjEvcmFuZG9tIiAvPgogICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8L2EtbGlzdC1pdGVtLW1ldGE+CiAgICAgIDwvYS1saXN0LWl0ZW0+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1saXN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKaW50ZXJmYWNlIERhdGFJdGVtIHsKICB0aXRsZTogc3RyaW5nOwp9CmNvbnN0IGRhdGE6IERhdGFJdGVtW10gPSBbCiAgewogICAgdGl0bGU6ICdBbnQgRGVzaWduIFRpdGxlIDEnLAogIH0sCiAgewogICAgdGl0bGU6ICdBbnQgRGVzaWduIFRpdGxlIDInLAogIH0sCiAgewogICAgdGl0bGU6ICdBbnQgRGVzaWduIFRpdGxlIDMnLAogIH0sCiAgewogICAgdGl0bGU6ICdBbnQgRGVzaWduIFRpdGxlIDQnLAogIH0sCl07CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBkYXRhLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QgaXRlbS1sYXlvdXQ9Imhvcml6b250YWwiIDpkYXRhLXNvdXJjZT0iZGF0YSI+CiAgICA8dGVtcGxhdGUgI3JlbmRlckl0ZW09InsgaXRlbSB9Ij4KICAgICAgPGEtbGlzdC1pdGVtPgogICAgICAgIDxhLWxpc3QtaXRlbS1tZXRhCiAgICAgICAgICBkZXNjcmlwdGlvbj0iQW50IERlc2lnbiwgYSBkZXNpZ24gbGFuZ3VhZ2UgZm9yIGJhY2tncm91bmQgYXBwbGljYXRpb25zLCBpcyByZWZpbmVkIGJ5IEFudCBVRUQgVGVhbSIKICAgICAgICA+CiAgICAgICAgICA8dGVtcGxhdGUgI3RpdGxlPgogICAgICAgICAgICA8YSBocmVmPSJodHRwczovL3d3dy5hbnRkdi5jb20vIj57eyBpdGVtLnRpdGxlIH19PC9hPgogICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICAgIDx0ZW1wbGF0ZSAjYXZhdGFyPgogICAgICAgICAgICA8YS1hdmF0YXIgc3JjPSJodHRwczovL2pvZXNjaG1vZS5pby9hcGkvdjEvcmFuZG9tIiAvPgogICAgICAgICAgPC90ZW1wbGF0ZT4KICAgICAgICA8L2EtbGlzdC1pdGVtLW1ldGE+CiAgICAgIDwvYS1saXN0LWl0ZW0+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1saXN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpjb25zdCBkYXRhID0gW3sKICB0aXRsZTogJ0FudCBEZXNpZ24gVGl0bGUgMScsCn0sIHsKICB0aXRsZTogJ0FudCBEZXNpZ24gVGl0bGUgMicsCn0sIHsKICB0aXRsZTogJ0FudCBEZXNpZ24gVGl0bGUgMycsCn0sIHsKICB0aXRsZTogJ0FudCBEZXNpZ24gVGl0bGUgNCcsCn1dOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgZGF0YSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:s(()=>[e(u,{"item-layout":"horizontal","data-source":p.data},{renderItem:s(({item:m})=>[e(r,null,{default:s(()=>[e(k,{description:"Ant Design, a design language for background applications, is refined by Ant UED Team"},{title:s(()=>[n("a",N,A(m.title),1)]),avatar:s(()=>[e(c,{src:"https://joeschmoe.io/api/v1/random"})]),_:2},1024)]),_:2},1024)]),_:1},8,["data-source"])]),htmlCode:s(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    10. 

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

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

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

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

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

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

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

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

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

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

  20.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-avatar")]),t(),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("https://joeschmoe.io/api/v1/random"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    21. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  51.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    52. 

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

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

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

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

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

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

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

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

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

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

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

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

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

  65.             `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-avatar")]),t(),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("https://joeschmoe.io/api/v1/random"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    66. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  91. `)])],-1)])),_:1})}const T=h(z,[["render",J]]),j=["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."],K=y({setup(){return{data:j}}});function U(p,a,i,d,C,l){const c=o("a-list-item"),k=o("a-list"),r=o("demo-box");return g(),b(r,{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 <a class="header-anchor" href="#zh-CN">
    92. 

  92.           <span aria-hidden="true" class="anchor">#</span>
    93. 

  93.         </a></h2>
    94. 

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

  95. \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
    96. 

  96. \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>
    97. 

  97. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    98. 

  98.           <span aria-hidden="true" class="anchor">#</span>
    99. 

  99.         </a></h2>
    100. 

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

  101. 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.
    102. 

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

  103. `,order:1,title:{"zh-CN":"\u7B80\u5355\u5217\u8868","en-US":"Simple list"},relativePath:"components/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+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGRhdGEgPSBbJ1JhY2luZyBjYXIgc3ByYXlzIGJ1cm5pbmcgZnVlbCBpbnRvIGNyb3dkLicsICdKYXBhbmVzZSBwcmluY2VzcyB0byB3ZWQgY29tbW9uZXIuJywgJ0F1c3RyYWxpYW4gd2Fsa3MgMTAwa20gYWZ0ZXIgb3V0YmFjayBjcmFzaC4nLCAnTWFuIGNoYXJnZWQgb3ZlciBtaXNzaW5nIHdlZGRpbmcgZ2lybC4nLCAnTG9zIEFuZ2VsZXMgYmF0dGxlcyBodWdlIHdpbGRmaXJlcy4nXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIGRhdGEsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:s(()=>[a[6]||(a[6]=n("h3",{style:{margin:"16px 0"}},"Small Size",-1)),e(k,{size:"small",bordered:"","data-source":p.data},{renderItem:s(({item:u})=>[e(c,null,{default:s(()=>[t(A(u),1)]),_:2},1024)]),header:s(()=>a[0]||(a[0]=[n("div",null,"Header",-1)])),footer:s(()=>a[1]||(a[1]=[n("div",null,"Footer",-1)])),_:1},8,["data-source"]),a[7]||(a[7]=n("h3",{style:{marginBottom:"16px"}},"Default Size",-1)),e(k,{bordered:"","data-source":p.data},{renderItem:s(({item:u})=>[e(c,null,{default:s(()=>[t(A(u),1)]),_:2},1024)]),header:s(()=>a[2]||(a[2]=[n("div",null,"Header",-1)])),footer:s(()=>a[3]||(a[3]=[n("div",null,"Footer",-1)])),_:1},8,["data-source"]),a[8]||(a[8]=n("h3",{style:{margin:"16px 0"}},"Large Size",-1)),e(k,{size:"large",bordered:"","data-source":p.data},{renderItem:s(({item:u})=>[e(c,null,{default:s(()=>[t(A(u),1)]),_:2},1024)]),header:s(()=>a[4]||(a[4]=[n("div",null,"Header",-1)])),footer:s(()=>a[5]||(a[5]=[n("div",null,"Footer",-1)])),_:1},8,["data-source"])]),htmlCode:s(()=>a[9]||(a[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    104. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  150. 

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

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

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

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

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

  156.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    157. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  199. `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'Racing car sprays burning fuel into crowd.'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'Japanese princess to wed commoner.'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'Australian walks 100km after outback crash.'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'Man charged over missing wedding girl.'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'Los Angeles battles huge wildfires.'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    200. 

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

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

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

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

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

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

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

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

  208. `)])],-1)])),_:1})}const E=h(K,[["render",U]]),W=3,w=`https://randomuser.me/api/?results=${W}&inc=name,gender,email,nat,picture&noinfo`,Q=y({setup(){const p=f(!0),a=f(!1),i=f([]),d=f([]);return R(()=>{fetch(w).then(l=>l.json()).then(l=>{p.value=!1,i.value=l.results,d.value=l.results})}),{loading:a,initLoading:p,data:i,list:d,onLoadMore:()=>{a.value=!0,d.value=i.value.concat([...new Array(W)].map(()=>({loading:!0,name:{},picture:{}}))),fetch(w).then(l=>l.json()).then(l=>{const c=i.value.concat(l.results);a.value=!1,i.value=c,d.value=c,L(()=>{window.dispatchEvent(new Event("resize"))})})}}}});const M={key:0,style:{textAlign:"center",marginTop:"12px",height:"32px",lineHeight:"32px"}},_={href:"https://www.antdv.com/"};function q(p,a,i,d,C,l){const c=o("a-button"),k=o("a-avatar"),r=o("a-list-item-meta"),u=o("a-skeleton"),I=o("a-list-item"),m=o("a-list"),Z=o("demo-box");return g(),b(Z,{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 <a class="header-anchor" href="#zh-CN">
    209. 

  209.           <span aria-hidden="true" class="anchor">#</span>
    210. 

  210.         </a></h2>
    211. 

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

  212. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    213. 

  213.           <span aria-hidden="true" class="anchor">#</span>
    214. 

  214.         </a></h2>
    215. 

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

  216. `,order:2,title:{"zh-CN":"\u52A0\u8F7D\u66F4\u591A","en-US":"Load more"},relativePath:"components/list/demo/loadmore.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QKICAgIGNsYXNzPSJkZW1vLWxvYWRtb3JlLWxpc3QiCiAgICA6bG9hZGluZz0iaW5pdExvYWRpbmciCiAgICBpdGVtLWxheW91dD0iaG9yaXpvbnRhbCIKICAgIDpkYXRhLXNvdXJjZT0ibGlzdCIKICA+CiAgICA8dGVtcGxhdGUgI2xvYWRNb3JlPgogICAgICA8ZGl2CiAgICAgICAgdi1pZj0iIWluaXRMb2FkaW5nICYmICFsb2FkaW5nIgogICAgICAgIDpzdHlsZT0ieyB0ZXh0QWxpZ246ICdjZW50ZXInLCBtYXJnaW5Ub3A6ICcxMnB4JywgaGVpZ2h0OiAnMzJweCcsIGxpbmVIZWlnaHQ6ICczMnB4JyB9IgogICAgICA+CiAgICAgICAgPGEtYnV0dG9uIEBjbGljaz0ib25Mb2FkTW9yZSI+bG9hZGluZyBtb3JlPC9hLWJ1dHRvbj4KICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbT4KICAgICAgICA8dGVtcGxhdGUgI2FjdGlvbnM+CiAgICAgICAgICA8YSBrZXk9Imxpc3QtbG9hZG1vcmUtZWRpdCI+ZWRpdDwvYT4KICAgICAgICAgIDxhIGtleT0ibGlzdC1sb2FkbW9yZS1tb3JlIj5tb3JlPC9hPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtc2tlbGV0b24gYXZhdGFyIDp0aXRsZT0iZmFsc2UiIDpsb2FkaW5nPSIhIWl0ZW0ubG9hZGluZyIgYWN0aXZlPgogICAgICAgICAgPGEtbGlzdC1pdGVtLW1ldGEKICAgICAgICAgICAgZGVzY3JpcHRpb249IkFudCBEZXNpZ24sIGEgZGVzaWduIGxhbmd1YWdlIGZvciBiYWNrZ3JvdW5kIGFwcGxpY2F0aW9ucywgaXMgcmVmaW5lZCBieSBBbnQgVUVEIFRlYW0iCiAgICAgICAgICA+CiAgICAgICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICAgICAgPGEgaHJlZj0iaHR0cHM6Ly93d3cuYW50ZHYuY29tLyI+e3sgaXRlbS5uYW1lLmxhc3QgfX08L2E+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICAgIDx0ZW1wbGF0ZSAjYXZhdGFyPgogICAgICAgICAgICAgIDxhLWF2YXRhciA6c3JjPSJpdGVtLnBpY3R1cmUubGFyZ2UiIC8+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2EtbGlzdC1pdGVtLW1ldGE+CiAgICAgICAgICA8ZGl2PmNvbnRlbnQ8L2Rpdj4KICAgICAgICA8L2Etc2tlbGV0b24+CiAgICAgIDwvYS1saXN0LWl0ZW0+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1saXN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCBvbk1vdW50ZWQsIHJlZiwgbmV4dFRpY2sgfSBmcm9tICd2dWUnOwpjb25zdCBjb3VudCA9IDM7CmNvbnN0IGZha2VEYXRhVXJsID0gYGh0dHBzOi8vcmFuZG9tdXNlci5tZS9hcGkvP3Jlc3VsdHM9JHtjb3VudH0maW5jPW5hbWUsZ2VuZGVyLGVtYWlsLG5hdCxwaWN0dXJlJm5vaW5mb2A7CgpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgaW5pdExvYWRpbmcgPSByZWYodHJ1ZSk7CiAgICBjb25zdCBsb2FkaW5nID0gcmVmKGZhbHNlKTsKICAgIGNvbnN0IGRhdGEgPSByZWYoW10pOwogICAgY29uc3QgbGlzdCA9IHJlZihbXSk7CiAgICBvbk1vdW50ZWQoKCkgPT4gewogICAgICBmZXRjaChmYWtlRGF0YVVybCkKICAgICAgICAudGhlbihyZXMgPT4gcmVzLmpzb24oKSkKICAgICAgICAudGhlbihyZXMgPT4gewogICAgICAgICAgaW5pdExvYWRpbmcudmFsdWUgPSBmYWxzZTsKICAgICAgICAgIGRhdGEudmFsdWUgPSByZXMucmVzdWx0czsKICAgICAgICAgIGxpc3QudmFsdWUgPSByZXMucmVzdWx0czsKICAgICAgICB9KTsKICAgIH0pOwoKICAgIGNvbnN0IG9uTG9hZE1vcmUgPSAoKSA9PiB7CiAgICAgIGxvYWRpbmcudmFsdWUgPSB0cnVlOwogICAgICBsaXN0LnZhbHVlID0gZGF0YS52YWx1ZS5jb25jYXQoCiAgICAgICAgWy4uLm5ldyBBcnJheShjb3VudCldLm1hcCgoKSA9PiAoeyBsb2FkaW5nOiB0cnVlLCBuYW1lOiB7fSwgcGljdHVyZToge30gfSkpLAogICAgICApOwogICAgICBmZXRjaChmYWtlRGF0YVVybCkKICAgICAgICAudGhlbihyZXMgPT4gcmVzLmpzb24oKSkKICAgICAgICAudGhlbihyZXMgPT4gewogICAgICAgICAgY29uc3QgbmV3RGF0YSA9IGRhdGEudmFsdWUuY29uY2F0KHJlcy5yZXN1bHRzKTsKICAgICAgICAgIGxvYWRpbmcudmFsdWUgPSBmYWxzZTsKICAgICAgICAgIGRhdGEudmFsdWUgPSBuZXdEYXRhOwogICAgICAgICAgbGlzdC52YWx1ZSA9IG5ld0RhdGE7CiAgICAgICAgICBuZXh0VGljaygoKSA9PiB7CiAgICAgICAgICAgIC8vIFJlc2V0dGluZyB3aW5kb3cncyBvZmZzZXRUb3Agc28gYXMgdG8gZGlzcGxheSByZWFjdC12aXJ0dWFsaXplZCBkZW1vIHVuZGVyZmxvb3IuCiAgICAgICAgICAgIC8vIEluIHJlYWwgc2NlbmUsIHlvdSBjYW4gdXNpbmcgcHVibGljIG1ldGhvZCBvZiByZWFjdC12aXJ0dWFsaXplZDoKICAgICAgICAgICAgLy8gaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9xdWVzdGlvbnMvNDY3MDA3MjYvaG93LXRvLXVzZS1wdWJsaWMtbWV0aG9kLXVwZGF0ZXBvc2l0aW9uLW9mLXJlYWN0LXZpcnR1YWxpemVkCiAgICAgICAgICAgIHdpbmRvdy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgncmVzaXplJykpOwogICAgICAgICAgfSk7CiAgICAgICAgfSk7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIGxvYWRpbmcsCiAgICAgIGluaXRMb2FkaW5nLAogICAgICBkYXRhLAogICAgICBsaXN0LAogICAgICBvbkxvYWRNb3JlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+CjxzdHlsZSBzY29wZWQ+Ci5kZW1vLWxvYWRtb3JlLWxpc3QgewogIG1pbi1oZWlnaHQ6IDM1MHB4Owp9Cjwvc3R5bGU+Cg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLWxpc3QKICAgIGNsYXNzPSJkZW1vLWxvYWRtb3JlLWxpc3QiCiAgICA6bG9hZGluZz0iaW5pdExvYWRpbmciCiAgICBpdGVtLWxheW91dD0iaG9yaXpvbnRhbCIKICAgIDpkYXRhLXNvdXJjZT0ibGlzdCIKICA+CiAgICA8dGVtcGxhdGUgI2xvYWRNb3JlPgogICAgICA8ZGl2CiAgICAgICAgdi1pZj0iIWluaXRMb2FkaW5nICYmICFsb2FkaW5nIgogICAgICAgIDpzdHlsZT0ieyB0ZXh0QWxpZ246ICdjZW50ZXInLCBtYXJnaW5Ub3A6ICcxMnB4JywgaGVpZ2h0OiAnMzJweCcsIGxpbmVIZWlnaHQ6ICczMnB4JyB9IgogICAgICA+CiAgICAgICAgPGEtYnV0dG9uIEBjbGljaz0ib25Mb2FkTW9yZSI+bG9hZGluZyBtb3JlPC9hLWJ1dHRvbj4KICAgICAgPC9kaXY+CiAgICA8L3RlbXBsYXRlPgogICAgPHRlbXBsYXRlICNyZW5kZXJJdGVtPSJ7IGl0ZW0gfSI+CiAgICAgIDxhLWxpc3QtaXRlbT4KICAgICAgICA8dGVtcGxhdGUgI2FjdGlvbnM+CiAgICAgICAgICA8YSBrZXk9Imxpc3QtbG9hZG1vcmUtZWRpdCI+ZWRpdDwvYT4KICAgICAgICAgIDxhIGtleT0ibGlzdC1sb2FkbW9yZS1tb3JlIj5tb3JlPC9hPgogICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgPGEtc2tlbGV0b24gYXZhdGFyIDp0aXRsZT0iZmFsc2UiIDpsb2FkaW5nPSIhIWl0ZW0ubG9hZGluZyIgYWN0aXZlPgogICAgICAgICAgPGEtbGlzdC1pdGVtLW1ldGEKICAgICAgICAgICAgZGVzY3JpcHRpb249IkFudCBEZXNpZ24sIGEgZGVzaWduIGxhbmd1YWdlIGZvciBiYWNrZ3JvdW5kIGFwcGxpY2F0aW9ucywgaXMgcmVmaW5lZCBieSBBbnQgVUVEIFRlYW0iCiAgICAgICAgICA+CiAgICAgICAgICAgIDx0ZW1wbGF0ZSAjdGl0bGU+CiAgICAgICAgICAgICAgPGEgaHJlZj0iaHR0cHM6Ly93d3cuYW50ZHYuY29tLyI+e3sgaXRlbS5uYW1lLmxhc3QgfX08L2E+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICAgIDx0ZW1wbGF0ZSAjYXZhdGFyPgogICAgICAgICAgICAgIDxhLWF2YXRhciA6c3JjPSJpdGVtLnBpY3R1cmUubGFyZ2UiIC8+CiAgICAgICAgICAgIDwvdGVtcGxhdGU+CiAgICAgICAgICA8L2EtbGlzdC1pdGVtLW1ldGE+CiAgICAgICAgICA8ZGl2PmNvbnRlbnQ8L2Rpdj4KICAgICAgICA8L2Etc2tlbGV0b24+CiAgICAgIDwvYS1saXN0LWl0ZW0+CiAgICA8L3RlbXBsYXRlPgogIDwvYS1saXN0Pgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIG9uTW91bnRlZCwgcmVmLCBuZXh0VGljayB9IGZyb20gJ3Z1ZSc7CmNvbnN0IGNvdW50ID0gMzsKY29uc3QgZmFrZURhdGFVcmwgPSBgaHR0cHM6Ly9yYW5kb211c2VyLm1lL2FwaS8/cmVzdWx0cz0ke2NvdW50fSZpbmM9bmFtZSxnZW5kZXIsZW1haWwsbmF0LHBpY3R1cmUmbm9pbmZvYDsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGluaXRMb2FkaW5nID0gcmVmKHRydWUpOwogICAgY29uc3QgbG9hZGluZyA9IHJlZihmYWxzZSk7CiAgICBjb25zdCBkYXRhID0gcmVmKFtdKTsKICAgIGNvbnN0IGxpc3QgPSByZWYoW10pOwogICAgb25Nb3VudGVkKCgpID0+IHsKICAgICAgZmV0Y2goZmFrZURhdGFVcmwpLnRoZW4ocmVzID0+IHJlcy5qc29uKCkpLnRoZW4ocmVzID0+IHsKICAgICAgICBpbml0TG9hZGluZy52YWx1ZSA9IGZhbHNlOwogICAgICAgIGRhdGEudmFsdWUgPSByZXMucmVzdWx0czsKICAgICAgICBsaXN0LnZhbHVlID0gcmVzLnJlc3VsdHM7CiAgICAgIH0pOwogICAgfSk7CiAgICBjb25zdCBvbkxvYWRNb3JlID0gKCkgPT4gewogICAgICBsb2FkaW5nLnZhbHVlID0gdHJ1ZTsKICAgICAgbGlzdC52YWx1ZSA9IGRhdGEudmFsdWUuY29uY2F0KFsuLi5uZXcgQXJyYXkoY291bnQpXS5tYXAoKCkgPT4gKHsKICAgICAgICBsb2FkaW5nOiB0cnVlLAogICAgICAgIG5hbWU6IHt9LAogICAgICAgIHBpY3R1cmU6IHt9LAogICAgICB9KSkpOwogICAgICBmZXRjaChmYWtlRGF0YVVybCkudGhlbihyZXMgPT4gcmVzLmpzb24oKSkudGhlbihyZXMgPT4gewogICAgICAgIGNvbnN0IG5ld0RhdGEgPSBkYXRhLnZhbHVlLmNvbmNhdChyZXMucmVzdWx0cyk7CiAgICAgICAgbG9hZGluZy52YWx1ZSA9IGZhbHNlOwogICAgICAgIGRhdGEudmFsdWUgPSBuZXdEYXRhOwogICAgICAgIGxpc3QudmFsdWUgPSBuZXdEYXRhOwogICAgICAgIG5leHRUaWNrKCgpID0+IHsKICAgICAgICAgIC8vIFJlc2V0dGluZyB3aW5kb3cncyBvZmZzZXRUb3Agc28gYXMgdG8gZGlzcGxheSByZWFjdC12aXJ0dWFsaXplZCBkZW1vIHVuZGVyZmxvb3IuCiAgICAgICAgICAvLyBJbiByZWFsIHNjZW5lLCB5b3UgY2FuIHVzaW5nIHB1YmxpYyBtZXRob2Qgb2YgcmVhY3QtdmlydHVhbGl6ZWQ6CiAgICAgICAgICAvLyBodHRwczovL3N0YWNrb3ZlcmZsb3cuY29tL3F1ZXN0aW9ucy80NjcwMDcyNi9ob3ctdG8tdXNlLXB1YmxpYy1tZXRob2QtdXBkYXRlcG9zaXRpb24tb2YtcmVhY3QtdmlydHVhbGl6ZWQKICAgICAgICAgIHdpbmRvdy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgncmVzaXplJykpOwogICAgICAgIH0pOwogICAgICB9KTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBsb2FkaW5nLAogICAgICBpbml0TG9hZGluZywKICAgICAgZGF0YSwKICAgICAgbGlzdCwKICAgICAgb25Mb2FkTW9yZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pgo8c3R5bGUgc2NvcGVkPgouZGVtby1sb2FkbW9yZS1saXN0IHsKICBtaW4taGVpZ2h0OiAzNTBweDsKfQo8L3N0eWxlPg=="}},{default:s(()=>[e(m,{class:"demo-loadmore-list",loading:p.initLoading,"item-layout":"horizontal","data-source":p.list},{loadMore:s(()=>[!p.initLoading&&!p.loading?(g(),G("div",M,[e(c,{onClick:p.onLoadMore},{default:s(()=>a[0]||(a[0]=[t("loading more")])),_:1,__:[0]},8,["onClick"])])):Y("",!0)]),renderItem:s(({item:v})=>[e(I,null,{actions:s(()=>a[1]||(a[1]=[n("a",{key:"list-loadmore-edit"},"edit",-1),n("a",{key:"list-loadmore-more"},"more",-1)])),default:s(()=>[e(u,{avatar:"",title:!1,loading:!!v.loading,active:""},{default:s(()=>[e(r,{description:"Ant Design, a design language for background applications, is refined by Ant UED Team"},{title:s(()=>[n("a",_,A(v.name.last),1)]),avatar:s(()=>[e(k,{src:v.picture.large},null,8,["src"])]),_:2},1024),a[2]||(a[2]=n("div",null,"content",-1))]),_:2,__:[2]},1032,["loading"])]),_:2},1024)]),_:1},8,["loading","data-source"])]),htmlCode:s(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    217. 

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

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

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

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

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

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

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

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

  225.         `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("!initLoading && !loading"),n("span",{class:"token punctuation"},'"')]),t(`
    226. 

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

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

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

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

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

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

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

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

  234.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("list-loadmore-edit"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("edit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    235. 

  235.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("list-loadmore-more"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("more"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    236. 

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

  237.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-skeleton")]),t(),n("span",{class:"token attr-name"},"avatar"),t(),n("span",{class:"token attr-name"},":title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("!!item.loading"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"active"),n("span",{class:"token punctuation"},">")]),t(`
    238. 

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

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

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

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

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

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

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

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

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

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

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

  249.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-skeleton")]),n("span",{class:"token punctuation"},">")]),t(`
    250. 

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

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

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

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

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

  255. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" onMounted"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" nextTick "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    256. 

  256. `),n("span",{class:"token keyword"},"const"),t(" count "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
    257. 

  257. `),n("span",{class:"token keyword"},"const"),t(" fakeDataUrl "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"https://randomuser.me/api/?results="),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("count"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"&inc=name,gender,email,nat,picture&noinfo"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
    258. 

  258. 

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

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

  261.     `),n("span",{class:"token keyword"},"const"),t(" initLoading "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    262. 

  262.     `),n("span",{class:"token keyword"},"const"),t(" loading "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    263. 

  263.     `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    264. 

  264.     `),n("span",{class:"token keyword"},"const"),t(" list "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    265. 

  265.     `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    266. 

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

  267.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(" res"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"json"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(`
    268. 

  268.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    269. 

  269.           initLoading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
    270. 

  270.           data`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" res"),n("span",{class:"token punctuation"},"."),t("results"),n("span",{class:"token punctuation"},";"),t(`
    271. 

  271.           list`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" res"),n("span",{class:"token punctuation"},"."),t("results"),n("span",{class:"token punctuation"},";"),t(`
    272. 

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

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

  274. 

  275.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onLoadMore"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    276. 

  276.       loading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
    277. 

  277.       list`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"concat"),n("span",{class:"token punctuation"},"("),t(`
    278. 

  278.         `),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),n("span",{class:"token keyword"},"new"),t(),n("span",{class:"token class-name"},"Array"),n("span",{class:"token punctuation"},"("),t("count"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"loading"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"picture"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    279. 

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

  280.       `),n("span",{class:"token function"},"fetch"),n("span",{class:"token punctuation"},"("),t("fakeDataUrl"),n("span",{class:"token punctuation"},")"),t(`
    281. 

  281.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(" res"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"json"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),t(`
    282. 

  282.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    283. 

  283.           `),n("span",{class:"token keyword"},"const"),t(" newData "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"concat"),n("span",{class:"token punctuation"},"("),t("res"),n("span",{class:"token punctuation"},"."),t("results"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    284. 

  284.           loading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
    285. 

  285.           data`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" newData"),n("span",{class:"token punctuation"},";"),t(`
    286. 

  286.           list`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" newData"),n("span",{class:"token punctuation"},";"),t(`
    287. 

  287.           `),n("span",{class:"token function"},"nextTick"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    288. 

  288.             `),n("span",{class:"token comment"},"// Resetting window's offsetTop so as to display react-virtualized demo underfloor."),t(`
    289. 

  289.             `),n("span",{class:"token comment"},"// In real scene, you can using public method of react-virtualized:"),t(`
    290. 

  290.             `),n("span",{class:"token comment"},"// https://stackoverflow.com/questions/46700726/how-to-use-public-method-updateposition-of-react-virtualized"),t(`
    291. 

  291.             window`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"dispatchEvent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"new"),t(),n("span",{class:"token class-name"},"Event"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'resize'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    292. 

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

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

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

  295. 

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

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

  298.       initLoading`),n("span",{class:"token punctuation"},","),t(`
    299. 

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

  300.       list`),n("span",{class:"token punctuation"},","),t(`
    301. 

  301.       onLoadMore`),n("span",{class:"token punctuation"},","),t(`
    302. 

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

  303.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    304. 

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

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

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

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

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

  309. `),n("span",{class:"token punctuation"},"}"),t(`
    310. 

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

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

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

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

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

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

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

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

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

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

  320.         `),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("!initLoading && !loading"),n("span",{class:"token punctuation"},'"')]),t(`
    321. 

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

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

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

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

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

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

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

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

  329.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("list-loadmore-edit"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("edit"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    330. 

  330.           `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a")]),t(),n("span",{class:"token attr-name"},"key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("list-loadmore-more"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("more"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a")]),n("span",{class:"token punctuation"},">")]),t(`
    331. 

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

  332.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-skeleton")]),t(),n("span",{class:"token attr-name"},"avatar"),t(),n("span",{class:"token attr-name"},":title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("false"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("!!item.loading"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"active"),n("span",{class:"token punctuation"},">")]),t(`
    333. 

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

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

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

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

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

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

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

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

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

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

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

  344.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-skeleton")]),n("span",{class:"token punctuation"},">")]),t(`
    345. 

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

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

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

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

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

  350. `),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" onMounted"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" nextTick "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
    351. 

  351. `),n("span",{class:"token keyword"},"const"),t(" count "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token number"},"3"),n("span",{class:"token punctuation"},";"),t(`
    352. 

  352. `),n("span",{class:"token keyword"},"const"),t(" fakeDataUrl "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"https://randomuser.me/api/?results="),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),t("count"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"&inc=name,gender,email,nat,picture&noinfo"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),t(`
    353. 

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

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

  355.     `),n("span",{class:"token keyword"},"const"),t(" initLoading "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    356. 

  356.     `),n("span",{class:"token keyword"},"const"),t(" loading "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    357. 

  357.     `),n("span",{class:"token keyword"},"const"),t(" data "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    358. 

  358.     `),n("span",{class:"token keyword"},"const"),t(" list "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    359. 

  359.     `),n("span",{class:"token function"},"onMounted"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    360. 

  360.       `),n("span",{class:"token function"},"fetch"),n("span",{class:"token punctuation"},"("),t("fakeDataUrl"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(" res"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"json"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    361. 

  361.         initLoading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
    362. 

  362.         data`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" res"),n("span",{class:"token punctuation"},"."),t("results"),n("span",{class:"token punctuation"},";"),t(`
    363. 

  363.         list`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" res"),n("span",{class:"token punctuation"},"."),t("results"),n("span",{class:"token punctuation"},";"),t(`
    364. 

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

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

  366.     `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onLoadMore"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    367. 

  367.       loading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
    368. 

  368.       list`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"concat"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token operator"},"..."),n("span",{class:"token keyword"},"new"),t(),n("span",{class:"token class-name"},"Array"),n("span",{class:"token punctuation"},"("),t("count"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"map"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
    369. 

  369.         `),n("span",{class:"token literal-property property"},"loading"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),t(`
    370. 

  370.         `),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    371. 

  371.         `),n("span",{class:"token literal-property property"},"picture"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    372. 

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

  373.       `),n("span",{class:"token function"},"fetch"),n("span",{class:"token punctuation"},"("),t("fakeDataUrl"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(" res"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"json"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"then"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"res"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    374. 

  374.         `),n("span",{class:"token keyword"},"const"),t(" newData "),n("span",{class:"token operator"},"="),t(" data"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"concat"),n("span",{class:"token punctuation"},"("),t("res"),n("span",{class:"token punctuation"},"."),t("results"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    375. 

  375.         loading`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
    376. 

  376.         data`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" newData"),n("span",{class:"token punctuation"},";"),t(`
    377. 

  377.         list`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" newData"),n("span",{class:"token punctuation"},";"),t(`
    378. 

  378.         `),n("span",{class:"token function"},"nextTick"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
    379. 

  379.           `),n("span",{class:"token comment"},"// Resetting window's offsetTop so as to display react-virtualized demo underfloor."),t(`
    380. 

  380.           `),n("span",{class:"token comment"},"// In real scene, you can using public method of react-virtualized:"),t(`
    381. 

  381.           `),n("span",{class:"token comment"},"// https://stackoverflow.com/questions/46700726/how-to-use-public-method-updateposition-of-react-virtualized"),t(`
    382. 

  382.           window`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"dispatchEvent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"new"),t(),n("span",{class:"token class-name"},"Event"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'resize'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    383. 

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

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

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

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

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

  388.       initLoading`),n("span",{class:"token punctuation"},","),t(`
    389. 

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

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

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

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

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

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

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

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

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

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

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

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

  401. `)])],-1)])),_:1})}const O=h(Q,[["render",q],["__scopeId","data-v-d634fdc0"]]),x=[];for(let p=0;p<23;p++)x.push({href:"https://www.antdv.com/",title:`ant design vue part ${p}`,avatar:"https://joeschmoe.io/api/v1/random",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:S,LikeOutlined:F,MessageOutlined:H},setup(){return{listData:x,pagination:{onChange:i=>{console.log(i)},pageSize:3},actions:[{type:"StarOutlined",text:"156"},{type:"LikeOutlined",text:"156"},{type:"MessageOutlined",text:"2"}]}}}),nn=["href"];function tn(p,a,i,d,C,l){const c=o("a-avatar"),k=o("a-list-item-meta"),r=o("a-list-item"),u=o("a-list"),I=o("demo-box");return g(),b(I,{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 <a class="header-anchor" href="#zh-CN">
    402. 

  402.           <span aria-hidden="true" class="anchor">#</span>
    403. 

  403.         </a></h2>
    404. 

  404. <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>
    405. 

  405. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    406. 

  406.           <span aria-hidden="true" class="anchor">#</span>
    407. 

  407.         </a></h2>
    408. 

  408. <p>Setting <code>itemLayout</code> property with <code>vertical</code> to create a vertical list.</p>
    409. 

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

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

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

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

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

  414.         footer part
    415. 

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

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

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

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

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

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

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

  422.             {{ text }}
    423. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  438.         {{ item.content }}
    439. 

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

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

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

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

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

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

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

  446. 

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

  448. 

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

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

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

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

  453.     `),n("span",{class:"token literal-property property"},"avatar"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'https://joeschmoe.io/api/v1/random'"),n("span",{class:"token punctuation"},","),t(`
    454. 

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

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

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

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

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

  459. `),n("span",{class:"token punctuation"},"}"),t(`
    460. 

  460. 

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

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

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

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

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

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

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

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

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

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

  471.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    472. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  492.         footer part
    493. 

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

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

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

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

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

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

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

  500.             {{ text }}
    501. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  516.         {{ item.content }}
    517. 

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

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

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

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

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

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

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

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

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

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

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

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

  529.     `),n("span",{class:"token literal-property property"},"avatar"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'https://joeschmoe.io/api/v1/random'"),n("span",{class:"token punctuation"},","),t(`
    530. 

  530.     `),n("span",{class:"token literal-property property"},"description"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'Ant Design, a design language for background applications, is refined by Ant UED Team.'"),n("span",{class:"token punctuation"},","),t(`
    531. 

  531.     `),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),t(),n("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.'"),n("span",{class:"token punctuation"},","),t(`
    532. 

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

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

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

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

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

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

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

  539.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    540. 

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

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

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

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

  544.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    545. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  565. `)])],-1)])),_:1})}const an=h($,[["render",tn]]),sn=[{title:"Title 1"},{title:"Title 2"},{title:"Title 3"},{title:"Title 4"}],on=y({setup(){return{data:sn}}});function en(p,a,i,d,C,l){const c=o("a-card"),k=o("a-list-item"),r=o("a-list"),u=o("demo-box");return g(),b(u,{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 <a class="header-anchor" href="#zh-CN">
    566. 

  566.           <span aria-hidden="true" class="anchor">#</span>
    567. 

  567.         </a></h2>
    568. 

  568. <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>
    569. 

  569. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    570. 

  570.           <span aria-hidden="true" class="anchor">#</span>
    571. 

  571.         </a></h2>
    572. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  586. `),n("span",{class:"token punctuation"},"}"),t(`
    587. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  622. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    623. 

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

  624. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    625. 

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

  626. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    627. 

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

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

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

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

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

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

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

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

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

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

  637. `)])],-1)])),_:1})}const pn=h(on,[["render",en]]),cn=[{title:"Title 1"},{title:"Title 2"},{title:"Title 3"},{title:"Title 4"},{title:"Title 5"},{title:"Title 6"}],ln=y({setup(){return{data:cn}}});function un(p,a,i,d,C,l){const c=o("a-card"),k=o("a-list-item"),r=o("a-list"),u=o("demo-box");return g(),b(u,{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 <a class="header-anchor" href="#zh-CN">
    638. 

  638.           <span aria-hidden="true" class="anchor">#</span>
    639. 

  639.         </a></h2>
    640. 

  640. <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>
    641. 

  641. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    642. 

  642.           <span aria-hidden="true" class="anchor">#</span>
    643. 

  643.         </a></h2>
    644. 

  644. <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>
    645. 

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

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

  647.     `),n("span",{class:"token attr-name"},":grid"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3, xxxl: 2 }"),n("span",{class:"token punctuation"},'"')]),t(`
    648. 

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

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

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

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

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

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

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

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

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

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

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

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

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

  661. `),n("span",{class:"token punctuation"},"}"),t(`
    662. 

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

  663.   `),n("span",{class:"token punctuation"},"{"),t(`
    664. 

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

  665.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    666. 

  666.   `),n("span",{class:"token punctuation"},"{"),t(`
    667. 

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

  668.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    669. 

  669.   `),n("span",{class:"token punctuation"},"{"),t(`
    670. 

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

  671.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    672. 

  672.   `),n("span",{class:"token punctuation"},"{"),t(`
    673. 

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

  674.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    675. 

  675.   `),n("span",{class:"token punctuation"},"{"),t(`
    676. 

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

  677.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    678. 

  678.   `),n("span",{class:"token punctuation"},"{"),t(`
    679. 

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

  680.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    681. 

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

  682. 

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

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

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

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

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

  688.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    689. 

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

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

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

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

  693.     `),n("span",{class:"token attr-name"},":grid"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ gutter: 16, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: 3, xxxl: 2 }"),n("span",{class:"token punctuation"},'"')]),t(`
    694. 

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

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

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

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

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

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

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

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

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

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

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

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

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

  707. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    708. 

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

  709. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    710. 

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

  711. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    712. 

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

  713. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    714. 

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

  715. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(`
    716. 

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

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

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

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

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

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

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

  723.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    724. 

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

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

  726. `)])],-1)])),_:1})}const kn=h(ln,[["render",un]]),dn={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:"components/list/index.zh-CN.md",content:`
    727. 

  727. \u901A\u7528\u5217\u8868\u3002
    728. 

  728. 

  729. ## \u4F55\u65F6\u4F7F\u7528
    730. 

  730. 

  731. \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
    732. 

  732. 

  733. ## API
    734. 

  734. 

  735. ### List
    736. 

  736. 

  737. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |  |
    738. 

  738. | --- | --- | --- | --- | --- | --- |
    739. 

  739. | bordered | \u662F\u5426\u5C55\u793A\u8FB9\u6846 | boolean | false |  |  |
    740. 

  740. | dataSource | \u5217\u8868\u6570\u636E\u6E90 | any\\[] | - | 1.5.0 |  |
    741. 

  741. | footer | \u5217\u8868\u5E95\u90E8 | string\\|slot | - |  |  |
    742. 

  742. | grid | \u5217\u8868\u6805\u683C\u914D\u7F6E | object | - |  |  |
    743. 

  743. | header | \u5217\u8868\u5934\u90E8 | string\\|slot | - |  |  |
    744. 

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

  745. | 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 |  |  |
    746. 

  746. | loadMore | \u52A0\u8F7D\u66F4\u591A | string\\|slot | - |  |  |
    747. 

  747. | 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; |  |  |
    748. 

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

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

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

  751. | size | list \u7684\u5C3A\u5BF8 | \`default\` \\| \`middle\` \\| \`small\` | \`default\` |  |  |
    752. 

  752. | split | \u662F\u5426\u5C55\u793A\u5206\u5272\u7EBF | boolean | true |  |  |
    753. 

  753. 

  754. ### pagination
    755. 

  755. 

  756. \u5206\u9875\u7684\u914D\u7F6E\u9879\u3002
    757. 

  757. 

  758. | \u53C2\u6570     | \u8BF4\u660E               | \u7C7B\u578B                        | \u9ED8\u8BA4\u503C   |
    759. 

  759. | -------- | ------------------ | --------------------------- | -------- |
    760. 

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

  761. 

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

  763. 

  764. ### List grid props
    765. 

  765. 

  766. | \u53C2\u6570   | \u8BF4\u660E                 | \u7C7B\u578B                                     | \u9ED8\u8BA4\u503C | \u7248\u672C |
    767. 

  767. | ------ | -------------------- | ---------------------------------------- | ------ | ---- |
    768. 

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

  769. | gutter | \u6805\u683C\u95F4\u9694             | number                                   | 0      |      |
    770. 

  770. | xxxl   | \`\u22652000px\` \u5C55\u793A\u7684\u5217\u6570 | number                                   | -      | 3.0  |
    771. 

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

  772. | sm     | \`\u2265576px\` \u5C55\u793A\u7684\u5217\u6570  | number                                   | -      |      |
    773. 

  773. | md     | \`\u2265768px\` \u5C55\u793A\u7684\u5217\u6570  | number                                   | -      |      |
    774. 

  774. | lg     | \`\u2265992px\` \u5C55\u793A\u7684\u5217\u6570  | number                                   | -      |      |
    775. 

  775. | xl     | \`\u22651200px\` \u5C55\u793A\u7684\u5217\u6570 | number                                   | -      |      |
    776. 

  776. | xxl    | \`\u22651600px\` \u5C55\u793A\u7684\u5217\u6570 | number                                   | -      |      |
    777. 

  777. 

  778. ### List.Item
    779. 

  779. 

  780. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    781. 

  781. | --- | --- | --- | --- | --- |
    782. 

  782. | 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 | vNode[] \\| slot | - |
    783. 

  783. | 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 | - |  |
    784. 

  784. 

  785. ### List.Item.Meta
    786. 

  786. 

  787. | \u53C2\u6570        | \u8BF4\u660E               | \u7C7B\u578B         | \u9ED8\u8BA4\u503C |
    788. 

  788. | ----------- | ------------------ | ------------ | ------ |
    789. 

  789. | avatar      | \u5217\u8868\u5143\u7D20\u7684\u56FE\u6807     | slot         | -      |
    790. 

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

  791. | title       | \u5217\u8868\u5143\u7D20\u7684\u6807\u9898     | string\\|slot | -      |
    792. 

  792. `,html:`<p>\u901A\u7528\u5217\u8868\u3002</p>
    793. 

  793. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
    794. 

  794.           <span aria-hidden="true" class="anchor">#</span>
    795. 

  795.         </a></h2>
    796. 

  796. <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>
    797. 

  797. <h2 id="API">API <a class="header-anchor" href="#API">
    798. 

  798.           <span aria-hidden="true" class="anchor">#</span>
    799. 

  799.         </a></h2>
    800. 

  800. <h3 id="List">List <a class="header-anchor" href="#List">
    801. 

  801.           <span aria-hidden="true" class="anchor">#</span>
    802. 

  802.         </a></h3>
    803. 

  803. <table>
    804. 

  804. <thead>
    805. 

  805. <tr>
    806. 

  806. <th>\u53C2\u6570</th>
    807. 

  807. <th>\u8BF4\u660E</th>
    808. 

  808. <th>\u7C7B\u578B</th>
    809. 

  809. <th>\u9ED8\u8BA4\u503C</th>
    810. 

  810. <th>\u7248\u672C</th>
    811. 

  811. <th></th>
    812. 

  812. </tr>
    813. 

  813. </thead>
    814. 

  814. <tbody>
    815. 

  815. <tr>
    816. 

  816. <td>bordered</td>
    817. 

  817. <td>\u662F\u5426\u5C55\u793A\u8FB9\u6846</td>
    818. 

  818. <td>boolean</td>
    819. 

  819. <td>false</td>
    820. 

  820. <td></td>
    821. 

  821. <td></td>
    822. 

  822. </tr>
    823. 

  823. <tr>
    824. 

  824. <td>dataSource</td>
    825. 

  825. <td>\u5217\u8868\u6570\u636E\u6E90</td>
    826. 

  826. <td>any[]</td>
    827. 

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

  828. <td>1.5.0</td>
    829. 

  829. <td></td>
    830. 

  830. </tr>
    831. 

  831. <tr>
    832. 

  832. <td>footer</td>
    833. 

  833. <td>\u5217\u8868\u5E95\u90E8</td>
    834. 

  834. <td>string|slot</td>
    835. 

  835. <td>-</td>
    836. 

  836. <td></td>
    837. 

  837. <td></td>
    838. 

  838. </tr>
    839. 

  839. <tr>
    840. 

  840. <td>grid</td>
    841. 

  841. <td>\u5217\u8868\u6805\u683C\u914D\u7F6E</td>
    842. 

  842. <td>object</td>
    843. 

  843. <td>-</td>
    844. 

  844. <td></td>
    845. 

  845. <td></td>
    846. 

  846. </tr>
    847. 

  847. <tr>
    848. 

  848. <td>header</td>
    849. 

  849. <td>\u5217\u8868\u5934\u90E8</td>
    850. 

  850. <td>string|slot</td>
    851. 

  851. <td>-</td>
    852. 

  852. <td></td>
    853. 

  853. <td></td>
    854. 

  854. </tr>
    855. 

  855. <tr>
    856. 

  856. <td>itemLayout</td>
    857. 

  857. <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>
    858. 

  858. <td>string</td>
    859. 

  859. <td>-</td>
    860. 

  860. <td></td>
    861. 

  861. <td></td>
    862. 

  862. </tr>
    863. 

  863. <tr>
    864. 

  864. <td>loading</td>
    865. 

  865. <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>
    866. 

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

  867. <td>false</td>
    868. 

  868. <td></td>
    869. 

  869. <td></td>
    870. 

  870. </tr>
    871. 

  871. <tr>
    872. 

  872. <td>loadMore</td>
    873. 

  873. <td>\u52A0\u8F7D\u66F4\u591A</td>
    874. 

  874. <td>string|slot</td>
    875. 

  875. <td>-</td>
    876. 

  876. <td></td>
    877. 

  877. <td></td>
    878. 

  878. </tr>
    879. 

  879. <tr>
    880. 

  880. <td>locale</td>
    881. 

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

  882. <td>object</td>
    883. 

  883. <td>emptyText: '\u6682\u65E0\u6570\u636E'</td>
    884. 

  884. <td></td>
    885. 

  885. <td></td>
    886. 

  886. </tr>
    887. 

  887. <tr>
    888. 

  888. <td>pagination</td>
    889. 

  889. <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>
    890. 

  890. <td>boolean|object</td>
    891. 

  891. <td>false</td>
    892. 

  892. <td></td>
    893. 

  893. <td></td>
    894. 

  894. </tr>
    895. 

  895. <tr>
    896. 

  896. <td>renderItem</td>
    897. 

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

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

  899. <td></td>
    900. 

  900. <td>-</td>
    901. 

  901. <td></td>
    902. 

  902. </tr>
    903. 

  903. <tr>
    904. 

  904. <td>rowKey</td>
    905. 

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

  906. <td>item =&gt; string|number</td>
    907. 

  907. <td></td>
    908. 

  908. <td></td>
    909. 

  909. <td></td>
    910. 

  910. </tr>
    911. 

  911. <tr>
    912. 

  912. <td>size</td>
    913. 

  913. <td>list \u7684\u5C3A\u5BF8</td>
    914. 

  914. <td><code>default</code> | <code>middle</code> | <code>small</code></td>
    915. 

  915. <td><code>default</code></td>
    916. 

  916. <td></td>
    917. 

  917. <td></td>
    918. 

  918. </tr>
    919. 

  919. <tr>
    920. 

  920. <td>split</td>
    921. 

  921. <td>\u662F\u5426\u5C55\u793A\u5206\u5272\u7EBF</td>
    922. 

  922. <td>boolean</td>
    923. 

  923. <td>true</td>
    924. 

  924. <td></td>
    925. 

  925. <td></td>
    926. 

  926. </tr>
    927. 

  927. </tbody>
    928. 

  928. </table>
    929. 

  929. <h3 id="pagination">pagination <a class="header-anchor" href="#pagination">
    930. 

  930.           <span aria-hidden="true" class="anchor">#</span>
    931. 

  931.         </a></h3>
    932. 

  932. <p>\u5206\u9875\u7684\u914D\u7F6E\u9879\u3002</p>
    933. 

  933. <table>
    934. 

  934. <thead>
    935. 

  935. <tr>
    936. 

  936. <th>\u53C2\u6570</th>
    937. 

  937. <th>\u8BF4\u660E</th>
    938. 

  938. <th>\u7C7B\u578B</th>
    939. 

  939. <th>\u9ED8\u8BA4\u503C</th>
    940. 

  940. </tr>
    941. 

  941. </thead>
    942. 

  942. <tbody>
    943. 

  943. <tr>
    944. 

  944. <td>position</td>
    945. 

  945. <td>\u6307\u5B9A\u5206\u9875\u663E\u793A\u7684\u4F4D\u7F6E</td>
    946. 

  946. <td>'top' | 'bottom' | 'both'</td>
    947. 

  947. <td>'bottom'</td>
    948. 

  948. </tr>
    949. 

  949. </tbody>
    950. 

  950. </table>
    951. 

  951. <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>
    952. 

  952. <h3 id="List-grid-props">List grid props <a class="header-anchor" href="#List-grid-props">
    953. 

  953.           <span aria-hidden="true" class="anchor">#</span>
    954. 

  954.         </a></h3>
    955. 

  955. <table>
    956. 

  956. <thead>
    957. 

  957. <tr>
    958. 

  958. <th>\u53C2\u6570</th>
    959. 

  959. <th>\u8BF4\u660E</th>
    960. 

  960. <th>\u7C7B\u578B</th>
    961. 

  961. <th>\u9ED8\u8BA4\u503C</th>
    962. 

  962. <th>\u7248\u672C</th>
    963. 

  963. </tr>
    964. 

  964. </thead>
    965. 

  965. <tbody>
    966. 

  966. <tr>
    967. 

  967. <td>column</td>
    968. 

  968. <td>\u5217\u6570</td>
    969. 

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

  970. <td>-</td>
    971. 

  971. <td></td>
    972. 

  972. </tr>
    973. 

  973. <tr>
    974. 

  974. <td>gutter</td>
    975. 

  975. <td>\u6805\u683C\u95F4\u9694</td>
    976. 

  976. <td>number</td>
    977. 

  977. <td>0</td>
    978. 

  978. <td></td>
    979. 

  979. </tr>
    980. 

  980. <tr>
    981. 

  981. <td>xxxl</td>
    982. 

  982. <td><code>\u22652000px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    983. 

  983. <td>number</td>
    984. 

  984. <td>-</td>
    985. 

  985. <td>3.0</td>
    986. 

  986. </tr>
    987. 

  987. <tr>
    988. 

  988. <td>xs</td>
    989. 

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

  990. <td>number</td>
    991. 

  991. <td>-</td>
    992. 

  992. <td></td>
    993. 

  993. </tr>
    994. 

  994. <tr>
    995. 

  995. <td>sm</td>
    996. 

  996. <td><code>\u2265576px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    997. 

  997. <td>number</td>
    998. 

  998. <td>-</td>
    999. 

  999. <td></td>
    1000. 

  1000. </tr>
    1001. 

  1001. <tr>
    1002. 

  1002. <td>md</td>
    1003. 

  1003. <td><code>\u2265768px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    1004. 

  1004. <td>number</td>
    1005. 

  1005. <td>-</td>
    1006. 

  1006. <td></td>
    1007. 

  1007. </tr>
    1008. 

  1008. <tr>
    1009. 

  1009. <td>lg</td>
    1010. 

  1010. <td><code>\u2265992px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    1011. 

  1011. <td>number</td>
    1012. 

  1012. <td>-</td>
    1013. 

  1013. <td></td>
    1014. 

  1014. </tr>
    1015. 

  1015. <tr>
    1016. 

  1016. <td>xl</td>
    1017. 

  1017. <td><code>\u22651200px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    1018. 

  1018. <td>number</td>
    1019. 

  1019. <td>-</td>
    1020. 

  1020. <td></td>
    1021. 

  1021. </tr>
    1022. 

  1022. <tr>
    1023. 

  1023. <td>xxl</td>
    1024. 

  1024. <td><code>\u22651600px</code> \u5C55\u793A\u7684\u5217\u6570</td>
    1025. 

  1025. <td>number</td>
    1026. 

  1026. <td>-</td>
    1027. 

  1027. <td></td>
    1028. 

  1028. </tr>
    1029. 

  1029. </tbody>
    1030. 

  1030. </table>
    1031. 

  1031. <h3 id="List-Item">List.Item <a class="header-anchor" href="#List-Item">
    1032. 

  1032.           <span aria-hidden="true" class="anchor">#</span>
    1033. 

  1033.         </a></h3>
    1034. 

  1034. <table>
    1035. 

  1035. <thead>
    1036. 

  1036. <tr>
    1037. 

  1037. <th>\u53C2\u6570</th>
    1038. 

  1038. <th>\u8BF4\u660E</th>
    1039. 

  1039. <th>\u7C7B\u578B</th>
    1040. 

  1040. <th>\u9ED8\u8BA4\u503C</th>
    1041. 

  1041. <th>\u7248\u672C</th>
    1042. 

  1042. </tr>
    1043. 

  1043. </thead>
    1044. 

  1044. <tbody>
    1045. 

  1045. <tr>
    1046. 

  1046. <td>actions</td>
    1047. 

  1047. <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>
    1048. 

  1048. <td>vNode[] | slot</td>
    1049. 

  1049. <td>-</td>
    1050. 

  1050. <td></td>
    1051. 

  1051. </tr>
    1052. 

  1052. <tr>
    1053. 

  1053. <td>extra</td>
    1054. 

  1054. <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>
    1055. 

  1055. <td>string|slot</td>
    1056. 

  1056. <td>-</td>
    1057. 

  1057. <td></td>
    1058. 

  1058. </tr>
    1059. 

  1059. </tbody>
    1060. 

  1060. </table>
    1061. 

  1061. <h3 id="List-Item-Meta">List.Item.Meta <a class="header-anchor" href="#List-Item-Meta">
    1062. 

  1062.           <span aria-hidden="true" class="anchor">#</span>
    1063. 

  1063.         </a></h3>
    1064. 

  1064. <table>
    1065. 

  1065. <thead>
    1066. 

  1066. <tr>
    1067. 

  1067. <th>\u53C2\u6570</th>
    1068. 

  1068. <th>\u8BF4\u660E</th>
    1069. 

  1069. <th>\u7C7B\u578B</th>
    1070. 

  1070. <th>\u9ED8\u8BA4\u503C</th>
    1071. 

  1071. </tr>
    1072. 

  1072. </thead>
    1073. 

  1073. <tbody>
    1074. 

  1074. <tr>
    1075. 

  1075. <td>avatar</td>
    1076. 

  1076. <td>\u5217\u8868\u5143\u7D20\u7684\u56FE\u6807</td>
    1077. 

  1077. <td>slot</td>
    1078. 

  1078. <td>-</td>
    1079. 

  1079. </tr>
    1080. 

  1080. <tr>
    1081. 

  1081. <td>description</td>
    1082. 

  1082. <td>\u5217\u8868\u5143\u7D20\u7684\u63CF\u8FF0\u5185\u5BB9</td>
    1083. 

  1083. <td>string|slot</td>
    1084. 

  1084. <td>-</td>
    1085. 

  1085. </tr>
    1086. 

  1086. <tr>
    1087. 

  1087. <td>title</td>
    1088. 

  1088. <td>\u5217\u8868\u5143\u7D20\u7684\u6807\u9898</td>
    1089. 

  1089. <td>string|slot</td>
    1090. 

  1090. <td>-</td>
    1091. 

  1091. </tr>
    1092. 

  1092. </tbody>
    1093. 

  1093. </table>
    1094. 

  1094. `,lastUpdated:1748060300833}},rn={class:"markdown"};function gn(p,a,i,d,C,l){return g(),G("article",rn,a[0]||(a[0]=[B('<p>\u901A\u7528\u5217\u8868\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="List">List <a class="header-anchor" href="#List"><span aria-hidden="true" class="anchor">#</span></a></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><th></th></tr></thead><tbody><tr><td>bordered</td><td>\u662F\u5426\u5C55\u793A\u8FB9\u6846</td><td>boolean</td><td>false</td><td></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><td></td></tr><tr><td>footer</td><td>\u5217\u8868\u5E95\u90E8</td><td>string|slot</td><td>-</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><td></td></tr><tr><td>header</td><td>\u5217\u8868\u5934\u90E8</td><td>string|slot</td><td>-</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><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><td></td></tr><tr><td>loadMore</td><td>\u52A0\u8F7D\u66F4\u591A</td><td>string|slot</td><td>-</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><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><td></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><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><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><td></td></tr><tr><td>split</td><td>\u662F\u5426\u5C55\u793A\u5206\u5272\u7EBF</td><td>boolean</td><td>true</td><td></td><td></td></tr></tbody></table><h3 id="pagination">pagination <a class="header-anchor" href="#pagination"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#List-grid-props"><span aria-hidden="true" class="anchor">#</span></a></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>column</td><td>\u5217\u6570</td><td>number oneOf [ 1, 2, 3, 4, 6, 8, 12, 24]</td><td>-</td><td></td></tr><tr><td>gutter</td><td>\u6805\u683C\u95F4\u9694</td><td>number</td><td>0</td><td></td></tr><tr><td>xxxl</td><td><code>\u22652000px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td><td>3.0</td></tr><tr><td>xs</td><td><code>&lt;576px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td><td></td></tr><tr><td>sm</td><td><code>\u2265576px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td><td></td></tr><tr><td>md</td><td><code>\u2265768px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td><td></td></tr><tr><td>lg</td><td><code>\u2265992px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td><td></td></tr><tr><td>xl</td><td><code>\u22651200px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td><td></td></tr><tr><td>xxl</td><td><code>\u22651600px</code> \u5C55\u793A\u7684\u5217\u6570</td><td>number</td><td>-</td><td></td></tr></tbody></table><h3 id="List-Item">List.Item <a class="header-anchor" href="#List-Item"><span aria-hidden="true" class="anchor">#</span></a></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>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>vNode[] | slot</td><td>-</td><td></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><td></td></tr></tbody></table><h3 id="List-Item-Meta">List.Item.Meta <a class="header-anchor" href="#List-Item-Meta"><span aria-hidden="true" class="anchor">#</span></a></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)]))}const In=h(dn,[["render",gn]]),mn={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:"components/list/index.en-US.md",content:`
    1095. 

  1095. Simple List.
    1096. 

  1096. 

  1097. ## When To Use
    1098. 

  1098. 

  1099. 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.
    1100. 

  1100. 

  1101. ## API
    1102. 

  1102. 

  1103. ### List
    1104. 

  1104. 

  1105. | Property | Description | Type | Default | Version |  |
    1106. 

  1106. | --- | --- | --- | --- | --- | --- |
    1107. 

  1107. | bordered | Toggles rendering of the border around the list | boolean | false |  |  |
    1108. 

  1108. | dataSource | dataSource array for list | any\\[] | - | 3.20.1 |  |
    1109. 

  1109. | footer | List footer renderer | string\\|slot | - |  |  |
    1110. 

  1110. | grid | The grid type of list. You can set grid to something like {gutter: 16, column: 4} | object | - |  |  |
    1111. 

  1111. | header | List header renderer | string\\|slot | - |  |  |
    1112. 

  1112. | itemLayout | The layout of list, default is \`horizontal\`, If a vertical list is desired, set the itemLayout property to \`vertical\` | string | - |  |  |
    1113. 

  1113. | loading | Shows a loading indicator while the contents of the list are being fetched | boolean\\|[object](https://www.antdv.com/components/spin/#API) | false |  |  |
    1114. 

  1114. | loadMore | Shows a load more content | string\\|slot | - |  |  |
    1115. 

  1115. | locale | i18n text including empty text | object | emptyText: &#39;No Data&#39; &lt;br&gt; |  |  |
    1116. 

  1116. | pagination | Pagination [config](https://www.antdv.com/components/pagination/#API), hide it by setting it to false | boolean \\| object | false |  |  |
    1117. 

  1117. | renderItem | Custom item renderer, #renderItem=&quot;{item, index}&quot; | ({item, index}) =&gt; vNode |  | - |  |
    1118. 

  1118. | rowKey | Item&#39;s unique key, could be a string or function that returns a string | string\\|Function(record):string | \`key\` |  |  |
    1119. 

  1119. | split | Toggles rendering of the split under the list item | boolean | true |  |  |
    1120. 

  1120. 

  1121. ### pagination
    1122. 

  1122. 

  1123. Properties for pagination.
    1124. 

  1124. 

  1125. | Property | Description                          | Type                        | Default  |
    1126. 

  1126. | -------- | ------------------------------------ | --------------------------- | -------- |
    1127. 

  1127. | position | specify the position of \`Pagination\` | &#39;top&#39; \\| &#39;bottom&#39; \\| &#39;both&#39; | &#39;bottom&#39; |
    1128. 

  1128. 

  1129. More about pagination, please check [\`Pagination\`](https://www.antdv.com/components/pagination/#API).
    1130. 

  1130. 

  1131. ### List grid props
    1132. 

  1132. 

  1133. | Property | Description | Type | Default | Version |
    1134. 

  1134. | --- | --- | --- | --- | --- |
    1135. 

  1135. | column | column of grid | number oneOf [ 1, 2, 3, 4, 6, 8, 12, 24] | - |  |
    1136. 

  1136. | gutter | spacing between grid | number | 0 |  |
    1137. 

  1137. | size | Size of list | \`default\` \\| \`middle\` \\| \`small\` | \`default\` |  |
    1138. 

  1138. | xxxl | \`\u22652000px\` column of grid | number | - | 3.0 |
    1139. 

  1139. | xs | \`&lt;576px\` column of grid | number | - |  |
    1140. 

  1140. | sm | \`\u2265576px\` column of grid | number | - |  |
    1141. 

  1141. | md | \`\u2265768px\` column of grid | number | - |  |
    1142. 

  1142. | lg | \`\u2265992px\` column of grid | number | - |  |
    1143. 

  1143. | xl | \`\u22651200px\` column of grid | number | - |  |
    1144. 

  1144. | xxl | \`\u22651600px\` column of grid | number | - |  |
    1145. 

  1145. 

  1146. ### List.Item
    1147. 

  1147. 

  1148. | Property | Description | Type | Default | Version |
    1149. 

  1149. | --- | --- | --- | --- | --- |
    1150. 

  1150. | actions | The actions content of list item. If \`itemLayout\` is \`vertical\`, shows the content on bottom, otherwise shows content on the far right. | vNode[] \\|slot | - |  |
    1151. 

  1151. | 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 | - |  |
    1152. 

  1152. 

  1153. ### List.Item.Meta
    1154. 

  1154. 

  1155. | Property    | Description                  | Type         | Default |
    1156. 

  1156. | ----------- | ---------------------------- | ------------ | ------- |
    1157. 

  1157. | avatar      | The avatar of list item      | slot         | -       |
    1158. 

  1158. | description | The description of list item | string\\|slot | -       |
    1159. 

  1159. | title       | The title of list item       | string\\|slot | -       |
    1160. 

  1160. `,html:`<p>Simple List.</p>
    1161. 

  1161. <h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use">
    1162. 

  1162.           <span aria-hidden="true" class="anchor">#</span>
    1163. 

  1163.         </a></h2>
    1164. 

  1164. <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>
    1165. 

  1165. <h2 id="API">API <a class="header-anchor" href="#API">
    1166. 

  1166.           <span aria-hidden="true" class="anchor">#</span>
    1167. 

  1167.         </a></h2>
    1168. 

  1168. <h3 id="List">List <a class="header-anchor" href="#List">
    1169. 

  1169.           <span aria-hidden="true" class="anchor">#</span>
    1170. 

  1170.         </a></h3>
    1171. 

  1171. <table>
    1172. 

  1172. <thead>
    1173. 

  1173. <tr>
    1174. 

  1174. <th>Property</th>
    1175. 

  1175. <th>Description</th>
    1176. 

  1176. <th>Type</th>
    1177. 

  1177. <th>Default</th>
    1178. 

  1178. <th>Version</th>
    1179. 

  1179. <th></th>
    1180. 

  1180. </tr>
    1181. 

  1181. </thead>
    1182. 

  1182. <tbody>
    1183. 

  1183. <tr>
    1184. 

  1184. <td>bordered</td>
    1185. 

  1185. <td>Toggles rendering of the border around the list</td>
    1186. 

  1186. <td>boolean</td>
    1187. 

  1187. <td>false</td>
    1188. 

  1188. <td></td>
    1189. 

  1189. <td></td>
    1190. 

  1190. </tr>
    1191. 

  1191. <tr>
    1192. 

  1192. <td>dataSource</td>
    1193. 

  1193. <td>dataSource array for list</td>
    1194. 

  1194. <td>any[]</td>
    1195. 

  1195. <td>-</td>
    1196. 

  1196. <td>3.20.1</td>
    1197. 

  1197. <td></td>
    1198. 

  1198. </tr>
    1199. 

  1199. <tr>
    1200. 

  1200. <td>footer</td>
    1201. 

  1201. <td>List footer renderer</td>
    1202. 

  1202. <td>string|slot</td>
    1203. 

  1203. <td>-</td>
    1204. 

  1204. <td></td>
    1205. 

  1205. <td></td>
    1206. 

  1206. </tr>
    1207. 

  1207. <tr>
    1208. 

  1208. <td>grid</td>
    1209. 

  1209. <td>The grid type of list. You can set grid to something like {gutter: 16, column: 4}</td>
    1210. 

  1210. <td>object</td>
    1211. 

  1211. <td>-</td>
    1212. 

  1212. <td></td>
    1213. 

  1213. <td></td>
    1214. 

  1214. </tr>
    1215. 

  1215. <tr>
    1216. 

  1216. <td>header</td>
    1217. 

  1217. <td>List header renderer</td>
    1218. 

  1218. <td>string|slot</td>
    1219. 

  1219. <td>-</td>
    1220. 

  1220. <td></td>
    1221. 

  1221. <td></td>
    1222. 

  1222. </tr>
    1223. 

  1223. <tr>
    1224. 

  1224. <td>itemLayout</td>
    1225. 

  1225. <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>
    1226. 

  1226. <td>string</td>
    1227. 

  1227. <td>-</td>
    1228. 

  1228. <td></td>
    1229. 

  1229. <td></td>
    1230. 

  1230. </tr>
    1231. 

  1231. <tr>
    1232. 

  1232. <td>loading</td>
    1233. 

  1233. <td>Shows a loading indicator while the contents of the list are being fetched</td>
    1234. 

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

  1235. <td>false</td>
    1236. 

  1236. <td></td>
    1237. 

  1237. <td></td>
    1238. 

  1238. </tr>
    1239. 

  1239. <tr>
    1240. 

  1240. <td>loadMore</td>
    1241. 

  1241. <td>Shows a load more content</td>
    1242. 

  1242. <td>string|slot</td>
    1243. 

  1243. <td>-</td>
    1244. 

  1244. <td></td>
    1245. 

  1245. <td></td>
    1246. 

  1246. </tr>
    1247. 

  1247. <tr>
    1248. 

  1248. <td>locale</td>
    1249. 

  1249. <td>i18n text including empty text</td>
    1250. 

  1250. <td>object</td>
    1251. 

  1251. <td>emptyText: 'No Data' <br></td>
    1252. 

  1252. <td></td>
    1253. 

  1253. <td></td>
    1254. 

  1254. </tr>
    1255. 

  1255. <tr>
    1256. 

  1256. <td>pagination</td>
    1257. 

  1257. <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>
    1258. 

  1258. <td>boolean | object</td>
    1259. 

  1259. <td>false</td>
    1260. 

  1260. <td></td>
    1261. 

  1261. <td></td>
    1262. 

  1262. </tr>
    1263. 

  1263. <tr>
    1264. 

  1264. <td>renderItem</td>
    1265. 

  1265. <td>Custom item renderer, #renderItem=&quot;{item, index}&quot;</td>
    1266. 

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

  1267. <td></td>
    1268. 

  1268. <td>-</td>
    1269. 

  1269. <td></td>
    1270. 

  1270. </tr>
    1271. 

  1271. <tr>
    1272. 

  1272. <td>rowKey</td>
    1273. 

  1273. <td>Item's unique key, could be a string or function that returns a string</td>
    1274. 

  1274. <td>string|Function(record):string</td>
    1275. 

  1275. <td><code>key</code></td>
    1276. 

  1276. <td></td>
    1277. 

  1277. <td></td>
    1278. 

  1278. </tr>
    1279. 

  1279. <tr>
    1280. 

  1280. <td>split</td>
    1281. 

  1281. <td>Toggles rendering of the split under the list item</td>
    1282. 

  1282. <td>boolean</td>
    1283. 

  1283. <td>true</td>
    1284. 

  1284. <td></td>
    1285. 

  1285. <td></td>
    1286. 

  1286. </tr>
    1287. 

  1287. </tbody>
    1288. 

  1288. </table>
    1289. 

  1289. <h3 id="pagination">pagination <a class="header-anchor" href="#pagination">
    1290. 

  1290.           <span aria-hidden="true" class="anchor">#</span>
    1291. 

  1291.         </a></h3>
    1292. 

  1292. <p>Properties for pagination.</p>
    1293. 

  1293. <table>
    1294. 

  1294. <thead>
    1295. 

  1295. <tr>
    1296. 

  1296. <th>Property</th>
    1297. 

  1297. <th>Description</th>
    1298. 

  1298. <th>Type</th>
    1299. 

  1299. <th>Default</th>
    1300. 

  1300. </tr>
    1301. 

  1301. </thead>
    1302. 

  1302. <tbody>
    1303. 

  1303. <tr>
    1304. 

  1304. <td>position</td>
    1305. 

  1305. <td>specify the position of <code>Pagination</code></td>
    1306. 

  1306. <td>'top' | 'bottom' | 'both'</td>
    1307. 

  1307. <td>'bottom'</td>
    1308. 

  1308. </tr>
    1309. 

  1309. </tbody>
    1310. 

  1310. </table>
    1311. 

  1311. <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>
    1312. 

  1312. <h3 id="List-grid-props">List grid props <a class="header-anchor" href="#List-grid-props">
    1313. 

  1313.           <span aria-hidden="true" class="anchor">#</span>
    1314. 

  1314.         </a></h3>
    1315. 

  1315. <table>
    1316. 

  1316. <thead>
    1317. 

  1317. <tr>
    1318. 

  1318. <th>Property</th>
    1319. 

  1319. <th>Description</th>
    1320. 

  1320. <th>Type</th>
    1321. 

  1321. <th>Default</th>
    1322. 

  1322. <th>Version</th>
    1323. 

  1323. </tr>
    1324. 

  1324. </thead>
    1325. 

  1325. <tbody>
    1326. 

  1326. <tr>
    1327. 

  1327. <td>column</td>
    1328. 

  1328. <td>column of grid</td>
    1329. 

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

  1330. <td>-</td>
    1331. 

  1331. <td></td>
    1332. 

  1332. </tr>
    1333. 

  1333. <tr>
    1334. 

  1334. <td>gutter</td>
    1335. 

  1335. <td>spacing between grid</td>
    1336. 

  1336. <td>number</td>
    1337. 

  1337. <td>0</td>
    1338. 

  1338. <td></td>
    1339. 

  1339. </tr>
    1340. 

  1340. <tr>
    1341. 

  1341. <td>size</td>
    1342. 

  1342. <td>Size of list</td>
    1343. 

  1343. <td><code>default</code> | <code>middle</code> | <code>small</code></td>
    1344. 

  1344. <td><code>default</code></td>
    1345. 

  1345. <td></td>
    1346. 

  1346. </tr>
    1347. 

  1347. <tr>
    1348. 

  1348. <td>xxxl</td>
    1349. 

  1349. <td><code>\u22652000px</code> column of grid</td>
    1350. 

  1350. <td>number</td>
    1351. 

  1351. <td>-</td>
    1352. 

  1352. <td>3.0</td>
    1353. 

  1353. </tr>
    1354. 

  1354. <tr>
    1355. 

  1355. <td>xs</td>
    1356. 

  1356. <td><code>&lt;576px</code> column of grid</td>
    1357. 

  1357. <td>number</td>
    1358. 

  1358. <td>-</td>
    1359. 

  1359. <td></td>
    1360. 

  1360. </tr>
    1361. 

  1361. <tr>
    1362. 

  1362. <td>sm</td>
    1363. 

  1363. <td><code>\u2265576px</code> column of grid</td>
    1364. 

  1364. <td>number</td>
    1365. 

  1365. <td>-</td>
    1366. 

  1366. <td></td>
    1367. 

  1367. </tr>
    1368. 

  1368. <tr>
    1369. 

  1369. <td>md</td>
    1370. 

  1370. <td><code>\u2265768px</code> column of grid</td>
    1371. 

  1371. <td>number</td>
    1372. 

  1372. <td>-</td>
    1373. 

  1373. <td></td>
    1374. 

  1374. </tr>
    1375. 

  1375. <tr>
    1376. 

  1376. <td>lg</td>
    1377. 

  1377. <td><code>\u2265992px</code> column of grid</td>
    1378. 

  1378. <td>number</td>
    1379. 

  1379. <td>-</td>
    1380. 

  1380. <td></td>
    1381. 

  1381. </tr>
    1382. 

  1382. <tr>
    1383. 

  1383. <td>xl</td>
    1384. 

  1384. <td><code>\u22651200px</code> column of grid</td>
    1385. 

  1385. <td>number</td>
    1386. 

  1386. <td>-</td>
    1387. 

  1387. <td></td>
    1388. 

  1388. </tr>
    1389. 

  1389. <tr>
    1390. 

  1390. <td>xxl</td>
    1391. 

  1391. <td><code>\u22651600px</code> column of grid</td>
    1392. 

  1392. <td>number</td>
    1393. 

  1393. <td>-</td>
    1394. 

  1394. <td></td>
    1395. 

  1395. </tr>
    1396. 

  1396. </tbody>
    1397. 

  1397. </table>
    1398. 

  1398. <h3 id="List-Item">List.Item <a class="header-anchor" href="#List-Item">
    1399. 

  1399.           <span aria-hidden="true" class="anchor">#</span>
    1400. 

  1400.         </a></h3>
    1401. 

  1401. <table>
    1402. 

  1402. <thead>
    1403. 

  1403. <tr>
    1404. 

  1404. <th>Property</th>
    1405. 

  1405. <th>Description</th>
    1406. 

  1406. <th>Type</th>
    1407. 

  1407. <th>Default</th>
    1408. 

  1408. <th>Version</th>
    1409. 

  1409. </tr>
    1410. 

  1410. </thead>
    1411. 

  1411. <tbody>
    1412. 

  1412. <tr>
    1413. 

  1413. <td>actions</td>
    1414. 

  1414. <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>
    1415. 

  1415. <td>vNode[] |slot</td>
    1416. 

  1416. <td>-</td>
    1417. 

  1417. <td></td>
    1418. 

  1418. </tr>
    1419. 

  1419. <tr>
    1420. 

  1420. <td>extra</td>
    1421. 

  1421. <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>
    1422. 

  1422. <td>string|slot</td>
    1423. 

  1423. <td>-</td>
    1424. 

  1424. <td></td>
    1425. 

  1425. </tr>
    1426. 

  1426. </tbody>
    1427. 

  1427. </table>
    1428. 

  1428. <h3 id="List-Item-Meta">List.Item.Meta <a class="header-anchor" href="#List-Item-Meta">
    1429. 

  1429.           <span aria-hidden="true" class="anchor">#</span>
    1430. 

  1430.         </a></h3>
    1431. 

  1431. <table>
    1432. 

  1432. <thead>
    1433. 

  1433. <tr>
    1434. 

  1434. <th>Property</th>
    1435. 

  1435. <th>Description</th>
    1436. 

  1436. <th>Type</th>
    1437. 

  1437. <th>Default</th>
    1438. 

  1438. </tr>
    1439. 

  1439. </thead>
    1440. 

  1440. <tbody>
    1441. 

  1441. <tr>
    1442. 

  1442. <td>avatar</td>
    1443. 

  1443. <td>The avatar of list item</td>
    1444. 

  1444. <td>slot</td>
    1445. 

  1445. <td>-</td>
    1446. 

  1446. </tr>
    1447. 

  1447. <tr>
    1448. 

  1448. <td>description</td>
    1449. 

  1449. <td>The description of list item</td>
    1450. 

  1450. <td>string|slot</td>
    1451. 

  1451. <td>-</td>
    1452. 

  1452. </tr>
    1453. 

  1453. <tr>
    1454. 

  1454. <td>title</td>
    1455. 

  1455. <td>The title of list item</td>
    1456. 

  1456. <td>string|slot</td>
    1457. 

  1457. <td>-</td>
    1458. 

  1458. </tr>
    1459. 

  1459. </tbody>
    1460. 

  1460. </table>
    1461. 

  1461. `,lastUpdated:1748060300832}},Cn={class:"markdown"};function hn(p,a,i,d,C,l){return g(),G("article",Cn,a[0]||(a[0]=[B('<p>Simple List.</p><h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="List">List <a class="header-anchor" href="#List"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th><th></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><td></td></tr><tr><td>dataSource</td><td>dataSource array for list</td><td>any[]</td><td>-</td><td>3.20.1</td><td></td></tr><tr><td>footer</td><td>List footer renderer</td><td>string|slot</td><td>-</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><td></td></tr><tr><td>header</td><td>List header renderer</td><td>string|slot</td><td>-</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><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><td></td></tr><tr><td>loadMore</td><td>Shows a load more content</td><td>string|slot</td><td>-</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><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><td></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><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><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><td></td></tr></tbody></table><h3 id="pagination">pagination <a class="header-anchor" href="#pagination"><span aria-hidden="true" class="anchor">#</span></a></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 <a class="header-anchor" href="#List-grid-props"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</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><td></td></tr><tr><td>gutter</td><td>spacing between grid</td><td>number</td><td>0</td><td></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><td></td></tr><tr><td>xxxl</td><td><code>\u22652000px</code> column of grid</td><td>number</td><td>-</td><td>3.0</td></tr><tr><td>xs</td><td><code>&lt;576px</code> column of grid</td><td>number</td><td>-</td><td></td></tr><tr><td>sm</td><td><code>\u2265576px</code> column of grid</td><td>number</td><td>-</td><td></td></tr><tr><td>md</td><td><code>\u2265768px</code> column of grid</td><td>number</td><td>-</td><td></td></tr><tr><td>lg</td><td><code>\u2265992px</code> column of grid</td><td>number</td><td>-</td><td></td></tr><tr><td>xl</td><td><code>\u22651200px</code> column of grid</td><td>number</td><td>-</td><td></td></tr><tr><td>xxl</td><td><code>\u22651600px</code> column of grid</td><td>number</td><td>-</td><td></td></tr></tbody></table><h3 id="List-Item">List.Item <a class="header-anchor" href="#List-Item"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</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>vNode[] |slot</td><td>-</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><td></td></tr></tbody></table><h3 id="List-Item-Meta">List.Item.Meta <a class="header-anchor" href="#List-Item-Meta"><span aria-hidden="true" class="anchor">#</span></a></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)]))}const An=h(mn,[["render",hn]]),bn=y({CN:In,US:An,components:{Basic:T,Simple:E,Loadmore:O,Vertical:an,Grid:pn,Resposive:kn},setup(){return{}}});function yn(p,a,i,d,C,l){const c=o("basic"),k=o("simple"),r=o("loadmore"),u=o("vertical"),I=o("grid"),m=o("resposive");return g(),G(X,null,[e(c),e(k),e(r),e(u),e(I),e(m)],64)}const wn=h(bn,[["render",yn]]);export{wn as default};
    1462.