@mobilon-dev/chotto 0.3.44 → 0.3.46
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_chatlist_elements/ChatItem/ChatItem.vue.js +2 -2
- package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js +145 -132
- package/dist/components/2_chatlist_elements/ChatItem/icons/AudioIcon.vue.js +24 -0
- package/dist/components/2_chatlist_elements/ChatItem/icons/MissedCallIcon.vue.js +34 -0
- package/dist/components/2_chatlist_elements/ChatItem/icons/VoiceIcon.vue.js +19 -0
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +94 -89
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +90 -85
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +97 -92
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +91 -86
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +1 -1
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +70 -65
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +93 -88
- package/dist/components/3_compounds/Feed/Feed.vue.js +2 -2
- package/dist/components/3_compounds/Feed/Feed.vue2.js +167 -154
- package/dist/types/apps/data/chats.d.ts +73 -2
- package/dist/types/components/2_chatlist_elements/ChatItem/icons/AudioIcon.vue.d.ts +2 -0
- package/dist/types/components/2_chatlist_elements/ChatItem/icons/MissedCallIcon.vue.d.ts +2 -0
- package/dist/types/components/2_chatlist_elements/ChatItem/icons/VoiceIcon.vue.d.ts +2 -0
- package/dist/types/components/2_chatlist_elements/ChatItem/icons/index.d.ts +7 -0
- package/dist/types/components/2_chatlist_elements/ChatItem/types.d.ts +2 -0
- package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/StickerMessage/StickerMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/TextMessage/TextMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.vue.d.ts +11 -0
- package/dist/types/components/2_feed_elements/types/messages.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import { useMessageActions as
|
|
11
|
-
import { useMessageLinks as
|
|
12
|
-
import { useChannelAccentColor as
|
|
13
|
-
import { useSubtextTooltip as
|
|
14
|
-
import { getStatus as
|
|
1
|
+
import { defineComponent as D, computed as y, createElementBlock as r, openBlock as l, unref as t, normalizeStyle as k, normalizeClass as u, createCommentVNode as o, createElementVNode as n, createVNode as d, withCtx as T, createTextVNode as z, toDisplayString as f, createBlock as b, withModifiers as W, Transition as p } from "vue";
|
|
2
|
+
import G from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
|
|
3
|
+
import J from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
|
|
4
|
+
import K from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
|
|
5
|
+
import Q from "../BaseReplyMessage/BaseReplyMessage.vue.js";
|
|
6
|
+
import X from "../MessageReactions/MessageReactions.vue.js";
|
|
7
|
+
import Y from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
|
|
8
|
+
import Z from "../MessageSmsInvite/MessageSmsInvite.vue.js";
|
|
9
|
+
import _ from "../../1_atoms/Tooltip/Tooltip.vue.js";
|
|
10
|
+
import { useMessageActions as ee } from "../../../hooks/messages/useMessageActions.js";
|
|
11
|
+
import { useMessageLinks as se } from "../../../hooks/messages/useMessageLinks.js";
|
|
12
|
+
import { useChannelAccentColor as te } from "../../../hooks/messages/useChannelAccentColor.js";
|
|
13
|
+
import { useSubtextTooltip as ae } from "../../../hooks/messages/useSubtextTooltip.js";
|
|
14
|
+
import { getStatus as ie, getStatusTitle as ne } from "../../../functions/getStatusMessage.js";
|
|
15
15
|
import { getMessageClass as le } from "../../../functions/getMessageClass.js";
|
|
16
|
-
import { createReactionHandlers as
|
|
16
|
+
import { createReactionHandlers as oe } from "../../../functions/createReactionHandlers.js";
|
|
17
17
|
import "../../../functions/parseMarkdown.js";
|
|
18
|
-
const
|
|
18
|
+
const me = ["messageId"], re = ["src"], ge = {
|
|
19
19
|
key: 1,
|
|
20
20
|
class: "file-message__subtext"
|
|
21
|
-
},
|
|
21
|
+
}, ce = ["href"], ue = { class: "file-message__filename-text" }, de = {
|
|
22
22
|
key: 1,
|
|
23
23
|
class: "file-message__text-container"
|
|
24
|
-
},
|
|
24
|
+
}, fe = ["innerHTML"], be = { class: "file-message__info-container" }, ve = { class: "file-message__time" }, Ue = /* @__PURE__ */ D({
|
|
25
25
|
__name: "FileMessage",
|
|
26
26
|
props: {
|
|
27
27
|
message: {
|
|
@@ -44,26 +44,31 @@ const re = ["messageId"], ge = ["src"], ce = {
|
|
|
44
44
|
type: Object,
|
|
45
45
|
required: !1,
|
|
46
46
|
default: () => ({})
|
|
47
|
+
},
|
|
48
|
+
channel: {
|
|
49
|
+
type: String,
|
|
50
|
+
required: !1,
|
|
51
|
+
default: void 0
|
|
47
52
|
}
|
|
48
53
|
},
|
|
49
54
|
emits: ["action", "reply", "sms-invite"],
|
|
50
55
|
setup(e, { emit: I }) {
|
|
51
|
-
const a = e,
|
|
52
|
-
isOpenMenu:
|
|
56
|
+
const a = e, v = I, { linkedHtml: L, inNewWindow: h } = se(() => a.message.text), {
|
|
57
|
+
isOpenMenu: w,
|
|
53
58
|
buttonMenuVisible: A,
|
|
54
59
|
showMenu: R,
|
|
55
|
-
hideMenu:
|
|
60
|
+
hideMenu: S,
|
|
56
61
|
clickAction: E,
|
|
57
|
-
viewsAction:
|
|
62
|
+
viewsAction: x,
|
|
58
63
|
handleClickReplied: F
|
|
59
|
-
} =
|
|
64
|
+
} = ee(a.message, v), B = y(() => ie(a.message.status)), O = y(() => ne(a.message.status, a.message.statusMsg)), { bubbleStyle: U } = te(
|
|
60
65
|
y(() => a.message),
|
|
61
66
|
{ cssVariable: "--chotto-filemessage-right-bg", position: "right" }
|
|
62
67
|
);
|
|
63
|
-
function
|
|
68
|
+
function C(m) {
|
|
64
69
|
return le(m.position, "file-message");
|
|
65
70
|
}
|
|
66
|
-
const { onToggleReaction:
|
|
71
|
+
const { onToggleReaction: V, onAddReaction: H, onRemoveReaction: N } = oe(v), P = async () => {
|
|
67
72
|
if (a.message.url)
|
|
68
73
|
try {
|
|
69
74
|
const m = new URL(a.message.url, window.location.href);
|
|
@@ -80,135 +85,135 @@ const re = ["messageId"], ge = ["src"], ce = {
|
|
|
80
85
|
} catch (m) {
|
|
81
86
|
console.error("Ошибка при скачивании файла:", m), window.open(a.message.url, "_blank");
|
|
82
87
|
}
|
|
83
|
-
},
|
|
84
|
-
function
|
|
85
|
-
|
|
88
|
+
}, j = ae(() => a.message, () => a.subtextTooltipData);
|
|
89
|
+
function $() {
|
|
90
|
+
v("sms-invite", a.message);
|
|
86
91
|
}
|
|
87
|
-
return (m,
|
|
92
|
+
return (m, s) => (l(), r("div", {
|
|
88
93
|
class: u(["file-message", [
|
|
89
|
-
|
|
94
|
+
C(e.message),
|
|
90
95
|
e.applyStyle(e.message)
|
|
91
96
|
]]),
|
|
92
97
|
messageId: e.message.messageId,
|
|
93
|
-
style: k(
|
|
94
|
-
onMouseleave:
|
|
95
|
-
(...i) =>
|
|
98
|
+
style: k(t(U)),
|
|
99
|
+
onMouseleave: s[4] || (s[4] = //@ts-ignore
|
|
100
|
+
(...i) => t(S) && t(S)(...i))
|
|
96
101
|
}, [
|
|
97
|
-
e.message.avatar && e.isFirstInSeries ? (
|
|
102
|
+
e.message.avatar && e.isFirstInSeries ? (l(), r("img", {
|
|
98
103
|
key: 0,
|
|
99
104
|
class: "file-message__avatar",
|
|
100
105
|
src: e.message.avatar,
|
|
101
106
|
height: "32",
|
|
102
107
|
width: "32",
|
|
103
108
|
style: k({ gridRow: e.message.subText ? "2" : "1" })
|
|
104
|
-
}, null, 12,
|
|
105
|
-
e.message.subText && e.isFirstInSeries ? (
|
|
106
|
-
d(
|
|
107
|
-
text:
|
|
109
|
+
}, null, 12, re)) : o("", !0),
|
|
110
|
+
e.message.subText && e.isFirstInSeries ? (l(), r("p", ge, [
|
|
111
|
+
d(_, {
|
|
112
|
+
text: t(j),
|
|
108
113
|
position: e.message.position === "left" ? "right" : "left",
|
|
109
114
|
offset: 8
|
|
110
115
|
}, {
|
|
111
116
|
default: T(() => [
|
|
112
|
-
|
|
117
|
+
z(f(e.message.subText), 1)
|
|
113
118
|
]),
|
|
114
119
|
_: 1
|
|
115
120
|
}, 8, ["text", "position"])
|
|
116
|
-
])) :
|
|
121
|
+
])) : o("", !0),
|
|
117
122
|
n("div", {
|
|
118
123
|
class: u(["file-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
|
|
119
124
|
style: k({ gridRow: e.message.subText ? "2" : "1" }),
|
|
120
|
-
onMouseenter:
|
|
121
|
-
(...i) =>
|
|
125
|
+
onMouseenter: s[3] || (s[3] = //@ts-ignore
|
|
126
|
+
(...i) => t(R) && t(R)(...i))
|
|
122
127
|
}, [
|
|
123
|
-
e.message.reply ? (
|
|
128
|
+
e.message.reply ? (l(), b(Q, {
|
|
124
129
|
key: 0,
|
|
125
130
|
message: e.message.reply,
|
|
126
131
|
class: u(e.message.position),
|
|
127
|
-
onReply:
|
|
128
|
-
}, null, 8, ["message", "class", "onReply"])) :
|
|
132
|
+
onReply: t(F)
|
|
133
|
+
}, null, 8, ["message", "class", "onReply"])) : o("", !0),
|
|
129
134
|
n("a", {
|
|
130
135
|
class: "file-message__link",
|
|
131
136
|
href: e.message.url,
|
|
132
|
-
onClick: W(
|
|
137
|
+
onClick: W(P, ["prevent"])
|
|
133
138
|
}, [
|
|
134
|
-
|
|
135
|
-
n("p",
|
|
136
|
-
|
|
139
|
+
s[5] || (s[5] = n("span", { class: "pi pi-file" }, null, -1)),
|
|
140
|
+
n("p", ue, f(e.message.filename), 1),
|
|
141
|
+
s[6] || (s[6] = n("div", { class: "file-message__download-button" }, [
|
|
137
142
|
n("span", { class: "pi pi-download" })
|
|
138
143
|
], -1))
|
|
139
|
-
], 8,
|
|
140
|
-
e.message.text ? (
|
|
144
|
+
], 8, ce),
|
|
145
|
+
e.message.text ? (l(), r("div", de, [
|
|
141
146
|
n("p", {
|
|
142
|
-
onClick:
|
|
143
|
-
(...i) =>
|
|
144
|
-
innerHTML:
|
|
145
|
-
}, null, 8,
|
|
146
|
-
])) :
|
|
147
|
-
e.message.linkPreview ? (
|
|
147
|
+
onClick: s[0] || (s[0] = //@ts-ignore
|
|
148
|
+
(...i) => t(h) && t(h)(...i)),
|
|
149
|
+
innerHTML: t(L)
|
|
150
|
+
}, null, 8, fe)
|
|
151
|
+
])) : o("", !0),
|
|
152
|
+
e.message.linkPreview ? (l(), b(J, {
|
|
148
153
|
key: 2,
|
|
149
154
|
class: u(e.message.position),
|
|
150
155
|
"link-preview": e.message.linkPreview
|
|
151
|
-
}, null, 8, ["class", "link-preview"])) :
|
|
152
|
-
e.message.embed ? (
|
|
156
|
+
}, null, 8, ["class", "link-preview"])) : o("", !0),
|
|
157
|
+
e.message.embed ? (l(), b(K, {
|
|
153
158
|
key: 3,
|
|
154
159
|
class: u(e.message.position),
|
|
155
160
|
embed: e.message.embed
|
|
156
|
-
}, null, 8, ["class", "embed"])) :
|
|
157
|
-
d(
|
|
161
|
+
}, null, 8, ["class", "embed"])) : o("", !0),
|
|
162
|
+
d(X, {
|
|
158
163
|
reactions: e.message.reactions,
|
|
159
164
|
"message-id": e.message.messageId,
|
|
160
165
|
enabled: e.reactionsEnabled,
|
|
161
|
-
onToggleReaction:
|
|
162
|
-
onAddReaction:
|
|
163
|
-
onRemoveReaction:
|
|
166
|
+
onToggleReaction: t(V),
|
|
167
|
+
onAddReaction: t(H),
|
|
168
|
+
onRemoveReaction: t(N)
|
|
164
169
|
}, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
|
|
165
|
-
n("div",
|
|
166
|
-
e.message.views ? (
|
|
170
|
+
n("div", be, [
|
|
171
|
+
e.message.views ? (l(), r("div", {
|
|
167
172
|
key: 0,
|
|
168
173
|
class: "file-message__views",
|
|
169
|
-
onClick:
|
|
170
|
-
(...i) =>
|
|
174
|
+
onClick: s[1] || (s[1] = //@ts-ignore
|
|
175
|
+
(...i) => t(x) && t(x)(...i))
|
|
171
176
|
}, [
|
|
172
|
-
|
|
177
|
+
s[7] || (s[7] = n("span", { class: "pi pi-eye" }, null, -1)),
|
|
173
178
|
n("p", null, f(e.message.views), 1)
|
|
174
|
-
])) :
|
|
179
|
+
])) : o("", !0),
|
|
175
180
|
n("span", ve, f(e.message.time), 1),
|
|
176
|
-
d(
|
|
181
|
+
d(Y, {
|
|
177
182
|
"base-class": "file-message",
|
|
178
|
-
"message-class":
|
|
183
|
+
"message-class": C(e.message),
|
|
179
184
|
"message-status": e.message.status,
|
|
180
185
|
"status-class": B.value,
|
|
181
186
|
"status-title": O.value
|
|
182
187
|
}, null, 8, ["message-class", "message-status", "status-class", "status-title"])
|
|
183
188
|
]),
|
|
184
|
-
d(
|
|
189
|
+
d(Z, {
|
|
185
190
|
status: e.message.status,
|
|
186
191
|
"has-messenger-account": e.message.hasMessengerAccount,
|
|
187
|
-
channel:
|
|
188
|
-
onSmsInvite:
|
|
192
|
+
channel: e.channel,
|
|
193
|
+
onSmsInvite: $
|
|
189
194
|
}, null, 8, ["status", "has-messenger-account", "channel"]),
|
|
190
|
-
|
|
195
|
+
t(A) && e.message.actions ? (l(), r("button", {
|
|
191
196
|
key: 4,
|
|
192
197
|
class: "file-message__menu-button",
|
|
193
|
-
onClick:
|
|
194
|
-
}, [...
|
|
198
|
+
onClick: s[2] || (s[2] = (i) => w.value = !t(w))
|
|
199
|
+
}, [...s[8] || (s[8] = [
|
|
195
200
|
n("span", { class: "pi pi-ellipsis-h" }, null, -1)
|
|
196
|
-
])])) :
|
|
197
|
-
d(
|
|
201
|
+
])])) : o("", !0),
|
|
202
|
+
d(p, null, {
|
|
198
203
|
default: T(() => [
|
|
199
|
-
|
|
204
|
+
t(w) && e.message.actions ? (l(), b(G, {
|
|
200
205
|
key: 0,
|
|
201
206
|
class: "file-message__context-menu",
|
|
202
207
|
actions: e.message.actions,
|
|
203
|
-
onClick:
|
|
204
|
-
}, null, 8, ["actions", "onClick"])) :
|
|
208
|
+
onClick: t(E)
|
|
209
|
+
}, null, 8, ["actions", "onClick"])) : o("", !0)
|
|
205
210
|
]),
|
|
206
211
|
_: 1
|
|
207
212
|
})
|
|
208
213
|
], 38)
|
|
209
|
-
], 46,
|
|
214
|
+
], 46, me));
|
|
210
215
|
}
|
|
211
216
|
});
|
|
212
217
|
export {
|
|
213
|
-
|
|
218
|
+
Ue as default
|
|
214
219
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ImageMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
|
-
import
|
|
4
|
-
const r = /* @__PURE__ */
|
|
3
|
+
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
+
const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b76d8f98"]]);
|
|
5
5
|
export {
|
|
6
6
|
r as default
|
|
7
7
|
};
|