UNPKG

element-plus

Version:

A Component Library for Vue 3

1 lines 1.82 kB
{"version":3,"file":"divider.vue2.mjs","sources":["../../../../../../packages/components/divider/src/divider.vue"],"sourcesContent":["<template>\n <div\n :class=\"[ns.b(), ns.m(direction)]\"\n :style=\"dividerStyle\"\n role=\"separator\"\n >\n <div\n v-if=\"$slots.default && direction !== 'vertical'\"\n :class=\"[ns.e('text'), ns.is(contentPosition)]\"\n >\n <slot />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\nimport type { DividerProps } from './divider'\n\ndefineOptions({\n name: 'ElDivider',\n})\nconst props = withDefaults(defineProps<DividerProps>(), {\n direction: 'horizontal',\n contentPosition: 'center',\n borderStyle: 'solid',\n})\nconst ns = useNamespace('divider')\nconst dividerStyle = computed(() => {\n return ns.cssVar({\n 'border-style': props.borderStyle,\n }) as CSSProperties\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","$slots","_renderSlot"],"mappings":";;;;;;;;;;;AAyBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,EAAA,GAAK,aAAa,SAAS,CAAA;AACjC,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAClC,MAAA,OAAO,GAAG,MAAA,CAAO;AAAA,QACf,gBAAgB,KAAA,CAAM;AAAA,OACvB,CAAA;AAAA,IACH,CAAC,CAAA;;0BAlCCA,kBAAA;AAAA,QAWM,KAAA;AAAA,QAAA;AAAA,UAVH,KAAA,EAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,IAAKA,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAE,OAAA,CAAA,SAAS,CAAA,CAAA,CAAA;AAAA,UAC9B,KAAA,iBAAO,YAAA,CAAA,KAAY,CAAA;AAAA,UACpB,IAAA,EAAK;AAAA;;UAGGC,KAAAA,MAAAA,CAAO,OAAA,IAAW,QAAA,SAAA,KAAS,UAAA,iBADnCH,kBAAA;AAAA,YAKM,KAAA;AAAA,YAAA;AAAA;cAHH,OAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,UAAWA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAG,OAAA,CAAA,eAAe,CAAA,CAAA;AAAA;;cAE5CE,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;"}