UNPKG

ideaz-element

Version:

<p align="center"> <a href="" target="_blank" rel="noopener noreferrer"> <img src="./docs/public/logo.svg" alt="Ideaz Element" width="180" style="width: 180px;" /> </a> </p>

3 lines (2 loc) 1.2 kB
"use strict";require("../../../utils/index.cjs");require("../../../shared/index.cjs");const f=require("./props.cjs"),c=require("vue"),d=require("../../../hooks/useNamespace.cjs"),i=require("../../../utils/is.cjs"),$=require("../../../shared/resolveDynamicComponent.cjs"),b=c.defineComponent({name:"ZCol",props:f.colProps,emits:["input","update:modelValue"],setup(s,{slots:a}){const n=d.useNamespace("col"),{gutter:o}=c.inject("rowContextKey",{gutter:c.computed(()=>0)}),l=c.computed(()=>{const e={};return o.value&&(e.paddingLeft=e.paddingRight=`${o.value/2}px`),e}),m=c.computed(()=>{const e=[];return["span","offset","pull","push"].forEach(t=>{const u=s[t];i.isNumber(u)&&(t==="span"?e.push(n.b(`${s[t]}`)):u>0&&e.push(n.b(`${t}-${s[t]}`)))}),["xs","sm","md","lg","xl"].forEach(t=>{i.isNumber(s[t])?e.push(n.b(`${t}-${s[t]}`)):i.isObject(s[t])&&Object.entries(s[t]).forEach(([u,r])=>{e.push(u!=="span"?n.b(`${t}-${u}-${r}`):n.b(`${t}-${r}`))})}),o.value&&e.push(n.is("guttered")),[n.b(),e]});return()=>{var e;return $.resolveDynamicComponent({name:s.tag,attrs:{class:m.value,style:l.value},content:(e=a.default)==null?void 0:e.call(a)})}}});module.exports=b; //# sourceMappingURL=index.cjs.map