p__list__card-list.e254f4a4.async.js

(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[9063],{99165:function(x,u,e){"use strict";e.d(u,{Z:function(){return O}});var o=e(28991),d=e(67294),n={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M832 64H296c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h496v688c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8V96c0-17.7-14.3-32-32-32zM704 192H192c-17.7 0-32 14.3-32 32v530.7c0 8.5 3.4 16.6 9.4 22.6l173.3 173.3c2.2 2.2 4.7 4 7.4 5.5v1.9h4.2c3.5 1.3 7.2 2 11 2H704c17.7 0 32-14.3 32-32V224c0-17.7-14.3-32-32-32zM350 856.2L263.9 770H350v86.2zM664 888H414V746c0-22.1-17.9-40-40-40H232V264h432v624z"}}]},name:"copy",theme:"outlined"},C=n,_=e(27029),h=function(M,B){return d.createElement(_.Z,(0,o.Z)((0,o.Z)({},M),{},{ref:B,icon:C}))};h.displayName="CopyOutlined";var O=d.forwardRef(h)},32709:function(x){x.exports={cardList:"cardList___3xaWz",card:"card___2UcUB",item:"item___12yPk",extraImg:"extraImg___1s7Yr",newButton:"newButton___d7XLd",cardAvatar:"cardAvatar___1IXn2",cardDescription:"cardDescription___2El4K",pageHeaderContent:"pageHeaderContent___1gL3o",contentLink:"contentLink___2_3KH"}},97432:function(){},65448:function(x,u,e){"use strict";e.r(u),e.d(u,{default:function(){return a}});var o=e(57663),d=e(71577),n=e(54421),C=e(38272),_=e(58024),h=e(39144),O=e(86582),U=e(402),M=e(59289),B=e(49101),W=e(75362),F=e(21010),H=e(3182),K=e(94043),P=e.n(K);function v(c){return A.apply(this,arguments)}function A(){return A=(0,H.Z)(P().mark(function c(t){return P().wrap(function(m){for(;;)switch(m.prev=m.next){case 0:return m.abrupt("return",(0,F.WY)("/api/card_fake_list",{params:t}));case 1:case"end":return m.stop()}},c)})),A.apply(this,arguments)}var G=e(32709),E=e.n(G),s=e(85893),$=M.Z.Paragraph,l=function(){var t=(0,F.QT)(function(){return v({count:8})}),r=t.data,m=t.loading,b=(r==null?void 0:r.list)||[],p=(0,s.jsxs)("div",{className:E().pageHeaderContent,children:[(0,s.jsx)("p",{children:"\u6BB5\u843D\u793A\u610F\uFF1A\u8682\u8681\u91D1\u670D\u52A1\u8BBE\u8BA1\u5E73\u53F0 ant.design\uFF0C\u7528\u6700\u5C0F\u7684\u5DE5\u4F5C\u91CF\uFF0C\u65E0\u7F1D\u63A5\u5165\u8682\u8681\u91D1\u670D\u751F\u6001\uFF0C \u63D0\u4F9B\u8DE8\u8D8A\u8BBE\u8BA1\u4E0E\u5F00\u53D1\u7684\u4F53\u9A8C\u89E3\u51B3\u65B9\u6848\u3002"}),(0,s.jsxs)("div",{className:E().contentLink,children:[(0,s.jsxs)("a",{children:[(0,s.jsx)("img",{alt:"",src:"https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg"})," ","\u5FEB\u901F\u5F00\u59CB"]}),(0,s.jsxs)("a",{children:[(0,s.jsx)("img",{alt:"",src:"https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg"})," ","\u4EA7\u54C1\u7B80\u4ECB"]}),(0,s.jsxs)("a",{children:[(0,s.jsx)("img",{alt:"",src:"https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg"})," ","\u4EA7\u54C1\u6587\u6863"]})]})]}),D=(0,s.jsx)("div",{className:E().extraImg,children:(0,s.jsx)("img",{alt:"\u8FD9\u662F\u4E00\u4E2A\u6807\u9898",src:"https://gw.alipayobjects.com/zos/rmsportal/RzwpdLnhmvDJToTdfDPe.png"})}),Z={};return(0,s.jsx)(W.ZP,{content:p,extraContent:D,children:(0,s.jsx)("div",{className:E().cardList,children:(0,s.jsx)(C.ZP,{rowKey:"id",loading:m,grid:{gutter:16,xs:1,sm:2,md:3,lg:3,xl:4,xxl:4},dataSource:[Z].concat((0,O.Z)(b)),renderItem:function(y){return y&&y.id?(0,s.jsx)(C.ZP.Item,{children:(0,s.jsx)(h.Z,{hoverable:!0,className:E().card,actions:[(0,s.jsx)("a",{children:"\u64CD\u4F5C\u4E00"},"option1"),(0,s.jsx)("a",{children:"\u64CD\u4F5C\u4E8C"},"option2")],children:(0,s.jsx)(h.Z.Meta,{avatar:(0,s.jsx)("img",{alt:"",className:E().cardAvatar,src:y.avatar}),title:(0,s.jsx)("a",{children:y.title}),description:(0,s.jsx)($,{className:E().item,ellipsis:{rows:3},children:y.description})})})},y.id):(0,s.jsx)(C.ZP.Item,{children:(0,s.jsxs)(d.Z,{type:"dashed",className:E().newButton,children:[(0,s.jsx)(B.Z,{})," \u65B0\u589E\u4EA7\u54C1"]})})}})})})},a=l},39144:function(x,u,e){"use strict";e.d(u,{Z:function(){return $}});var o=e(96156),d=e(22122),n=e(67294),C=e(94184),_=e.n(C),h=e(98423),O=e(65632),U=function(l,a){var c={};for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&a.indexOf(t)<0&&(c[t]=l[t]);if(l!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(l);r<t.length;r++)a.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(l,t[r])&&(c[t[r]]=l[t[r]]);return c},M=function(a){var c=a.prefixCls,t=a.className,r=a.hoverable,m=r===void 0?!0:r,b=U(a,["prefixCls","className","hoverable"]);return n.createElement(O.C,null,function(p){var D=p.getPrefixCls,Z=D("card",c),f=_()("".concat(Z,"-grid"),t,(0,o.Z)({},"".concat(Z,"-grid-hoverable"),m));return n.createElement("div",(0,d.Z)({},b,{className:f}))})},B=M,W=function(l,a){var c={};for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&a.indexOf(t)<0&&(c[t]=l[t]);if(l!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(l);r<t.length;r++)a.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(l,t[r])&&(c[t[r]]=l[t[r]]);return c},F=function(a){return n.createElement(O.C,null,function(c){var t=c.getPrefixCls,r=a.prefixCls,m=a.className,b=a.avatar,p=a.title,D=a.description,Z=W(a,["prefixCls","className","avatar","title","description"]),f=t("card",r),y=_()("".concat(f,"-meta"),m),N=b?n.createElement("div",{className:"".concat(f,"-meta-avatar")},b):null,L=p?n.createElement("div",{className:"".concat(f,"-meta-title")},p):null,S=D?n.createElement("div",{className:"".concat(f,"-meta-description")},D):null,z=L||S?n.createElement("div",{className:"".concat(f,"-meta-detail")},L,S):null;return n.createElement("div",(0,d.Z)({},Z,{className:y}),N,z)})},H=F,K=e(45934),P=e(71230),v=e(15746),A=e(97647),G=function(l,a){var c={};for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&a.indexOf(t)<0&&(c[t]=l[t]);if(l!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(l);r<t.length;r++)a.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(l,t[r])&&(c[t[r]]=l[t[r]]);return c};function E(l){var a=l.map(function(c,t){return n.createElement("li",{style:{width:"".concat(100/l.length,"%")},key:"action-".concat(t)},n.createElement("span",null,c))});return a}var s=function(a){var c,t,r=n.useContext(O.E_),m=r.getPrefixCls,b=r.direction,p=n.useContext(A.Z),D=function(R){var j;(j=a.onTabChange)===null||j===void 0||j.call(a,R)},Z=function(){var R;return n.Children.forEach(a.children,function(j){j&&j.type&&j.type===B&&(R=!0)}),R},f=a.prefixCls,y=a.className,N=a.extra,L=a.headStyle,S=L===void 0?{}:L,z=a.bodyStyle,V=z===void 0?{}:z,Y=a.title,X=a.loading,J=a.bordered,le=J===void 0?!0:J,se=a.size,w=a.type,k=a.cover,Q=a.actions,T=a.tabList,ce=a.children,q=a.activeTabKey,oe=a.defaultActiveTabKey,ie=a.tabBarExtraContent,de=a.hoverable,ee=a.tabProps,ue=ee===void 0?{}:ee,ve=G(a,["prefixCls","className","extra","headStyle","bodyStyle","title","loading","bordered","size","type","cover","actions","tabList","children","activeTabKey","defaultActiveTabKey","tabBarExtraContent","hoverable","tabProps"]),i=m("card",f),me=V.padding===0||V.padding==="0px"?{padding:24}:void 0,g=n.createElement("div",{className:"".concat(i,"-loading-block")}),Ee=n.createElement("div",{className:"".concat(i,"-loading-content"),style:me},n.createElement(P.Z,{gutter:8},n.createElement(v.Z,{span:22},g)),n.createElement(P.Z,{gutter:8},n.createElement(v.Z,{span:8},g),n.createElement(v.Z,{span:15},g)),n.createElement(P.Z,{gutter:8},n.createElement(v.Z,{span:6},g),n.createElement(v.Z,{span:18},g)),n.createElement(P.Z,{gutter:8},n.createElement(v.Z,{span:13},g),n.createElement(v.Z,{span:9},g)),n.createElement(P.Z,{gutter:8},n.createElement(v.Z,{span:4},g),n.createElement(v.Z,{span:3},g),n.createElement(v.Z,{span:16},g))),te=q!==void 0,fe=(0,d.Z)((0,d.Z)({},ue),(c={},(0,o.Z)(c,te?"activeKey":"defaultActiveKey",te?q:oe),(0,o.Z)(c,"tabBarExtraContent",ie),c)),ae,ne=T&&T.length?n.createElement(K.Z,(0,d.Z)({size:"large"},fe,{className:"".concat(i,"-head-tabs"),onChange:D}),T.map(function(I){return n.createElement(K.Z.TabPane,{tab:I.tab,disabled:I.disabled,key:I.key})})):null;(Y||N||ne)&&(ae=n.createElement("div",{className:"".concat(i,"-head"),style:S},n.createElement("div",{className:"".concat(i,"-head-wrapper")},Y&&n.createElement("div",{className:"".concat(i,"-head-title")},Y),N&&n.createElement("div",{className:"".concat(i,"-extra")},N)),ne));var ye=k?n.createElement("div",{className:"".concat(i,"-cover")},k):null,ge=n.createElement("div",{className:"".concat(i,"-body"),style:V},X?Ee:ce),xe=Q&&Q.length?n.createElement("ul",{className:"".concat(i,"-actions")},E(Q)):null,Ce=(0,h.Z)(ve,["onTabChange"]),re=se||p,he=_()(i,(t={},(0,o.Z)(t,"".concat(i,"-loading"),X),(0,o.Z)(t,"".concat(i,"-bordered"),le),(0,o.Z)(t,"".concat(i,"-hoverable"),de),(0,o.Z)(t,"".concat(i,"-contain-grid"),Z()),(0,o.Z)(t,"".concat(i,"-contain-tabs"),T&&T.length),(0,o.Z)(t,"".concat(i,"-").concat(re),re),(0,o.Z)(t,"".concat(i,"-type-").concat(w),!!w),(0,o.Z)(t,"".concat(i,"-rtl"),b==="rtl"),t),y);return n.createElement("div",(0,d.Z)({},Ce,{className:he}),ae,ye,ge,xe)};s.Grid=B,s.Meta=H;var $=s},58024:function(x,u,e){"use strict";var o=e(43673),d=e.n(o),n=e(97432),C=e.n(n),_=e(18106),h=e(13062),O=e(89032)},15746:function(x,u,e){"use strict";var o=e(21584);u.Z=o.Z},89032:function(x,u,e){"use strict";var o=e(43673),d=e.n(o),n=e(6999)},71230:function(x,u,e){"use strict";var o=e(92820);u.Z=o.Z},13062:function(x,u,e){"use strict";var o=e(43673),d=e.n(o),n=e(6999)}}]);