@mobilon-dev/chotto 0.3.67 → 0.3.68
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 +112 -68
- package/dist/components/3_compounds/SideBar/SideBar.vue.js +106 -94
- package/dist/types/components/1_atoms/Tooltip/Tooltip.vue.d.ts +16 -2
- package/dist/types/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.d.ts +1 -1
- package/dist/types/components/3_compounds/SideBar/SideBar.vue.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./Tooltip.vue2.js";
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-
|
|
4
|
+
const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0487e8ee"]]);
|
|
5
5
|
export {
|
|
6
6
|
m as default
|
|
7
7
|
};
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
import { defineComponent as
|
|
1
|
+
import { defineComponent as et, inject as ot, ref as u, computed as _, onUnmounted as lt, createElementBlock as h, openBlock as c, Fragment as I, createElementVNode as it, createBlock as rt, renderSlot as at, Teleport as nt, createVNode as ut, Transition as st, withCtx as ct, createCommentVNode as ft, renderList as mt, normalizeStyle as pt, normalizeClass as ht, unref as S, toDisplayString as vt, nextTick as M } from "vue";
|
|
2
2
|
import "../../../hooks/useMessageDraft.js";
|
|
3
3
|
import "../../../hooks/useSearchModel.js";
|
|
4
|
-
import { useTheme as
|
|
4
|
+
import { useTheme as gt } from "../../../hooks/useTheme.js";
|
|
5
5
|
/* empty css */
|
|
6
6
|
/* empty css */
|
|
7
7
|
import "../../../node_modules/linkifyjs/dist/linkify.js";
|
|
8
8
|
import "../../../node_modules/linkify-string/dist/linkify-string.js";
|
|
9
9
|
import "../../../functions/parseMarkdown.js";
|
|
10
|
-
const
|
|
10
|
+
const Tt = { key: 0 }, dt = ["data-theme"], yt = 6, wt = 120, Dt = /* @__PURE__ */ et({
|
|
11
11
|
__name: "Tooltip",
|
|
12
12
|
props: {
|
|
13
13
|
text: {
|
|
14
14
|
type: String,
|
|
15
|
-
required: !
|
|
15
|
+
required: !1,
|
|
16
|
+
default: ""
|
|
17
|
+
},
|
|
18
|
+
texts: {
|
|
19
|
+
type: Array,
|
|
20
|
+
required: !1,
|
|
21
|
+
default: () => []
|
|
16
22
|
},
|
|
17
23
|
position: {
|
|
18
24
|
type: String,
|
|
@@ -39,80 +45,118 @@ const G = ["data-theme"], tt = /* @__PURE__ */ A({
|
|
|
39
45
|
default: ""
|
|
40
46
|
}
|
|
41
47
|
},
|
|
42
|
-
setup(
|
|
43
|
-
const
|
|
48
|
+
setup(N, { expose: P }) {
|
|
49
|
+
const v = ot("chatAppId"), { getTheme: A } = gt(v), g = u(), f = u([]), s = u(!1), m = u(null), n = u(null), i = u(null), T = u(!1), d = u(!1), e = N, $ = _(() => ({
|
|
44
50
|
tooltip__text: !0,
|
|
45
51
|
[`tooltip--${e.position}`]: !0
|
|
46
|
-
})),
|
|
52
|
+
})), W = _(() => ({
|
|
47
53
|
maxWidth: e.maxWidth || void 0
|
|
48
|
-
})),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
54
|
+
})), R = _(() => {
|
|
55
|
+
const t = Array.isArray(e.texts) ? e.texts.map((o) => String(o ?? "").trim()).filter(Boolean) : [];
|
|
56
|
+
return t.length > 0 ? t : e.text ? [e.text] : [];
|
|
57
|
+
}), H = (t, o) => {
|
|
58
|
+
const l = o.left < 0 ? o.left : 0, r = o.top < 0 ? o.top : 0;
|
|
59
|
+
return {
|
|
60
|
+
left: {
|
|
61
|
+
top: t.top - (o.height - t.height) / 2 - r,
|
|
62
|
+
left: t.left - o.width - l - e.offset
|
|
63
|
+
},
|
|
64
|
+
right: {
|
|
65
|
+
top: t.top - (o.height - t.height) / 2 - r,
|
|
66
|
+
left: t.left + t.width - l + e.offset
|
|
67
|
+
},
|
|
68
|
+
bottom: {
|
|
69
|
+
top: t.bottom - r + e.offset,
|
|
70
|
+
left: t.left - l
|
|
71
|
+
},
|
|
72
|
+
"bottom-center": {
|
|
73
|
+
top: t.bottom - r + e.offset,
|
|
74
|
+
left: t.left + t.width / 2 - o.width / 2 - l
|
|
75
|
+
},
|
|
76
|
+
top: {
|
|
77
|
+
top: t.top - o.height - e.offset - r,
|
|
78
|
+
left: t.left - l
|
|
79
|
+
},
|
|
80
|
+
"top-center": {
|
|
81
|
+
top: t.top - o.height - e.offset - r,
|
|
82
|
+
left: t.left + t.width / 2 - o.width / 2 - l
|
|
83
|
+
},
|
|
84
|
+
"bottom-left": {
|
|
85
|
+
top: t.bottom - r + e.offset,
|
|
86
|
+
left: t.left + t.width - o.width - l
|
|
87
|
+
}
|
|
88
|
+
}[e.position];
|
|
89
|
+
}, L = () => {
|
|
90
|
+
if (!g.value || f.value.length === 0) return;
|
|
91
|
+
const t = g.value.getBoundingClientRect(), o = e.position.startsWith("top"), l = 8, r = v ? document.getElementById(v) : null, a = r == null ? void 0 : r.getBoundingClientRect(), K = (a == null ? void 0 : a.top) ?? 0, U = (a == null ? void 0 : a.left) ?? 0, X = (a == null ? void 0 : a.right) ?? window.innerWidth, Y = (a == null ? void 0 : a.bottom) ?? window.innerHeight;
|
|
92
|
+
f.value.forEach((w, J) => {
|
|
93
|
+
const p = w.getBoundingClientRect(), x = H(t, p), C = J * (p.height + yt), Q = o ? x.top - C : x.top + C, E = K + l, Z = Y - p.height - l, D = U + l, b = X - p.width - l, B = Math.min(Math.max(Q, E), Math.max(E, Z)), tt = Math.min(Math.max(x.left, D), Math.max(D, b));
|
|
94
|
+
w.style.top = `${B}px`, w.style.left = `${tt}px`;
|
|
95
|
+
});
|
|
96
|
+
}, V = () => {
|
|
97
|
+
e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null), n.value = setTimeout(() => {
|
|
98
|
+
s.value = !0, M(() => {
|
|
99
|
+
L();
|
|
100
|
+
}), n.value = null;
|
|
64
101
|
}, e.delay));
|
|
65
|
-
},
|
|
66
|
-
e.trigger !== "auto" && (
|
|
67
|
-
|
|
68
|
-
|
|
102
|
+
}, q = () => {
|
|
103
|
+
e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), i.value && (clearTimeout(i.value), i.value = null), s.value = !1, M(() => {
|
|
104
|
+
S(f).forEach((o) => {
|
|
105
|
+
o.style.top = "0", o.style.left = "0";
|
|
106
|
+
});
|
|
69
107
|
}));
|
|
70
|
-
},
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
108
|
+
}, k = () => {
|
|
109
|
+
e.trigger !== "auto" && (i.value && clearTimeout(i.value), i.value = setTimeout(() => {
|
|
110
|
+
!T.value && !d.value && q();
|
|
111
|
+
}, wt));
|
|
112
|
+
}, z = () => {
|
|
113
|
+
T.value = !0, V();
|
|
114
|
+
}, O = () => {
|
|
115
|
+
T.value = !1, k();
|
|
116
|
+
}, j = () => {
|
|
117
|
+
d.value = !0, i.value && (clearTimeout(i.value), i.value = null);
|
|
118
|
+
}, F = () => {
|
|
119
|
+
d.value = !1, k();
|
|
120
|
+
}, G = () => {
|
|
121
|
+
y(), s.value = !0, M(() => {
|
|
122
|
+
L();
|
|
123
|
+
}), e.autoShowDuration > 0 && (m.value = setTimeout(() => {
|
|
124
|
+
s.value = !1;
|
|
86
125
|
}, e.autoShowDuration));
|
|
87
|
-
},
|
|
88
|
-
|
|
126
|
+
}, y = () => {
|
|
127
|
+
m.value && (clearTimeout(m.value), m.value = null);
|
|
89
128
|
};
|
|
90
|
-
return
|
|
91
|
-
|
|
92
|
-
}),
|
|
93
|
-
startAutoShow:
|
|
94
|
-
clearAutoTimer:
|
|
95
|
-
}), (
|
|
96
|
-
|
|
129
|
+
return lt(() => {
|
|
130
|
+
n.value && clearTimeout(n.value), i.value && clearTimeout(i.value), y();
|
|
131
|
+
}), P({
|
|
132
|
+
startAutoShow: G,
|
|
133
|
+
clearAutoTimer: y
|
|
134
|
+
}), (t, o) => (c(), h(I, null, [
|
|
135
|
+
it("div", {
|
|
97
136
|
ref_key: "container",
|
|
98
|
-
ref:
|
|
137
|
+
ref: g,
|
|
99
138
|
class: "tooltip-wrapper",
|
|
100
|
-
|
|
101
|
-
|
|
139
|
+
onMouseenter: z,
|
|
140
|
+
onMouseleave: O
|
|
102
141
|
}, [
|
|
103
|
-
|
|
142
|
+
at(t.$slots, "default", {}, void 0, !0)
|
|
104
143
|
], 544),
|
|
105
|
-
(
|
|
106
|
-
|
|
107
|
-
default:
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
144
|
+
(c(), rt(nt, { to: "body" }, [
|
|
145
|
+
ut(st, null, {
|
|
146
|
+
default: ct(() => [
|
|
147
|
+
s.value ? (c(), h("div", Tt, [
|
|
148
|
+
(c(!0), h(I, null, mt(R.value, (l, r) => (c(), h("span", {
|
|
149
|
+
key: `${l}-${r}`,
|
|
150
|
+
ref_for: !0,
|
|
151
|
+
ref_key: "tooltipItems",
|
|
152
|
+
ref: f,
|
|
153
|
+
"data-theme": S(A)().theme ? S(A)().theme : "light",
|
|
154
|
+
class: ht($.value),
|
|
155
|
+
style: pt(W.value),
|
|
156
|
+
onMouseenter: j,
|
|
157
|
+
onMouseleave: F
|
|
158
|
+
}, vt(l), 47, dt))), 128))
|
|
159
|
+
])) : ft("", !0)
|
|
116
160
|
]),
|
|
117
161
|
_: 1
|
|
118
162
|
})
|
|
@@ -121,5 +165,5 @@ const G = ["data-theme"], tt = /* @__PURE__ */ A({
|
|
|
121
165
|
}
|
|
122
166
|
});
|
|
123
167
|
export {
|
|
124
|
-
|
|
168
|
+
Dt as default
|
|
125
169
|
};
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { toRef as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
1
|
+
import { toRef as R, computed as y, ref as m, onMounted as Q, nextTick as p, onUnmounted as X, watch as N, createElementBlock as s, openBlock as i, normalizeClass as r, createCommentVNode as l, createElementVNode as c, normalizeStyle as Z, Fragment as F, renderList as L, createBlock as _, withCtx as h, toDisplayString as V, createVNode as H } from "vue";
|
|
2
|
+
import $ from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
|
|
3
|
+
import Y from "../../1_icons/SettingsIcon.vue.js";
|
|
4
|
+
import I from "../../1_atoms/Tooltip/Tooltip.vue.js";
|
|
5
5
|
/* empty css */
|
|
6
|
-
import
|
|
7
|
-
const
|
|
6
|
+
import tt from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
7
|
+
const et = ["onClick"], ot = ["src", "alt"], it = {
|
|
8
8
|
key: 1,
|
|
9
9
|
class: "sidebar__notification-count"
|
|
10
|
-
},
|
|
10
|
+
}, nt = { class: "sidebar__scroll-container" }, st = ["onClick"], at = ["src", "alt"], rt = ["src"], lt = { key: 2 }, ct = {
|
|
11
11
|
key: 2,
|
|
12
12
|
class: "sidebar__settings-container"
|
|
13
|
-
},
|
|
13
|
+
}, ut = {
|
|
14
14
|
class: "sidebar__settings-btn",
|
|
15
15
|
type: "button"
|
|
16
|
-
},
|
|
16
|
+
}, dt = {
|
|
17
17
|
key: 0,
|
|
18
18
|
class: "sidebar__settings-indicator-anchor"
|
|
19
|
-
},
|
|
19
|
+
}, ft = {
|
|
20
20
|
key: 1,
|
|
21
21
|
class: "sidebar__settings-indicator"
|
|
22
|
-
},
|
|
22
|
+
}, mt = {
|
|
23
23
|
key: 0,
|
|
24
24
|
class: "sidebar__settings-indicator-anchor"
|
|
25
|
-
},
|
|
25
|
+
}, gt = {
|
|
26
26
|
key: 1,
|
|
27
27
|
class: "sidebar__settings-indicator"
|
|
28
28
|
}, _t = {
|
|
@@ -64,6 +64,12 @@ const $ = ["onClick"], tt = ["src", "alt"], et = {
|
|
|
64
64
|
required: !1,
|
|
65
65
|
default: ""
|
|
66
66
|
},
|
|
67
|
+
/** Список строк для тултипа индикатора (будут показаны друг под другом) */
|
|
68
|
+
settingsIndicatorTooltipItems: {
|
|
69
|
+
type: Array,
|
|
70
|
+
required: !1,
|
|
71
|
+
default: () => []
|
|
72
|
+
},
|
|
67
73
|
/** Длительность автопоказа тултипа индикатора при появлении кружка, мс */
|
|
68
74
|
settingsIndicatorTooltipAutoShowMs: {
|
|
69
75
|
type: Number,
|
|
@@ -72,96 +78,100 @@ const $ = ["onClick"], tt = ["src", "alt"], et = {
|
|
|
72
78
|
}
|
|
73
79
|
},
|
|
74
80
|
emits: ["selectItem", "settingsClick"],
|
|
75
|
-
setup(n, { emit:
|
|
76
|
-
const
|
|
77
|
-
() =>
|
|
78
|
-
),
|
|
79
|
-
() =>
|
|
80
|
-
),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
setup(n, { emit: j }) {
|
|
82
|
+
const u = n, v = R(u, "sidebarItems"), w = R(u, "menuActions"), B = j, k = y(
|
|
83
|
+
() => Array.isArray(u.settingsIndicatorTooltipItems) ? u.settingsIndicatorTooltipItems.map((t) => String(t ?? "").trim()).filter(Boolean) : []
|
|
84
|
+
), x = y(
|
|
85
|
+
() => k.value.length > 0 || !!u.settingsIndicatorTooltip.trim()
|
|
86
|
+
), A = y(
|
|
87
|
+
() => v.value.filter((t) => t.isFixedBottom).sort((t, e) => e.notificationCount - t.notificationCount)
|
|
88
|
+
), D = y(
|
|
89
|
+
() => v.value.filter((t) => !t.isFixedBottom).sort((t, e) => e.notificationCount - t.notificationCount)
|
|
90
|
+
), G = (t) => {
|
|
91
|
+
const e = v.value.find((o) => o.itemId === t);
|
|
92
|
+
B("selectItem", e);
|
|
93
|
+
}, q = (t, e) => {
|
|
94
|
+
K(t.currentTarget), G(e);
|
|
95
|
+
}, P = (t) => {
|
|
86
96
|
const e = t.split(" ");
|
|
87
97
|
return e.length > 2 ? e.slice(0, 2).join(" ") : t;
|
|
88
|
-
},
|
|
98
|
+
}, U = (t) => {
|
|
89
99
|
console.log("Выбрано действие:", t), typeof t.action == "function" && t.action();
|
|
90
|
-
},
|
|
100
|
+
}, W = () => {
|
|
91
101
|
console.log("Кнопка меню была нажата");
|
|
92
|
-
},
|
|
102
|
+
}, J = () => {
|
|
93
103
|
var e;
|
|
94
|
-
|
|
95
|
-
const t = (e =
|
|
104
|
+
B("settingsClick");
|
|
105
|
+
const t = (e = w.value) == null ? void 0 : e[0];
|
|
96
106
|
t && typeof t.action == "function" && !t.disabled && t.action();
|
|
97
|
-
},
|
|
98
|
-
const e =
|
|
107
|
+
}, d = m(null), C = m(null), S = m(!1), T = m(0), b = m(40), z = m(!1), E = (t) => {
|
|
108
|
+
const e = d.value;
|
|
99
109
|
if (!e || !t) return 0;
|
|
100
|
-
const o = e.getBoundingClientRect(), a = t.getBoundingClientRect(),
|
|
101
|
-
return Math.max(0,
|
|
110
|
+
const o = e.getBoundingClientRect(), a = t.getBoundingClientRect(), O = a.top + a.height / 2 - o.top - b.value / 2;
|
|
111
|
+
return Math.max(0, O);
|
|
102
112
|
}, g = () => {
|
|
103
|
-
if (!
|
|
104
|
-
const e =
|
|
105
|
-
e ? (
|
|
106
|
-
},
|
|
113
|
+
if (!d.value) return;
|
|
114
|
+
const e = d.value.querySelector(".sidebar__image--active");
|
|
115
|
+
e ? (T.value = E(e), S.value = !0) : S.value = !1;
|
|
116
|
+
}, K = (t) => {
|
|
107
117
|
try {
|
|
108
|
-
if (!t || !
|
|
118
|
+
if (!t || !d.value) return;
|
|
109
119
|
const e = t.querySelector(".sidebar__image");
|
|
110
120
|
if (!e) return;
|
|
111
|
-
const o =
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
},
|
|
121
|
+
const o = E(e), a = 12, f = 160;
|
|
122
|
+
z.value = !0, b.value = a, setTimeout(() => {
|
|
123
|
+
T.value = o, requestAnimationFrame(() => {
|
|
124
|
+
b.value = 40, setTimeout(() => {
|
|
125
|
+
z.value = !1;
|
|
126
|
+
}, f);
|
|
117
127
|
});
|
|
118
|
-
},
|
|
128
|
+
}, f);
|
|
119
129
|
} catch {
|
|
120
130
|
}
|
|
121
|
-
},
|
|
122
|
-
return
|
|
131
|
+
}, M = () => g();
|
|
132
|
+
return Q(() => {
|
|
123
133
|
var e;
|
|
124
|
-
|
|
125
|
-
const t = (e =
|
|
134
|
+
p(g), window.addEventListener("resize", M);
|
|
135
|
+
const t = (e = d.value) == null ? void 0 : e.querySelector(".sidebar__scroll-container");
|
|
126
136
|
t && t.addEventListener("scroll", g);
|
|
127
|
-
}),
|
|
137
|
+
}), X(() => {
|
|
128
138
|
var e;
|
|
129
|
-
window.removeEventListener("resize",
|
|
130
|
-
const t = (e =
|
|
139
|
+
window.removeEventListener("resize", M);
|
|
140
|
+
const t = (e = d.value) == null ? void 0 : e.querySelector(".sidebar__scroll-container");
|
|
131
141
|
t && t.removeEventListener("scroll", g);
|
|
132
|
-
}),
|
|
133
|
-
() =>
|
|
142
|
+
}), N(() => v.value.map((t) => t.selected), () => p(g)), N(
|
|
143
|
+
() => u.showSettings && u.showSettingsIndicator && x.value,
|
|
134
144
|
(t, e) => {
|
|
135
|
-
!t || e === !0 ||
|
|
136
|
-
|
|
145
|
+
!t || e === !0 || p(() => {
|
|
146
|
+
p(() => {
|
|
137
147
|
var o, a;
|
|
138
|
-
(a = (o =
|
|
148
|
+
(a = (o = C.value) == null ? void 0 : o.startAutoShow) == null || a.call(o);
|
|
139
149
|
});
|
|
140
150
|
});
|
|
141
151
|
},
|
|
142
152
|
{ flush: "post", immediate: !0 }
|
|
143
153
|
), (t, e) => (i(), s("div", {
|
|
144
154
|
ref_key: "containerRef",
|
|
145
|
-
ref:
|
|
155
|
+
ref: d,
|
|
146
156
|
class: r(["sidebar__container", { "sidebar-horizontal__container": n.horizontal }])
|
|
147
157
|
}, [
|
|
148
|
-
!n.horizontal &&
|
|
158
|
+
!n.horizontal && S.value ? (i(), s("span", {
|
|
149
159
|
key: 0,
|
|
150
|
-
class: r(["sidebar__selected-bar", { "is-animating":
|
|
151
|
-
style:
|
|
160
|
+
class: r(["sidebar__selected-bar", { "is-animating": z.value }]),
|
|
161
|
+
style: Z({ top: T.value + "px", height: b.value + "px" })
|
|
152
162
|
}, null, 6)) : l("", !0),
|
|
153
|
-
|
|
163
|
+
A.value.length > 0 ? (i(), s("ul", {
|
|
154
164
|
key: 1,
|
|
155
165
|
class: r(["sidebar__list-fixed", { "sidebar-horizontal__list-fixed": n.horizontal }])
|
|
156
166
|
}, [
|
|
157
|
-
(i(!0), s(
|
|
167
|
+
(i(!0), s(F, null, L(A.value, (o, a) => (i(), s("li", {
|
|
158
168
|
key: a,
|
|
159
169
|
class: r(["sidebar__item-fixed", { "sidebar-horizontal__item": n.horizontal }]),
|
|
160
|
-
onClick: (
|
|
170
|
+
onClick: (f) => q(f, o.itemId)
|
|
161
171
|
}, [
|
|
162
|
-
o.name ? (i(),
|
|
172
|
+
o.name ? (i(), _(I, {
|
|
163
173
|
key: 0,
|
|
164
|
-
text:
|
|
174
|
+
text: P(o.name),
|
|
165
175
|
position: "right",
|
|
166
176
|
offset: 8
|
|
167
177
|
}, {
|
|
@@ -173,24 +183,24 @@ const $ = ["onClick"], tt = ["src", "alt"], et = {
|
|
|
173
183
|
"sidebar__image--active": o.selected === !0,
|
|
174
184
|
"sidebar-horizontal__image": n.horizontal
|
|
175
185
|
}])
|
|
176
|
-
}, null, 10,
|
|
186
|
+
}, null, 10, ot),
|
|
177
187
|
e[0] || (e[0] = c("p", null, "Мои", -1))
|
|
178
188
|
]),
|
|
179
189
|
_: 2
|
|
180
190
|
}, 1032, ["text"])) : l("", !0),
|
|
181
|
-
o.notificationCount ? (i(), s("span",
|
|
182
|
-
], 10,
|
|
191
|
+
o.notificationCount ? (i(), s("span", it, V(o.notificationCount > 99 ? "99+" : o.notificationCount), 1)) : l("", !0)
|
|
192
|
+
], 10, et))), 128))
|
|
183
193
|
], 2)) : l("", !0),
|
|
184
|
-
c("div",
|
|
194
|
+
c("div", nt, [
|
|
185
195
|
c("ul", {
|
|
186
196
|
class: r(["sidebar__list", { "sidebar-horizontal__list": n.horizontal }])
|
|
187
197
|
}, [
|
|
188
|
-
(i(!0), s(
|
|
198
|
+
(i(!0), s(F, null, L(D.value, (o, a) => (i(), s("li", {
|
|
189
199
|
key: a,
|
|
190
200
|
class: r(["sidebar__item", { "sidebar-horizontal__item": n.horizontal }]),
|
|
191
|
-
onClick: (
|
|
201
|
+
onClick: (f) => q(f, o.itemId)
|
|
192
202
|
}, [
|
|
193
|
-
o.name ? (i(),
|
|
203
|
+
o.name ? (i(), _(I, {
|
|
194
204
|
key: 0,
|
|
195
205
|
text: o.name,
|
|
196
206
|
position: "right",
|
|
@@ -204,7 +214,7 @@ const $ = ["onClick"], tt = ["src", "alt"], et = {
|
|
|
204
214
|
"sidebar__image--active": o.selected === !0,
|
|
205
215
|
"sidebar-horizontal__image": n.horizontal
|
|
206
216
|
}])
|
|
207
|
-
}, null, 10,
|
|
217
|
+
}, null, 10, at)
|
|
208
218
|
]),
|
|
209
219
|
_: 2
|
|
210
220
|
}, 1032, ["text"])) : (i(), s("img", {
|
|
@@ -215,29 +225,30 @@ const $ = ["onClick"], tt = ["src", "alt"], et = {
|
|
|
215
225
|
"sidebar__image--active": o.selected === !0,
|
|
216
226
|
"sidebar-horizontal__image": n.horizontal
|
|
217
227
|
}])
|
|
218
|
-
}, null, 10,
|
|
219
|
-
o.notificationCount ? (i(), s("span",
|
|
220
|
-
], 10,
|
|
228
|
+
}, null, 10, rt)),
|
|
229
|
+
o.notificationCount ? (i(), s("span", lt, V(o.notificationCount > 99 ? "99+" : o.notificationCount), 1)) : l("", !0)
|
|
230
|
+
], 10, st))), 128))
|
|
221
231
|
], 2)
|
|
222
232
|
]),
|
|
223
|
-
n.showSettings ? (i(), s("div",
|
|
224
|
-
n.settingsButtonMode === "menu" ? (i(),
|
|
233
|
+
n.showSettings ? (i(), s("div", ct, [
|
|
234
|
+
n.settingsButtonMode === "menu" ? (i(), _($, {
|
|
225
235
|
key: 0,
|
|
226
|
-
actions:
|
|
236
|
+
actions: w.value,
|
|
227
237
|
mode: "click",
|
|
228
238
|
"menu-side": "top-right",
|
|
229
|
-
onClick:
|
|
230
|
-
onButtonClick:
|
|
239
|
+
onClick: U,
|
|
240
|
+
onButtonClick: W
|
|
231
241
|
}, {
|
|
232
242
|
default: h(() => [
|
|
233
|
-
c("button",
|
|
234
|
-
|
|
235
|
-
n.showSettingsIndicator ? (i(), s("span",
|
|
236
|
-
|
|
243
|
+
c("button", ut, [
|
|
244
|
+
H(Y),
|
|
245
|
+
n.showSettingsIndicator ? (i(), s("span", dt, [
|
|
246
|
+
x.value ? (i(), _(I, {
|
|
237
247
|
key: 0,
|
|
238
248
|
ref_key: "settingsIndicatorTooltipRef",
|
|
239
|
-
ref:
|
|
249
|
+
ref: C,
|
|
240
250
|
text: n.settingsIndicatorTooltip,
|
|
251
|
+
texts: k.value,
|
|
241
252
|
position: "top",
|
|
242
253
|
offset: 8,
|
|
243
254
|
"max-width": "460px",
|
|
@@ -247,7 +258,7 @@ const $ = ["onClick"], tt = ["src", "alt"], et = {
|
|
|
247
258
|
c("span", { class: "sidebar__settings-indicator" }, null, -1)
|
|
248
259
|
])]),
|
|
249
260
|
_: 1
|
|
250
|
-
}, 8, ["text", "auto-show-duration"])) : (i(), s("span",
|
|
261
|
+
}, 8, ["text", "texts", "auto-show-duration"])) : (i(), s("span", ft))
|
|
251
262
|
])) : l("", !0)
|
|
252
263
|
])
|
|
253
264
|
]),
|
|
@@ -256,15 +267,16 @@ const $ = ["onClick"], tt = ["src", "alt"], et = {
|
|
|
256
267
|
key: 1,
|
|
257
268
|
class: "sidebar__settings-btn",
|
|
258
269
|
type: "button",
|
|
259
|
-
onClick:
|
|
270
|
+
onClick: J
|
|
260
271
|
}, [
|
|
261
|
-
|
|
262
|
-
n.showSettingsIndicator ? (i(), s("span",
|
|
263
|
-
|
|
272
|
+
H(Y),
|
|
273
|
+
n.showSettingsIndicator ? (i(), s("span", mt, [
|
|
274
|
+
x.value ? (i(), _(I, {
|
|
264
275
|
key: 0,
|
|
265
276
|
ref_key: "settingsIndicatorTooltipRef",
|
|
266
|
-
ref:
|
|
277
|
+
ref: C,
|
|
267
278
|
text: n.settingsIndicatorTooltip,
|
|
279
|
+
texts: k.value,
|
|
268
280
|
position: "top",
|
|
269
281
|
offset: 8,
|
|
270
282
|
"max-width": "460px",
|
|
@@ -274,13 +286,13 @@ const $ = ["onClick"], tt = ["src", "alt"], et = {
|
|
|
274
286
|
c("span", { class: "sidebar__settings-indicator" }, null, -1)
|
|
275
287
|
])]),
|
|
276
288
|
_: 1
|
|
277
|
-
}, 8, ["text", "auto-show-duration"])) : (i(), s("span",
|
|
289
|
+
}, 8, ["text", "texts", "auto-show-duration"])) : (i(), s("span", gt))
|
|
278
290
|
])) : l("", !0)
|
|
279
291
|
]))
|
|
280
292
|
])) : l("", !0)
|
|
281
293
|
], 2));
|
|
282
294
|
}
|
|
283
|
-
}, kt = /* @__PURE__ */
|
|
295
|
+
}, kt = /* @__PURE__ */ tt(_t, [["__scopeId", "data-v-f93a9b48"]]);
|
|
284
296
|
export {
|
|
285
297
|
kt as default
|
|
286
298
|
};
|
|
@@ -5,7 +5,13 @@ type __VLS_Slots = {} & {
|
|
|
5
5
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
6
6
|
text: {
|
|
7
7
|
type: StringConstructor;
|
|
8
|
-
required:
|
|
8
|
+
required: false;
|
|
9
|
+
default: string;
|
|
10
|
+
};
|
|
11
|
+
texts: {
|
|
12
|
+
type: ArrayConstructor;
|
|
13
|
+
required: false;
|
|
14
|
+
default: () => never[];
|
|
9
15
|
};
|
|
10
16
|
position: {
|
|
11
17
|
type: StringConstructor;
|
|
@@ -37,7 +43,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
37
43
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
38
44
|
text: {
|
|
39
45
|
type: StringConstructor;
|
|
40
|
-
required:
|
|
46
|
+
required: false;
|
|
47
|
+
default: string;
|
|
48
|
+
};
|
|
49
|
+
texts: {
|
|
50
|
+
type: ArrayConstructor;
|
|
51
|
+
required: false;
|
|
52
|
+
default: () => never[];
|
|
41
53
|
};
|
|
42
54
|
position: {
|
|
43
55
|
type: StringConstructor;
|
|
@@ -64,7 +76,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
64
76
|
default: string;
|
|
65
77
|
};
|
|
66
78
|
}>> & Readonly<{}>, {
|
|
79
|
+
text: string;
|
|
67
80
|
position: string;
|
|
81
|
+
texts: unknown[];
|
|
68
82
|
offset: number;
|
|
69
83
|
trigger: string;
|
|
70
84
|
autoShowDuration: number;
|
|
@@ -54,8 +54,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
54
54
|
}>> & Readonly<{
|
|
55
55
|
onRead?: ((messageId: string) => any) | undefined;
|
|
56
56
|
}>, {
|
|
57
|
-
tooltipPosition: string;
|
|
58
57
|
tooltipText: string;
|
|
58
|
+
tooltipPosition: string;
|
|
59
59
|
tooltipOffset: number;
|
|
60
60
|
tooltipDelay: number;
|
|
61
61
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -7,6 +7,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
7
7
|
settingsButtonMode: string;
|
|
8
8
|
showSettingsIndicator: boolean;
|
|
9
9
|
settingsIndicatorTooltip: string;
|
|
10
|
+
settingsIndicatorTooltipItems: unknown[];
|
|
10
11
|
settingsIndicatorTooltipAutoShowMs: number;
|
|
11
12
|
$props: {
|
|
12
13
|
readonly sidebarItems?: unknown[] | undefined;
|
|
@@ -16,6 +17,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
16
17
|
readonly settingsButtonMode?: string | undefined;
|
|
17
18
|
readonly showSettingsIndicator?: boolean | undefined;
|
|
18
19
|
readonly settingsIndicatorTooltip?: string | undefined;
|
|
20
|
+
readonly settingsIndicatorTooltipItems?: unknown[] | undefined;
|
|
19
21
|
readonly settingsIndicatorTooltipAutoShowMs?: number | undefined;
|
|
20
22
|
};
|
|
21
23
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|