| 1 |
- import{g as _,an as j,az as A,_ as k,s as E,f as O}from"./index-CJrSNoJ5.js";import{S as z}from"./index-CzLiwSAl.js";import{d as b,s as P,e as g,r as T,C as n,u as D,i as G,v as M,c as I,o as K,l as N,b as R}from"./vue-vendor-BKZgKMlr.js";const C=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=_("card"),{size:l}=P(t),{mergedSize:c}=j(l),d=g(()=>c.value==="small"||c.value==="mini"?"small":"medium"),u=r=>{const i=A(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});D(C,s);const v=g(()=>[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,p,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=(p=e.extra)==null?void 0:p.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=_("card-meta"),l=G(C);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 V=b({name:"CardGrid",props:{hoverable:{type:Boolean,default:!1}},setup(t){const e=_("card-grid"),a=G(C);return M(()=>{a&&(a.hasGrid=!0)}),{cls:g(()=>[e,{[`${e}-hoverable`]:t.hoverable}])}}});function q(t,e,a,l,c,d){return K(),I("div",{class:R(t.cls)},[N(t.$slots,"default")],2)}var y=k(V,[["render",q]]);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};
|
