11 lines
8.9 KiB
Java
11 lines
8.9 KiB
Java
import{l as ca,m as pa,a as s,n as ga,fL as T,fm as Y,P as m,f as W,fM as f,cd as ua,aU as Z,h as q,fN as $a,fO as ba,c7 as ha,fP as ma,fQ as D,cv as G}from"./index-X7Y8jykP.js";import"./index-M9QP6cvf.js";import{S as fa}from"./Skeleton-CimgOdM7.js";import{e as I,f as n,a8 as J,c as ya}from"./vue-vendor-DNhG1Cve.js";const va=a=>{const{antCls:e,componentCls:t,cardHeadHeight:i,cardPaddingBase:r,cardHeadTabsMarginBottom:d}=a;return s(s({display:"flex",justifyContent:"center",flexDirection:"column",minHeight:i,marginBottom:-1,padding:`0 ${r}px`,color:a.colorTextHeading,fontWeight:a.fontWeightStrong,fontSize:a.fontSizeLG,background:"transparent",borderBottom:`${a.lineWidth}px ${a.lineType} ${a.colorBorderSecondary}`,borderRadius:`${a.borderRadiusLG}px ${a.borderRadiusLG}px 0 0`},T()),{"&-wrapper":{width:"100%",display:"flex",alignItems:"center"},"&-title":s(s({display:"inline-block",flex:1},Y),{[`
|
|
> ${t}-typography,
|
|
> ${t}-typography-edit-content
|
|
`]:{insetInlineStart:0,marginTop:0,marginBottom:0}}),[`${e}-tabs-top`]:{clear:"both",marginBottom:d,color:a.colorText,fontWeight:"normal",fontSize:a.fontSize,"&-bar":{borderBottom:`${a.lineWidth}px ${a.lineType} ${a.colorBorderSecondary}`}}})},Sa=a=>{const{cardPaddingBase:e,colorBorderSecondary:t,cardShadow:i,lineWidth:r}=a;return{width:"33.33%",padding:e,border:0,borderRadius:0,boxShadow:`
|
|
${r}px 0 0 0 ${t},
|
|
0 ${r}px 0 0 ${t},
|
|
${r}px ${r}px 0 0 ${t},
|
|
${r}px 0 0 0 ${t} inset,
|
|
0 ${r}px 0 0 ${t} inset;
|
|
`,transition:`all ${a.motionDurationMid}`,"&-hoverable:hover":{position:"relative",zIndex:1,boxShadow:i}}},xa=a=>{const{componentCls:e,iconCls:t,cardActionsLiMargin:i,cardActionsIconSize:r,colorBorderSecondary:d}=a;return s(s({margin:0,padding:0,listStyle:"none",background:a.colorBgContainer,borderTop:`${a.lineWidth}px ${a.lineType} ${d}`,display:"flex",borderRadius:`0 0 ${a.borderRadiusLG}px ${a.borderRadiusLG}px `},T()),{"& > li":{margin:i,color:a.colorTextDescription,textAlign:"center","> span":{position:"relative",display:"block",minWidth:a.cardActionsIconSize*2,fontSize:a.fontSize,lineHeight:a.lineHeight,cursor:"pointer","&:hover":{color:a.colorPrimary,transition:`color ${a.motionDurationMid}`},[`a:not(${e}-btn), > ${t}`]:{display:"inline-block",width:"100%",color:a.colorTextDescription,lineHeight:`${a.fontSize*a.lineHeight}px`,transition:`color ${a.motionDurationMid}`,"&:hover":{color:a.colorPrimary}},[`> ${t}`]:{fontSize:r,lineHeight:`${r*a.lineHeight}px`}},"&:not(:last-child)":{borderInlineEnd:`${a.lineWidth}px ${a.lineType} ${d}`}}})},Ca=a=>s(s({margin:`-${a.marginXXS}px 0`,display:"flex"},T()),{"&-avatar":{paddingInlineEnd:a.padding},"&-detail":{overflow:"hidden",flex:1,"> div:not(:last-child)":{marginBottom:a.marginXS}},"&-title":s({color:a.colorTextHeading,fontWeight:a.fontWeightStrong,fontSize:a.fontSizeLG},Y),"&-description":{color:a.colorTextDescription}}),Ta=a=>{const{componentCls:e,cardPaddingBase:t,colorFillAlter:i}=a;return{[`${e}-head`]:{padding:`0 ${t}px`,background:i,"&-title":{fontSize:a.fontSize}},[`${e}-body`]:{padding:`${a.padding}px ${t}px`}}},za=a=>{const{componentCls:e}=a;return{overflow:"hidden",[`${e}-body`]:{userSelect:"none"}}},Ba=a=>{const{componentCls:e,cardShadow:t,cardHeadPadding:i,colorBorderSecondary:r,boxShadow:d,cardPaddingBase:g}=a;return{[e]:s(s({},ga(a)),{position:"relative",background:a.colorBgContainer,borderRadius:a.borderRadiusLG,[`&:not(${e}-bordered)`]:{boxShadow:d},[`${e}-head`]:va(a),[`${e}-extra`]:{marginInlineStart:"auto",color:"",fontWeight:"normal",fontSize:a.fontSize},[`${e}-body`]:s({padding:g,borderRadius:` 0 0 ${a.borderRadiusLG}px ${a.borderRadiusLG}px`},T()),[`${e}-grid`]:Sa(a),[`${e}-cover`]:{"> *":{display:"block",width:"100%"},img:{borderRadius:`${a.borderRadiusLG}px ${a.borderRadiusLG}px 0 0`}},[`${e}-actions`]:xa(a),[`${e}-meta`]:Ca(a)}),[`${e}-bordered`]:{border:`${a.lineWidth}px ${a.lineType} ${r}`,[`${e}-cover`]:{marginTop:-1,marginInlineStart:-1,marginInlineEnd:-1}},[`${e}-hoverable`]:{cursor:"pointer",transition:`box-shadow ${a.motionDurationMid}, border-color ${a.motionDurationMid}`,"&:hover":{borderColor:"transparent",boxShadow:t}},[`${e}-contain-grid`]:{[`${e}-body`]:{display:"flex",flexWrap:"wrap"},[`&:not(${e}-loading) ${e}-body`]:{marginBlockStart:-a.lineWidth,marginInlineStart:-a.lineWidth,padding:0}},[`${e}-contain-tabs`]:{[`> ${e}-head`]:{[`${e}-head-title, ${e}-extra`]:{paddingTop:i}}},[`${e}-type-inner`]:Ta(a),[`${e}-loading`]:za(a),[`${e}-rtl`]:{direction:"rtl"}}},Ha=a=>{const{componentCls:e,cardPaddingSM:t,cardHeadHeightSM:i}=a;return{[`${e}-small`]:{[`> ${e}-head`]:{minHeight:i,padding:`0 ${t}px`,fontSize:a.fontSize,[`> ${e}-head-wrapper`]:{[`> ${e}-extra`]:{fontSize:a.fontSize}}},[`> ${e}-body`]:{padding:t}},[`${e}-small${e}-contain-tabs`]:{[`> ${e}-head`]:{[`${e}-head-title, ${e}-extra`]:{minHeight:i,paddingTop:0,display:"flex",alignItems:"center"}}}}},_a=ca("Card",a=>{const e=pa(a,{cardShadow:a.boxShadowCard,cardHeadHeight:a.fontSizeLG*a.lineHeightLG+a.padding*2,cardHeadHeightSM:a.fontSize*a.lineHeight+a.paddingXS*2,cardHeadPadding:a.padding,cardPaddingBase:a.paddingLG,cardHeadTabsMarginBottom:-a.padding-a.lineWidth,cardActionsLiMargin:`${a.paddingSM}px 0`,cardActionsIconSize:a.fontSize,cardPaddingSM:12});return[Ba(e),Ha(e)]}),{TabPane:La}=Z,Ma=()=>({prefixCls:String,title:m.any,extra:m.any,bordered:{type:Boolean,default:!0},bodyStyle:{type:Object,default:void 0},headStyle:{type:Object,default:void 0},loading:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},type:{type:String},size:{type:String},actions:m.any,tabList:{type:Array},tabBarExtraContent:m.any,activeTabKey:String,defaultActiveTabKey:String,cover:m.any,onTabChange:{type:Function}}),y=I({compatConfig:{MODE:3},name:"ACard",inheritAttrs:!1,props:Ma(),slots:Object,setup(a,e){let{slots:t,attrs:i}=e;const{prefixCls:r,direction:d,size:g}=W("card",a),[v,z]=_a(r),S=p=>p.map((l,u)=>J(l)&&!$a(l)||!J(l)?n("li",{style:{width:`${100/p.length}%`},key:`action-${u}`},[n("span",null,[l])]):null),x=p=>{var c;(c=a.onTabChange)===null||c===void 0||c.call(a,p)},B=function(){let p=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],c;return p.forEach(l=>{l&&ba(l.type)&&l.type.__ANT_CARD_GRID&&(c=!0)}),c};return()=>{var p,c,l,u,H,_;const{headStyle:k={},bodyStyle:aa={},loading:E,bordered:ea=!0,type:j,tabList:$,hoverable:ta,activeTabKey:O,defaultActiveTabKey:ia,tabBarExtraContent:K=f((p=t.tabBarExtraContent)===null||p===void 0?void 0:p.call(t)),title:L=f((c=t.title)===null||c===void 0?void 0:c.call(t)),extra:M=f((l=t.extra)===null||l===void 0?void 0:l.call(t)),actions:w=f((u=t.actions)===null||u===void 0?void 0:u.call(t)),cover:N=f((H=t.cover)===null||H===void 0?void 0:H.call(t))}=a,b=ua((_=t.default)===null||_===void 0?void 0:_.call(t)),o=r.value,ra={[`${o}`]:!0,[z.value]:!0,[`${o}-loading`]:E,[`${o}-bordered`]:ea,[`${o}-hoverable`]:!!ta,[`${o}-contain-grid`]:B(b),[`${o}-contain-tabs`]:$&&$.length,[`${o}-${g.value}`]:g.value,[`${o}-type-${j}`]:!!j,[`${o}-rtl`]:d.value==="rtl"},na=n(fa,{loading:!0,active:!0,paragraph:{rows:4},title:!1},{default:()=>[b]}),X=O!==void 0,oa={size:"large",[X?"activeKey":"defaultActiveKey"]:X?O:ia,onChange:x,class:`${o}-head-tabs`};let F;const U=$&&$.length?n(Z,oa,{default:()=>[$.map(h=>{const{tab:V,slots:C}=h,Q=C==null?void 0:C.tab;ha(!C,"Card","tabList slots is deprecated, Please use `customTab` instead.");let A=V!==void 0?V:t[Q]?t[Q](h):null;return A=ma(t,"customTab",h,()=>[A]),n(La,{tab:A,key:h.key,disabled:h.disabled},null)})],rightExtra:K?()=>K:null}):null;(L||M||U)&&(F=n("div",{class:`${o}-head`,style:k},[n("div",{class:`${o}-head-wrapper`},[L&&n("div",{class:`${o}-head-title`},[L]),M&&n("div",{class:`${o}-extra`},[M])]),U]));const da=N?n("div",{class:`${o}-cover`},[N]):null,la=n("div",{class:`${o}-body`,style:aa},[E?na:b]),sa=w&&w.length?n("ul",{class:`${o}-actions`},[S(w)]):null;return v(n("div",q(q({ref:"cardContainerRef"},i),{},{class:[ra,i.class]}),[F,da,b&&b.length?la:null,sa]))}}}),wa=()=>({prefixCls:String,title:D(),description:D(),avatar:D()}),P=I({compatConfig:{MODE:3},name:"ACardMeta",props:wa(),slots:Object,setup(a,e){let{slots:t}=e;const{prefixCls:i}=W("card",a);return()=>{const r={[`${i.value}-meta`]:!0},d=G(t,a,"avatar"),g=G(t,a,"title"),v=G(t,a,"description"),z=d?n("div",{class:`${i.value}-meta-avatar`},[d]):null,S=g?n("div",{class:`${i.value}-meta-title`},[g]):null,x=v?n("div",{class:`${i.value}-meta-description`},[v]):null,B=S||x?n("div",{class:`${i.value}-meta-detail`},[S,x]):null;return n("div",{class:r},[z,B])}}}),Aa=()=>({prefixCls:String,hoverable:{type:Boolean,default:!0}}),R=I({compatConfig:{MODE:3},name:"ACardGrid",__ANT_CARD_GRID:!0,props:Aa(),setup(a,e){let{slots:t}=e;const{prefixCls:i}=W("card",a),r=ya(()=>({[`${i.value}-grid`]:!0,[`${i.value}-grid-hoverable`]:a.hoverable}));return()=>{var d;return n("div",{class:r.value},[(d=t.default)===null||d===void 0?void 0:d.call(t)])}}});y.Meta=P;y.Grid=R;y.install=function(a){return a.component(y.name,y),a.component(P.name,P),a.component(R.name,R),a};export{y as C,R as _,P as a};
|