UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 1.59 kB
{"version":3,"file":"row2.mjs","sources":["../../../../../../packages/components/row/src/row.vue"],"sourcesContent":["<template>\n <component\n :is=\"tag\"\n :class=\"[\n ns.b(),\n ns.is(`justify-${props.justify}`, justify !== 'start'),\n ns.is(`align-${props.align}`, align !== 'top'),\n ]\"\n :style=\"style\"\n >\n <slot />\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { rowContextKey } from '@element-plus/tokens'\nimport { rowProps } from './row'\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n name: 'ElRow',\n})\n\nconst props = defineProps(rowProps)\n\nconst ns = useNamespace('row')\nconst gutter = computed(() => props.gutter)\n\nprovide(rowContextKey, {\n gutter,\n})\n\nconst style = computed(() => {\n const styles: CSSProperties = {}\n if (!props.gutter) {\n return styles\n }\n\n styles.marginRight = styles.marginLeft = `-${props.gutter / 2}px`\n return styles\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AA2BA,IAAA,MAAA,EAAA,GAAA,aAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,MAAA,GAAA,QAAA,CAAA,MAAA,KAAA,CAAA,MAAA,CAAA,CAAA;AAEA,IAAA,OAAA,CAAA,aAAA,EAAA;AAAA,MACA,MAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAA,MAAA,KAAA,GAAA,SAAA,MAAA;AACA,MAAA,MAAA,SAAA,EAAA,CAAA;AACA,MAAA,IAAA,CAAA,MAAA,MAAA,EAAA;AACA,QAAA,OAAA,MAAA,CAAA;AAAA,OACA;AAEA,MAAA,MAAA,CAAA,WAAA,GAAA,MAAA,CAAA,UAAA,GAAA,CAAA,CAAA,EAAA,MAAA,MAAA,GAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AACA,MAAA,OAAA,MAAA,CAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;"}