vue-amazing-ui/lib/grid/col/Col.vue2.cjs

An Amazing Vue3 UI Components Library, Using TypeScript.

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),n=require("../../utils/index.cjs"),i=t.defineComponent({__name:"Col",props:{span:{default:void 0},offset:{default:0},flex:{default:void 0},order:{default:0},xs:{default:void 0},sm:{default:void 0},md:{default:void 0},lg:{default:void 0},xl:{default:void 0},xxl:{default:void 0}},setup(r){const e=r,l=t.ref(window.innerWidth),s=t.computed(()=>typeof e.flex=="number"?`${e.flex} ${e.flex} auto`:e.flex),u=t.computed(()=>[{width:1600,value:e.xxl},{width:1200,value:e.xl},{width:992,value:e.lg},{width:768,value:e.md},{width:576,value:e.sm},{width:0,value:e.xs}]),a=t.computed(()=>{for(const o of u.value)if(o.value!==void 0&&l.value>=o.width)return typeof o.value=="object"?{span:o.value.span||e.span,offset:o.value.offset||e.offset}:{span:o.value,offset:e.offset};return{span:e.span,offset:e.offset}});n.useEventListener(window,"resize",d);function d(){l.value=window.innerWidth}return(o,f)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(`grid-col col-${a.value.span} offset-${a.value.offset}`),style:t.normalizeStyle([{"padding-left":"var(--xGap)","padding-right":"var(--xGap)"},`flex: ${s.value}; order: ${o.order};`])},[t.renderSlot(o.$slots,"default",{},void 0,!0)],6))}});exports.default=i;