ideaz-element/lib/element/col/src/index.cjs.map

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

{"version":3,"file":"index.cjs","sources":["../../../../../packages/element/col/src/index.tsx"],"sourcesContent":["import { isNumber, isObject } from '@ideaz/utils'\nimport { resolveDynamicComponent } from '@ideaz/shared'\nimport type { CSSProperties } from 'vue'\nimport { colProps } from './props'\n\nexport default defineComponent({\n  name: 'ZCol',\n  props: colProps,\n  emits: ['input', 'update:modelValue'],\n  setup(props, { slots }) {\n    const ns = useNamespace('col')\n    const { gutter } = inject('rowContextKey', { gutter: computed(() => 0) })\n\n    const style = computed(() => {\n      const styles: CSSProperties = {}\n      if (gutter.value)\n        styles.paddingLeft = styles.paddingRight = `${gutter.value / 2}px`\n\n      return styles\n    })\n\n    const colKls = computed(() => {\n      const classes: string[] = []\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (isNumber(size)) {\n          if (prop === 'span')\n            classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0)\n            classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (isNumber(props[size])) {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        }\n        else if (isObject(props[size])) {\n          Object.entries(props[size]).forEach(([prop, sizeProp]) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProp}`)\n                : ns.b(`${size}-${sizeProp}`),\n            )\n          })\n        }\n      })\n\n      // this is for the fix\n      if (gutter.value)\n        classes.push(ns.is('guttered'))\n\n      return [ns.b(), classes]\n    })\n\n    return () =>\n      resolveDynamicComponent({\n        name: props.tag,\n        attrs: {\n          class: colKls.value,\n          style: style.value,\n        },\n        content: slots.default?.(),\n      })\n  },\n})\n"],"names":["Col","vue","name","props","emits","slots","ns","useNamespace","gutter","style","styles","colKls","pos","size","prop","is","classes","sizes","Object","attrs","content"],"mappings":"+QAKAA,EAAAC,EAAA,gBAAA,CACEC,KAAAA,OACAC,MAAAA,EAAAA,SACAC,MAAAA,CAAAA,QAAAA,mBAAAA,WACeC,MAAAA,CAAM,EAAA,CACnB,MAAAC,EAAAC,EAAA,aAAA,KAAA,GACQC,OAAAA,CAAO,EAAAP,EAAA,OAAA,gBAAA,CAA8BO,OAAAA,EAAAA,SAAAA,IAAAA,CAAAA,CAA0B,CAAA,EAEvEC,EAAAR,EAAA,SAAA,IAAA,YAEE,OAAAO,EAAA,QAAAE,EAAA,YAAAA,EAAA,aAAA,GAAAF,EAAA,MAAA,CAAA,MAGAE,CACF,CAAA,EAEAC,EAAAV,EAAA,SAAA,IAAA,YAIEW,sCAAAA,QAAAA,GAAAA,CACE,MAAAC,EAAAV,EAAAW,CAAA,EACAC,EAAA,SAAAF,CAAA,IACEC,IAAA,OAAAE,EAAA,KAAAV,EAAA,EAAA,GAAAH,EAAAW,CAAA,CAAA,EAAA,CAAA,EAAAD,EAAA,GAAAG,EAAA,KAAAV,EAAA,EAAA,GAAAQ,CAAA,IAAAX,EAAAW,CAAA,CAAA,EAAA,CAAA,EAKJ,CAAA,EAEA,CAAA,KAAA,KAAA,KAAA,KAAA,IAAA,EACAG,QAAAA,GAAAA,CACEF,EAAA,SAAAZ,EAAAU,CAAA,CAAA,EACEG,EAAAA,KAAAA,EAAAA,EAAAA,GAAAA,CAAAA,IAAAA,EAAAA,CAAAA,CAAAA,EAAAA,CAAAA,oBAGAE,OAAAA,QAAAA,EAAAA,CAAAA,CAAAA,EAAAA,QAAAA,CAAAA,CAAAA,EAAAA,CAAAA,IAAAA,CACEF,EAAAA,KAAAA,IAAAA,OAAAA,EAAAA,EAAAA,GAAAA,CAAAA,IAAAA,CAAAA,IAAAA,CAAAA,EAAAA,EAAAA,EAAAA,EAAAA,GAAAA,CAAAA,IAAAA,CAAAA,EAAAA,CAAAA,CAKF,CAAA,CAEJ,CAAA,EAGAR,EAAA,OAAAQ,EAAA,KAAAV,EAAA,GAAA,UAAA,CAAA,WAIF,CAAA,gEAKIa,MAAAA,8BAIAC,SAAAA,EAAAA,EAAAA,UAAAA,YAAAA,EAAAA,KAAAA,EACF,CAAA,EACJ,CACF,CAAA"}