@bcc-code/vue-bcc-chat-ui 3.0.0-alpha.2 → 3.0.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chat/uiKit.d.ts +2 -1
- package/dist/style.css +1 -1
- package/dist/vue-bcc-chat-ui.js +8225 -8195
- package/package.json +1 -1
- package/src/components/BccChatMessageList.vue +30 -20
package/package.json
CHANGED
|
@@ -15,6 +15,7 @@ import { watchAndApplyStyle } from "../chat/styleFix";
|
|
|
15
15
|
import {
|
|
16
16
|
messageComposerConfiguration,
|
|
17
17
|
messageListConfiguration,
|
|
18
|
+
threadedMessagesConfiguration
|
|
18
19
|
} from "../chat/uiKit";
|
|
19
20
|
|
|
20
21
|
const props = defineProps({
|
|
@@ -76,23 +77,23 @@ onMounted(() => {
|
|
|
76
77
|
style: { 'flex-shrink': '0' },
|
|
77
78
|
shadowDomSelector: "link-preview",
|
|
78
79
|
},
|
|
79
|
-
{
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
},
|
|
80
|
+
// {
|
|
81
|
+
// selector: ".messageinput",
|
|
82
|
+
// style: {
|
|
83
|
+
// "border-radius": "8px 8px 0 0",
|
|
84
|
+
// "box-shadow":
|
|
85
|
+
// "0px -1px 2px 0px rgba(17, 24, 39, 0.05), 1px -1px 3px 0px rgba(17, 24, 39, 0.1)",
|
|
86
|
+
// },
|
|
87
|
+
// },
|
|
88
|
+
// {
|
|
89
|
+
// selector: ".messageinput-input",
|
|
90
|
+
// style: {
|
|
91
|
+
// "font-size": "16px",
|
|
92
|
+
// padding: "8px",
|
|
93
|
+
// "max-height": "none",
|
|
94
|
+
// height: "64px",
|
|
95
|
+
// },
|
|
96
|
+
// },
|
|
96
97
|
]);
|
|
97
98
|
});
|
|
98
99
|
|
|
@@ -110,6 +111,7 @@ onUnmounted(async () => {
|
|
|
110
111
|
:disableSoundForMessages="true"
|
|
111
112
|
:messageComposerConfiguration="messageComposerConfiguration"
|
|
112
113
|
:messageListConfiguration="messageListConfiguration"
|
|
114
|
+
:threadedMessagesConfiguration="threadedMessagesConfiguration"
|
|
113
115
|
:hideMessageComposer="false"
|
|
114
116
|
:hideDetails="true"
|
|
115
117
|
:group="chatGroup"
|
|
@@ -118,9 +120,18 @@ onUnmounted(async () => {
|
|
|
118
120
|
<span>Waiting for connection...</span>
|
|
119
121
|
</div>
|
|
120
122
|
</div>
|
|
121
|
-
<div class="bcc-chat-message-list-offline">
|
|
123
|
+
<div v-else-if="chat.onlineStatus.value === 'online'" class="bcc-chat-message-list-offline">
|
|
122
124
|
<span>Waiting for connection...</span>
|
|
123
125
|
</div>
|
|
126
|
+
<div v-else-if="!!chatGroup" class="bcc-chat-message-list-offline">
|
|
127
|
+
<span>Loading chat...</span>
|
|
128
|
+
</div>
|
|
129
|
+
<div v-else-if="chat.onlineMode.value === 'offline'" class="bcc-chat-message-list-offline">
|
|
130
|
+
<span>Waiting for network...</span>
|
|
131
|
+
</div>
|
|
132
|
+
<div v-else class="bcc-chat-message-list-offline">
|
|
133
|
+
<span>Loading...</span>
|
|
134
|
+
</div>
|
|
124
135
|
</div>
|
|
125
136
|
</template>
|
|
126
137
|
|
|
@@ -200,7 +211,7 @@ accent900: text in avatar
|
|
|
200
211
|
|
|
201
212
|
/* 1.1.2 Wrapper for Messages Composer */
|
|
202
213
|
.cc-messagecomposer-wrapper {
|
|
203
|
-
padding: 0;
|
|
214
|
+
//padding: 0; //Use to remove side padding on composer
|
|
204
215
|
}
|
|
205
216
|
}
|
|
206
217
|
}
|
|
@@ -244,7 +255,6 @@ accent900: text in avatar
|
|
|
244
255
|
align-items: center;
|
|
245
256
|
font: 700 22px sans-serif;
|
|
246
257
|
color: #bcbcbc;
|
|
247
|
-
z-index: -1;
|
|
248
258
|
}
|
|
249
259
|
|
|
250
260
|
.cc-messagecomposer__emojikeyboard {
|