vxe-pc-ui/lib/layout-body/src/layout-body.min.js

A vue based PC component library

Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_comp=require("../../ui/src/comp"),_ui=require("../../ui"),_loading=_interopRequireDefault(require("../../loading")),_backtop=_interopRequireDefault(require("../../backtop")),_xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function createInternalData(){return{}}function createReactData(){return{}}var _default=exports.default=(0,_comp.defineVxeComponent)({name:"VxeLayoutBody",props:{loading:Boolean,padding:Boolean,showBacktop:{type:Boolean,default:()=>(0,_ui.getConfig)().layoutBody.showBacktop},backtopConfig:Object,size:{type:String,default:()=>(0,_ui.getConfig)().layoutBody.size||(0,_ui.getConfig)().size}},emits:[],setup(p,e){let{slots:c,emit:o}=e;var t=_xeUtils.default.uniqueId();let s="vxe_layout_body_backtop_"+t,_=(0,_vue.ref)(),f=(0,_ui.useSize)(p).computeSize;var a=createInternalData(),u=(0,_vue.reactive)(createReactData());let i={refElem:_},v=(0,_vue.computed)(()=>Object.assign({},(0,_ui.getConfig)().layoutBody.backtopConfig,p.backtopConfig,{target:"#"+s})),r={computeSize:f},g={xID:t,props:p,context:e,internalData:a,reactData:u,getRefMaps:()=>i,getComputeMaps:()=>r};Object.assign(g,{dispatchEvent:(e,t,a)=>{o(e,(0,_ui.createEvent)(a,{$layoutBody:g},t))}},{});return g.renderVN=()=>{var{loading:e,padding:t,showBacktop:a}=p,o=v.value,u=f.value,i=c.default,r=c.backtop,n=c.backtopTop||c["backtop-top"],l=c.backtopBottom||c["backtop-bottom"],d={};return r&&(d.default=r),n&&(d.top=n),l&&(d.bottom=l),(0,_vue.h)("div",{ref:_,class:["vxe-layout-body",{["size--"+u]:u,"is--loading":e,"is--padding":t}]},[(0,_vue.h)("div",{id:a?s:"",class:"vxe-layout-body--inner"},i?i({}):[]),(0,_vue.h)(_loading.default,{class:"vxe-list-view--loading",modelValue:e}),a?(0,_vue.h)(_backtop.default,o,d):(0,_ui.renderEmptyElement)(g)])},g},render(){return this.renderVN()}});