👨🏻‍💻👩🏻‍💻 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
24 KiB

(globalThis.utooChunk_ant_design_pro||(globalThis.utooChunk_ant_design_pro=[])).push(["object"==typeof document?document.currentScript:void 0,98826,e=>{"use strict";var t=e.i(353944);e.i(191788);var i=e.i(391398);e.s(["PageLoading",0,({isLoading:e,pastDelay:r,timedOut:n,error:o,retry:a,...l})=>(0,i.jsx)("div",{style:{paddingBlockStart:100,textAlign:"center"},children:(0,i.jsx)(t.Spin,{size:"large",...l})})])},106555,e=>{"use strict";var t=e.i(379049),i=e.i(56206),r=e.i(191788),n=e.i(814432),o=e.i(889590),a=e.i(391398);e.s(["GridContent",0,e=>{let l=(0,r.useContext)(n.RouteContext),{children:s,contentWidth:d,className:c,style:u}=e,{getPrefixCls:p}=(0,r.useContext)(t.ConfigProvider.ConfigContext),g=e.prefixCls||p("pro"),m=d||l.contentWidth,h=`${g}-grid-content`,{wrapSSR:f,hashId:x}=(0,o.useStyle)("ProLayoutGridContent",e=>[{[({...e,componentCls:`.${h}`}).componentCls]:{boxSizing:"border-box",width:"100%","&-wide":{maxWidth:1152,margin:"0 auto"}}}]),$="Fixed"===m&&"top"===l.layout;return f((0,a.jsx)("div",{className:(0,i.clsx)(h,x,c,{[`${h}-wide`]:$}),style:u,"data-testid":"pro-grid-content",children:(0,a.jsx)("div",{className:(0,i.clsx)(`${g}-grid-content-children`,x),children:s})}))}],106555)},132259,e=>{"use strict";var t=e.i(313213);e.s(["Space",()=>t.default])},154165,e=>{"use strict";var t=e.i(708176);e.s(["default",0,(e,i={})=>!(0,t.default)(e)&&i?.skipEmpty?[]:Array.isArray(e)?e:[e]])},325689,e=>{"use strict";var t=e.i(391398),i=e.i(203112);e.i(113297);var r=e.i(593087),n=e.i(946077),o=e.i(363382);e.i(191788);let a=({title:e,href:i,index:r,desc:n})=>{let{useToken:a}=o.theme,{token:l}=a();return(0,t.jsxs)("div",{style:{backgroundColor:l.colorBgContainer,boxShadow:l.boxShadow,borderRadius:"8px",fontSize:"14px",color:l.colorTextSecondary,lineHeight:"22px",padding:"16px 19px",minWidth:"220px",flex:1},children:[(0,t.jsxs)("div",{style:{display:"flex",gap:"4px",alignItems:"center"},children:[(0,t.jsx)("div",{style:{width:48,height:48,lineHeight:"22px",backgroundSize:"100%",textAlign:"center",padding:"8px 16px 16px 12px",color:"#FFF",fontWeight:"bold",backgroundImage:"url('https://gw.alipayobjects.com/zos/bmw-prod/daaf8d50-8e6d-4251-905d-676a24ddfa12.svg')"},children:r}),(0,t.jsx)("div",{style:{fontSize:"16px",color:l.colorText,paddingBottom:8},children:e})]}),(0,t.jsx)("div",{style:{fontSize:"14px",color:l.colorTextSecondary,textAlign:"justify",lineHeight:"22px",marginBottom:8},children:n}),(0,t.jsxs)("a",{href:i,target:"_blank",rel:"noreferrer",children:["了解更多 ",">"]})]})};e.s(["default",0,()=>{let{token:e}=o.theme.useToken(),{initialState:l}=(0,r.useModel)("@@initialState");return(0,t.jsx)(i.PageContainer,{children:(0,t.jsx)(n.Card,{style:{borderRadius:8},styles:{body:{backgroundImage:l?.settings?.navTheme==="realDark"?"background-image: linear-gradient(75deg, #1A1B1F 0%, #191C1F 100%)":"background-image: linear-gradient(75deg, #FBFDFF 0%, #F5F7FF 100%)"}},children:(0,t.jsxs)("div",{style:{backgroundPosition:"100% -30%",backgroundRepeat:"no-repeat",backgroundSize:"274px auto",backgroundImage:"url('https://gw.alipayobjects.com/mdn/rms_a9745b/afts/img/A*BuFmQqsB2iAAAAAAAAAAAAAAARQnAQ')"},children:[(0,t.jsx)("div",{style:{fontSize:"20px",color:e.colorTextHeading},children:"欢迎使用 Ant Design Pro"}),(0,t.jsx)("p",{style:{fontSize:"14px",color:e.colorTextSecondary,lineHeight:"22px",marginTop:16,marginBottom:32,width:"65%"},children:"Ant Design Pro 是一个整合了 umi,Ant Design 和 ProComponents 的脚手架方案。致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。"}),(0,t.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:16},children:[(0,t.jsx)(a,{index:1,href:"https://umijs.org/docs/introduce/introduce",title:"了解 umi",desc:"umi 是一个可扩展的企业级前端应用框架,umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展。"}),(0,t.jsx)(a,{index:2,title:"了解 ant design",href:"https://ant.design",desc:"antd 是基于 Ant Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。"}),(0,t.jsx)(a,{index:3,title:"了解 Pro Components",href:"https://procomponents.ant.design",desc:"ProComponents 是一个基于 Ant Design 做了更高抽象的模板组件,以 一个组件就是一个页面为开发理念,为中后台开发带来更好的体验。"})]})]})})})}])},397591,e=>{"use strict";e.i(495059);var t=e.i(191788),i=e.i(259165),r=e.i(851581),n=e.i(56206),o=e.i(219324),a=e.i(993175),l=e.i(749919),s=e.i(625263),d=e.i(885283);let c=t.createContext({});e.i(290586);var u=e.i(774778),p=e.i(307441),g=e.i(352050),m=e.i(104616),h=(0,g.genStyleHooks)("Avatar",e=>{let{colorTextLightSolid:t,colorTextPlaceholder:i}=e,r=(0,m.mergeToken)(e,{avatarBg:i,avatarColor:t});return[(e=>{let{antCls:t,componentCls:i,iconCls:r,avatarBg:n,avatarColor:o,containerSize:a,containerSizeLG:l,containerSizeSM:s,textFontSize:d,textFontSizeLG:c,textFontSizeSM:g,iconFontSize:m,iconFontSizeLG:h,iconFontSizeSM:f,borderRadius:x,borderRadiusLG:$,borderRadiusSM:y,lineWidth:b,lineType:v}=e,S=(e,t,n,o)=>({width:e,height:e,borderRadius:"50%",fontSize:t,[`&${i}-square`]:{borderRadius:o},[`&${i}-icon`]:{fontSize:n,[`> ${r}`]:{margin:0}}});return{[i]:{...(0,p.resetComponent)(e),position:"relative",display:"inline-flex",justifyContent:"center",alignItems:"center",overflow:"hidden",color:o,whiteSpace:"nowrap",textAlign:"center",verticalAlign:"middle",background:n,border:`${(0,u.unit)(b)} ${v} transparent`,"&-image":{background:"transparent"},[`${t}-image-img`]:{display:"block"},...S(a,d,m,x),"&-lg":{...S(l,c,h,$)},"&-sm":{...S(s,g,f,y)},"> img":{display:"block",width:"100%",height:"100%",objectFit:"cover"}}}})(r),(e=>{let{componentCls:t,groupBorderColor:i,groupOverlapping:r,groupSpace:n}=e;return{[`${t}-group`]:{display:"inline-flex",[t]:{borderColor:i},"> *:not(:first-child)":{marginInlineStart:r}},[`${t}-group-popover`]:{[`${t} + ${t}`]:{marginInlineStart:n}}}})(r)]},e=>{let{controlHeight:t,controlHeightLG:i,controlHeightSM:r,fontSize:n,fontSizeLG:o,fontSizeXL:a,fontSizeHeading3:l,marginXS:s,marginXXS:d,colorBorderBg:c}=e;return{containerSize:t,containerSizeLG:i,containerSizeSM:r,textFontSize:n,textFontSizeLG:n,textFontSizeSM:n,iconFontSize:Math.round((o+a)/2),iconFontSizeLG:l,iconFontSizeSM:n,groupSpace:d,groupOverlapping:-s,groupBorderColor:c}});let f=t.forwardRef((e,u)=>{let p,{prefixCls:g,shape:m,size:f,src:x,srcSet:$,icon:y,className:b,rootClassName:v,style:S,alt:C,draggable:z,children:w,crossOrigin:E,gap:k=4,onError:N,...R}=e,[A,T]=t.useState(1),[B,W]=t.useState(!1),[j,M]=t.useState(!0),P=t.useRef(null),F=t.useRef(null),G=(0,r.composeRef)(u,P),{getPrefixCls:L,className:H,style:I}=(0,a.useComponentConfig)("avatar"),q=t.useContext(c),D=()=>{if(!F.current||!P.current)return;let e=F.current.offsetWidth,t=P.current.offsetWidth;0!==e&&0!==t&&2*k<t&&T(t-2*k<e?(t-2*k)/e:1)};t.useEffect(()=>{W(!0)},[]),t.useEffect(()=>{M(!0),T(1)},[x]),t.useEffect(D,[k]);let _=(0,s.default)(e=>f??q?.size??e??"medium"),O=Object.keys("object"==typeof _&&_||{}).some(e=>o.responsiveArray.includes(e)),V=(0,d.default)(O),X=t.useMemo(()=>{if("object"!=typeof _)return{};let e=_[o.responsiveArray.find(e=>V[e])];return e?{width:e,height:e,fontSize:e&&(y||w)?e/2:18}:{}},[V,_,y,w]),Q=L("avatar",g),K=(0,l.default)(Q),[U,Y]=h(Q,K),Z=(0,n.clsx)({[`${Q}-lg`]:"large"===_,[`${Q}-sm`]:"small"===_}),J=t.isValidElement(x),ee=m||q?.shape||"circle",et=(0,n.clsx)(Q,Z,H,`${Q}-${ee}`,{[`${Q}-image`]:J||x&&j,[`${Q}-icon`]:!!y},Y,K,b,v,U),ei="number"==typeof _?{width:_,height:_,fontSize:y?_/2:18}:{};if("string"==typeof x&&j)p=t.createElement("img",{src:x,draggable:z,srcSet:$,onError:()=>{!1!==N?.()&&M(!1)},alt:C,crossOrigin:E});else if(J)p=x;else if(y)p=y;else if(B||1!==A){let e=`scale(${A})`;p=t.createElement(i.default,{onResize:D},t.createElement("span",{className:`${Q}-string`,ref:F,style:{msTransform:e,WebkitTransform:e,transform:e}},w))}else p=t.createElement("span",{className:`${Q}-string`,style:{opacity:0},ref:F},w);return t.createElement("span",{...R,style:{...ei,...X,...I,...S},className:et,ref:G},p)});e.i(957562);var x=e.i(531983),$=e.i(663032),y=e.i(790731);let b=e=>{let{size:i,shape:r}=t.useContext(c),n=t.useMemo(()=>({size:e.size||i,shape:e.shape||r}),[e.size,e.shape,i,r]);return t.createElement(c.Provider,{value:n},e.children)};f.Group=e=>{let{getPrefixCls:i,direction:r}=t.useContext(a.ConfigContext),{prefixCls:o,className:s,rootClassName:d,style:c,maxCount:u,maxStyle:p,size:g,shape:m,maxPopoverPlacement:v,maxPopoverTrigger:S,children:C,max:z}=e,w=i("avatar",o),E=`${w}-group`,k=(0,l.default)(w),[N,R]=h(w,k),A=(0,n.clsx)(E,{[`${E}-rtl`]:"rtl"===r},R,k,s,d,N),T=(0,x.toArray)(C).map((e,t)=>(0,$.cloneElement)(e,{key:`avatar-key-${t}`})),B=z?.count||u,W=T.length;if(B&&B<W){let e=T.slice(0,B),i=T.slice(B,W),r=z?.style||p,o=z?.popover?.trigger||S||"hover",a=z?.popover?.placement||v||"top",l={content:i,...z?.popover,placement:a,trigger:o,rootClassName:(0,n.clsx)(`${E}-popover`,z?.popover?.rootClassName)};return e.push(t.createElement(y.default,{key:"avatar-popover-key",destroyOnHidden:!0,...l},t.createElement(f,{style:r},`+${W-B}`))),t.createElement(b,{shape:m,size:g},t.createElement("div",{className:A,style:c},e))}return t.createElement(b,{shape:m,size:g},t.createElement("div",{className:A,style:c},T))},e.s(["Avatar",0,f],397591)},439214,e=>{"use strict";e.i(495059);var t=e.i(191788),i={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"}},{tag:"path",attrs:{d:"M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z"}}]},name:"plus",theme:"outlined"},r=e.i(117716);function n(){return(n=Object.assign.bind()).apply(this,arguments)}let o=t.forwardRef((e,o)=>t.createElement(r.default,n({},e,{ref:o,icon:i})));e.s(["default",0,o],439214)},454895,e=>{"use strict";var t=e.i(267226);e.s(["Tabs",()=>t.default])},790731,37132,21567,e=>{"use strict";e.i(495059);var t=e.i(191788);e.i(957562);var i=e.i(617796),r=e.i(56206);let n=e=>e?"function"==typeof e?e():e:null;e.s(["getRenderPropValue",0,n],37132);var o=e.i(430898),a=e.i(47472),l=e.i(993175),s=e.i(188304),d=e.i(783831);e.i(215747);var c=e.i(208081),u=e.i(307441),p=e.i(394739),g=e.i(770371),m=e.i(840665),h=e.i(352050),f=e.i(104616),x=e.i(678251),$=(0,h.genStyleHooks)("Popover",e=>{let{colorBgElevated:t,colorText:i}=e,r=(0,f.mergeToken)(e,{popoverBg:t,popoverColor:i});return[(e=>{let{componentCls:t,popoverColor:i,titleMinWidth:r,fontWeightStrong:n,innerPadding:o,boxShadowSecondary:a,colorTextHeading:l,borderRadiusLG:s,zIndexPopup:d,titleMarginBottom:c,colorBgElevated:p,popoverBg:m,titleBorderBottom:f,innerContentPadding:x,titlePadding:$,antCls:y}=e,[b,v]=(0,h.genCssVar)(y,"tooltip");return[{[t]:{...(0,u.resetComponent)(e),position:"absolute",top:0,left:{_skip_check_:!0,value:0},zIndex:d,fontWeight:"normal",whiteSpace:"normal",textAlign:"start",cursor:"auto",userSelect:"text",[b("valid-offset-x")]:v("arrow-offset-x","var(--arrow-x)"),transformOrigin:[v("valid-offset-x","50%"),"var(--arrow-y, 50%)"].join(" "),[b("arrow-background-color")]:p,width:"max-content",maxWidth:"100vw","&-rtl":{direction:"rtl"},"&-hidden":{display:"none"},[`${t}-content`]:{position:"relative"},[`${t}-container`]:{backgroundColor:m,backgroundClip:"padding-box",borderRadius:s,boxShadow:a,padding:o},[`${t}-title`]:{minWidth:r,marginBottom:c,color:l,fontWeight:n,borderBottom:f,padding:$},[`${t}-content`]:{color:i,padding:x}}},(0,g.default)(e,v("arrow-background-color")),{[`${t}-pure`]:{position:"relative",maxWidth:"none",margin:e.sizePopupArrow,display:"inline-block"}}]})(r),(e=>{let{componentCls:t,antCls:i}=e,[r]=(0,h.genCssVar)(i,"tooltip");return{[t]:x.PresetColors.map(i=>{let n=e[`${i}6`];return{[`&${t}-${i}`]:{[r("arrow-background-color")]:n,[`${t}-inner`]:{backgroundColor:n},[`${t}-arrow`]:{background:"transparent"}}}})}})(r),(0,p.initZoomMotion)(r,"zoom-big")]},e=>{let{lineWidth:t,controlHeight:i,fontHeight:r,padding:n,wireframe:o,zIndexPopupBase:a,borderRadiusLG:l,marginXS:s,lineType:d,colorSplit:c,paddingSM:u}=e,p=i-r;return{titleMinWidth:177,zIndexPopup:a+30,...(0,m.getArrowToken)(e),...(0,g.getArrowOffsetToken)({contentRadius:l,limitVerticalRadius:!0}),innerPadding:12*!o,titleMarginBottom:o?0:s,titlePadding:o?`${p/2}px ${n}px ${p/2-t}px`:0,titleBorderBottom:o?`${t}px ${d} ${c}`:"none",innerContentPadding:o?`${u}px ${n}px`:0}},{resetStyle:!1,deprecatedTokens:[["width","titleMinWidth"],["minWidth","titleMinWidth"]]});let y=e=>{let{title:i,content:n,prefixCls:o,classNames:a,styles:l}=e;return i||n?t.createElement(t.Fragment,null,i&&t.createElement("div",{className:(0,r.clsx)(`${o}-title`,a?.title),style:l?.title},i),n&&t.createElement("div",{className:(0,r.clsx)(`${o}-content`,a?.content),style:l?.content},n)):null},b=e=>{let{hashId:i,prefixCls:a,className:l,style:s,placement:d="top",title:u,content:p,children:g,classNames:m,styles:h}=e,f=n(u),x=n(p),$={...e,placement:d},[b,v]=(0,o.useMergeSemantic)([m],[h],{props:$}),S=(0,r.clsx)(i,a,`${a}-pure`,`${a}-placement-${d}`,l);return t.createElement("div",{className:S,style:s},t.createElement("div",{className:`${a}-arrow`}),t.createElement(c.Popup,{...e,className:i,prefixCls:a,classNames:b,styles:v},g||t.createElement(y,{prefixCls:a,title:f,content:x,classNames:b,styles:v})))};var v=e=>{let{prefixCls:i,className:n,...o}=e,{getPrefixCls:a}=t.useContext(l.ConfigContext),s=a("popover",i),[d,c]=$(s);return t.createElement(b,{...o,prefixCls:s,hashId:d,className:(0,r.clsx)(n,c)})};e.s(["Overlay",0,y,"default",0,v],21567);let S=t.forwardRef((e,c)=>{let{prefixCls:u,title:p,content:g,overlayClassName:m,placement:h="top",trigger:f,children:x,mouseEnterDelay:b=.1,mouseLeaveDelay:v=.1,onOpenChange:S,overlayStyle:C={},styles:z,classNames:w,motion:E,arrow:k,...N}=e,{getPrefixCls:R,className:A,style:T,classNames:B,styles:W,arrow:j,trigger:M}=(0,l.useComponentConfig)("popover"),P=R("popover",u),[F,G]=$(P),L=R(),H=(0,d.default)(k,j),I=f||M||"hover",q={...e,placement:h,trigger:I,mouseEnterDelay:b,mouseLeaveDelay:v,overlayStyle:C,styles:z,classNames:w},[D,_]=(0,o.useMergeSemantic)([B,w],[W,z],{props:q}),O=(0,r.clsx)(m,F,G,A,D.root),[V,X]=(0,i.useControlledState)(e.defaultOpen??!1,e.open),Q=n(p),K=n(g);return t.createElement(s.default,{unique:!1,arrow:H,placement:h,trigger:I,mouseEnterDelay:b,mouseLeaveDelay:v,...N,prefixCls:P,classNames:{root:O,container:D.container,arrow:D.arrow},styles:{root:{..._.root,...T,...C},container:_.container,arrow:_.arrow},ref:c,open:V,onOpenChange:e=>{X(e),S?.(e)},overlay:Q||K?t.createElement(y,{prefixCls:P,title:Q,content:K,classNames:D,styles:_}):null,motion:{motionName:(0,a.getTransitionName)(L,"zoom-big","string"==typeof E?.motionName?E?.motionName:void 0)},"data-popover-inject":!0},x)});S._InternalPanelDoNotUseOrYouWillBeFired=v,e.s(["default",0,S],790731)},814432,e=>{"use strict";let t=(0,e.i(191788).createContext)({});e.s(["RouteContext",0,t])},946077,e=>{"use strict";e.i(495059);var t=e.i(191788);e.i(957562);var i=e.i(191248),r=e.i(531983),n=e.i(56206),o=e.i(430898),a=e.i(993175),l=e.i(625263),s=e.i(536995),d=e.i(106422),c=e.i(267226),u=({prefixCls:e,className:i,hoverable:r=!0,...o})=>{let{getPrefixCls:l}=t.useContext(a.ConfigContext),s=l("card",e),d=(0,n.clsx)(`${s}-grid`,i,{[`${s}-grid-hoverable`]:r});return t.createElement("div",{...o,className:d})};e.i(290586);var p=e.i(774778),g=e.i(307441),m=e.i(352050),h=e.i(104616),f=(0,m.genStyleHooks)("Card",e=>{let t=(0,h.mergeToken)(e,{cardShadow:e.boxShadowCard,cardHeadPadding:e.padding,cardPaddingBase:e.paddingLG,cardActionsIconSize:e.fontSize});return[(e=>{let{componentCls:t,cardShadow:i,cardHeadPadding:r,colorBorderSecondary:n,boxShadowTertiary:o,bodyPadding:a,extraColor:l,motionDurationMid:s}=e;return{[t]:{...(0,g.resetComponent)(e),position:"relative",background:e.colorBgContainer,borderRadius:e.borderRadiusLG,[`&:not(${t}-bordered)`]:{boxShadow:o},[`${t}-head`]:(e=>{let{antCls:t,componentCls:i,headerHeight:r,headerPadding:n,tabsMarginBottom:o}=e;return{display:"flex",justifyContent:"center",flexDirection:"column",minHeight:r,marginBottom:-1,padding:`0 ${(0,p.unit)(n)}`,color:e.colorTextHeading,fontWeight:e.fontWeightStrong,fontSize:e.headerFontSize,background:e.headerBg,borderBottom:`${(0,p.unit)(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,borderRadius:`${(0,p.unit)(e.borderRadiusLG)} ${(0,p.unit)(e.borderRadiusLG)} 0 0`,...(0,g.clearFix)(),"&-wrapper":{width:"100%",display:"flex",alignItems:"center"},"&-title":{display:"inline-block",flex:1,...g.textEllipsis,[`
> ${i}-typography,
> ${i}-typography-edit-content
`]:{insetInlineStart:0,marginTop:0,marginBottom:0}},[`${t}-tabs-top`]:{clear:"both",marginBottom:o,color:e.colorText,fontWeight:"normal",fontSize:e.fontSize,"&-bar":{borderBottom:`${(0,p.unit)(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`}}}})(e),[`${t}-extra`]:{marginInlineStart:"auto",color:l,fontWeight:"normal",fontSize:e.fontSize},[`${t}-body`]:{padding:a,borderRadius:`0 0 ${(0,p.unit)(e.borderRadiusLG)} ${(0,p.unit)(e.borderRadiusLG)}`,"&:first-child":{borderStartStartRadius:e.borderRadiusLG,borderStartEndRadius:e.borderRadiusLG},"&:not(:last-child)":{borderEndStartRadius:0,borderEndEndRadius:0}},[`${t}-grid`]:(e=>{let{cardPaddingBase:t,colorBorderSecondary:i,cardShadow:r,lineWidth:n}=e;return{width:"33.33%",padding:t,border:0,borderRadius:0,boxShadow:`
${(0,p.unit)(n)} 0 0 0 ${i},
0 ${(0,p.unit)(n)} 0 0 ${i},
${(0,p.unit)(n)} ${(0,p.unit)(n)} 0 0 ${i},
${(0,p.unit)(n)} 0 0 0 ${i} inset,
0 ${(0,p.unit)(n)} 0 0 ${i} inset;
`,transition:`all ${e.motionDurationMid}`,"&-hoverable:hover":{position:"relative",zIndex:1,boxShadow:r}}})(e),[`${t}-cover`]:{"> *":{display:"block",width:"100%",borderRadius:`${(0,p.unit)(e.borderRadiusLG)} ${(0,p.unit)(e.borderRadiusLG)} 0 0`}},[`${t}-actions`]:(e=>{let{componentCls:t,iconCls:i,actionsLiMargin:r,cardActionsIconSize:n,colorBorderSecondary:o,actionsBg:a}=e;return{margin:0,padding:0,listStyle:"none",background:a,borderTop:`${(0,p.unit)(e.lineWidth)} ${e.lineType} ${o}`,display:"flex",borderRadius:`0 0 ${(0,p.unit)(e.borderRadiusLG)} ${(0,p.unit)(e.borderRadiusLG)}`,...(0,g.clearFix)(),"& > li":{margin:r,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(${t}-btn), > ${i}`]:{display:"inline-block",width:"100%",color:e.colorIcon,lineHeight:(0,p.unit)(e.fontHeight),transition:`color ${e.motionDurationMid}`,"&:hover":{color:e.colorPrimary}},[`> ${i}`]:{fontSize:n,lineHeight:(0,p.unit)(e.calc(n).mul(e.lineHeight).equal())}},"&:not(:last-child)":{borderInlineEnd:`${(0,p.unit)(e.lineWidth)} ${e.lineType} ${o}`}}}})(e),[`${t}-meta`]:{margin:`${(0,p.unit)(e.calc(e.marginXXS).mul(-1).equal())} 0`,display:"flex",...(0,g.clearFix)(),"&-avatar":{paddingInlineEnd:e.padding},"&-section":{overflow:"hidden",flex:1,"> div:not(:last-child)":{marginBottom:e.marginXS}},"&-title":{color:e.colorTextHeading,fontWeight:e.fontWeightStrong,fontSize:e.fontSizeLG,...g.textEllipsis},"&-description":{color:e.colorTextDescription}}},[`${t}-bordered`]:{border:`${(0,p.unit)(e.lineWidth)} ${e.lineType} ${n}`,[`${t}-cover`]:{marginTop:-1,marginInlineStart:-1,marginInlineEnd:-1}},[`${t}-hoverable`]:{cursor:"pointer",transition:["box-shadow","border-color"].map(e=>`${e} ${s}`).join(", "),"&:hover":{borderColor:"transparent",boxShadow:i}},[`${t}-contain-grid`]:{borderRadius:`${(0,p.unit)(e.borderRadiusLG)} ${(0,p.unit)(e.borderRadiusLG)} 0 0 `,[`&:not(:has(> ${t}-head))`]:{borderRadius:0},[`${t}-body`]:{display:"flex",flexWrap:"wrap"},[`&:not(${t}-loading) ${t}-body`]:{marginBlockStart:e.calc(e.lineWidth).mul(-1).equal(),marginInlineStart:e.calc(e.lineWidth).mul(-1).equal(),padding:0}},[`${t}-contain-tabs`]:{[`> div${t}-head`]:{minHeight:0,[`${t}-head-title, ${t}-extra`]:{paddingTop:r}}},[`${t}-type-inner`]:(e=>{let{componentCls:t,colorFillAlter:i,headerPadding:r,bodyPadding:n}=e;return{[`${t}-head`]:{padding:`0 ${(0,p.unit)(r)}`,background:i,"&-title":{fontSize:e.fontSize}},[`${t}-body`]:{padding:`${(0,p.unit)(e.padding)} ${(0,p.unit)(n)}`}}})(e),[`${t}-loading`]:(e=>{let{componentCls:t}=e;return{overflow:"hidden",[`${t}-body`]:{userSelect:"none"}}})(e),[`${t}-rtl`]:{direction:"rtl"}}})(t),(e=>{let{componentCls:t,bodyPaddingSM:i,headerPaddingSM:r,headerHeightSM:n,headerFontSizeSM:o}=e;return{[`${t}-small`]:{[`> ${t}-head`]:{minHeight:n,padding:`0 ${(0,p.unit)(r)}`,fontSize:o,[`> ${t}-head-wrapper`]:{[`> ${t}-extra`]:{fontSize:e.fontSize}}},[`> ${t}-body`]:{padding:i}},[`${t}-small${t}-contain-tabs`]:{[`> ${t}-head`]:{[`${t}-head-title, ${t}-extra`]:{paddingTop:0,display:"flex",alignItems:"center"}}}}})(t)]},e=>({headerBg:"transparent",headerFontSize:e.fontSizeLG,headerFontSizeSM:e.fontSize,headerHeight:e.fontSizeLG*e.lineHeightLG+2*e.padding,headerHeightSM:e.fontSize*e.lineHeight+2*e.paddingXS,actionsBg:e.colorBgContainer,actionsLiMargin:`${e.paddingSM}px 0`,tabsMarginBottom:-e.padding-e.lineWidth,extraColor:e.colorText,bodyPaddingSM:12,headerPaddingSM:12,bodyPadding:e.bodyPadding??e.paddingLG,headerPadding:e.headerPadding??e.paddingLG}));let x=e=>{let{actionClasses:i,actions:r=[],actionStyle:n}=e;return t.createElement("ul",{className:i,style:n},r.map((e,i)=>{let n=`action-${i}`;return t.createElement("li",{style:{width:`${100/r.length}%`},key:n},t.createElement("span",null,e))}))},$=t.forwardRef((e,p)=>{let g,{prefixCls:m,className:h,rootClassName:$,style:y,extra:b,headStyle:v={},bodyStyle:S={},title:C,loading:z,bordered:w,variant:E,size:k,type:N,cover:R,actions:A,tabList:T,children:B,activeTabKey:W,defaultActiveTabKey:j,tabBarExtraContent:M,hoverable:P,tabProps:F={},classNames:G,styles:L,...H}=e,{getPrefixCls:I,direction:q,className:D,style:_,classNames:O,styles:V}=(0,a.useComponentConfig)("card"),[X]=(0,s.default)("card",E,w),Q=(0,l.default)(k),K={...e,size:Q,variant:X},[U,Y]=(0,o.useMergeSemantic)([O,G],[V,L],{props:K}),Z=t.useMemo(()=>(0,r.toArray)(B).some(e=>t.isValidElement(e)&&e.type===u),[B]),J=I("card",m),[ee,et]=f(J),ei=t.createElement(d.default,{loading:!0,active:!0,paragraph:{rows:4},title:!1},B),er=void 0!==W,en={...F,[er?"activeKey":"defaultActiveKey"]:er?W:j,tabBarExtraContent:M},eo=T?t.createElement(c.default,{size:"small"!==Q?"large":Q,...en,className:`${J}-head-tabs`,onChange:t=>{e.onTabChange?.(t)},items:T.map(({tab:e,...t})=>({label:e,...t}))}):null;if(C||b||eo){let e=(0,n.clsx)(`${J}-head`,U.header),i=(0,n.clsx)(`${J}-head-title`,U.title),r=(0,n.clsx)(`${J}-extra`,U.extra),o={...v,...Y.header};g=t.createElement("div",{className:e,style:o},t.createElement("div",{className:`${J}-head-wrapper`},C&&t.createElement("div",{className:i,style:Y.title},C),b&&t.createElement("div",{className:r,style:Y.extra},b)),eo)}let ea=(0,n.clsx)(`${J}-cover`,U.cover),el=R?t.createElement("div",{className:ea,style:Y.cover},R):null,es=(0,n.clsx)(`${J}-body`,U.body),ed={...S,...Y.body},ec=t.createElement("div",{className:es,style:ed},z?ei:B),eu=(0,n.clsx)(`${J}-actions`,U.actions),ep=A?.length?t.createElement(x,{actionClasses:eu,actionStyle:Y.actions,actions:A}):null,eg=(0,i.omit)(H,["onTabChange"]),em=(0,n.clsx)(J,D,{[`${J}-loading`]:z,[`${J}-bordered`]:"borderless"!==X,[`${J}-hoverable`]:P,[`${J}-contain-grid`]:Z,[`${J}-contain-tabs`]:T?.length,[`${J}-small`]:"small"===Q,[`${J}-type-${N}`]:!!N,[`${J}-rtl`]:"rtl"===q},h,$,ee,et,U.root),eh={...Y.root,..._,...y};return t.createElement("div",{ref:p,...eg,className:em,style:eh},g,el,ec,ep)});$.Grid=u,$.Meta=e=>{let{prefixCls:i,className:r,avatar:l,title:s,description:d,style:c,classNames:u,styles:p,...g}=e,{getPrefixCls:m,className:h,style:f,classNames:x,styles:$}=(0,a.useComponentConfig)("cardMeta"),y=m("card",i),b=`${y}-meta`,[v,S]=(0,o.useMergeSemantic)([x,u],[$,p],{props:e}),C=(0,n.clsx)(b,r,h,v.root),z={...f,...S.root,...c},w=(0,n.clsx)(`${b}-avatar`,v.avatar),E=(0,n.clsx)(`${b}-title`,v.title),k=(0,n.clsx)(`${b}-description`,v.description),N=(0,n.clsx)(`${b}-section`,v.section),R=l?t.createElement("div",{className:w,style:S.avatar},l):null,A=s?t.createElement("div",{className:E,style:S.title},s):null,T=d?t.createElement("div",{className:k,style:S.description},d):null,B=A||T?t.createElement("div",{className:N,style:S.section},A,T):null;return t.createElement("div",{...g,className:C,style:z},R,B)},e.s(["Card",0,$],946077)}]);