@mobilon-dev/chotto 0.3.106 → 0.3.108
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 +2 -2
- package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js +295 -268
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/FileMessage/FileMessage.vue2.js +185 -158
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/ImageMessage/ImageMessage.vue2.js +227 -200
- package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue.js +2 -2
- package/dist/components/2_feed_elements/MessageReactions/MessageReactions.vue2.js +62 -245
- package/dist/components/2_feed_elements/MessageReactions/MessageReactionsOverlay.vue.js +7 -0
- package/dist/components/2_feed_elements/MessageReactions/MessageReactionsOverlay.vue2.js +231 -0
- package/dist/components/2_feed_elements/MessageReactions/composables/usePositioning.js +25 -25
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/StickerMessage/StickerMessage.vue2.js +209 -182
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue.js +2 -2
- package/dist/components/2_feed_elements/TextMessage/TextMessage.vue2.js +190 -164
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue.js +3 -3
- package/dist/components/2_feed_elements/VideoMessage/VideoMessage.vue2.js +208 -181
- package/dist/components/3_compounds/Feed/Feed.vue.js +1 -1
- package/dist/components/3_compounds/Feed/Feed.vue2.js +207 -197
- package/dist/components/3_compounds/Feed/composables/useFeedProgressiveRender.js +52 -49
- package/dist/components/3_compounds/Feed/composables/useFeedReactionsOverlay.js +34 -0
- package/dist/hooks/messages/useMessageActions.js +81 -70
- package/dist/hooks/messages/useMessageHoverActions.js +9 -8
- package/dist/hooks/messages/useMessageReactionsInFeed.js +53 -0
- package/dist/hooks/messages/useMessageReactionsMount.js +21 -0
- package/dist/index.js +149 -144
- package/dist/types/apps/data/messages.d.ts +197 -0
- package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts +4 -71
- package/dist/types/components/2_feed_elements/MessageReactions/MessageReactionsOverlay.vue.d.ts +2 -0
- package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts +2 -1
- package/dist/types/components/3_compounds/Feed/composables/index.d.ts +1 -0
- package/dist/types/components/3_compounds/Feed/composables/useFeedReactionsOverlay.d.ts +52 -0
- package/dist/types/hooks/messages/index.d.ts +2 -0
- package/dist/types/hooks/messages/useMessageHoverActions.d.ts +2 -1
- package/dist/types/hooks/messages/useMessageReactionsInFeed.d.ts +25 -0
- package/dist/types/hooks/messages/useMessageReactionsMount.d.ts +10 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { nextTick as p } from "vue";
|
|
2
|
-
function
|
|
2
|
+
function x(o) {
|
|
3
3
|
if (!o) return null;
|
|
4
|
-
let t = o
|
|
4
|
+
let t = o;
|
|
5
5
|
for (; t; ) {
|
|
6
6
|
if (t.classList.contains("message-feed"))
|
|
7
7
|
return t;
|
|
@@ -11,7 +11,7 @@ function l(o) {
|
|
|
11
11
|
}
|
|
12
12
|
function R(o) {
|
|
13
13
|
if (!o) return null;
|
|
14
|
-
let t = o
|
|
14
|
+
let t = o;
|
|
15
15
|
for (; t; ) {
|
|
16
16
|
for (const s of t.classList)
|
|
17
17
|
if (s.endsWith("__content"))
|
|
@@ -24,7 +24,7 @@ function R(o) {
|
|
|
24
24
|
}
|
|
25
25
|
function w(o) {
|
|
26
26
|
if (!o) return !1;
|
|
27
|
-
let t = o
|
|
27
|
+
let t = o;
|
|
28
28
|
for (; t; ) {
|
|
29
29
|
for (const s of t.classList)
|
|
30
30
|
if (s.includes("__right"))
|
|
@@ -37,11 +37,11 @@ function w(o) {
|
|
|
37
37
|
}
|
|
38
38
|
async function H(o, t, s = 300) {
|
|
39
39
|
if (!t) return {};
|
|
40
|
-
const g =
|
|
40
|
+
const g = x(t), a = R(t);
|
|
41
41
|
if (!g || !a) return {};
|
|
42
|
-
const
|
|
42
|
+
const f = w(t);
|
|
43
43
|
await p();
|
|
44
|
-
const i = a.getBoundingClientRect(),
|
|
44
|
+
const i = a.getBoundingClientRect(), c = (o == null ? void 0 : o.offsetWidth) || s, e = (o == null ? void 0 : o.offsetHeight) || 44, r = 6, u = i.top + i.height / 2 - e / 2, n = f ? i.left - c - r : i.right + r;
|
|
45
45
|
return {
|
|
46
46
|
position: "fixed",
|
|
47
47
|
top: `${u}px`,
|
|
@@ -53,17 +53,17 @@ async function H(o, t, s = 300) {
|
|
|
53
53
|
}
|
|
54
54
|
async function P(o, t, s = 300) {
|
|
55
55
|
if (!t) return {};
|
|
56
|
-
const g =
|
|
56
|
+
const g = x(t);
|
|
57
57
|
if (!g) return {};
|
|
58
58
|
const a = w(t);
|
|
59
59
|
await p();
|
|
60
|
-
const
|
|
61
|
-
if (!
|
|
62
|
-
const i =
|
|
60
|
+
const f = R(t);
|
|
61
|
+
if (!f) return {};
|
|
62
|
+
const i = f.getBoundingClientRect(), c = g.getBoundingClientRect(), e = (o == null ? void 0 : o.offsetWidth) || s, r = (o == null ? void 0 : o.offsetHeight) || 450, u = 8, n = 6, d = window.innerHeight - i.bottom - n, l = i.top - n;
|
|
63
63
|
let h;
|
|
64
|
-
if (d >= r || d >=
|
|
65
|
-
const $ =
|
|
66
|
-
return
|
|
64
|
+
if (d >= r || d >= l ? h = { top: `${i.bottom + n}px` } : h = { bottom: `${window.innerHeight - i.top + n}px` }, a) {
|
|
65
|
+
const $ = c.right - i.right;
|
|
66
|
+
return e <= $ - u ? {
|
|
67
67
|
position: "fixed",
|
|
68
68
|
...h,
|
|
69
69
|
left: `${i.right + n}px`,
|
|
@@ -72,16 +72,16 @@ async function P(o, t, s = 300) {
|
|
|
72
72
|
} : {
|
|
73
73
|
position: "fixed",
|
|
74
74
|
...h,
|
|
75
|
-
left: `${i.left -
|
|
75
|
+
left: `${i.left - e - n}px`,
|
|
76
76
|
right: "auto",
|
|
77
77
|
transform: "none"
|
|
78
78
|
};
|
|
79
79
|
}
|
|
80
|
-
const C = i.left -
|
|
81
|
-
return
|
|
80
|
+
const C = i.left - c.left;
|
|
81
|
+
return e <= C - u ? {
|
|
82
82
|
position: "fixed",
|
|
83
83
|
...h,
|
|
84
|
-
left: `${i.left -
|
|
84
|
+
left: `${i.left - e - n}px`,
|
|
85
85
|
right: "auto",
|
|
86
86
|
transform: "none"
|
|
87
87
|
} : {
|
|
@@ -94,16 +94,16 @@ async function P(o, t, s = 300) {
|
|
|
94
94
|
}
|
|
95
95
|
async function W(o, t, s, g = 350) {
|
|
96
96
|
if (!t || !s) return {};
|
|
97
|
-
const a =
|
|
97
|
+
const a = x(s);
|
|
98
98
|
if (!a) return {};
|
|
99
99
|
await p();
|
|
100
|
-
const
|
|
101
|
-
let n =
|
|
102
|
-
n +
|
|
103
|
-
const d =
|
|
100
|
+
const f = t.getBoundingClientRect(), i = a.getBoundingClientRect(), c = (o == null ? void 0 : o.offsetWidth) || g, e = (o == null ? void 0 : o.offsetHeight) || 450, r = 8, u = 6;
|
|
101
|
+
let n = f.left + f.width / 2 - c / 2;
|
|
102
|
+
n + c > i.right - r && (n = i.right - r - c), n < i.left + r && (n = i.left + r);
|
|
103
|
+
const d = f.top - e - u;
|
|
104
104
|
return {
|
|
105
105
|
position: "fixed",
|
|
106
|
-
top: `${d >= r ? d :
|
|
106
|
+
top: `${d >= r ? d : f.bottom + u}px`,
|
|
107
107
|
left: `${n}px`,
|
|
108
108
|
right: "auto",
|
|
109
109
|
transform: "none"
|
|
@@ -113,7 +113,7 @@ export {
|
|
|
113
113
|
P as calculateFixedPanelPosition,
|
|
114
114
|
H as calculatePanelPosition,
|
|
115
115
|
W as calculatePickerPositionAboveQuickPanel,
|
|
116
|
-
|
|
116
|
+
x as findFeedContainer,
|
|
117
117
|
R as findMessageContent,
|
|
118
118
|
w as isRightMessage
|
|
119
119
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./StickerMessage.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const
|
|
4
|
+
const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e372212a"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|