1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
| <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>
|
|
