| 1 |
- import{a as g,aj as j,av as k,_ as A,s as E,c as O}from"./index-CD3MBiOg.js";import{S as z}from"./index-DzNrRi6w.js";import{d as b,q as P,e as _,r as T,B as n,s as q,i as G,u as M,c as D,o as I,k as K,b as N}from"./vue-vendor-DFp1TAzT.js";const p=Symbol("ArcoCard");var $=b({name:"Card",components:{Spin:z},props:{bordered:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},size:{type:String},headerStyle:{type:Object,default:()=>({})},bodyStyle:{type:Object,default:()=>({})},title:{type:String},extra:{type:String}},setup(t,{slots:e}){const a=g("card"),{size:l}=P(t),{mergedSize:c}=j(l),d=_(()=>c.value==="small"||c.value==="mini"?"small":"medium"),u=r=>{const i=k(r);return n("div",{class:`${a}-actions`},[n("div",{class:`${a}-actions-right`},[i.map((o,f)=>n("span",{key:`action-${f}`,class:`${a}-actions-item`},[o]))])])},s=T({hasMeta:!1,hasGrid:!1,slots:e,renderActions:u});q(p,s);const v=_(()=>[a,`${a}-size-${d.value}`,{[`${a}-loading`]:t.loading,[`${a}-bordered`]:t.bordered,[`${a}-hoverable`]:t.hoverable,[`${a}-contain-grid`]:s.hasGrid}]);return()=>{var r,i,o,f,C,x,S;const m=!!((r=e.title)!=null?r:t.title),B=!!((i=e.extra)!=null?i:t.extra);return n("div",{class:v.value},[(m||B)&&n("div",{class:[`${a}-header`,{[`${a}-header-no-title`]:!m}],style:t.headerStyle},[m&&n("div",{class:`${a}-header-title`},[(f=(o=e.title)==null?void 0:o.call(e))!=null?f:t.title]),B&&n("div",{class:`${a}-header-extra`},[(x=(C=e.extra)==null?void 0:C.call(e))!=null?x:t.extra])]),e.cover&&n("div",{class:`${a}-cover`},[e.cover()]),n("div",{class:`${a}-body`,style:t.bodyStyle},[t.loading?n(z,null,null):(S=e.default)==null?void 0:S.call(e),e.actions&&!s.hasMeta&&u(e.actions())])])}}}),h=b({name:"CardMeta",props:{title:{type:String},description:{type:String}},setup(t,{slots:e}){const a=g("card-meta"),l=G(p);return M(()=>{l&&(l.hasMeta=!0)}),()=>{var c,d,u,s,v,r;const i=!!((c=e.title)!=null?c:t.title),o=!!((d=e.description)!=null?d:t.description);return n("div",{class:a},[(i||o)&&n("div",{class:`${a}-content`},[i&&n("div",{class:`${a}-title`},[(s=(u=e.title)==null?void 0:u.call(e))!=null?s:t.title]),o&&n("div",{class:`${a}-description`},[(r=(v=e.description)==null?void 0:v.call(e))!=null?r:t.description])]),(e.avatar||(l==null?void 0:l.slots.actions))&&n("div",{class:[`${a}-footer `,{[`${a}-footer-only-actions`]:!e.avatar}]},[e.avatar&&n("div",{class:`${a}-avatar`},[e.avatar()]),l&&l.slots.actions&&l.renderActions(l.slots.actions())])])}}});const R=b({name:"CardGrid",props:{hoverable:{type:Boolean,default:!1}},setup(t){const e=g("card-grid"),a=G(p);return M(()=>{a&&(a.hasGrid=!0)}),{cls:_(()=>[e,{[`${e}-hoverable`]:t.hoverable}])}}});function V(t,e,a,l,c,d){return I(),D("div",{class:N(t.cls)},[K(t.$slots,"default")],2)}var y=A(R,[["render",V]]);const J=Object.assign($,{Meta:h,Grid:y,install:(t,e)=>{E(t,e);const a=O(e);t.component(a+$.name,$),t.component(a+h.name,h),t.component(a+y.name,y)}});export{J as C};
|
