vxe-pc-ui/lib/card/src/card.min.js

A vue based PC component library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_vn=require("../../ui/src/vn"),_ui=require("../../ui"),_dom=require("../..//ui/src/dom"),_loading=_interopRequireDefault(require("../../loading/src/loading")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCard",props:{title:String,showTitleOverflow:{type:Boolean,default:()=>(0,_ui.getConfig)().card.showTitleOverflow},width:[String,Number],height:[String,Number],border:{type:Boolean,default:()=>(0,_ui.getConfig)().card.border},loading:Boolean,shadow:{type:Boolean,default:()=>(0,_ui.getConfig)().card.shadow},padding:{type:Boolean,default:()=>(0,_ui.getConfig)().card.padding}},emits:[],setup(g,e){const{slots:h,emit:d}=e;var t=_xeUtils.default.uniqueId();const f=(0,_vue.ref)();var r=(0,_vue.reactive)({});const a={refElem:f},p=(0,_vue.computed)(()=>{var{height:e,width:t}=g,r={};return t&&(r.width=(0,_dom.toCssUnit)(t)),e&&(r.height=(0,_dom.toCssUnit)(e)),r}),o={},i={xID:t,props:g,context:e,reactData:r,getRefMaps:()=>a,getComputeMaps:()=>o};Object.assign(i,{dispatchEvent:(e,t,r)=>{d(e,(0,_ui.createEvent)(r,{$card:i},t))}},{});return i.renderVN=()=>{var{title:e,border:t,shadow:r,padding:d,loading:a,showTitleOverflow:o}=g,i=h.default,s=h.header,u=h.title,l=h.extra,n=h.footer,v=h.left,_=h.right,c=p.value;return(0,_vue.h)("div",{ref:f,class:["vxe-card",{"is--border":t,"is--shadow":r,"is--padding":d}],style:c},[e||u||s?(0,_vue.h)("div",{class:"vxe-card--header"},s?(0,_vn.getSlotVNs)(s({})):[(0,_vue.h)("div",{class:["vxe-card--header-title",{"is--ellipsis":o}]},u?(0,_vn.getSlotVNs)(u({})):""+(e||"")),l?(0,_vue.h)("div",{class:"vxe-card--header-extra"},(0,_vn.getSlotVNs)(l({}))):(0,_vue.createCommentVNode)()]):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-card--body"},[v?(0,_vue.h)("div",{class:"vxe-card--body-left"},(0,_vn.getSlotVNs)(v({}))):(0,_vue.createCommentVNode)(),(0,_vue.h)("div",{class:"vxe-card--body-content"},i?(0,_vn.getSlotVNs)(i({})):[]),_?(0,_vue.h)("div",{class:"vxe-card--body-right"},(0,_vn.getSlotVNs)(_({}))):(0,_vue.createCommentVNode)()]),n?(0,_vue.h)("div",{class:"vxe-card--footer"},(0,_vn.getSlotVNs)(n({}))):(0,_vue.createCommentVNode)(),(0,_vue.h)(_loading.default,{class:"vxe-card--loading",modelValue:a})])},i},render(){return this.renderVN()}});