vxe-pc-ui/lib/row/src/col.min.js

A vue based PC component library

"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_ui=require("../../ui"),_dom=require("../../ui/src/dom");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCol",props:{span:[Number,String],align:String,width:[Number,String],fill:Boolean,ellipsis:Boolean,size:{type:String,default:()=>(0,_ui.getConfig)().col.size||(0,_ui.getConfig)().size}},emits:[],setup(n,e){const{slots:o,emit:s}=e;var t=_xeUtils.default.uniqueId();(0,_ui.useSize)(n);const a=(0,_vue.ref)();var i=(0,_vue.reactive)({});const u={refElem:a},r=(0,_vue.inject)("$xeRow",null),l=(0,_vue.computed)(()=>r?r.props.gutter:null),d=(0,_vue.computed)(()=>r?r.props.vertical:null),p=(0,_vue.computed)(()=>{var e=n["width"],i=l.value,s=d.value,u={};if(i){let[e,t]=_xeUtils.default.isArray(i)?i:[i];s&&(t=e,e=""),e&&(i=_xeUtils.default.isNumber(e)?(0,_dom.toCssUnit)(e/2):`calc(${(0,_dom.toCssUnit)(e)} / 2)`,u.paddingLeft=i,u.paddingRight=i),t&&(s=_xeUtils.default.isNumber(t)?(0,_dom.toCssUnit)(t/2):`calc(${(0,_dom.toCssUnit)(t)} / 2)`,u.paddingTop=s,u.paddingBottom=s)}return e&&(u.width=(0,_dom.toCssUnit)(e)),u}),_={},v={xID:t,props:n,context:e,reactData:i,getRefMaps:()=>u,getComputeMaps:()=>_};Object.assign(v,{dispatchEvent:(e,t,i)=>{s(e,(0,_ui.createEvent)(i,{$col:v},t))}},{});return v.renderVN=()=>{var{span:e,fill:t,align:i,width:s,ellipsis:u}=n,r=p.value,l=o.default;return(0,_vue.h)("div",{ref:a,class:["vxe-col",e?"span"+e:"",i?"align--"+i:"",{"is--span":!!e,"is--width":!!s,"is--fill":t,"is--ellipsis":u}],style:r},[(0,_vue.h)("div",{class:"vxe-col--inner"},l?l({}):[])])},v},render(){return this.renderVN()}});