ideaz-element/lib/element/form/src/hooks/useCol.cjs

<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>

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../utils/index.cjs");const m=require("../../../../hooks/useNamespace.cjs"),c=require("vue"),a=require("../../../../utils/is.cjs");function p(l,i){let t;const n=m.useNamespace("col",c.ref("el")),o=c.computed(()=>l.gutter||0);if(l.column){const s=Math.floor(24/l.column);t={xs:{span:24},sm:{span:s>=12?s:12},md:{span:s},lg:{span:s},xl:{span:s},...i}}else t={span:24,...i};const f=c.computed(()=>{const s={};return o.value&&(s.paddingLeft=s.paddingRight=`${o.value/2}px`),s});return{colKls:c.computed(()=>{const s=[];return["span","offset","pull","push"].forEach(e=>{const u=t[e];a.isNumber(u)&&(e==="span"?s.push(n.b(`${t[e]}`)):u>0&&s.push(n.b(`${e}-${t[e]}`)))}),["xs","sm","md","lg","xl"].forEach(e=>{a.isNumber(t[e])?s.push(n.b(`${e}-${t[e]}`)):a.isObject(t[e])&&Object.entries(t[e]).forEach(([u,r])=>{s.push(u!=="span"?n.b(`${e}-${u}-${r}`):n.b(`${e}-${r}`))})}),o.value&&s.push(n.is("guttered")),[n.b(),s]}),colStyle:f}}exports.useCol=p;
//# sourceMappingURL=useCol.cjs.map