File tree Expand file tree Collapse file tree 5 files changed +29
-6
lines changed Expand file tree Collapse file tree 5 files changed +29
-6
lines changed Original file line number Diff line number Diff line change @@ -692,6 +692,7 @@ Example:
692
692
| ` no-room-selected ` | Replace the no room selected template | - | - |
693
693
| ` menu-icon ` | Replace the room menu icon | - | - |
694
694
| ` toggle-icon ` | Replace the toggle room list icon | - | - |
695
+ | ` spinner-icon ` | Replace the loading spinner icon | ` show, infinite ` | - |
695
696
| ` scroll-icon ` | Replace the scroll to newest message icon | - | - |
696
697
| ` reply-close-icon ` | Replace the reply close icon | - | - |
697
698
| ` image-close-icon ` | Replace the image close icon | - | - |
Original file line number Diff line number Diff line change 8
8
'vac-container-top': infinite
9
9
}"
10
10
>
11
- <div id =" vac-circle" />
11
+ <slot name =" spinner-icon" v-bind =" { show, infinite }" >
12
+ <div id =" vac-circle" />
13
+ </slot >
12
14
</div >
13
15
</transition >
14
16
</template >
Original file line number Diff line number Diff line change 11
11
<loader
12
12
:style =" { top: `${imageResponsive.loaderTop}px` }"
13
13
:show =" isImageLoading"
14
- />
14
+ >
15
+ <template v-for =" (idx , name ) in $scopedSlots " #[name ]=" data " >
16
+ <slot :name =" name" v-bind =" data" />
17
+ </template >
18
+ </loader >
15
19
<div
16
20
class =" vac-message-image"
17
21
:class =" {
Original file line number Diff line number Diff line change 34
34
class =" vac-container-scroll"
35
35
@scroll =" onContainerScroll"
36
36
>
37
- <loader :show =" loadingMessages" />
37
+ <loader :show =" loadingMessages" >
38
+ <template v-for =" (idx , name ) in $scopedSlots " #[name ]=" data " >
39
+ <slot :name =" name" v-bind =" data" />
40
+ </template >
41
+ </loader >
38
42
<div class =" vac-messages-container" >
39
43
<div :class =" { 'vac-messages-hidden': loadingMessages }" >
40
44
<transition name =" vac-fade-message" >
61
65
@infinite =" loadMoreMessages"
62
66
>
63
67
<template #spinner >
64
- <loader :show =" true" :infinite =" true" />
68
+ <loader :show =" true" :infinite =" true" >
69
+ <template v-for =" (idx , name ) in $scopedSlots " #[name ]=" data " >
70
+ <slot :name =" name" v-bind =" data" />
71
+ </template >
72
+ </loader >
65
73
</template >
66
74
<template #no-results >
67
75
<div />
Original file line number Diff line number Diff line change 22
22
</rooms-search >
23
23
</slot >
24
24
25
- <loader :show =" loadingRooms" />
25
+ <loader :show =" loadingRooms" >
26
+ <template v-for =" (idx , name ) in $scopedSlots " #[name ]=" data " >
27
+ <slot :name =" name" v-bind =" data" />
28
+ </template >
29
+ </loader >
26
30
27
31
<div v-if =" !loadingRooms && !rooms.length" class =" vac-rooms-empty" >
28
32
<slot name =" rooms-empty" >
55
59
</div >
56
60
<transition name =" vac-fade-message" >
57
61
<div v-if =" rooms.length && !loadingRooms" id =" infinite-loader-rooms" >
58
- <loader :show =" showLoader" :infinite =" true" />
62
+ <loader :show =" showLoader" :infinite =" true" >
63
+ <template v-for =" (idx , name ) in $scopedSlots " #[name ]=" data " >
64
+ <slot :name =" name" v-bind =" data" />
65
+ </template >
66
+ </loader >
59
67
</div >
60
68
</transition >
61
69
</div >
You can’t perform that action at this time.
0 commit comments