element-plus
Version:
A Component Library for Vue 3
1 lines • 4.27 kB
Source Map (JSON)
{"version":3,"file":"col.vue2.mjs","sources":["../../../../../../packages/components/col/src/col.vue"],"sourcesContent":["<template>\n <component :is=\"tag\" :class=\"colKls\" :style=\"style\">\n <slot />\n </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport { isNumber, isObject } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/components/row'\n\nimport type { CSSProperties } from 'vue'\nimport type { ColProps } from './col'\n\ndefineOptions({\n name: 'ElCol',\n})\n\nconst props = withDefaults(defineProps<ColProps>(), {\n tag: 'div',\n span: 24,\n offset: 0,\n pull: 0,\n push: 0,\n xs: () => ({}),\n sm: () => ({}),\n md: () => ({}),\n lg: () => ({}),\n xl: () => ({}),\n})\n\nconst { gutter } = inject(rowContextKey, { gutter: computed(() => 0) })\nconst ns = useNamespace('col')\n\nconst 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\nconst 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') classes.push(ns.b(`${props[prop]}`))\n else if (size > 0) 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 } 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</script>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_renderSlot"],"mappings":"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"}