@mobilon-dev/chotto 0.3.57 → 0.3.59
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/1_atoms/Tooltip/Tooltip.vue.js +1 -1
- package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js +41 -39
- package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue.js +2 -2
- package/dist/components/2_chatinput_elements/FilePreview/FilePreview.vue2.js +14 -13
- package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue.js +2 -2
- package/dist/components/2_chatinput_elements/FileUploader/FileUploader.vue2.js +48 -41
- package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue.js +1 -1
- package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js +19 -16
- package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue.js +2 -2
- package/dist/components/2_elements/VideoRecorder/VideoRecorder.vue2.js +29 -27
- package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue2.js +11 -11
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +21 -20
- package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue2.js +15 -14
- package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue2.js +8 -7
- package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue2.js +11 -10
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +4 -4
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +8 -7
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +2 -1
- package/dist/components/2_modals/ModalFullscreen/ModalFullscreen.vue.js +41 -29
- package/dist/themes/dark.css +1 -1
- package/dist/themes/default.css +1 -1
- package/dist/themes/glass.css +1 -1
- package/dist/themes/green.css +1 -1
- package/dist/themes/mobilon1.css +1 -1
- package/dist/types/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.d.ts +2 -2
- package/dist/types/components/2_modals/ModalFullscreen/ModalFullscreen.vue.d.ts +2 -0
- package/dist/types/components/2_modals/ModalFullscreen/stories/ModalFullscreen.stories.d.ts +6 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent as T, computed as y, ref as c, onMounted as x, onBeforeUnmount as R, watch as
|
|
2
|
-
import
|
|
1
|
+
import { defineComponent as T, computed as y, ref as c, onMounted as x, onBeforeUnmount as R, watch as h, createElementBlock as u, openBlock as f, createVNode as D, withCtx as O, createElementVNode as a, normalizeClass as d, toDisplayString as p } from "vue";
|
|
2
|
+
import b from "../../1_atoms/Tooltip/Tooltip.vue.js";
|
|
3
3
|
const k = {
|
|
4
4
|
key: 0,
|
|
5
5
|
class: "delimiter-message__tooltip-root"
|
|
@@ -15,10 +15,10 @@ const k = {
|
|
|
15
15
|
type: String,
|
|
16
16
|
default: ""
|
|
17
17
|
},
|
|
18
|
-
/** Позиция тултипа: top | right | bottom | left | bottom-left |
|
|
18
|
+
/** Позиция тултипа: top | right | bottom | left | bottom-left | top-center */
|
|
19
19
|
tooltipPosition: {
|
|
20
20
|
type: String,
|
|
21
|
-
default: "
|
|
21
|
+
default: "top-center"
|
|
22
22
|
},
|
|
23
23
|
/** Отступ тултипа от элемента (px) */
|
|
24
24
|
tooltipOffset: {
|
|
@@ -32,10 +32,10 @@ const k = {
|
|
|
32
32
|
}
|
|
33
33
|
},
|
|
34
34
|
emits: ["read"],
|
|
35
|
-
setup(o, { emit:
|
|
35
|
+
setup(o, { emit: g }) {
|
|
36
36
|
const i = o, r = y(
|
|
37
37
|
() => i.tooltipText || i.message.tooltipText || ""
|
|
38
|
-
), v =
|
|
38
|
+
), v = g, s = c(null), l = c(!1);
|
|
39
39
|
let t = null, e = null;
|
|
40
40
|
const m = () => {
|
|
41
41
|
!i.message.autoRemove || !s.value || (t = new IntersectionObserver(
|
|
@@ -59,7 +59,7 @@ const k = {
|
|
|
59
59
|
}, 100);
|
|
60
60
|
}), R(() => {
|
|
61
61
|
e && (clearTimeout(e), e = null), t && (t.disconnect(), t = null);
|
|
62
|
-
}),
|
|
62
|
+
}), h(
|
|
63
63
|
() => i.message.autoRemove,
|
|
64
64
|
(n) => {
|
|
65
65
|
t && (t.disconnect(), t = null), e && (clearTimeout(e), e = null), n && setTimeout(() => {
|
|
@@ -67,19 +67,19 @@ const k = {
|
|
|
67
67
|
}, 100);
|
|
68
68
|
}
|
|
69
69
|
), (n, _) => r.value ? (f(), u("div", k, [
|
|
70
|
-
|
|
70
|
+
D(b, {
|
|
71
71
|
text: r.value,
|
|
72
72
|
position: o.tooltipPosition,
|
|
73
73
|
offset: o.tooltipOffset,
|
|
74
74
|
delay: o.tooltipDelay
|
|
75
75
|
}, {
|
|
76
|
-
default:
|
|
76
|
+
default: O(() => [
|
|
77
77
|
a("div", {
|
|
78
78
|
ref_key: "containerRef",
|
|
79
79
|
ref: s,
|
|
80
80
|
class: d(["delimiter-message__container", { "delimiter-message__container--removing": l.value }])
|
|
81
81
|
}, [
|
|
82
|
-
a("p", N,
|
|
82
|
+
a("p", N, p(o.message.text), 1)
|
|
83
83
|
], 2)
|
|
84
84
|
]),
|
|
85
85
|
_: 1
|
|
@@ -90,7 +90,7 @@ const k = {
|
|
|
90
90
|
ref: s,
|
|
91
91
|
class: d(["delimiter-message__container", { "delimiter-message__container--removing": l.value }])
|
|
92
92
|
}, [
|
|
93
|
-
a("p", I,
|
|
93
|
+
a("p", I, p(o.message.text), 1)
|
|
94
94
|
], 2));
|
|
95
95
|
}
|
|
96
96
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ImageMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-435c558d"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as de, inject as fe, ref as f, watch as N, nextTick as A, onMounted as ve, onUnmounted as be, computed as k, createElementBlock as
|
|
1
|
+
import { defineComponent as de, inject as fe, ref as f, watch as N, nextTick as A, onMounted as ve, onUnmounted as be, computed as k, createElementBlock as u, openBlock as i, normalizeStyle as U, normalizeClass as v, unref as a, createCommentVNode as n, createElementVNode as l, createBlock as b, createVNode as r, withCtx as d, createTextVNode as he, toDisplayString as L, Transition as x, withModifiers as D, Teleport as ye } from "vue";
|
|
2
2
|
import we from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
|
|
3
3
|
import pe from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
|
|
4
4
|
import ke from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
|
|
@@ -70,32 +70,32 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
70
70
|
clickAction: Q,
|
|
71
71
|
viewsAction: B,
|
|
72
72
|
handleClickReplied: X
|
|
73
|
-
} = Ie(s.message, C), R = f(!1), { linkedHtml: O, inNewWindow: z } = je(() => s.message.text), c = f(null),
|
|
73
|
+
} = Ie(s.message, C), R = f(!1), { linkedHtml: O, inNewWindow: z } = je(() => s.message.text), c = f(null), g = f(null), h = f(0), I = f(0);
|
|
74
74
|
N(
|
|
75
75
|
() => O.value,
|
|
76
76
|
() => {
|
|
77
77
|
y(), A(() => {
|
|
78
|
-
o &&
|
|
78
|
+
o && g.value && o.observe(g.value);
|
|
79
79
|
});
|
|
80
80
|
}
|
|
81
81
|
);
|
|
82
82
|
const y = () => {
|
|
83
83
|
A(() => {
|
|
84
|
-
c.value && (h.value = c.value.offsetWidth),
|
|
84
|
+
c.value && (h.value = c.value.offsetWidth), g.value && (I.value = g.value.offsetWidth);
|
|
85
85
|
});
|
|
86
86
|
};
|
|
87
87
|
let o = null, M = null;
|
|
88
88
|
ve(() => {
|
|
89
89
|
y(), M = () => y(), window.addEventListener("resize", M), typeof ResizeObserver < "u" && (o = new ResizeObserver(() => {
|
|
90
90
|
y();
|
|
91
|
-
}), c.value && o.observe(c.value),
|
|
91
|
+
}), c.value && o.observe(c.value), g.value && o.observe(g.value));
|
|
92
92
|
}), be(() => {
|
|
93
93
|
M && window.removeEventListener("resize", M), o && o.disconnect();
|
|
94
94
|
}), N(
|
|
95
95
|
() => [s.message.text, s.message.url],
|
|
96
96
|
() => {
|
|
97
97
|
y(), A(() => {
|
|
98
|
-
o && (o.disconnect(), c.value && o.observe(c.value),
|
|
98
|
+
o && (o.disconnect(), c.value && o.observe(c.value), g.value && o.observe(g.value));
|
|
99
99
|
});
|
|
100
100
|
},
|
|
101
101
|
{ immediate: !0 }
|
|
@@ -119,7 +119,7 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
119
119
|
headers: {
|
|
120
120
|
Accept: "image/*"
|
|
121
121
|
}
|
|
122
|
-
}),
|
|
122
|
+
}), ge = m.headers.get("content-type") || "", ue = await m.blob(), j = ((t = (w = s.message.url.split(".").pop()) == null ? void 0 : w.split("?")[0]) == null ? void 0 : t.toLowerCase()) || "", re = {
|
|
123
123
|
"image/jpeg": "jpg",
|
|
124
124
|
"image/jpg": "jpg",
|
|
125
125
|
"image/png": "png",
|
|
@@ -128,8 +128,8 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
128
128
|
"image/svg+xml": "svg",
|
|
129
129
|
"image/bmp": "bmp"
|
|
130
130
|
};
|
|
131
|
-
let W = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : re[
|
|
132
|
-
const ce = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${W}` : `image-${s.message.messageId}.${W}`, $ = window.URL.createObjectURL(
|
|
131
|
+
let W = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : re[ge] || "jpg";
|
|
132
|
+
const ce = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${W}` : `image-${s.message.messageId}.${W}`, $ = window.URL.createObjectURL(ue), p = document.createElement("a");
|
|
133
133
|
p.href = $, p.download = ce, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL($);
|
|
134
134
|
} catch (m) {
|
|
135
135
|
console.error("Ошибка при скачивании изображения:", m);
|
|
@@ -138,7 +138,7 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
138
138
|
function me() {
|
|
139
139
|
C("sms-invite", s.message);
|
|
140
140
|
}
|
|
141
|
-
return (w, t) => (i(),
|
|
141
|
+
return (w, t) => (i(), u("div", {
|
|
142
142
|
class: v(["image-message", [
|
|
143
143
|
H(e.message),
|
|
144
144
|
e.applyStyle(e.message)
|
|
@@ -147,14 +147,14 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
147
147
|
style: U(a(se)),
|
|
148
148
|
onMouseleave: V
|
|
149
149
|
}, [
|
|
150
|
-
e.message.avatar && e.isFirstInSeries ? (i(),
|
|
150
|
+
e.message.avatar && e.isFirstInSeries ? (i(), u("img", {
|
|
151
151
|
key: 0,
|
|
152
152
|
class: "image-message__avatar",
|
|
153
153
|
src: e.message.avatar,
|
|
154
154
|
height: "32",
|
|
155
155
|
width: "32"
|
|
156
156
|
}, null, 8, He)) : n("", !0),
|
|
157
|
-
e.message.subText && e.isFirstInSeries ? (i(),
|
|
157
|
+
e.message.subText && e.isFirstInSeries ? (i(), u("p", We, [
|
|
158
158
|
r(Se, {
|
|
159
159
|
text: a(oe),
|
|
160
160
|
position: e.message.position === "left" ? "right" : "left",
|
|
@@ -182,7 +182,7 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
182
182
|
onMouseenter: Y,
|
|
183
183
|
onMouseleave: V
|
|
184
184
|
}, [
|
|
185
|
-
F.value ? (i(),
|
|
185
|
+
F.value ? (i(), u("div", $e, [
|
|
186
186
|
l("img", {
|
|
187
187
|
class: "image-message__blur-left",
|
|
188
188
|
src: e.message.url,
|
|
@@ -204,8 +204,8 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
204
204
|
}, null, 12, De),
|
|
205
205
|
r(x, { name: "modal-fade" }, {
|
|
206
206
|
default: d(() => [
|
|
207
|
-
R.value ? (i(),
|
|
208
|
-
e.message.views ? (i(),
|
|
207
|
+
R.value ? (i(), u("div", Pe, [
|
|
208
|
+
e.message.views ? (i(), u("div", {
|
|
209
209
|
key: 0,
|
|
210
210
|
class: "image-message__views",
|
|
211
211
|
onClick: t[0] || (t[0] = D(
|
|
@@ -231,7 +231,7 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
231
231
|
}),
|
|
232
232
|
r(x, { name: "modal-fade" }, {
|
|
233
233
|
default: d(() => [
|
|
234
|
-
R.value ? (i(),
|
|
234
|
+
R.value ? (i(), u("button", {
|
|
235
235
|
key: 0,
|
|
236
236
|
class: "image-message__download-button",
|
|
237
237
|
onClick: D(ae, ["stop"])
|
|
@@ -244,7 +244,7 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
244
244
|
], 34),
|
|
245
245
|
r(x, { name: "modal-fade" }, {
|
|
246
246
|
default: d(() => [
|
|
247
|
-
a(G) && e.message.actions ? (i(),
|
|
247
|
+
a(G) && e.message.actions ? (i(), u("button", {
|
|
248
248
|
key: 0,
|
|
249
249
|
class: "image-message__menu-button",
|
|
250
250
|
onClick: t[2] || (t[2] = (m) => S.value = !a(S))
|
|
@@ -265,10 +265,10 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
265
265
|
]),
|
|
266
266
|
_: 1
|
|
267
267
|
}),
|
|
268
|
-
e.message.text ? (i(),
|
|
268
|
+
e.message.text ? (i(), u("div", {
|
|
269
269
|
key: 1,
|
|
270
270
|
ref_key: "textRef",
|
|
271
|
-
ref:
|
|
271
|
+
ref: g,
|
|
272
272
|
class: "image-message__text-container"
|
|
273
273
|
}, [
|
|
274
274
|
l("p", {
|
|
@@ -308,6 +308,7 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
308
308
|
T.value ? (i(), b(Re, {
|
|
309
309
|
key: 0,
|
|
310
310
|
"data-theme": a(E)().theme ? a(E)().theme : "light",
|
|
311
|
+
title: e.message.alt,
|
|
311
312
|
onClose: te
|
|
312
313
|
}, {
|
|
313
314
|
default: d(() => [
|
|
@@ -318,7 +319,7 @@ const Ve = ["messageId"], He = ["src"], We = {
|
|
|
318
319
|
}, null, 8, Je)
|
|
319
320
|
]),
|
|
320
321
|
_: 1
|
|
321
|
-
}, 8, ["data-theme"])) : n("", !0)
|
|
322
|
+
}, 8, ["data-theme", "title"])) : n("", !0)
|
|
322
323
|
]),
|
|
323
324
|
_: 1
|
|
324
325
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from "./ReplyImageMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const p = /* @__PURE__ */
|
|
3
|
+
import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-a360ec52"]]);
|
|
5
5
|
export {
|
|
6
6
|
p as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as k, inject as
|
|
1
|
+
import { defineComponent as k, inject as v, ref as y, createElementBlock as i, openBlock as a, Fragment as _, createElementVNode as t, createBlock as g, createCommentVNode as n, toDisplayString as x, unref as l, Teleport as M, createVNode as C, Transition as T, withCtx as d } from "vue";
|
|
2
2
|
import w from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
|
|
3
3
|
import "../../../hooks/useMessageDraft.js";
|
|
4
4
|
import "../../../hooks/useSearchModel.js";
|
|
@@ -16,11 +16,11 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
|
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
setup(e) {
|
|
19
|
-
const u =
|
|
20
|
-
return (j, s) => (a(),
|
|
19
|
+
const u = v("chatAppId"), { getTheme: o } = N(u), p = e, m = y(!1), { linkedHtml: f, inNewWindow: r } = b(() => p.message.text), h = () => m.value = !1;
|
|
20
|
+
return (j, s) => (a(), i(_, null, [
|
|
21
21
|
t("div", {
|
|
22
22
|
class: "image-message__preview-button",
|
|
23
|
-
onClick: s[0] || (s[0] = (c) =>
|
|
23
|
+
onClick: s[0] || (s[0] = (c) => m.value = !0)
|
|
24
24
|
}, [
|
|
25
25
|
t("img", {
|
|
26
26
|
class: "image-message__preview-image",
|
|
@@ -29,28 +29,29 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
|
|
|
29
29
|
}, null, 8, B)
|
|
30
30
|
]),
|
|
31
31
|
t("div", H, [
|
|
32
|
-
e.message.header ? (a(),
|
|
32
|
+
e.message.header ? (a(), i("p", I, x(e.message.header), 1)) : n("", !0),
|
|
33
33
|
s[2] || (s[2] = t("div", { class: "image-message__reply-description" }, [
|
|
34
34
|
t("span", { class: "pi pi-camera" }),
|
|
35
35
|
t("p", null, "Фотография")
|
|
36
36
|
], -1)),
|
|
37
|
-
e.message.text ? (a(),
|
|
37
|
+
e.message.text ? (a(), i("p", {
|
|
38
38
|
key: 1,
|
|
39
39
|
class: "image-message__text",
|
|
40
40
|
onClick: s[1] || (s[1] = //@ts-ignore
|
|
41
|
-
(...c) =>
|
|
42
|
-
innerHTML:
|
|
41
|
+
(...c) => l(r) && l(r)(...c)),
|
|
42
|
+
innerHTML: l(f)
|
|
43
43
|
}, null, 8, L)) : n("", !0)
|
|
44
44
|
]),
|
|
45
|
-
(a(),
|
|
45
|
+
(a(), g(M, { to: "body" }, [
|
|
46
46
|
C(T, { name: "modal-fade" }, {
|
|
47
|
-
default:
|
|
48
|
-
|
|
47
|
+
default: d(() => [
|
|
48
|
+
m.value ? (a(), g(w, {
|
|
49
49
|
key: 0,
|
|
50
|
-
"data-theme":
|
|
50
|
+
"data-theme": l(o)().theme ? l(o)().theme : "light",
|
|
51
|
+
title: e.message.alt,
|
|
51
52
|
onClose: h
|
|
52
53
|
}, {
|
|
53
|
-
default:
|
|
54
|
+
default: d(() => [
|
|
54
55
|
t("img", {
|
|
55
56
|
class: "image-message__modal-image",
|
|
56
57
|
src: e.message.url,
|
|
@@ -58,7 +59,7 @@ const B = ["src", "alt"], H = { class: "image-message__text-container" }, I = {
|
|
|
58
59
|
}, null, 8, V)
|
|
59
60
|
]),
|
|
60
61
|
_: 1
|
|
61
|
-
}, 8, ["data-theme"])) : n("", !0)
|
|
62
|
+
}, 8, ["data-theme", "title"])) : n("", !0)
|
|
62
63
|
]),
|
|
63
64
|
_: 1
|
|
64
65
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./ReplyStickerMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-7fc2ae60"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
p as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as T, inject as b, ref as
|
|
1
|
+
import { defineComponent as T, inject as b, ref as n, watch as k, computed as L, onMounted as M, createElementBlock as a, openBlock as t, Fragment as C, createElementVNode as r, createBlock as v, createCommentVNode as d, toDisplayString as S, Teleport as A, createVNode as F, Transition as N, withCtx as h, unref as y } from "vue";
|
|
2
2
|
import B from "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
3
3
|
import V from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
|
|
4
4
|
import "../../../hooks/useMessageDraft.js";
|
|
@@ -19,7 +19,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
|
|
|
19
19
|
}
|
|
20
20
|
},
|
|
21
21
|
setup(e) {
|
|
22
|
-
const _ = b("chatAppId"), { getTheme: g } = j(_), l =
|
|
22
|
+
const _ = b("chatAppId"), { getTheme: g } = j(_), l = n(!1), c = n(!1);
|
|
23
23
|
async function p() {
|
|
24
24
|
if (!(l.value || c.value)) {
|
|
25
25
|
c.value = !0;
|
|
@@ -32,7 +32,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
const i = e, u =
|
|
35
|
+
const i = e, u = n(!1), f = n("");
|
|
36
36
|
k(
|
|
37
37
|
() => i.message.text,
|
|
38
38
|
() => {
|
|
@@ -50,10 +50,10 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
|
|
|
50
50
|
s.preventDefault(), s.target.href && window.open(s.target.href, "_blank");
|
|
51
51
|
}
|
|
52
52
|
const x = () => u.value = !1;
|
|
53
|
-
return (s,
|
|
53
|
+
return (s, m) => (t(), a(C, null, [
|
|
54
54
|
r("div", {
|
|
55
55
|
class: "sticker-message__preview-button",
|
|
56
|
-
onClick:
|
|
56
|
+
onClick: m[0] || (m[0] = (W) => u.value = !0)
|
|
57
57
|
}, [
|
|
58
58
|
o.value && l.value ? (t(), a("tgs-player", {
|
|
59
59
|
key: 0,
|
|
@@ -71,7 +71,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
|
|
|
71
71
|
]),
|
|
72
72
|
r("div", I, [
|
|
73
73
|
e.message.header ? (t(), a("p", O, S(e.message.header), 1)) : d("", !0),
|
|
74
|
-
|
|
74
|
+
m[1] || (m[1] = r("div", { class: "sticker-message__reply-description" }, [
|
|
75
75
|
r("span", { class: "pi pi-image" }),
|
|
76
76
|
r("p", null, "Стикер")
|
|
77
77
|
], -1)),
|
|
@@ -88,6 +88,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
|
|
|
88
88
|
u.value ? (t(), v(V, {
|
|
89
89
|
key: 0,
|
|
90
90
|
"data-theme": y(g)().theme ? y(g)().theme : "light",
|
|
91
|
+
title: e.message.alt,
|
|
91
92
|
onClose: x
|
|
92
93
|
}, {
|
|
93
94
|
default: h(() => [
|
|
@@ -106,7 +107,7 @@ const E = ["src"], H = ["src", "alt"], I = { class: "sticker-message__text-conta
|
|
|
106
107
|
}, null, 8, R))
|
|
107
108
|
]),
|
|
108
109
|
_: 1
|
|
109
|
-
}, 8, ["data-theme"])) : d("", !0)
|
|
110
|
+
}, 8, ["data-theme", "title"])) : d("", !0)
|
|
110
111
|
]),
|
|
111
112
|
_: 1
|
|
112
113
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ReplyVideoMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import e from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const r = /* @__PURE__ */ e(o, [["__scopeId", "data-v-89e5da93"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
r as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as k, inject as _, ref as c, createElementBlock as i, openBlock as o, Fragment as x, createElementVNode as t, createBlock as u, createCommentVNode as n, toDisplayString as M, unref as a, Teleport as C, createVNode as T, Transition as w, withCtx as p } from "vue";
|
|
2
2
|
import N from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
|
|
3
3
|
import "../../../hooks/useMessageDraft.js";
|
|
4
4
|
import "../../../hooks/useSearchModel.js";
|
|
@@ -7,7 +7,7 @@ import { useTheme as V } from "../../../hooks/useTheme.js";
|
|
|
7
7
|
/* empty css */
|
|
8
8
|
import { useMessageLinks as b } from "../../../hooks/messages/useMessageLinks.js";
|
|
9
9
|
import "../../../functions/parseMarkdown.js";
|
|
10
|
-
const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0 }, j = ["innerHTML"], A = ["src", "alt"], z = /* @__PURE__ */
|
|
10
|
+
const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0 }, j = ["innerHTML"], A = ["src", "alt"], z = /* @__PURE__ */ k({
|
|
11
11
|
__name: "ReplyVideoMessage",
|
|
12
12
|
props: {
|
|
13
13
|
message: {
|
|
@@ -16,8 +16,8 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
|
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
18
|
setup(e) {
|
|
19
|
-
const g =
|
|
20
|
-
return (E, s) => (o(),
|
|
19
|
+
const g = _("chatAppId"), { getTheme: r } = V(g), v = e, f = c(), l = c(!1), { linkedHtml: h, inNewWindow: m } = b(() => v.message.text), y = () => l.value = !1;
|
|
20
|
+
return (E, s) => (o(), i(x, null, [
|
|
21
21
|
t("div", {
|
|
22
22
|
class: "video-message__preview-button",
|
|
23
23
|
onClick: s[0] || (s[0] = (d) => l.value = !0)
|
|
@@ -29,18 +29,18 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
|
|
|
29
29
|
}, null, 8, B)
|
|
30
30
|
]),
|
|
31
31
|
t("div", H, [
|
|
32
|
-
e.message.header ? (o(),
|
|
32
|
+
e.message.header ? (o(), i("p", L, M(e.message.header), 1)) : n("", !0),
|
|
33
33
|
s[2] || (s[2] = t("div", { class: "video-message__reply-description" }, [
|
|
34
34
|
t("span", { class: "pi pi-video" }),
|
|
35
35
|
t("p", null, "Видео")
|
|
36
36
|
], -1)),
|
|
37
|
-
e.message.text ? (o(),
|
|
37
|
+
e.message.text ? (o(), i("p", {
|
|
38
38
|
key: 1,
|
|
39
39
|
class: "video-message__text",
|
|
40
40
|
onClick: s[1] || (s[1] = //@ts-ignore
|
|
41
41
|
(...d) => a(m) && a(m)(...d)),
|
|
42
|
-
innerHTML: a(
|
|
43
|
-
}, null, 8, j)) :
|
|
42
|
+
innerHTML: a(h)
|
|
43
|
+
}, null, 8, j)) : n("", !0)
|
|
44
44
|
]),
|
|
45
45
|
(o(), u(C, { to: "body" }, [
|
|
46
46
|
T(w, { name: "modal-fade" }, {
|
|
@@ -48,7 +48,8 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
|
|
|
48
48
|
l.value ? (o(), u(N, {
|
|
49
49
|
key: 0,
|
|
50
50
|
"data-theme": a(r)().theme ? a(r)().theme : "light",
|
|
51
|
-
|
|
51
|
+
title: e.message.alt,
|
|
52
|
+
onClose: y
|
|
52
53
|
}, {
|
|
53
54
|
default: p(() => [
|
|
54
55
|
t("video", {
|
|
@@ -62,7 +63,7 @@ const B = ["src"], H = { class: "video-message__text-container" }, L = { key: 0
|
|
|
62
63
|
}, null, 8, A)
|
|
63
64
|
]),
|
|
64
65
|
_: 1
|
|
65
|
-
}, 8, ["data-theme"])) :
|
|
66
|
+
}, 8, ["data-theme", "title"])) : n("", !0)
|
|
66
67
|
]),
|
|
67
68
|
_: 1
|
|
68
69
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from "./StickerMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const
|
|
3
|
+
import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-031e69e9"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
a as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent as Q, inject as U, ref as b, computed as h, watch as X, onMounted as Y, createElementBlock as i, openBlock as t, unref as a, normalizeStyle as Z, normalizeClass as k, createCommentVNode as n, createElementVNode as m, createBlock as g, toDisplayString as R, createVNode as r, Transition as f, withCtx as d, withModifiers as
|
|
1
|
+
import { defineComponent as Q, inject as U, ref as b, computed as h, watch as X, onMounted as Y, createElementBlock as i, openBlock as t, unref as a, normalizeStyle as Z, normalizeClass as k, createCommentVNode as n, createElementVNode as m, createBlock as g, toDisplayString as R, createVNode as r, Transition as f, withCtx as d, withModifiers as B, Teleport as _ } from "vue";
|
|
2
2
|
import ee from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
|
|
3
3
|
import se from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
|
|
4
4
|
import te from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
|
|
@@ -56,8 +56,8 @@ const ye = ["messageId"], be = ["src"], he = {
|
|
|
56
56
|
}
|
|
57
57
|
},
|
|
58
58
|
emits: ["action", "reply", "sms-invite"],
|
|
59
|
-
setup(e, { emit:
|
|
60
|
-
const
|
|
59
|
+
setup(e, { emit: V }) {
|
|
60
|
+
const p = U("chatAppId"), { getTheme: x } = ke(p), u = b(!1), w = b(!1);
|
|
61
61
|
async function T() {
|
|
62
62
|
if (!(u.value || w.value)) {
|
|
63
63
|
w.value = !0;
|
|
@@ -70,7 +70,7 @@ const ye = ["messageId"], be = ["src"], he = {
|
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
}
|
|
73
|
-
const l = e, M =
|
|
73
|
+
const l = e, M = V, S = b(!1), {
|
|
74
74
|
isOpenMenu: C,
|
|
75
75
|
buttonMenuVisible: E,
|
|
76
76
|
showMenu: H,
|
|
@@ -149,7 +149,7 @@ const ye = ["messageId"], be = ["src"], he = {
|
|
|
149
149
|
e.message.views ? (t(), i("div", {
|
|
150
150
|
key: 0,
|
|
151
151
|
class: "sticker-message__views",
|
|
152
|
-
onClick: s[0] || (s[0] =
|
|
152
|
+
onClick: s[0] || (s[0] = B(
|
|
153
153
|
//@ts-ignore
|
|
154
154
|
(...o) => a(A) && a(A)(...o),
|
|
155
155
|
["stop"]
|
|
@@ -178,7 +178,7 @@ const ye = ["messageId"], be = ["src"], he = {
|
|
|
178
178
|
href: e.message.url,
|
|
179
179
|
download: "",
|
|
180
180
|
target: "_blank",
|
|
181
|
-
onClick:
|
|
181
|
+
onClick: B(() => "//Предотвращаем всплытие события клика", ["stop"])
|
|
182
182
|
}, [...s[7] || (s[7] = [
|
|
183
183
|
m("span", { class: "pi pi-download" }, null, -1)
|
|
184
184
|
])], 8, Re)) : n("", !0)
|
|
@@ -247,6 +247,7 @@ const ye = ["messageId"], be = ["src"], he = {
|
|
|
247
247
|
S.value ? (t(), g(ie, {
|
|
248
248
|
key: 0,
|
|
249
249
|
"data-theme": a(x)().theme ? a(x)().theme : "light",
|
|
250
|
+
title: e.message.alt,
|
|
250
251
|
onClose: D
|
|
251
252
|
}, {
|
|
252
253
|
default: d(() => [
|
|
@@ -265,7 +266,7 @@ const ye = ["messageId"], be = ["src"], he = {
|
|
|
265
266
|
}, null, 8, Ae))
|
|
266
267
|
]),
|
|
267
268
|
_: 1
|
|
268
|
-
}, 8, ["data-theme"])) : n("", !0)
|
|
269
|
+
}, 8, ["data-theme", "title"])) : n("", !0)
|
|
269
270
|
]),
|
|
270
271
|
_: 1
|
|
271
272
|
})
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./VideoMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import a from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-
|
|
4
|
+
const s = /* @__PURE__ */ a(o, [["__scopeId", "data-v-aaf88dba"]]);
|
|
5
5
|
export {
|
|
6
6
|
s as default
|
|
7
7
|
};
|
|
@@ -274,6 +274,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
274
274
|
x.value ? (o(), c(fe, {
|
|
275
275
|
key: 0,
|
|
276
276
|
"data-theme": a(R)().theme ? a(R)().theme : "light",
|
|
277
|
+
title: e.message.alt,
|
|
277
278
|
onClose: K
|
|
278
279
|
}, {
|
|
279
280
|
default: d(() => [
|
|
@@ -288,7 +289,7 @@ const Ae = ["messageId"], Ee = ["src"], Le = {
|
|
|
288
289
|
}, null, 8, je)
|
|
289
290
|
]),
|
|
290
291
|
_: 1
|
|
291
|
-
}, 8, ["data-theme"])) : i("", !0)
|
|
292
|
+
}, 8, ["data-theme", "title"])) : i("", !0)
|
|
292
293
|
]),
|
|
293
294
|
_: 1
|
|
294
295
|
})
|