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"),n=require("../skeleton/index.cjs"),u=require("../utils/index.cjs"),c={class:"head-wrapper"},m={key:0,class:"head-title"},p={key:1,class:"head-extra"},f=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(o){const l=o,r=u.useSlotsExist(["title","extra"]),a=e.computed(()=>typeof l.width=="number"?`${l.width}px`:l.width),d=e.computed(()=>r.title||r.extra||l.title||l.extra),s=e.computed(()=>r.title||l.title),i=e.computed(()=>r.extra||l.extra);return(t,h)=>(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: ${a.value};`)},[d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"card-head",style:e.normalizeStyle(t.headStyle)},[e.createElementVNode("div",c,[s.value?(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)],!0)])):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("div",p,[e.renderSlot(t.$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(n.default),e.mergeProps({title:!1,loading:t.loading},t.skeletonProps),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},void 0,!0)]),_:3},16,["loading"])],4)],6))}});exports.default=f;