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
| <script>
| export default {
| name: 'ElTimeline',
|
| props: {
| reverse: {
| type: Boolean,
| default: false
| }
| },
|
| provide() {
| return {
| timeline: this
| };
| },
|
| render() {
| const reverse = this.reverse;
| const classes = {
| 'el-timeline': true,
| 'is-reverse': reverse
| };
| let slots = this.$slots.default || [];
| if (reverse) {
| slots = slots.reverse();
| }
| return (<ul class={ classes }>
| { slots }
| </ul>);
| }
| };
| </script>
|
|