@mobilon-dev/chotto 0.3.105 → 0.3.106
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/chotto.css +1 -1
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +39 -39
- package/dist/components/2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue.js +7 -0
- package/dist/components/2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue2.js +73 -0
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +28 -28
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +39 -39
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +41 -41
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +28 -28
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +26 -26
- package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
- package/dist/components/3_compounds/Feed/Feed.vue2.js +249 -211
- package/dist/components/3_compounds/Feed/composables/useFeedGrouping.js +23 -20
- package/dist/components/3_compounds/Feed/composables/useFeedProgressiveRender.js +79 -0
- package/dist/index.js +212 -210
- package/dist/types/components/2_feed_elements/FeedReplyQuote/FeedReplyQuote.vue.d.ts +19 -0
- package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts +6 -0
- package/dist/types/components/3_compounds/Feed/composables/index.d.ts +1 -0
- package/dist/types/components/3_compounds/Feed/composables/useFeedGrouping.d.ts +3 -22
- package/dist/types/components/3_compounds/Feed/composables/useFeedProgressiveRender.d.ts +22 -0
- package/dist/types/components/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./AudioMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-613b0965"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
e as default
|
|
7
7
|
};
|
|
@@ -2,7 +2,7 @@ import { defineComponent as tt, ref as y, computed as m, inject as st, watch as
|
|
|
2
2
|
import ut from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
|
|
3
3
|
import lt from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
|
|
4
4
|
import rt from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
|
|
5
|
-
import mt from "../
|
|
5
|
+
import mt from "../FeedReplyQuote/FeedReplyQuote.vue.js";
|
|
6
6
|
import dt from "../MessageReactions/MessageReactions.vue.js";
|
|
7
7
|
import ge from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
|
|
8
8
|
import ct from "../MessageSmsInvite/MessageSmsInvite.vue.js";
|
|
@@ -37,7 +37,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
37
37
|
}, Et = { class: "audio-message__audio-container" }, Ot = ["src"], Ft = { class: "audio-message__progress-wrapper" }, Lt = ["max"], Dt = { class: "audio-message__speed-btn-container" }, Pt = { class: "audio-message__player-controls" }, Ut = { class: "audio-message__current-time" }, $t = { class: "audio-message__duration" }, Vt = {
|
|
38
38
|
key: 1,
|
|
39
39
|
class: "audio-message__text-container"
|
|
40
|
-
},
|
|
40
|
+
}, Ht = ["innerHTML"], Bt = { class: "audio-message__footer" }, jt = { class: "audio-message__info-container" }, Gt = {
|
|
41
41
|
key: 0,
|
|
42
42
|
class: "audio-message__actions"
|
|
43
43
|
}, Yt = { class: "audio-message__time" }, Zt = {
|
|
@@ -46,13 +46,13 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
46
46
|
}, qt = { class: "audio-message__expand-inner" }, zt = {
|
|
47
47
|
key: 0,
|
|
48
48
|
class: "audio-message__expand-placeholder"
|
|
49
|
-
},
|
|
49
|
+
}, Qt = ["innerHTML"], Wt = {
|
|
50
50
|
key: 1,
|
|
51
51
|
class: "audio-message__expand-plain"
|
|
52
|
-
},
|
|
52
|
+
}, Jt = {
|
|
53
53
|
key: 0,
|
|
54
54
|
class: "audio-message__expand-placeholder"
|
|
55
|
-
},
|
|
55
|
+
}, Kt = ["innerHTML"], Xt = { class: "audio-message__expand-close-wrap" }, es = "RECOGNITION_READY", ts = "SUMMARY_READY", Os = /* @__PURE__ */ tt({
|
|
56
56
|
__name: "AudioMessage",
|
|
57
57
|
props: {
|
|
58
58
|
message: {
|
|
@@ -116,7 +116,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
116
116
|
}
|
|
117
117
|
]), D = y(0), P = m(() => L.value[D.value] ?? L.value[0]), pe = () => {
|
|
118
118
|
D.value = (D.value + 1) % L.value.length, a.value && (a.value.playbackRate = P.value.speed);
|
|
119
|
-
}, k = ye, { menuActions: S } = pt(() => u.message), { hoverActionsEnabled:
|
|
119
|
+
}, k = ye, { menuActions: S } = pt(() => u.message), { hoverActionsEnabled: Q, reactionsActive: he } = yt(
|
|
120
120
|
() => u.channel,
|
|
121
121
|
() => u.reactionsEnabled,
|
|
122
122
|
() => u.message
|
|
@@ -136,18 +136,18 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
136
136
|
}
|
|
137
137
|
const n = t.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
|
|
138
138
|
if (n) {
|
|
139
|
-
const v = Number(n[1]),
|
|
140
|
-
return v * 3600 +
|
|
139
|
+
const v = Number(n[1]), B = Number(n[2]), j = Number(n[3]);
|
|
140
|
+
return v * 3600 + B * 60 + j;
|
|
141
141
|
}
|
|
142
142
|
const M = t.match(/^(\d+):([0-5]\d)$/);
|
|
143
143
|
if (M) return Number(M[1]) * 60 + Number(M[2]);
|
|
144
|
-
},
|
|
144
|
+
}, W = () => {
|
|
145
145
|
c.value = !1, g.value = 0, h.value = $(u.message.duration) ?? 0, C.value = !1;
|
|
146
146
|
};
|
|
147
|
-
|
|
147
|
+
W(), G(
|
|
148
148
|
() => U.value,
|
|
149
149
|
(e, t) => {
|
|
150
|
-
e !== t && (
|
|
150
|
+
e !== t && (W(), x.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()));
|
|
151
151
|
}
|
|
152
152
|
), G(
|
|
153
153
|
() => u.message.duration,
|
|
@@ -165,11 +165,11 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
165
165
|
showMenu: Se,
|
|
166
166
|
hideMenu: V,
|
|
167
167
|
openMenu: Ne,
|
|
168
|
-
toggleMenu:
|
|
168
|
+
toggleMenu: J,
|
|
169
169
|
onMenuMouseEnter: _e,
|
|
170
170
|
onMenuMouseLeave: Ie,
|
|
171
171
|
clickAction: Ae,
|
|
172
|
-
viewsAction:
|
|
172
|
+
viewsAction: K,
|
|
173
173
|
handleClickReplied: Ee
|
|
174
174
|
} = ft(u.message, k, {
|
|
175
175
|
onReply: () => Ce(fe(u.message, "message.audio"))
|
|
@@ -237,7 +237,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
237
237
|
});
|
|
238
238
|
if (!v.ok)
|
|
239
239
|
throw new Error(`HTTP error! status: ${v.status}`);
|
|
240
|
-
const
|
|
240
|
+
const B = v.headers.get("content-type") || "", j = await v.blob(), O = ((n = (t = e.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : n.toLowerCase()) || "", Xe = {
|
|
241
241
|
"audio/mpeg": "mp3",
|
|
242
242
|
"audio/mp3": "mp3",
|
|
243
243
|
"audio/wav": "wav",
|
|
@@ -249,7 +249,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
249
249
|
"audio/m4a": "m4a",
|
|
250
250
|
"audio/x-m4a": "m4a",
|
|
251
251
|
"application/octet-stream": O || "mp3"
|
|
252
|
-
}, re = O && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(O) ? O : Xe[
|
|
252
|
+
}, re = O && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(O) ? O : Xe[B] || "mp3", me = e.split("/"), F = decodeURIComponent(((M = me[me.length - 1]) == null ? void 0 : M.split("?")[0]) || ""), et = F ? F.includes(".") ? F : `${F}.${re}` : `audio-${u.message.messageId}.${re}`, de = window.URL.createObjectURL(j), R = document.createElement("a");
|
|
253
253
|
R.href = de, R.download = et, document.body.appendChild(R), R.click(), document.body.removeChild(R), window.URL.revokeObjectURL(de);
|
|
254
254
|
} catch (v) {
|
|
255
255
|
console.error("Ошибка при скачивании аудио:", v), e && window.open(e, "_blank");
|
|
@@ -282,7 +282,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
282
282
|
);
|
|
283
283
|
const le = () => {
|
|
284
284
|
a.value && C.value && a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), C.value = !1;
|
|
285
|
-
},
|
|
285
|
+
}, He = m(() => ue(h.value)), Be = () => {
|
|
286
286
|
if (!a.value) return;
|
|
287
287
|
const e = a.value;
|
|
288
288
|
if (g.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
|
|
@@ -301,18 +301,18 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
301
301
|
}, Ye = () => {
|
|
302
302
|
console.error("Не удалось загрузить аудио"), c.value = !1, x.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()), h.value = $(u.message.duration) ?? 0;
|
|
303
303
|
};
|
|
304
|
-
function
|
|
304
|
+
function H(e) {
|
|
305
305
|
return kt(e.position, "audio-message");
|
|
306
306
|
}
|
|
307
|
-
const { onToggleReaction: Ze, onAddReaction: qe, onRemoveReaction: ze } = Rt(k),
|
|
308
|
-
function
|
|
307
|
+
const { onToggleReaction: Ze, onAddReaction: qe, onRemoveReaction: ze } = Rt(k), Qe = Ct(() => u.message, () => u.subtextTooltipData);
|
|
308
|
+
function We() {
|
|
309
309
|
k("sms-invite", u.message);
|
|
310
310
|
}
|
|
311
|
-
const
|
|
311
|
+
const Je = () => {
|
|
312
312
|
if (!A.value) return;
|
|
313
313
|
const e = f.value === "text" ? null : "text";
|
|
314
314
|
f.value = e, e === "text" && !ee.value && !N.value.text && (N.value.text = !0, k("action", { action: "fetchTranscript", messageId: u.message.messageId }));
|
|
315
|
-
},
|
|
315
|
+
}, Ke = () => {
|
|
316
316
|
if (!E.value) return;
|
|
317
317
|
const e = f.value === "summary" ? null : "summary";
|
|
318
318
|
f.value = e, e === "summary" && !se.value && !N.value.summary && (N.value.summary = !0, k("action", { action: "fetchSummary", messageId: u.message.messageId }));
|
|
@@ -321,7 +321,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
321
321
|
ref_key: "menuAnchorRef",
|
|
322
322
|
ref: Me,
|
|
323
323
|
class: w(["audio-message", [
|
|
324
|
-
|
|
324
|
+
H(s.message),
|
|
325
325
|
s.applyStyle(s.message)
|
|
326
326
|
]]),
|
|
327
327
|
messageId: s.message.messageId,
|
|
@@ -339,7 +339,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
339
339
|
}, null, 12, St)) : d("", !0),
|
|
340
340
|
s.message.subText && s.isFirstInSeries ? (l(), r("p", Nt, [
|
|
341
341
|
b(gt, {
|
|
342
|
-
text: i(
|
|
342
|
+
text: i(Qe),
|
|
343
343
|
position: s.message.position === "left" ? "right" : "left",
|
|
344
344
|
offset: 8
|
|
345
345
|
}, {
|
|
@@ -351,7 +351,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
351
351
|
])) : d("", !0),
|
|
352
352
|
o("div", {
|
|
353
353
|
class: w(["audio-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar }]),
|
|
354
|
-
onMouseenter: t[7] || (t[7] = (n) => i(
|
|
354
|
+
onMouseenter: t[7] || (t[7] = (n) => i(Q) && i(Se)())
|
|
355
355
|
}, [
|
|
356
356
|
t[13] || (t[13] = o("div", {
|
|
357
357
|
class: "audio-message__bottom-shadow",
|
|
@@ -364,7 +364,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
364
364
|
s.message.time ? (l(), r("span", At, p(s.message.time), 1)) : d("", !0),
|
|
365
365
|
b(ge, {
|
|
366
366
|
"base-class": "audio-message",
|
|
367
|
-
"message-class":
|
|
367
|
+
"message-class": H(s.message),
|
|
368
368
|
"message-status": s.message.status,
|
|
369
369
|
"status-class": ne.value,
|
|
370
370
|
"status-title": oe.value
|
|
@@ -385,7 +385,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
385
385
|
ref: a,
|
|
386
386
|
src: x.value,
|
|
387
387
|
type: "audio/webm",
|
|
388
|
-
onLoadedmetadata:
|
|
388
|
+
onLoadedmetadata: Be,
|
|
389
389
|
onTimeupdate: je,
|
|
390
390
|
onEnded: Ge,
|
|
391
391
|
onError: Ye
|
|
@@ -457,7 +457,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
457
457
|
]),
|
|
458
458
|
o("div", Pt, [
|
|
459
459
|
o("p", Ut, p(Ve.value), 1),
|
|
460
|
-
o("p", $t, p(
|
|
460
|
+
o("p", $t, p(He.value), 1)
|
|
461
461
|
])
|
|
462
462
|
]),
|
|
463
463
|
s.message.text ? (l(), r("div", Vt, [
|
|
@@ -465,7 +465,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
465
465
|
onClick: t[3] || (t[3] = //@ts-ignore
|
|
466
466
|
(...n) => i(ae) && i(ae)(...n)),
|
|
467
467
|
innerHTML: i(Ue)
|
|
468
|
-
}, null, 8,
|
|
468
|
+
}, null, 8, Ht)
|
|
469
469
|
])) : d("", !0),
|
|
470
470
|
s.message.linkPreview ? (l(), T(lt, {
|
|
471
471
|
key: 2,
|
|
@@ -477,7 +477,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
477
477
|
class: w(s.message.position),
|
|
478
478
|
embed: s.message.embed
|
|
479
479
|
}, null, 8, ["class", "embed"])) : d("", !0),
|
|
480
|
-
o("div",
|
|
480
|
+
o("div", Bt, [
|
|
481
481
|
b(dt, {
|
|
482
482
|
reactions: s.message.reactions,
|
|
483
483
|
"message-id": s.message.messageId,
|
|
@@ -501,7 +501,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
501
501
|
{ "audio-message__action-button--active": f.value === "text" }
|
|
502
502
|
]),
|
|
503
503
|
type: "button",
|
|
504
|
-
onClick:
|
|
504
|
+
onClick: Je
|
|
505
505
|
}, " Текст ", 2)) : d("", !0),
|
|
506
506
|
E.value ? (l(), r("button", {
|
|
507
507
|
key: 1,
|
|
@@ -510,14 +510,14 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
510
510
|
{ "audio-message__action-button--active": f.value === "summary" }
|
|
511
511
|
]),
|
|
512
512
|
type: "button",
|
|
513
|
-
onClick:
|
|
513
|
+
onClick: Ke
|
|
514
514
|
}, " Резюме ", 2)) : d("", !0)
|
|
515
515
|
])) : d("", !0),
|
|
516
516
|
s.message.views ? (l(), r("div", {
|
|
517
517
|
key: 1,
|
|
518
518
|
class: "audio-message__views",
|
|
519
519
|
onClick: t[4] || (t[4] = //@ts-ignore
|
|
520
|
-
(...n) => i(
|
|
520
|
+
(...n) => i(K) && i(K)(...n))
|
|
521
521
|
}, [
|
|
522
522
|
t[11] || (t[11] = o("span", { class: "pi pi-eye" }, null, -1)),
|
|
523
523
|
o("p", null, p(s.message.views), 1)
|
|
@@ -525,7 +525,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
525
525
|
o("span", Yt, p(s.message.time), 1),
|
|
526
526
|
b(ge, {
|
|
527
527
|
"base-class": "audio-message",
|
|
528
|
-
"message-class":
|
|
528
|
+
"message-class": H(s.message),
|
|
529
529
|
"message-status": s.message.status,
|
|
530
530
|
"status-class": ne.value,
|
|
531
531
|
"status-title": oe.value
|
|
@@ -541,12 +541,12 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
541
541
|
key: 1,
|
|
542
542
|
class: "audio-message__expand-plain",
|
|
543
543
|
innerHTML: X.value
|
|
544
|
-
}, null, 8,
|
|
545
|
-
], 64)) : (l(), r("p",
|
|
544
|
+
}, null, 8, Qt)) : (l(), r("p", zt, p(Fe.value), 1))
|
|
545
|
+
], 64)) : (l(), r("p", Wt, [
|
|
546
546
|
se.value ? (l(), r("span", {
|
|
547
547
|
key: 1,
|
|
548
548
|
innerHTML: te.value
|
|
549
|
-
}, null, 8,
|
|
549
|
+
}, null, 8, Kt)) : (l(), r("span", Jt, p(Le.value), 1))
|
|
550
550
|
]))
|
|
551
551
|
]),
|
|
552
552
|
o("div", Xt, [
|
|
@@ -564,13 +564,13 @@ const Tt = ["messageId"], St = ["src"], Nt = {
|
|
|
564
564
|
status: s.message.status,
|
|
565
565
|
"has-messenger-account": s.message.hasMessengerAccount,
|
|
566
566
|
channel: s.channel,
|
|
567
|
-
onSmsInvite:
|
|
567
|
+
onSmsInvite: We
|
|
568
568
|
}, null, 8, ["status", "has-messenger-account", "channel"]),
|
|
569
|
-
i(xe) && i(S).length && !s.reactionsEnabled && i(
|
|
569
|
+
i(xe) && i(S).length && !s.reactionsEnabled && i(Q) ? (l(), r("button", {
|
|
570
570
|
key: 4,
|
|
571
571
|
class: "audio-message__menu-button",
|
|
572
572
|
onClick: t[6] || (t[6] = //@ts-ignore
|
|
573
|
-
(...n) => i(
|
|
573
|
+
(...n) => i(J) && i(J)(...n))
|
|
574
574
|
}, [...t[12] || (t[12] = [
|
|
575
575
|
o("svg", {
|
|
576
576
|
width: "4",
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { defineComponent as y, computed as a, createElementBlock as r, openBlock as n, normalizeClass as v, createCommentVNode as c, createElementVNode as k, toDisplayString as d } from "vue";
|
|
2
|
+
const C = ["src"], E = { class: "feed-reply-quote__content" }, w = {
|
|
3
|
+
key: 0,
|
|
4
|
+
class: "feed-reply-quote__heading"
|
|
5
|
+
}, q = {
|
|
6
|
+
key: 1,
|
|
7
|
+
class: "feed-reply-quote__body"
|
|
8
|
+
}, I = /* @__PURE__ */ y({
|
|
9
|
+
__name: "FeedReplyQuote",
|
|
10
|
+
props: {
|
|
11
|
+
message: {
|
|
12
|
+
type: Object,
|
|
13
|
+
default: () => ({})
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
emits: ["reply"],
|
|
17
|
+
setup(m, { emit: g }) {
|
|
18
|
+
const _ = g, t = m, p = /* @__PURE__ */ new Set(["message.image", "message.sticker"]), o = a(() => {
|
|
19
|
+
const e = t.message;
|
|
20
|
+
return !(e != null && e.url) || !p.has(e.type || "") || e.url.endsWith(".tgs") ? "" : e.url;
|
|
21
|
+
}), i = a(() => {
|
|
22
|
+
var s;
|
|
23
|
+
const e = (s = t.message) == null ? void 0 : s.header;
|
|
24
|
+
return e ? `В ответ ${e}` : "";
|
|
25
|
+
}), l = a(() => {
|
|
26
|
+
var u;
|
|
27
|
+
const e = t.message, s = (u = e == null ? void 0 : e.text) == null ? void 0 : u.replace(/\s+/g, " ").trim();
|
|
28
|
+
if (s) return s;
|
|
29
|
+
switch (e == null ? void 0 : e.type) {
|
|
30
|
+
case "message.image":
|
|
31
|
+
return "Фотография";
|
|
32
|
+
case "message.sticker":
|
|
33
|
+
return "Стикер";
|
|
34
|
+
case "message.file":
|
|
35
|
+
return e.filename || "Файл";
|
|
36
|
+
case "message.audio":
|
|
37
|
+
return "Аудиосообщение";
|
|
38
|
+
case "message.video":
|
|
39
|
+
return "Видео";
|
|
40
|
+
case "message.call":
|
|
41
|
+
return e.isMissedCall ? "Пропущенный аудиозвонок" : "Аудиозвонок";
|
|
42
|
+
default:
|
|
43
|
+
return "";
|
|
44
|
+
}
|
|
45
|
+
}), f = a(() => o.value ? "grid" : "");
|
|
46
|
+
function h() {
|
|
47
|
+
var e;
|
|
48
|
+
(e = t.message) != null && e.messageId && _("reply", t.message.messageId);
|
|
49
|
+
}
|
|
50
|
+
return (e, s) => (n(), r("div", {
|
|
51
|
+
class: v(["reply__container", f.value]),
|
|
52
|
+
onClick: h
|
|
53
|
+
}, [
|
|
54
|
+
o.value ? (n(), r("img", {
|
|
55
|
+
key: 0,
|
|
56
|
+
class: "feed-reply-quote__preview",
|
|
57
|
+
src: o.value,
|
|
58
|
+
alt: "",
|
|
59
|
+
width: "40",
|
|
60
|
+
height: "40",
|
|
61
|
+
loading: "lazy",
|
|
62
|
+
decoding: "async"
|
|
63
|
+
}, null, 8, C)) : c("", !0),
|
|
64
|
+
k("div", E, [
|
|
65
|
+
i.value ? (n(), r("p", w, d(i.value), 1)) : c("", !0),
|
|
66
|
+
l.value ? (n(), r("p", q, d(l.value), 1)) : c("", !0)
|
|
67
|
+
])
|
|
68
|
+
], 2));
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
export {
|
|
72
|
+
I as default
|
|
73
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./FileMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const a = /* @__PURE__ */
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-91160597"]]);
|
|
5
5
|
export {
|
|
6
6
|
a as default
|
|
7
7
|
};
|
|
@@ -2,9 +2,9 @@ import { defineComponent as ne, inject as ie, computed as w, createElementBlock
|
|
|
2
2
|
import ue from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
|
|
3
3
|
import ce from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
|
|
4
4
|
import ge from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
|
|
5
|
-
import de from "../
|
|
5
|
+
import de from "../FeedReplyQuote/FeedReplyQuote.vue.js";
|
|
6
6
|
import fe from "../MessageReactions/MessageReactions.vue.js";
|
|
7
|
-
import
|
|
7
|
+
import F from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
|
|
8
8
|
import ye from "../MessageSmsInvite/MessageSmsInvite.vue.js";
|
|
9
9
|
import be from "../DeletedMessageContent/DeletedMessageContent.vue.js";
|
|
10
10
|
import ve from "../../1_atoms/Tooltip/Tooltip.vue.js";
|
|
@@ -23,18 +23,18 @@ import "../../../hooks/useEmojiNative.js";
|
|
|
23
23
|
/* empty css */
|
|
24
24
|
import "../../../locale/useLocale.js";
|
|
25
25
|
/* empty css */
|
|
26
|
-
import { buildReplyPayload as
|
|
26
|
+
import { buildReplyPayload as L } from "../../../hooks/messages/buildReplyPayload.js";
|
|
27
27
|
import { getStatus as Te, getStatusTitle as xe } from "../../../functions/getStatusMessage.js";
|
|
28
28
|
import { getMessageClass as Ie } from "../../../functions/getMessageClass.js";
|
|
29
29
|
import { createReactionHandlers as pe } from "../../../functions/createReactionHandlers.js";
|
|
30
30
|
import "../../../functions/parseMarkdown.js";
|
|
31
|
-
const Ae = ["messageId"], Ee = ["src"],
|
|
31
|
+
const Ae = ["messageId"], Ee = ["src"], Fe = {
|
|
32
32
|
key: 1,
|
|
33
33
|
class: "file-message__subtext"
|
|
34
|
-
},
|
|
34
|
+
}, Le = { class: "file-message__footer" }, Ue = { class: "file-message__info-container" }, Ne = {
|
|
35
35
|
key: 0,
|
|
36
36
|
class: "file-message__time"
|
|
37
|
-
}, Oe = ["href"],
|
|
37
|
+
}, Oe = ["href"], je = { class: "file-message__filename-text" }, Be = {
|
|
38
38
|
key: 1,
|
|
39
39
|
class: "file-message__text-container"
|
|
40
40
|
}, He = ["innerHTML"], Pe = { class: "file-message__footer" }, Ve = { class: "file-message__info-container" }, De = { class: "file-message__time" }, hs = /* @__PURE__ */ ne({
|
|
@@ -81,12 +81,12 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
81
81
|
}
|
|
82
82
|
},
|
|
83
83
|
emits: ["action", "reply", "sms-invite"],
|
|
84
|
-
setup(e, { emit:
|
|
85
|
-
const t = e, h =
|
|
84
|
+
setup(e, { emit: U }) {
|
|
85
|
+
const t = e, h = U, { linkedHtml: N, inNewWindow: M } = Me(() => t.message.text), { menuActions: b } = we(() => t.message), { hoverActionsEnabled: R, reactionsActive: O } = ke(
|
|
86
86
|
() => t.channel,
|
|
87
87
|
() => t.reactionsEnabled,
|
|
88
88
|
() => t.message
|
|
89
|
-
),
|
|
89
|
+
), j = ie("chatAppId"), { startReply: B } = Ce(j || ""), {
|
|
90
90
|
isOpenMenu: H,
|
|
91
91
|
buttonMenuVisible: P,
|
|
92
92
|
menuAnchorRef: V,
|
|
@@ -95,15 +95,15 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
95
95
|
menuTheme: q,
|
|
96
96
|
showMenu: z,
|
|
97
97
|
hideMenu: S,
|
|
98
|
-
openMenu:
|
|
98
|
+
openMenu: Q,
|
|
99
99
|
toggleMenu: C,
|
|
100
|
-
onMenuMouseEnter:
|
|
101
|
-
onMenuMouseLeave:
|
|
102
|
-
clickAction:
|
|
100
|
+
onMenuMouseEnter: W,
|
|
101
|
+
onMenuMouseLeave: G,
|
|
102
|
+
clickAction: J,
|
|
103
103
|
viewsAction: T,
|
|
104
|
-
handleClickReplied:
|
|
104
|
+
handleClickReplied: K
|
|
105
105
|
} = he(t.message, h, {
|
|
106
|
-
onReply: () =>
|
|
106
|
+
onReply: () => B(L(t.message, "message.file"))
|
|
107
107
|
}), x = w(() => Te(t.message.status)), I = w(() => xe(t.message.status, t.message.statusMsg)), { bubbleStyle: X } = Re(
|
|
108
108
|
w(() => t.message),
|
|
109
109
|
{ cssVariable: "--chotto-filemessage-right-bg", position: "right" }
|
|
@@ -152,7 +152,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
152
152
|
width: "32",
|
|
153
153
|
style: v({ gridRow: e.message.subText ? "2" : "1" })
|
|
154
154
|
}, null, 12, Ee)) : l("", !0),
|
|
155
|
-
e.message.subText && e.isFirstInSeries ? (i(), m("p",
|
|
155
|
+
e.message.subText && e.isFirstInSeries ? (i(), m("p", Fe, [
|
|
156
156
|
u(ve, {
|
|
157
157
|
text: s(se),
|
|
158
158
|
position: e.message.position === "left" ? "right" : "left",
|
|
@@ -175,10 +175,10 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
175
175
|
}, null, -1)),
|
|
176
176
|
e.message.deleted ? (i(), m(E, { key: 0 }, [
|
|
177
177
|
u(be),
|
|
178
|
-
n("div",
|
|
179
|
-
n("div",
|
|
178
|
+
n("div", Le, [
|
|
179
|
+
n("div", Ue, [
|
|
180
180
|
e.message.time ? (i(), m("span", Ne, f(e.message.time), 1)) : l("", !0),
|
|
181
|
-
u(
|
|
181
|
+
u(F, {
|
|
182
182
|
"base-class": "file-message",
|
|
183
183
|
"message-class": k(e.message),
|
|
184
184
|
"message-status": e.message.status,
|
|
@@ -192,7 +192,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
192
192
|
key: 0,
|
|
193
193
|
message: e.message.reply,
|
|
194
194
|
class: d(e.message.position),
|
|
195
|
-
onReply: s(
|
|
195
|
+
onReply: s(K)
|
|
196
196
|
}, null, 8, ["message", "class", "onReply"])) : l("", !0),
|
|
197
197
|
n("a", {
|
|
198
198
|
class: "file-message__link",
|
|
@@ -200,12 +200,12 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
200
200
|
onClick: le(ee, ["prevent"])
|
|
201
201
|
}, [
|
|
202
202
|
a[5] || (a[5] = n("span", { class: "pi pi-file" }, null, -1)),
|
|
203
|
-
n("p",
|
|
203
|
+
n("p", je, f(e.message.filename), 1),
|
|
204
204
|
a[6] || (a[6] = n("div", { class: "file-message__download-button" }, [
|
|
205
205
|
n("span", { class: "pi pi-download" })
|
|
206
206
|
], -1))
|
|
207
207
|
], 8, Oe),
|
|
208
|
-
e.message.text ? (i(), m("div",
|
|
208
|
+
e.message.text ? (i(), m("div", Be, [
|
|
209
209
|
n("p", {
|
|
210
210
|
onClick: a[0] || (a[0] = //@ts-ignore
|
|
211
211
|
(...o) => s(M) && s(M)(...o)),
|
|
@@ -226,7 +226,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
226
226
|
u(fe, {
|
|
227
227
|
reactions: e.message.reactions,
|
|
228
228
|
"message-id": e.message.messageId,
|
|
229
|
-
reply: s(
|
|
229
|
+
reply: s(L)(e.message, "message.file"),
|
|
230
230
|
enabled: s(O),
|
|
231
231
|
mode: e.reactionsMode,
|
|
232
232
|
"current-user-id": e.currentUserId,
|
|
@@ -235,7 +235,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
235
235
|
onToggleReaction: s(Y),
|
|
236
236
|
onAddReaction: s(Z),
|
|
237
237
|
onRemoveReaction: s(_),
|
|
238
|
-
onMenu: s(
|
|
238
|
+
onMenu: s(Q)
|
|
239
239
|
}, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"]),
|
|
240
240
|
n("div", Ve, [
|
|
241
241
|
e.message.views ? (i(), m("div", {
|
|
@@ -248,7 +248,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
248
248
|
n("p", null, f(e.message.views), 1)
|
|
249
249
|
])) : l("", !0),
|
|
250
250
|
n("span", De, f(e.message.time), 1),
|
|
251
|
-
u(
|
|
251
|
+
u(F, {
|
|
252
252
|
"base-class": "file-message",
|
|
253
253
|
"message-class": k(e.message),
|
|
254
254
|
"message-status": e.message.status,
|
|
@@ -282,9 +282,9 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
282
282
|
style: v(s($)),
|
|
283
283
|
"data-theme": s(q),
|
|
284
284
|
actions: s(b),
|
|
285
|
-
onClick: s(
|
|
286
|
-
onMouseenter: s(
|
|
287
|
-
onMouseleave: s(
|
|
285
|
+
onClick: s(J),
|
|
286
|
+
onMouseenter: s(W),
|
|
287
|
+
onMouseleave: s(G)
|
|
288
288
|
}, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : l("", !0)
|
|
289
289
|
]),
|
|
290
290
|
_: 1
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ImageMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import a from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-
|
|
4
|
+
const r = /* @__PURE__ */ a(o, [["__scopeId", "data-v-5da7335b"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|