vue-amazing-ui
Version:
An Amazing Vue3 UI Components Library, Using TypeScript.
2 lines (1 loc) • 1.98 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../skeleton/index.cjs"),c=require("../utils/index.cjs"),u={class:"head-wrapper"},m={key:0,class:"head-title"},f={key:1,class:"head-extra"},h=e.defineComponent({__name:"Card",props:{width:{default:"auto"},bordered:{type:Boolean,default:!0},size:{default:"middle"},hoverable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},skeletonProps:{default:()=>({})},title:{default:void 0},extra:{default:void 0},headStyle:{default:()=>({})},bodyStyle:{default:()=>({})}},setup(t){const l=t,a=c.useSlotsExist(["title","extra"]),r=e.computed(()=>typeof l.width=="number"?`${l.width}px`:l.width),o=e.computed(()=>a.title||a.extra||l.title||l.extra),i=e.computed(()=>a.title||l.title),n=e.computed(()=>a.extra||l.extra);return(d,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["card-wrap",{"card-bordered":t.bordered,"card-small":t.size==="small","card-middle":t.size==="middle","card-large":t.size==="large","card-hoverable":t.hoverable}]),style:e.normalizeStyle(`width: ${r.value};`)},[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"card-head",style:e.normalizeStyle(t.headStyle)},[e.createElementVNode("div",u,[i.value?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(d.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),n.value?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(d.$slots,"extra",{},()=>[e.createTextVNode(e.toDisplayString(t.extra),1)],!0)])):e.createCommentVNode("",!0)])],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"card-body",style:e.normalizeStyle(t.bodyStyle)},[e.createVNode(e.unref(s.default),e.mergeProps({title:!1,loading:t.loading},t.skeletonProps),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",{},void 0,!0)]),_:3},16,["loading"])],4)],6))}});exports.default=h;