👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

10 lines
15 KiB

"use strict";(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[8325],{50304:function(ye,Q,c){c.d(Q,{Z:function(){return l}});var i=c(50959),U=c(84875),I=c.n(U),W=c(87017),P=c(31594),J=c(17436),Y=c(25670),G=c(66146),R=function(e,o){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&o.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,a=Object.getOwnPropertySymbols(e);n<a.length;n++)o.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]]);return r},D=e=>{var{prefixCls:o,className:r,hoverable:a=!0}=e,n=R(e,["prefixCls","className","hoverable"]);const{getPrefixCls:f}=i.useContext(P.E_),u=f("card",o),v=I()(`${u}-grid`,r,{[`${u}-grid-hoverable`]:a});return i.createElement("div",Object.assign({},n,{className:v}))},s=c(60076),$=c(6301),q=c(81501),H=c(90467);const M=e=>{const{antCls:o,componentCls:r,headerHeight:a,cardPaddingBase:n,tabsMarginBottom:f}=e;return Object.assign(Object.assign({display:"flex",justifyContent:"center",flexDirection:"column",minHeight:a,marginBottom:-1,padding:`0 ${(0,s.bf)(n)}`,color:e.colorTextHeading,fontWeight:e.fontWeightStrong,fontSize:e.headerFontSize,background:e.headerBg,borderBottom:`${(0,s.bf)(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,borderRadius:`${(0,s.bf)(e.borderRadiusLG)} ${(0,s.bf)(e.borderRadiusLG)} 0 0`},(0,$.dF)()),{"&-wrapper":{width:"100%",display:"flex",alignItems:"center"},"&-title":Object.assign(Object.assign({display:"inline-block",flex:1},$.vS),{[`
> ${r}-typography,
> ${r}-typography-edit-content
`]:{insetInlineStart:0,marginTop:0,marginBottom:0}}),[`${o}-tabs-top`]:{clear:"both",marginBottom:f,color:e.colorText,fontWeight:"normal",fontSize:e.fontSize,"&-bar":{borderBottom:`${(0,s.bf)(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`}}})},F=e=>{const{cardPaddingBase:o,colorBorderSecondary:r,cardShadow:a,lineWidth:n}=e;return{width:"33.33%",padding:o,border:0,borderRadius:0,boxShadow:`
${(0,s.bf)(n)} 0 0 0 ${r},
0 ${(0,s.bf)(n)} 0 0 ${r},
${(0,s.bf)(n)} ${(0,s.bf)(n)} 0 0 ${r},
${(0,s.bf)(n)} 0 0 0 ${r} inset,
0 ${(0,s.bf)(n)} 0 0 ${r} inset;
`,transition:`all ${e.motionDurationMid}`,"&-hoverable:hover":{position:"relative",zIndex:1,boxShadow:a}}},k=e=>{const{componentCls:o,iconCls:r,actionsLiMargin:a,cardActionsIconSize:n,colorBorderSecondary:f,actionsBg:u}=e;return Object.assign(Object.assign({margin:0,padding:0,listStyle:"none",background:u,borderTop:`${(0,s.bf)(e.lineWidth)} ${e.lineType} ${f}`,display:"flex",borderRadius:`0 0 ${(0,s.bf)(e.borderRadiusLG)} ${(0,s.bf)(e.borderRadiusLG)}`},(0,$.dF)()),{"& > li":{margin:a,color:e.colorTextDescription,textAlign:"center","> span":{position:"relative",display:"block",minWidth:e.calc(e.cardActionsIconSize).mul(2).equal(),fontSize:e.fontSize,lineHeight:e.lineHeight,cursor:"pointer","&:hover":{color:e.colorPrimary,transition:`color ${e.motionDurationMid}`},[`a:not(${o}-btn), > ${r}`]:{display:"inline-block",width:"100%",color:e.colorTextDescription,lineHeight:(0,s.bf)(e.fontHeight),transition:`color ${e.motionDurationMid}`,"&:hover":{color:e.colorPrimary}},[`> ${r}`]:{fontSize:n,lineHeight:(0,s.bf)(e.calc(n).mul(e.lineHeight).equal())}},"&:not(:last-child)":{borderInlineEnd:`${(0,s.bf)(e.lineWidth)} ${e.lineType} ${f}`}}})},fe=e=>Object.assign(Object.assign({margin:`${(0,s.bf)(e.calc(e.marginXXS).mul(-1).equal())} 0`,display:"flex"},(0,$.dF)()),{"&-avatar":{paddingInlineEnd:e.padding},"&-detail":{overflow:"hidden",flex:1,"> div:not(:last-child)":{marginBottom:e.marginXS}},"&-title":Object.assign({color:e.colorTextHeading,fontWeight:e.fontWeightStrong,fontSize:e.fontSizeLG},$.vS),"&-description":{color:e.colorTextDescription}}),_=e=>{const{componentCls:o,cardPaddingBase:r,colorFillAlter:a}=e;return{[`${o}-head`]:{padding:`0 ${(0,s.bf)(r)}`,background:a,"&-title":{fontSize:e.fontSize}},[`${o}-body`]:{padding:`${(0,s.bf)(e.padding)} ${(0,s.bf)(r)}`}}},ee=e=>{const{componentCls:o}=e;return{overflow:"hidden",[`${o}-body`]:{userSelect:"none"}}},te=e=>{const{antCls:o,componentCls:r,cardShadow:a,cardHeadPadding:n,colorBorderSecondary:f,boxShadowTertiary:u,cardPaddingBase:v,extraColor:m}=e;return{[r]:Object.assign(Object.assign({},(0,$.Wf)(e)),{position:"relative",background:e.colorBgContainer,borderRadius:e.borderRadiusLG,[`&:not(${r}-bordered)`]:{boxShadow:u},[`${r}-head`]:M(e),[`${r}-extra`]:{marginInlineStart:"auto",color:m,fontWeight:"normal",fontSize:e.fontSize},[`${r}-body`]:Object.assign({padding:v,borderRadius:` 0 0 ${(0,s.bf)(e.borderRadiusLG)} ${(0,s.bf)(e.borderRadiusLG)}`},(0,$.dF)()),[`${r}-grid`]:F(e),[`${r}-cover`]:{"> *":{display:"block",width:"100%"},[`img, img + ${o}-image-mask`]:{borderRadius:`${(0,s.bf)(e.borderRadiusLG)} ${(0,s.bf)(e.borderRadiusLG)} 0 0`}},[`${r}-actions`]:k(e),[`${r}-meta`]:fe(e)}),[`${r}-bordered`]:{border:`${(0,s.bf)(e.lineWidth)} ${e.lineType} ${f}`,[`${r}-cover`]:{marginTop:-1,marginInlineStart:-1,marginInlineEnd:-1}},[`${r}-hoverable`]:{cursor:"pointer",transition:`box-shadow ${e.motionDurationMid}, border-color ${e.motionDurationMid}`,"&:hover":{borderColor:"transparent",boxShadow:a}},[`${r}-contain-grid`]:{borderRadius:`${(0,s.bf)(e.borderRadiusLG)} ${(0,s.bf)(e.borderRadiusLG)} 0 0 `,[`${r}-body`]:{display:"flex",flexWrap:"wrap"},[`&:not(${r}-loading) ${r}-body`]:{marginBlockStart:e.calc(e.lineWidth).mul(-1).equal(),marginInlineStart:e.calc(e.lineWidth).mul(-1).equal(),padding:0}},[`${r}-contain-tabs`]:{[`> ${r}-head`]:{minHeight:0,[`${r}-head-title, ${r}-extra`]:{paddingTop:n}}},[`${r}-type-inner`]:_(e),[`${r}-loading`]:ee(e),[`${r}-rtl`]:{direction:"rtl"}}},re=e=>{const{componentCls:o,cardPaddingSM:r,headerHeightSM:a,headerFontSizeSM:n}=e;return{[`${o}-small`]:{[`> ${o}-head`]:{minHeight:a,padding:`0 ${(0,s.bf)(r)}`,fontSize:n,[`> ${o}-head-wrapper`]:{[`> ${o}-extra`]:{fontSize:e.fontSize}}},[`> ${o}-body`]:{padding:r}},[`${o}-small${o}-contain-tabs`]:{[`> ${o}-head`]:{[`${o}-head-title, ${o}-extra`]:{paddingTop:0,display:"flex",alignItems:"center"}}}}},ae=e=>({headerBg:"transparent",headerFontSize:e.fontSizeLG,headerFontSizeSM:e.fontSize,headerHeight:e.fontSizeLG*e.lineHeightLG+e.padding*2,headerHeightSM:e.fontSize*e.lineHeight+e.paddingXS*2,actionsBg:e.colorBgContainer,actionsLiMargin:`${e.paddingSM}px 0`,tabsMarginBottom:-e.padding-e.lineWidth,extraColor:e.colorText});var E=(0,q.I$)("Card",e=>{const o=(0,H.TS)(e,{cardShadow:e.boxShadowCard,cardHeadPadding:e.padding,cardPaddingBase:e.paddingLG,cardActionsIconSize:e.fontSize,cardPaddingSM:12});return[te(o),re(o)]},ae),A=function(e,o){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&o.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,a=Object.getOwnPropertySymbols(e);n<a.length;n++)o.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]]);return r};const oe=e=>{const{prefixCls:o,actions:r=[]}=e;return i.createElement("ul",{className:`${o}-actions`},r.map((a,n)=>{const f=`action-${n}`;return i.createElement("li",{style:{width:`${100/r.length}%`},key:f},i.createElement("span",null,a))}))};var Z=i.forwardRef((e,o)=>{const{prefixCls:r,className:a,rootClassName:n,style:f,extra:u,headStyle:v={},bodyStyle:m={},title:p,loading:x,bordered:O=!0,size:h,type:B,cover:w,actions:N,tabList:z,children:T,activeTabKey:K,defaultActiveTabKey:y,tabBarExtraContent:ie,hoverable:le,tabProps:se={}}=e,X=A(e,["prefixCls","className","rootClassName","style","extra","headStyle","bodyStyle","title","loading","bordered","size","type","cover","actions","tabList","children","activeTabKey","defaultActiveTabKey","tabBarExtraContent","hoverable","tabProps"]),{getPrefixCls:ce,direction:de,card:C}=i.useContext(P.E_),ge=j=>{var S;(S=e.onTabChange)===null||S===void 0||S.call(e,j)},V=i.useMemo(()=>{let j=!1;return i.Children.forEach(T,S=>{S&&S.type&&S.type===D&&(j=!0)}),j},[T]),b=ce("card",r),[$e,ve]=E(b),Ce=i.createElement(Y.Z,{loading:!0,active:!0,paragraph:{rows:4},title:!1},T),me=K!==void 0,Se=Object.assign(Object.assign({},se),{[me?"activeKey":"defaultActiveKey"]:me?K:y,tabBarExtraContent:ie});let pe;const L=(0,J.Z)(h),xe=!L||L==="default"?"large":L,he=z?i.createElement(G.Z,Object.assign({size:xe},Se,{className:`${b}-head-tabs`,onChange:ge,items:z.map(j=>{var{tab:S}=j,Be=A(j,["tab"]);return Object.assign({label:S},Be)})})):null;(p||u||he)&&(pe=i.createElement("div",{className:`${b}-head`,style:v},i.createElement("div",{className:`${b}-head-wrapper`},p&&i.createElement("div",{className:`${b}-head-title`},p),u&&i.createElement("div",{className:`${b}-extra`},u)),he));const Oe=w?i.createElement("div",{className:`${b}-cover`},w):null,Te=i.createElement("div",{className:`${b}-body`,style:m},x?Ce:T),ze=N&&N.length?i.createElement(oe,{prefixCls:b,actions:N}):null,je=(0,W.Z)(X,["onTabChange"]),Pe=I()(b,C==null?void 0:C.className,{[`${b}-loading`]:x,[`${b}-bordered`]:O,[`${b}-hoverable`]:le,[`${b}-contain-grid`]:V,[`${b}-contain-tabs`]:z&&z.length,[`${b}-${L}`]:L,[`${b}-type-${B}`]:!!B,[`${b}-rtl`]:de==="rtl"},a,n,ve),Ee=Object.assign(Object.assign({},C==null?void 0:C.style),f);return $e(i.createElement("div",Object.assign({ref:o},je,{className:Pe,style:Ee}),pe,Oe,Te,ze))}),ne=function(e,o){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&o.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,a=Object.getOwnPropertySymbols(e);n<a.length;n++)o.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(e,a[n])&&(r[a[n]]=e[a[n]]);return r},d=e=>{const{prefixCls:o,className:r,avatar:a,title:n,description:f}=e,u=ne(e,["prefixCls","className","avatar","title","description"]),{getPrefixCls:v}=i.useContext(P.E_),m=v("card",o),p=I()(`${m}-meta`,r),x=a?i.createElement("div",{className:`${m}-meta-avatar`},a):null,O=n?i.createElement("div",{className:`${m}-meta-title`},n):null,h=f?i.createElement("div",{className:`${m}-meta-description`},f):null,B=O||h?i.createElement("div",{className:`${m}-meta-detail`},O,h):null;return i.createElement("div",Object.assign({},u,{className:p}),x,B)};const g=Z;g.Grid=D,g.Meta=d;var l=g},28566:function(ye,Q,c){c.d(Q,{Z:function(){return ne}});var i=c(50959),U=c(22410),I=c(84875),W=c.n(I),P=c(74364),J=c(7551),Y=c(42672),G=c(31594),R=c(60076),be=c(99978),D=c(6301),s=c(90467),$=c(81501);const q=t=>{const{paddingXXS:d,lineWidth:g,tagPaddingHorizontal:l,componentCls:e,calc:o}=t,r=o(l).sub(g).equal(),a=o(d).sub(g).equal();return{[e]:Object.assign(Object.assign({},(0,D.Wf)(t)),{display:"inline-block",height:"auto",marginInlineEnd:t.marginXS,paddingInline:r,fontSize:t.tagFontSize,lineHeight:t.tagLineHeight,whiteSpace:"nowrap",background:t.defaultBg,border:`${(0,R.bf)(t.lineWidth)} ${t.lineType} ${t.colorBorder}`,borderRadius:t.borderRadiusSM,opacity:1,transition:`all ${t.motionDurationMid}`,textAlign:"start",position:"relative",[`&${e}-rtl`]:{direction:"rtl"},"&, a, a:hover":{color:t.defaultColor},[`${e}-close-icon`]:{marginInlineStart:a,fontSize:t.tagIconSize,color:t.colorTextDescription,cursor:"pointer",transition:`all ${t.motionDurationMid}`,"&:hover":{color:t.colorTextHeading}},[`&${e}-has-color`]:{borderColor:"transparent",[`&, a, a:hover, ${t.iconCls}-close, ${t.iconCls}-close:hover`]:{color:t.colorTextLightSolid}},["&-checkable"]:{backgroundColor:"transparent",borderColor:"transparent",cursor:"pointer",[`&:not(${e}-checkable-checked):hover`]:{color:t.colorPrimary,backgroundColor:t.colorFillSecondary},"&:active, &-checked":{color:t.colorTextLightSolid},"&-checked":{backgroundColor:t.colorPrimary,"&:hover":{backgroundColor:t.colorPrimaryHover}},"&:active":{backgroundColor:t.colorPrimaryActive}},["&-hidden"]:{display:"none"},[`> ${t.iconCls} + span, > span + ${t.iconCls}`]:{marginInlineStart:r}}),[`${e}-borderless`]:{borderColor:"transparent",background:t.tagBorderlessBg}}},H=t=>{const{lineWidth:d,fontSizeIcon:g,calc:l}=t,e=t.fontSizeSM;return(0,s.TS)(t,{tagFontSize:e,tagLineHeight:(0,R.bf)(l(t.lineHeightSM).mul(e).equal()),tagIconSize:l(g).sub(l(d).mul(2)).equal(),tagPaddingHorizontal:8,tagBorderlessBg:t.colorFillTertiary})},M=t=>({defaultBg:new be.C(t.colorFillQuaternary).onBackground(t.colorBgContainer).toHexString(),defaultColor:t.colorText});var F=(0,$.I$)("Tag",t=>{const d=H(t);return q(d)},M),k=function(t,d){var g={};for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&d.indexOf(l)<0&&(g[l]=t[l]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,l=Object.getOwnPropertySymbols(t);e<l.length;e++)d.indexOf(l[e])<0&&Object.prototype.propertyIsEnumerable.call(t,l[e])&&(g[l[e]]=t[l[e]]);return g},_=i.forwardRef((t,d)=>{const{prefixCls:g,style:l,className:e,checked:o,onChange:r,onClick:a}=t,n=k(t,["prefixCls","style","className","checked","onChange","onClick"]),{getPrefixCls:f,tag:u}=i.useContext(G.E_),v=h=>{r==null||r(!o),a==null||a(h)},m=f("tag",g),[p,x]=F(m),O=W()(m,`${m}-checkable`,{[`${m}-checkable-checked`]:o},u==null?void 0:u.className,e,x);return p(i.createElement("span",Object.assign({},n,{ref:d,style:Object.assign(Object.assign({},l),u==null?void 0:u.style),className:O,onClick:v})))}),ee=c(78163);const te=t=>(0,ee.Z)(t,(d,g)=>{let{textColor:l,lightBorderColor:e,lightColor:o,darkColor:r}=g;return{[`${t.componentCls}-${d}`]:{color:l,background:o,borderColor:e,"&-inverse":{color:t.colorTextLightSolid,background:r,borderColor:r},[`&${t.componentCls}-borderless`]:{borderColor:"transparent"}}}});var re=(0,$.bk)(["Tag","preset"],t=>{const d=H(t);return te(d)},M);function ae(t){return typeof t!="string"?t:t.charAt(0).toUpperCase()+t.slice(1)}const E=(t,d,g)=>{const l=ae(g);return{[`${t.componentCls}-${d}`]:{color:t[`color${g}`],background:t[`color${l}Bg`],borderColor:t[`color${l}Border`],[`&${t.componentCls}-borderless`]:{borderColor:"transparent"}}}};var A=(0,$.bk)(["Tag","status"],t=>{const d=H(t);return[E(d,"success","Success"),E(d,"processing","Info"),E(d,"error","Error"),E(d,"warning","Warning")]},M),oe=function(t,d){var g={};for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&d.indexOf(l)<0&&(g[l]=t[l]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,l=Object.getOwnPropertySymbols(t);e<l.length;e++)d.indexOf(l[e])<0&&Object.prototype.propertyIsEnumerable.call(t,l[e])&&(g[l[e]]=t[l[e]]);return g};const ue=(t,d)=>{const{prefixCls:g,className:l,rootClassName:e,style:o,children:r,icon:a,color:n,onClose:f,closeIcon:u,closable:v,bordered:m=!0}=t,p=oe(t,["prefixCls","className","rootClassName","style","children","icon","color","onClose","closeIcon","closable","bordered"]),{getPrefixCls:x,direction:O,tag:h}=i.useContext(G.E_),[B,w]=i.useState(!0);i.useEffect(()=>{"visible"in p&&w(p.visible)},[p.visible]);const N=(0,P.o2)(n),z=(0,P.yT)(n),T=N||z,K=Object.assign(Object.assign({backgroundColor:n&&!T?n:void 0},h==null?void 0:h.style),o),y=x("tag",g),[ie,le]=F(y),se=W()(y,h==null?void 0:h.className,{[`${y}-${n}`]:T,[`${y}-has-color`]:n&&!T,[`${y}-hidden`]:!B,[`${y}-rtl`]:O==="rtl",[`${y}-borderless`]:!m},l,e,le),X=b=>{b.stopPropagation(),f==null||f(b),!b.defaultPrevented&&w(!1)},[,ce]=(0,J.Z)(v,u,b=>b===null?i.createElement(U.Z,{className:`${y}-close-icon`,onClick:X}):i.createElement("span",{className:`${y}-close-icon`,onClick:X},b),null,!1),de=typeof p.onClick=="function"||r&&r.type==="a",C=a||null,ge=C?i.createElement(i.Fragment,null,C,r&&i.createElement("span",null,r)):r,V=i.createElement("span",Object.assign({},p,{ref:d,className:se,style:K}),ge,ce,N&&i.createElement(re,{key:"preset",prefixCls:y}),z&&i.createElement(A,{key:"status",prefixCls:y}));return ie(de?i.createElement(Y.Z,{component:"Tag"},V):V)},Z=i.forwardRef(ue);Z.CheckableTag=_;var ne=Z}}]);