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
11 KiB
10 lines
11 KiB
"use strict";(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[185],{71759:function(Ke,G,d){d.r(G),d.d(G,{default:function(){return ye}});var K=d(90930),Z=d(35312),X=d(9361),o=d(67294),Q=d(93967),f=d.n(Q),V=d(98423),E=d(53124),J=d(98675),U=d(99559),Y=d(13169),q=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,a=Object.getOwnPropertySymbols(e);i<a.length;i++)r.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(t[a[i]]=e[a[i]]);return t},H=e=>{var{prefixCls:r,className:t,hoverable:a=!0}=e,i=q(e,["prefixCls","className","hoverable"]);const{getPrefixCls:s}=o.useContext(E.E_),b=s("card",r),h=f()(`${b}-grid`,t,{[`${b}-grid-hoverable`]:a});return o.createElement("div",Object.assign({},i,{className:h}))},n=d(54548),y=d(14747),_=d(91945),k=d(45503);const ee=e=>{const{antCls:r,componentCls:t,headerHeight:a,cardPaddingBase:i,tabsMarginBottom:s}=e;return Object.assign(Object.assign({display:"flex",justifyContent:"center",flexDirection:"column",minHeight:a,marginBottom:-1,padding:`0 ${(0,n.bf)(i)}`,color:e.colorTextHeading,fontWeight:e.fontWeightStrong,fontSize:e.headerFontSize,background:e.headerBg,borderBottom:`${(0,n.bf)(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`,borderRadius:`${(0,n.bf)(e.borderRadiusLG)} ${(0,n.bf)(e.borderRadiusLG)} 0 0`},(0,y.dF)()),{"&-wrapper":{width:"100%",display:"flex",alignItems:"center"},"&-title":Object.assign(Object.assign({display:"inline-block",flex:1},y.vS),{[`
|
|
> ${t}-typography,
|
|
> ${t}-typography-edit-content
|
|
`]:{insetInlineStart:0,marginTop:0,marginBottom:0}}),[`${r}-tabs-top`]:{clear:"both",marginBottom:s,color:e.colorText,fontWeight:"normal",fontSize:e.fontSize,"&-bar":{borderBottom:`${(0,n.bf)(e.lineWidth)} ${e.lineType} ${e.colorBorderSecondary}`}}})},te=e=>{const{cardPaddingBase:r,colorBorderSecondary:t,cardShadow:a,lineWidth:i}=e;return{width:"33.33%",padding:r,border:0,borderRadius:0,boxShadow:`
|
|
${(0,n.bf)(i)} 0 0 0 ${t},
|
|
0 ${(0,n.bf)(i)} 0 0 ${t},
|
|
${(0,n.bf)(i)} ${(0,n.bf)(i)} 0 0 ${t},
|
|
${(0,n.bf)(i)} 0 0 0 ${t} inset,
|
|
0 ${(0,n.bf)(i)} 0 0 ${t} inset;
|
|
`,transition:`all ${e.motionDurationMid}`,"&-hoverable:hover":{position:"relative",zIndex:1,boxShadow:a}}},ae=e=>{const{componentCls:r,iconCls:t,actionsLiMargin:a,cardActionsIconSize:i,colorBorderSecondary:s,actionsBg:b}=e;return Object.assign(Object.assign({margin:0,padding:0,listStyle:"none",background:b,borderTop:`${(0,n.bf)(e.lineWidth)} ${e.lineType} ${s}`,display:"flex",borderRadius:`0 0 ${(0,n.bf)(e.borderRadiusLG)} ${(0,n.bf)(e.borderRadiusLG)}`},(0,y.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(${r}-btn), > ${t}`]:{display:"inline-block",width:"100%",color:e.colorTextDescription,lineHeight:(0,n.bf)(e.fontHeight),transition:`color ${e.motionDurationMid}`,"&:hover":{color:e.colorPrimary}},[`> ${t}`]:{fontSize:i,lineHeight:(0,n.bf)(e.calc(i).mul(e.lineHeight).equal())}},"&:not(:last-child)":{borderInlineEnd:`${(0,n.bf)(e.lineWidth)} ${e.lineType} ${s}`}}})},re=e=>Object.assign(Object.assign({margin:`${(0,n.bf)(e.calc(e.marginXXS).mul(-1).equal())} 0`,display:"flex"},(0,y.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},y.vS),"&-description":{color:e.colorTextDescription}}),ie=e=>{const{componentCls:r,cardPaddingBase:t,colorFillAlter:a}=e;return{[`${r}-head`]:{padding:`0 ${(0,n.bf)(t)}`,background:a,"&-title":{fontSize:e.fontSize}},[`${r}-body`]:{padding:`${(0,n.bf)(e.padding)} ${(0,n.bf)(t)}`}}},ne=e=>{const{componentCls:r}=e;return{overflow:"hidden",[`${r}-body`]:{userSelect:"none"}}},oe=e=>{const{antCls:r,componentCls:t,cardShadow:a,cardHeadPadding:i,colorBorderSecondary:s,boxShadowTertiary:b,cardPaddingBase:h,extraColor:u}=e;return{[t]:Object.assign(Object.assign({},(0,y.Wf)(e)),{position:"relative",background:e.colorBgContainer,borderRadius:e.borderRadiusLG,[`&:not(${t}-bordered)`]:{boxShadow:b},[`${t}-head`]:ee(e),[`${t}-extra`]:{marginInlineStart:"auto",color:u,fontWeight:"normal",fontSize:e.fontSize},[`${t}-body`]:Object.assign({padding:h,borderRadius:` 0 0 ${(0,n.bf)(e.borderRadiusLG)} ${(0,n.bf)(e.borderRadiusLG)}`},(0,y.dF)()),[`${t}-grid`]:te(e),[`${t}-cover`]:{"> *":{display:"block",width:"100%"},[`img, img + ${r}-image-mask`]:{borderRadius:`${(0,n.bf)(e.borderRadiusLG)} ${(0,n.bf)(e.borderRadiusLG)} 0 0`}},[`${t}-actions`]:ae(e),[`${t}-meta`]:re(e)}),[`${t}-bordered`]:{border:`${(0,n.bf)(e.lineWidth)} ${e.lineType} ${s}`,[`${t}-cover`]:{marginTop:-1,marginInlineStart:-1,marginInlineEnd:-1}},[`${t}-hoverable`]:{cursor:"pointer",transition:`box-shadow ${e.motionDurationMid}, border-color ${e.motionDurationMid}`,"&:hover":{borderColor:"transparent",boxShadow:a}},[`${t}-contain-grid`]:{borderRadius:`${(0,n.bf)(e.borderRadiusLG)} ${(0,n.bf)(e.borderRadiusLG)} 0 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`]:{[`> ${t}-head`]:{minHeight:0,[`${t}-head-title, ${t}-extra`]:{paddingTop:i}}},[`${t}-type-inner`]:ie(e),[`${t}-loading`]:ne(e),[`${t}-rtl`]:{direction:"rtl"}}},se=e=>{const{componentCls:r,cardPaddingSM:t,headerHeightSM:a,headerFontSizeSM:i}=e;return{[`${r}-small`]:{[`> ${r}-head`]:{minHeight:a,padding:`0 ${(0,n.bf)(t)}`,fontSize:i,[`> ${r}-head-wrapper`]:{[`> ${r}-extra`]:{fontSize:e.fontSize}}},[`> ${r}-body`]:{padding:t}},[`${r}-small${r}-contain-tabs`]:{[`> ${r}-head`]:{[`${r}-head-title, ${r}-extra`]:{paddingTop:0,display:"flex",alignItems:"center"}}}}},le=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 de=(0,_.I$)("Card",e=>{const r=(0,k.TS)(e,{cardShadow:e.boxShadowCard,cardHeadPadding:e.padding,cardPaddingBase:e.paddingLG,cardActionsIconSize:e.fontSize,cardPaddingSM:12});return[oe(r),se(r)]},le),R=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,a=Object.getOwnPropertySymbols(e);i<a.length;i++)r.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(t[a[i]]=e[a[i]]);return t};const ce=e=>{const{actionClasses:r,actions:t=[],actionStyle:a}=e;return o.createElement("ul",{className:r,style:a},t.map((i,s)=>{const b=`action-${s}`;return o.createElement("li",{style:{width:`${100/t.length}%`},key:b},o.createElement("span",null,i))}))};var ge=o.forwardRef((e,r)=>{const{prefixCls:t,className:a,rootClassName:i,style:s,extra:b,headStyle:h={},bodyStyle:u={},title:$,loading:C,bordered:O=!0,size:j,type:z,cover:I,actions:A,tabList:B,children:T,activeTabKey:L,defaultActiveTabKey:he,tabBarExtraContent:ve,hoverable:pe,tabProps:$e={},classNames:M,styles:N}=e,Se=R(e,["prefixCls","className","rootClassName","style","extra","headStyle","bodyStyle","title","loading","bordered","size","type","cover","actions","tabList","children","activeTabKey","defaultActiveTabKey","tabBarExtraContent","hoverable","tabProps","classNames","styles"]),{getPrefixCls:xe,direction:Ce,card:m}=o.useContext(E.E_),Oe=g=>{var l;(l=e.onTabChange)===null||l===void 0||l.call(e,g)},v=g=>{var l;return f()((l=m==null?void 0:m.classNames)===null||l===void 0?void 0:l[g],M==null?void 0:M[g])},p=g=>{var l;return Object.assign(Object.assign({},(l=m==null?void 0:m.styles)===null||l===void 0?void 0:l[g]),N==null?void 0:N[g])},je=o.useMemo(()=>{let g=!1;return o.Children.forEach(T,l=>{l&&l.type&&l.type===H&&(g=!0)}),g},[T]),c=xe("card",t),[ze,Be,Te]=de(c),Ee=o.createElement(U.Z,{loading:!0,active:!0,paragraph:{rows:4},title:!1},T),W=L!==void 0,Pe=Object.assign(Object.assign({},$e),{[W?"activeKey":"defaultActiveKey"]:W?L:he,tabBarExtraContent:ve});let w;const S=(0,J.Z)(j),Ae=!S||S==="default"?"large":S,D=B?o.createElement(Y.Z,Object.assign({size:Ae},Pe,{className:`${c}-head-tabs`,onChange:Oe,items:B.map(g=>{var{tab:l}=g,F=R(g,["tab"]);return Object.assign({label:l},F)})})):null;if($||b||D){const g=f()(`${c}-head`,v("header")),l=f()(`${c}-head-title`,v("title")),F=f()(`${c}-extra`,v("extra")),De=Object.assign(Object.assign({},h),p("header"));w=o.createElement("div",{className:g,style:De},o.createElement("div",{className:`${c}-head-wrapper`},$&&o.createElement("div",{className:l,style:p("title")},$),b&&o.createElement("div",{className:F,style:p("extra")},b)),D)}const Me=f()(`${c}-cover`,v("cover")),Ne=I?o.createElement("div",{className:Me,style:p("cover")},I):null,Fe=f()(`${c}-body`,v("body")),Ge=Object.assign(Object.assign({},u),p("body")),He=o.createElement("div",{className:Fe,style:Ge},C?Ee:T),Re=f()(`${c}-actions`,v("actions")),Ie=A&&A.length?o.createElement(ce,{actionClasses:Re,actionStyle:p("actions"),actions:A}):null,Le=(0,V.Z)(Se,["onTabChange"]),We=f()(c,m==null?void 0:m.className,{[`${c}-loading`]:C,[`${c}-bordered`]:O,[`${c}-hoverable`]:pe,[`${c}-contain-grid`]:je,[`${c}-contain-tabs`]:B&&B.length,[`${c}-${S}`]:S,[`${c}-type-${z}`]:!!z,[`${c}-rtl`]:Ce==="rtl"},a,i,Be,Te),we=Object.assign(Object.assign({},m==null?void 0:m.style),s);return ze(o.createElement("div",Object.assign({ref:r},Le,{className:We,style:we}),w,Ne,He,Ie))}),be=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,a=Object.getOwnPropertySymbols(e);i<a.length;i++)r.indexOf(a[i])<0&&Object.prototype.propertyIsEnumerable.call(e,a[i])&&(t[a[i]]=e[a[i]]);return t},me=e=>{const{prefixCls:r,className:t,avatar:a,title:i,description:s}=e,b=be(e,["prefixCls","className","avatar","title","description"]),{getPrefixCls:h}=o.useContext(E.E_),u=h("card",r),$=f()(`${u}-meta`,t),C=a?o.createElement("div",{className:`${u}-meta-avatar`},a):null,O=i?o.createElement("div",{className:`${u}-meta-title`},i):null,j=s?o.createElement("div",{className:`${u}-meta-description`},s):null,z=O||j?o.createElement("div",{className:`${u}-meta-detail`},O,j):null;return o.createElement("div",Object.assign({},b,{className:$}),C,z)};const P=ge;P.Grid=H,P.Meta=me;var fe=P,x=d(85893),ue=function(){var r,t=X.Z.useToken(),a=t.token,i=(0,Z.useModel)("@@initialState"),s=i.initialState;return(0,x.jsx)(K._z,{children:(0,x.jsx)(fe,{style:{borderRadius:8},bodyStyle:{backgroundImage:(s==null||(r=s.settings)===null||r===void 0?void 0:r.navTheme)==="realDark"?"background-image: linear-gradient(75deg, #1A1B1F 0%, #191C1F 100%)":"background-image: linear-gradient(75deg, #FBFDFF 0%, #F5F7FF 100%)"},children:(0,x.jsx)("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,x.jsx)("div",{style:{fontSize:"20px",color:a.colorTextHeading},children:"\u6B22\u8FCE\u4F7F\u7528 Matrix"})})})})},ye=ue}}]);
|
|
|