You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
764 B
38 lines
764 B
3 years ago
|
<template functional>
|
||
|
|
<div
|
||
|
|
v-bind="data.attrs"
|
||
|
|
v-on="listeners"
|
||
|
|
:class="[data.staticClass, 'el-divider', `el-divider--${props.direction}`]"
|
||
|
|
>
|
||
|
|
<div
|
||
|
|
v-if="slots().default && props.direction !== 'vertical'"
|
||
|
|
:class="['el-divider__text', `is-${props.contentPosition}`]"
|
||
|
|
>
|
||
|
|
<slot />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'ElDivider',
|
||
|
|
props: {
|
||
|
|
direction: {
|
||
|
|
type: String,
|
||
|
|
default: 'horizontal',
|
||
|
|
validator(val) {
|
||
|
|
return ['horizontal', 'vertical'].indexOf(val) !== -1;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
contentPosition: {
|
||
|
|
type: String,
|
||
|
|
default: 'center',
|
||
|
|
validator(val) {
|
||
|
|
return ['left', 'center', 'right'].indexOf(val) !== -1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
|
||
|
|
</script>
|