list-6VGU-0Wr.js 10 KB

1
  1. import{a as e,n as t}from"./react-dom-stZKkA6x.js";import{$ as n,Bn as r,Dn as i,G as a,Kt as o,Mn as s,Nr as c,U as l,d as u,er as d,on as f,sr as p,u as m,un as h,xn as g,zn as _}from"./jsx-runtime-C5RSiriy.js";import{a as v,i as y}from"./StatusPill-BYj3zI1_.js";var b=e(c()),x=e(t()),S=x.createContext({});S.Consumer;var C=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n},w=e=>{var{prefixCls:t,className:n,avatar:r,title:i,description:a}=e,o=C(e,[`prefixCls`,`className`,`avatar`,`title`,`description`]);let{getPrefixCls:s}=(0,x.useContext)(_),c=s(`list`,t),l=(0,b.default)(`${c}-item-meta`,n),u=x.createElement(`div`,{className:`${c}-item-meta-content`},i&&x.createElement(`h4`,{className:`${c}-item-meta-title`},i),a&&x.createElement(`div`,{className:`${c}-item-meta-description`},a));return x.createElement(`div`,Object.assign({},o,{className:l}),r&&x.createElement(`div`,{className:`${c}-item-meta-avatar`},r),(i||a)&&u)},T=x.forwardRef((e,t)=>{let{prefixCls:n,children:r,actions:i,extra:a,styles:o,className:s,classNames:c,colStyle:l}=e,d=C(e,[`prefixCls`,`children`,`actions`,`extra`,`styles`,`className`,`classNames`,`colStyle`]),{grid:f,itemLayout:p}=(0,x.useContext)(S),{getPrefixCls:m,list:g}=(0,x.useContext)(_),v=e=>(0,b.default)(g?.item?.classNames?.[e],c?.[e]),y=e=>Object.assign(Object.assign({},g?.item?.styles?.[e]),o?.[e]),w=()=>{let e=!1;return x.Children.forEach(r,t=>{typeof t==`string`&&(e=!0)}),e&&x.Children.count(r)>1},T=()=>p===`vertical`?!!a:!w(),E=m(`list`,n),D=i&&i.length>0&&x.createElement(`ul`,{className:(0,b.default)(`${E}-item-action`,v(`actions`)),key:`actions`,style:y(`actions`)},i.map((e,t)=>x.createElement(`li`,{key:`${E}-item-action-${t}`},e,t!==i.length-1&&x.createElement(`em`,{className:`${E}-item-action-split`})))),O=f?`div`:`li`,k=x.createElement(O,Object.assign({},d,f?{}:{ref:t},{className:(0,b.default)(`${E}-item`,{[`${E}-item-no-flex`]:!T()},s)}),p===`vertical`&&a?[x.createElement(`div`,{className:`${E}-item-main`,key:`content`},r,D),x.createElement(`div`,{className:(0,b.default)(`${E}-item-extra`,v(`extra`)),key:`extra`,style:y(`extra`)},a)]:[r,D,h(a,{key:`extra`})]);return f?x.createElement(u,{ref:t,flex:1,style:l},k):k});T.Meta=w;var E=e=>{let{listBorderedCls:t,componentCls:n,paddingLG:r,margin:i,itemPaddingSM:a,itemPaddingLG:o,marginLG:s,borderRadiusLG:c}=e,l=d(e.calc(c).sub(e.lineWidth).equal());return{[t]:{border:`${d(e.lineWidth)} ${e.lineType} ${e.colorBorder}`,borderRadius:c,[`${n}-header`]:{borderRadius:`${l} ${l} 0 0`},[`${n}-footer`]:{borderRadius:`0 0 ${l} ${l}`},[`${n}-header,${n}-footer,${n}-item`]:{paddingInline:r},[`${n}-pagination`]:{margin:`${d(i)} ${d(s)}`}},[`${t}${n}-sm`]:{[`${n}-item,${n}-header,${n}-footer`]:{padding:a}},[`${t}${n}-lg`]:{[`${n}-item,${n}-header,${n}-footer`]:{padding:o}}}},D=e=>{let{componentCls:t,screenSM:n,screenMD:r,marginLG:i,marginSM:a,margin:o}=e;return{[`@media screen and (max-width:${r}px)`]:{[t]:{[`${t}-item`]:{[`${t}-item-action`]:{marginInlineStart:i}}},[`${t}-vertical`]:{[`${t}-item`]:{[`${t}-item-extra`]:{marginInlineStart:i}}}},[`@media screen and (max-width: ${n}px)`]:{[t]:{[`${t}-item`]:{flexWrap:`wrap`,[`${t}-action`]:{marginInlineStart:a}}},[`${t}-vertical`]:{[`${t}-item`]:{flexWrap:`wrap-reverse`,[`${t}-item-main`]:{minWidth:e.contentWidth},[`${t}-item-extra`]:{margin:`auto auto ${d(o)}`}}}}}},O=e=>{let{componentCls:t,antCls:n,controlHeight:r,minHeight:a,paddingSM:o,marginLG:s,padding:c,itemPadding:l,colorPrimary:u,itemPaddingSM:f,itemPaddingLG:p,paddingXS:m,margin:h,colorText:g,colorTextDescription:_,motionDurationSlow:v,lineWidth:y,headerBg:b,footerBg:x,emptyTextPadding:S,metaMarginBottom:C,avatarMarginRight:w,titleMarginBottom:T,descriptionFontSize:E}=e;return{[t]:Object.assign(Object.assign({},i(e)),{position:`relative`,"--rc-virtual-list-scrollbar-bg":e.colorSplit,"*":{outline:`none`},[`${t}-header`]:{background:b},[`${t}-footer`]:{background:x},[`${t}-header, ${t}-footer`]:{paddingBlock:o},[`${t}-pagination`]:{marginBlockStart:s,[`${n}-pagination-options`]:{textAlign:`start`}},[`${t}-spin`]:{minHeight:a,textAlign:`center`},[`${t}-items`]:{margin:0,padding:0,listStyle:`none`},[`${t}-item`]:{display:`flex`,alignItems:`center`,justifyContent:`space-between`,padding:l,color:g,[`${t}-item-meta`]:{display:`flex`,flex:1,alignItems:`flex-start`,maxWidth:`100%`,[`${t}-item-meta-avatar`]:{marginInlineEnd:w},[`${t}-item-meta-content`]:{flex:`1 0`,width:0,color:g},[`${t}-item-meta-title`]:{margin:`0 0 ${d(e.marginXXS)} 0`,color:g,fontSize:e.fontSize,lineHeight:e.lineHeight,"> a":{color:g,transition:`all ${v}`,"&:hover":{color:u}}},[`${t}-item-meta-description`]:{color:_,fontSize:E,lineHeight:e.lineHeight}},[`${t}-item-action`]:{flex:`0 0 auto`,marginInlineStart:e.marginXXL,padding:0,fontSize:0,listStyle:`none`,"& > li":{position:`relative`,display:`inline-block`,padding:`0 ${d(m)}`,color:_,fontSize:e.fontSize,lineHeight:e.lineHeight,textAlign:`center`,"&:first-child":{paddingInlineStart:0}},[`${t}-item-action-split`]:{position:`absolute`,insetBlockStart:`50%`,insetInlineEnd:0,width:y,height:e.calc(e.fontHeight).sub(e.calc(e.marginXXS).mul(2)).equal(),transform:`translateY(-50%)`,backgroundColor:e.colorSplit}}},[`${t}-empty`]:{padding:`${d(c)} 0`,color:_,fontSize:e.fontSizeSM,textAlign:`center`},[`${t}-empty-text`]:{padding:S,color:e.colorTextDisabled,fontSize:e.fontSize,textAlign:`center`},[`${t}-item-no-flex`]:{display:`block`}}),[`${t}-grid ${n}-col > ${t}-item`]:{display:`block`,maxWidth:`100%`,marginBlockEnd:h,paddingBlock:0,borderBlockEnd:`none`},[`${t}-vertical ${t}-item`]:{alignItems:`initial`,[`${t}-item-main`]:{display:`block`,flex:1},[`${t}-item-extra`]:{marginInlineStart:s},[`${t}-item-meta`]:{marginBlockEnd:C,[`${t}-item-meta-title`]:{marginBlockStart:0,marginBlockEnd:T,color:g,fontSize:e.fontSizeLG,lineHeight:e.lineHeightLG}},[`${t}-item-action`]:{marginBlockStart:c,marginInlineStart:`auto`,"> li":{padding:`0 ${d(c)}`,"&:first-child":{paddingInlineStart:0}}}},[`${t}-split ${t}-item`]:{borderBlockEnd:`${d(e.lineWidth)} ${e.lineType} ${e.colorSplit}`,"&:last-child":{borderBlockEnd:`none`}},[`${t}-split ${t}-header`]:{borderBlockEnd:`${d(e.lineWidth)} ${e.lineType} ${e.colorSplit}`},[`${t}-split${t}-empty ${t}-footer`]:{borderTop:`${d(e.lineWidth)} ${e.lineType} ${e.colorSplit}`},[`${t}-loading ${t}-spin-nested-loading`]:{minHeight:r},[`${t}-split${t}-something-after-last-item ${n}-spin-container > ${t}-items > ${t}-item:last-child`]:{borderBlockEnd:`${d(e.lineWidth)} ${e.lineType} ${e.colorSplit}`},[`${t}-lg ${t}-item`]:{padding:p},[`${t}-sm ${t}-item`]:{padding:f},[`${t}:not(${t}-vertical)`]:{[`${t}-item-no-flex`]:{[`${t}-item-action`]:{float:`right`}}}}},k=g(`List`,e=>{let t=s(e,{listBorderedCls:`${e.componentCls}-bordered`,minHeight:e.controlHeightLG});return[O(t),E(t),D(t)]},e=>({contentWidth:220,itemPadding:`${d(e.paddingContentVertical)} 0`,itemPaddingSM:`${d(e.paddingContentVerticalSM)} ${d(e.paddingContentHorizontal)}`,itemPaddingLG:`${d(e.paddingContentVerticalLG)} ${d(e.paddingContentHorizontalLG)}`,headerBg:`transparent`,footerBg:`transparent`,emptyTextPadding:e.padding,metaMarginBottom:e.padding,avatarMarginRight:e.padding,titleMarginBottom:e.paddingSM,descriptionFontSize:e.fontSize})),ee=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols==`function`)for(var i=0,r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]]);return n};function A(e,t){let{pagination:i=!1,prefixCls:s,bordered:c=!1,split:u=!0,className:d,rootClassName:h,style:g,children:C,itemLayout:w,loadMore:T,grid:E,dataSource:D=[],size:O,header:A,footer:j,loading:te=!1,rowKey:M,renderItem:N,locale:P}=e,ne=ee(e,[`pagination`,`prefixCls`,`bordered`,`split`,`className`,`rootClassName`,`style`,`children`,`itemLayout`,`loadMore`,`grid`,`dataSource`,`size`,`header`,`footer`,`loading`,`rowKey`,`renderItem`,`locale`]),F=i&&typeof i==`object`?i:{},[re,ie]=x.useState(F.defaultCurrent||1),[ae,oe]=x.useState(F.defaultPageSize||10),{getPrefixCls:se,direction:I,className:L,style:R}=r(`list`),{renderEmpty:z}=x.useContext(_),B={current:1,total:0,position:`bottom`},V=e=>(t,n)=>{var r;ie(t),oe(n),i&&((r=i?.[e])==null||r.call(i,t,n))},H=V(`onChange`),ce=V(`onShowSizeChange`),le=(e,t)=>{if(!N)return null;let n;return n=typeof M==`function`?M(e):M?e[M]:e.key,n||=`list-item-${t}`,x.createElement(x.Fragment,{key:n},N(e,t))},ue=!!(T||i||j),U=se(`list`,s),[de,fe,pe]=k(U),W=te;typeof W==`boolean`&&(W={spinning:W});let G=!!W?.spinning,me=o(O),K=``;switch(me){case`large`:K=`lg`;break;case`small`:K=`sm`;break;default:break}let he=(0,b.default)(U,{[`${U}-vertical`]:w===`vertical`,[`${U}-${K}`]:K,[`${U}-split`]:u,[`${U}-bordered`]:c,[`${U}-loading`]:G,[`${U}-grid`]:!!E,[`${U}-something-after-last-item`]:ue,[`${U}-rtl`]:I===`rtl`},L,d,h,fe,pe),q=f(B,{total:D.length,current:re,pageSize:ae},i||{}),ge=Math.ceil(q.total/q.pageSize);q.current=Math.min(q.current,ge);let J=i&&x.createElement(`div`,{className:(0,b.default)(`${U}-pagination`)},x.createElement(v,Object.assign({align:`end`},q,{onChange:H,onShowSizeChange:ce}))),Y=p(D);i&&D.length>(q.current-1)*q.pageSize&&(Y=p(D).splice((q.current-1)*q.pageSize,q.pageSize));let X=l(Object.keys(E||{}).some(e=>[`xs`,`sm`,`md`,`lg`,`xl`,`xxl`].includes(e))),Z=x.useMemo(()=>{for(let e=0;e<a.length;e+=1){let t=a[e];if(X[t])return t}},[X]),_e=x.useMemo(()=>{if(!E)return;let e=Z&&E[Z]?E[Z]:E.column;if(e)return{width:`${100/e}%`,maxWidth:`${100/e}%`}},[JSON.stringify(E),Z]),Q=G&&x.createElement(`div`,{style:{minHeight:53}});if(Y.length>0){let e=Y.map(le);Q=E?x.createElement(m,{gutter:E.gutter},x.Children.map(e,e=>x.createElement(`div`,{key:e?.key,style:_e},e))):x.createElement(`ul`,{className:`${U}-items`},e)}else!C&&!G&&(Q=x.createElement(`div`,{className:`${U}-empty-text`},P?.emptyText||z?.(`List`)||x.createElement(n,{componentName:`List`})));let $=q.position,ve=x.useMemo(()=>({grid:E,itemLayout:w}),[JSON.stringify(E),w]);return de(x.createElement(S.Provider,{value:ve},x.createElement(`div`,Object.assign({ref:t,style:Object.assign(Object.assign({},R),g),className:he},ne),($===`top`||$===`both`)&&J,A&&x.createElement(`div`,{className:`${U}-header`},A),x.createElement(y,Object.assign({},W),Q,C),j&&x.createElement(`div`,{className:`${U}-footer`},j),T||($===`bottom`||$===`both`)&&J)))}var j=x.forwardRef(A);j.Item=T;export{j as t};