@oneb/ui-vue 0.3.26 → 0.3.27
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/layout/index.cjs +1 -1
- package/dist/layout/index.js +551 -534
- package/dist/layout/layout.d.ts +1 -0
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/layout/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { openBlock as s, createElementBlock as
|
|
1
|
+
import { openBlock as s, createElementBlock as l, createElementVNode as t, defineComponent as _e, computed as V, ref as j, resolveComponent as Qe, resolveDirective as p1, Fragment as R, toDisplayString as i, createCommentVNode as a, createBlock as m, withCtx as Z, resolveDynamicComponent as L, mergeProps as u1, renderList as D, withDirectives as ue, normalizeClass as b, unref as S, withModifiers as ce, watch as me, onMounted as ke, onBeforeUnmount as c1, watchEffect as Xe, shallowRef as h1, normalizeStyle as m1, vShow as $e, createVNode as _, createTextVNode as Ce, onUnmounted as Oe, renderSlot as he } from "vue";
|
|
2
2
|
import { _ as Ye, g as f1, c as e1, O as s1, b as t1 } from "../OneHelpMenu-df4e18a9.js";
|
|
3
|
-
import { r as
|
|
4
|
-
import { r as
|
|
5
|
-
import { _ as
|
|
6
|
-
import { OneButton as
|
|
3
|
+
import { r as Me, a as v1 } from "../ChevronRightIcon-4549a26b.js";
|
|
4
|
+
import { r as ge } from "../ChevronDownIcon-6805ce6c.js";
|
|
5
|
+
import { _ as Se } from "../_plugin-vue_export-helper-dad06003.js";
|
|
6
|
+
import { OneButton as je } from "../button/index.js";
|
|
7
7
|
import { r as l1 } from "../XMarkIcon-51ef0691.js";
|
|
8
8
|
import { S as o1 } from "../SpinnerIcon-74648c98.js";
|
|
9
9
|
import { OneMarkdown as n1 } from "../common/index.js";
|
|
10
10
|
import "../OneMarkdown.vue_vue_type_style_index_0_lang-4ed993c7.js";
|
|
11
|
-
import { _ as
|
|
11
|
+
import { _ as xe } from "../OneAvatar.vue_vue_type_script_setup_true_lang-08ab80dd.js";
|
|
12
12
|
import "@floating-ui/dom";
|
|
13
13
|
import "@floating-ui/vue";
|
|
14
14
|
import "../SpinnerIcon.vue_vue_type_style_index_0_lang-4ed993c7.js";
|
|
15
15
|
import "vue-markdown-render";
|
|
16
|
-
function a1(
|
|
17
|
-
return s(),
|
|
16
|
+
function a1(g, x) {
|
|
17
|
+
return s(), l("svg", {
|
|
18
18
|
xmlns: "http://www.w3.org/2000/svg",
|
|
19
19
|
fill: "none",
|
|
20
20
|
viewBox: "0 0 24 24",
|
|
@@ -29,8 +29,8 @@ function a1(C, g) {
|
|
|
29
29
|
})
|
|
30
30
|
]);
|
|
31
31
|
}
|
|
32
|
-
function w1(
|
|
33
|
-
return s(),
|
|
32
|
+
function w1(g, x) {
|
|
33
|
+
return s(), l("svg", {
|
|
34
34
|
xmlns: "http://www.w3.org/2000/svg",
|
|
35
35
|
fill: "none",
|
|
36
36
|
viewBox: "0 0 24 24",
|
|
@@ -203,7 +203,7 @@ const r1 = {
|
|
|
203
203
|
}, g1 = { class: "flex flex-nowrap items-center h-[24px]" }, x1 = {
|
|
204
204
|
key: 0,
|
|
205
205
|
class: "flex-shrink-0 w-auto"
|
|
206
|
-
}, k1 = { class: "min-w-[220px] py-1" }, $1 = { class: "text-xs font-semibold text-black px-3 pt-1 pb-2" },
|
|
206
|
+
}, k1 = { class: "min-w-[220px] py-1" }, $1 = { class: "text-xs font-semibold text-black px-3 pt-1 pb-2" }, L1 = ["href"], _1 = { class: "text-xs" }, S1 = { class: "text-xs" }, B1 = ["href"], M1 = { class: "flex flex-nowrap items-center h-[24px]" }, O1 = {
|
|
207
207
|
key: 1,
|
|
208
208
|
class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full"
|
|
209
209
|
}, j1 = { class: "py-[8px] pl-0 pr-0" }, z1 = {
|
|
@@ -215,10 +215,10 @@ const r1 = {
|
|
|
215
215
|
}, H1 = { class: "py-[8px] pl-0 pr-0" }, A1 = {
|
|
216
216
|
key: 2,
|
|
217
217
|
class: "p-3"
|
|
218
|
-
}, E1 = { class: "flex flex-nowrap items-center h-[24px]" },
|
|
218
|
+
}, E1 = { class: "flex flex-nowrap items-center h-[24px]" }, F1 = {
|
|
219
219
|
key: 1,
|
|
220
220
|
class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full"
|
|
221
|
-
},
|
|
221
|
+
}, P1 = { class: "py-[8px] pl-0 pr-0" }, W1 = {
|
|
222
222
|
key: 2,
|
|
223
223
|
class: "p-3"
|
|
224
224
|
}, N1 = {
|
|
@@ -230,29 +230,29 @@ const r1 = {
|
|
|
230
230
|
}, U1 = { class: "text-xs" }, Z1 = {
|
|
231
231
|
key: 0,
|
|
232
232
|
class: "pr-3"
|
|
233
|
-
}, D1 = /* @__PURE__ */
|
|
233
|
+
}, D1 = /* @__PURE__ */ _e({
|
|
234
234
|
__name: "OneSidebarLink",
|
|
235
235
|
props: y1,
|
|
236
236
|
emits: ["update-collapsed"],
|
|
237
|
-
setup(
|
|
238
|
-
const r =
|
|
237
|
+
setup(g, { emit: x }) {
|
|
238
|
+
const r = g, d = x, z = (e) => e.route ? e.route : e.routeName ? { name: e.routeName } : null, k = V(() => z(r)), p = V(() => Array.isArray(r.subItems) && r.subItems.length > 0), M = V(() => p.value && r.subItems.some((e) => e.href)), T = V(() => r.href ? "a" : k.value ? "router-link" : "span"), J = V(() => r.href ? { href: r.href, title: p.value ? null : r.label } : k.value ? { to: k.value, title: p.value ? null : r.label } : { title: p.value ? null : r.label }), U = V(() => [
|
|
239
239
|
"flex items-center justify-center text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5 rounded-10 w-[44px] h-[44px] cursor-pointer",
|
|
240
240
|
r.active ? "bg-primary-10 !text-primary-base" : ""
|
|
241
|
-
]),
|
|
242
|
-
var
|
|
243
|
-
return (
|
|
244
|
-
},
|
|
245
|
-
|
|
246
|
-
}, H = (e,
|
|
247
|
-
var
|
|
248
|
-
|
|
241
|
+
]), A = j(r.open), N = (e, c = r) => {
|
|
242
|
+
var o;
|
|
243
|
+
return (c == null ? void 0 : c.menuGroup) && (e == null ? void 0 : e.meta) && ((o = e.meta) == null ? void 0 : o.menuGroup) && e.meta.menuGroup && e.meta.menuGroup === c.menuGroup;
|
|
244
|
+
}, f = () => {
|
|
245
|
+
A.value = !A.value;
|
|
246
|
+
}, H = (e, c) => {
|
|
247
|
+
var o;
|
|
248
|
+
p.value && !c && !(r.slim && r.island) && ((o = e == null ? void 0 : e.preventDefault) == null || o.call(e), f()), (c || !p.value) && r.isMobile && d("update-collapsed");
|
|
249
249
|
};
|
|
250
|
-
return (e,
|
|
251
|
-
var
|
|
252
|
-
const
|
|
253
|
-
return s(),
|
|
254
|
-
e.labelTop && e.slim ? (s(),
|
|
255
|
-
e.slim && e.island &&
|
|
250
|
+
return (e, c) => {
|
|
251
|
+
var $, O;
|
|
252
|
+
const o = Qe("RouterLink"), u = p1("onetooltip");
|
|
253
|
+
return s(), l(R, null, [
|
|
254
|
+
e.labelTop && e.slim ? (s(), l("div", b1)) : e.labelTop ? (s(), l("p", C1, i(e.labelTop), 1)) : a("", !0),
|
|
255
|
+
e.slim && e.island && p.value ? (s(), m(Ye, {
|
|
256
256
|
key: 2,
|
|
257
257
|
trigger: "hover",
|
|
258
258
|
"append-body": !0,
|
|
@@ -260,14 +260,14 @@ const r1 = {
|
|
|
260
260
|
offset: 12
|
|
261
261
|
}, {
|
|
262
262
|
button: Z(() => [
|
|
263
|
-
(s(),
|
|
264
|
-
class:
|
|
263
|
+
(s(), m(L(T.value), u1(J.value, {
|
|
264
|
+
class: U.value,
|
|
265
265
|
onClick: H
|
|
266
266
|
}), {
|
|
267
267
|
default: Z(() => [
|
|
268
268
|
t("div", g1, [
|
|
269
|
-
e.icon ? (s(),
|
|
270
|
-
(s(),
|
|
269
|
+
e.icon ? (s(), l("div", x1, [
|
|
270
|
+
(s(), m(L(e.icon), { class: "mx-auto w-5 h-5" }))
|
|
271
271
|
])) : a("", !0)
|
|
272
272
|
])
|
|
273
273
|
]),
|
|
@@ -277,30 +277,30 @@ const r1 = {
|
|
|
277
277
|
menu: Z(() => [
|
|
278
278
|
t("div", k1, [
|
|
279
279
|
t("p", $1, i(e.label), 1),
|
|
280
|
-
|
|
281
|
-
key:
|
|
282
|
-
href:
|
|
280
|
+
M.value ? (s(!0), l(R, { key: 0 }, D(r.subItems, (v) => (s(), l("a", {
|
|
281
|
+
key: v.label,
|
|
282
|
+
href: v.href,
|
|
283
283
|
class: "flex items-center gap-2 rounded-10 mx-1 px-3 py-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"
|
|
284
284
|
}, [
|
|
285
|
-
|
|
285
|
+
v.icon ? (s(), m(L(v.icon), {
|
|
286
286
|
key: 0,
|
|
287
287
|
class: "w-[15px] h-[15px] shrink-0"
|
|
288
288
|
})) : a("", !0),
|
|
289
|
-
t("span",
|
|
290
|
-
], 8,
|
|
291
|
-
var
|
|
292
|
-
return s(),
|
|
293
|
-
key:
|
|
294
|
-
to:
|
|
289
|
+
t("span", _1, i(v.label), 1)
|
|
290
|
+
], 8, L1))), 128)) : (s(!0), l(R, { key: 1 }, D(r.subItems, (v) => {
|
|
291
|
+
var E, F;
|
|
292
|
+
return s(), m(o, {
|
|
293
|
+
key: v.label,
|
|
294
|
+
to: z(v),
|
|
295
295
|
class: "flex items-center gap-2 rounded-10 mx-1 px-3 py-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]",
|
|
296
|
-
"active-class": (
|
|
296
|
+
"active-class": (E = e.$route) != null && E.meta && ((F = e.$route.meta) != null && F.menuGroup) && e.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base"
|
|
297
297
|
}, {
|
|
298
298
|
default: Z(() => [
|
|
299
|
-
|
|
299
|
+
v.icon ? (s(), m(L(v.icon), {
|
|
300
300
|
key: 0,
|
|
301
301
|
class: "w-[15px] h-[15px] shrink-0"
|
|
302
302
|
})) : a("", !0),
|
|
303
|
-
t("span", S1, i(
|
|
303
|
+
t("span", S1, i(v.label), 1)
|
|
304
304
|
]),
|
|
305
305
|
_: 2
|
|
306
306
|
}, 1032, ["to", "active-class"]);
|
|
@@ -308,11 +308,11 @@ const r1 = {
|
|
|
308
308
|
])
|
|
309
309
|
]),
|
|
310
310
|
_: 1
|
|
311
|
-
})) : (s(),
|
|
312
|
-
e.href ?
|
|
311
|
+
})) : (s(), l(R, { key: 3 }, [
|
|
312
|
+
e.href ? ue((s(), l("a", {
|
|
313
313
|
key: 0,
|
|
314
314
|
href: e.href,
|
|
315
|
-
class:
|
|
315
|
+
class: b(["flex items-center relative text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", [
|
|
316
316
|
e.island ? "rounded-10" : "rounded-xl",
|
|
317
317
|
e.slim ? "w-[44px] h-[44px] justify-center" : "h-[44px] w-full",
|
|
318
318
|
e.active ? "bg-primary-10 !text-primary-base" : ""
|
|
@@ -320,118 +320,118 @@ const r1 = {
|
|
|
320
320
|
onClick: H
|
|
321
321
|
}, [
|
|
322
322
|
t("div", M1, [
|
|
323
|
-
e.icon ? (s(),
|
|
323
|
+
e.icon ? (s(), l("div", {
|
|
324
324
|
key: 0,
|
|
325
|
-
class:
|
|
325
|
+
class: b(["flex-shrink-0", e.slim ? "w-auto" : "w-[44px]"])
|
|
326
326
|
}, [
|
|
327
|
-
(s(),
|
|
328
|
-
class:
|
|
327
|
+
(s(), m(L(e.icon), {
|
|
328
|
+
class: b(["mx-auto", e.slim ? "w-5 h-5" : "w-[24px] h-[24px]"])
|
|
329
329
|
}, null, 8, ["class"]))
|
|
330
330
|
], 2)) : a("", !0),
|
|
331
|
-
e.slim ? a("", !0) : (s(),
|
|
331
|
+
e.slim ? a("", !0) : (s(), l("div", O1, [
|
|
332
332
|
t("span", j1, i(e.label), 1)
|
|
333
333
|
])),
|
|
334
|
-
|
|
335
|
-
(s(),
|
|
334
|
+
p.value && !e.slim ? (s(), l("div", z1, [
|
|
335
|
+
(s(), m(L(A.value ? S(Me) : S(ge)), { class: "w-[16px] h-[16px]" }))
|
|
336
336
|
])) : a("", !0)
|
|
337
337
|
])
|
|
338
338
|
], 10, B1)), [
|
|
339
|
-
[
|
|
339
|
+
[u, e.slim && !p.value ? e.label : "", "right"]
|
|
340
340
|
]) : a("", !0),
|
|
341
|
-
!e.href &&
|
|
341
|
+
!e.href && k.value ? ue((s(), m(o, {
|
|
342
342
|
key: 1,
|
|
343
|
-
to:
|
|
343
|
+
to: k.value,
|
|
344
344
|
exact: e.exact,
|
|
345
|
-
class:
|
|
345
|
+
class: b(["relative flex items-center cursor-pointer text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] mb-0.5", {
|
|
346
346
|
"rounded-10": e.island,
|
|
347
347
|
"rounded-xl": !e.island,
|
|
348
348
|
"w-[44px] h-[44px] justify-center": e.slim,
|
|
349
349
|
"h-[44px] w-full": !e.slim,
|
|
350
350
|
"bg-primary-10 !text-primary-base": e.active || N(e.$route)
|
|
351
351
|
}]),
|
|
352
|
-
"active-class": (
|
|
353
|
-
onClick:
|
|
352
|
+
"active-class": ($ = e.$route) != null && $.meta && ((O = e.$route.meta) != null && O.menuGroup) && e.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base",
|
|
353
|
+
onClick: ce(H, ["prevent"])
|
|
354
354
|
}, {
|
|
355
355
|
default: Z(() => [
|
|
356
356
|
t("div", T1, [
|
|
357
|
-
e.icon ? (s(),
|
|
357
|
+
e.icon ? (s(), l("div", {
|
|
358
358
|
key: 0,
|
|
359
|
-
class:
|
|
359
|
+
class: b(["flex-shrink-0", e.slim ? "w-auto" : "w-[44px]"])
|
|
360
360
|
}, [
|
|
361
|
-
(s(),
|
|
362
|
-
class:
|
|
361
|
+
(s(), m(L(e.icon), {
|
|
362
|
+
class: b(["mx-auto", e.slim ? "w-5 h-5" : "w-[24px] h-[24px]"])
|
|
363
363
|
}, null, 8, ["class"]))
|
|
364
364
|
], 2)) : a("", !0),
|
|
365
|
-
e.slim ? a("", !0) : (s(),
|
|
365
|
+
e.slim ? a("", !0) : (s(), l("div", V1, [
|
|
366
366
|
t("span", H1, i(e.label), 1)
|
|
367
367
|
])),
|
|
368
|
-
|
|
369
|
-
(s(),
|
|
368
|
+
p.value && !e.slim ? (s(), l("div", A1, [
|
|
369
|
+
(s(), m(L(A.value ? S(Me) : S(ge)), { class: "w-[16px] h-[16px]" }))
|
|
370
370
|
])) : a("", !0)
|
|
371
371
|
])
|
|
372
372
|
]),
|
|
373
373
|
_: 1
|
|
374
374
|
}, 8, ["to", "exact", "active-class", "class"])), [
|
|
375
|
-
[
|
|
375
|
+
[u, e.slim && !p.value ? e.label : "", "right"]
|
|
376
376
|
]) : a("", !0),
|
|
377
|
-
!e.href && !
|
|
377
|
+
!e.href && !k.value ? ue((s(), l("span", {
|
|
378
378
|
key: 2,
|
|
379
|
-
onClick:
|
|
380
|
-
class:
|
|
379
|
+
onClick: ce(H, ["prevent"]),
|
|
380
|
+
class: b(["mb-0.5 relative flex items-center cursor-pointer text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]", [
|
|
381
381
|
e.island ? "rounded-10" : "rounded-xl",
|
|
382
382
|
e.slim ? "w-[44px] h-[44px] justify-center" : "h-[44px] w-full",
|
|
383
383
|
e.active ? "bg-primary-10 !text-primary-base" : ""
|
|
384
384
|
]])
|
|
385
385
|
}, [
|
|
386
386
|
t("div", E1, [
|
|
387
|
-
e.icon ? (s(),
|
|
387
|
+
e.icon ? (s(), l("div", {
|
|
388
388
|
key: 0,
|
|
389
|
-
class:
|
|
389
|
+
class: b(["flex-shrink-0", e.slim ? "w-auto" : "w-[44px]"])
|
|
390
390
|
}, [
|
|
391
|
-
(s(),
|
|
392
|
-
class:
|
|
391
|
+
(s(), m(L(e.icon), {
|
|
392
|
+
class: b(["mx-auto", e.slim ? "w-5 h-5" : "w-[24px] h-[24px]"])
|
|
393
393
|
}, null, 8, ["class"]))
|
|
394
394
|
], 2)) : a("", !0),
|
|
395
|
-
e.slim ? a("", !0) : (s(),
|
|
396
|
-
t("span",
|
|
395
|
+
e.slim ? a("", !0) : (s(), l("div", F1, [
|
|
396
|
+
t("span", P1, i(e.label), 1)
|
|
397
397
|
])),
|
|
398
|
-
|
|
399
|
-
(s(),
|
|
398
|
+
p.value && !e.slim ? (s(), l("div", W1, [
|
|
399
|
+
(s(), m(L(A.value ? S(Me) : S(ge)), { class: "w-[16px] h-[16px]" }))
|
|
400
400
|
])) : a("", !0)
|
|
401
401
|
])
|
|
402
402
|
], 2)), [
|
|
403
|
-
[
|
|
403
|
+
[u, e.slim && !p.value ? e.label : "", "right"]
|
|
404
404
|
]) : a("", !0),
|
|
405
|
-
|
|
406
|
-
(s(!0),
|
|
407
|
-
var
|
|
408
|
-
return s(),
|
|
409
|
-
key:
|
|
405
|
+
A.value && p.value && !e.slim ? (s(), l("div", N1, [
|
|
406
|
+
(s(!0), l(R, null, D(r.subItems, (v) => {
|
|
407
|
+
var E, F;
|
|
408
|
+
return s(), l("div", {
|
|
409
|
+
key: v.label
|
|
410
410
|
}, [
|
|
411
|
-
|
|
411
|
+
v.href ? (s(), l("a", {
|
|
412
412
|
key: 0,
|
|
413
|
-
href:
|
|
413
|
+
href: v.href,
|
|
414
414
|
class: "flex items-center rounded-xl p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66]"
|
|
415
415
|
}, [
|
|
416
416
|
t("div", I1, [
|
|
417
|
-
t("span", R1, i(
|
|
418
|
-
|
|
419
|
-
(s(),
|
|
417
|
+
t("span", R1, i(v.label), 1),
|
|
418
|
+
v.icon ? (s(), l("div", q1, [
|
|
419
|
+
(s(), m(L(v.icon), { class: "w-[15px] h-[15px] mx-auto" }))
|
|
420
420
|
])) : a("", !0)
|
|
421
421
|
])
|
|
422
|
-
], 8, G1)) :
|
|
422
|
+
], 8, G1)) : z(v) ? (s(), m(o, {
|
|
423
423
|
key: 1,
|
|
424
|
-
to:
|
|
425
|
-
onClick:
|
|
426
|
-
class:
|
|
427
|
-
"bg-primary-10 !text-primary-base": N(e.$route,
|
|
424
|
+
to: z(v),
|
|
425
|
+
onClick: c[0] || (c[0] = ce((q) => H(q, !0), ["prevent"])),
|
|
426
|
+
class: b(["flex items-center rounded-xl p-2 text-sm font-medium hover:bg-primary-10-hover hover:text-primary-base transition-all text-[#525B66] h-[44px] w-full", {
|
|
427
|
+
"bg-primary-10 !text-primary-base": N(e.$route, v)
|
|
428
428
|
}]),
|
|
429
|
-
"active-class": (
|
|
429
|
+
"active-class": (E = e.$route) != null && E.meta && ((F = e.$route.meta) != null && F.menuGroup) && e.$route.meta.menuGroup ? "" : "bg-primary-10 !text-primary-base"
|
|
430
430
|
}, {
|
|
431
431
|
default: Z(() => [
|
|
432
|
-
t("span", U1, i(
|
|
433
|
-
|
|
434
|
-
(s(),
|
|
432
|
+
t("span", U1, i(v.label), 1),
|
|
433
|
+
v.icon ? (s(), l("div", Z1, [
|
|
434
|
+
(s(), m(L(v.icon), { class: "w-[20px] h-[20px] mx-auto" }))
|
|
435
435
|
])) : a("", !0)
|
|
436
436
|
]),
|
|
437
437
|
_: 2
|
|
@@ -450,8 +450,8 @@ const r1 = {
|
|
|
450
450
|
viewBox: "0 0 24 24",
|
|
451
451
|
fill: "none"
|
|
452
452
|
};
|
|
453
|
-
function Q1(
|
|
454
|
-
return s(),
|
|
453
|
+
function Q1(g, x) {
|
|
454
|
+
return s(), l("svg", K1, [...x[0] || (x[0] = [
|
|
455
455
|
t("path", {
|
|
456
456
|
d: "M9.27987 15.963H7.76282V9.97577C7.76282 9.67316 7.575 9.40658 7.29326 9.29851L6.7948 9.11839V8.57802V8.03766H8.10957C8.60081 8.03766 8.91867 8.12412 9.05592 8.30424C9.20763 8.48436 9.27987 8.8374 9.27987 9.36335V15.963Z",
|
|
457
457
|
fill: "currentColor"
|
|
@@ -468,9 +468,9 @@ function Q1(C, g) {
|
|
|
468
468
|
}, null, -1)
|
|
469
469
|
])]);
|
|
470
470
|
}
|
|
471
|
-
const
|
|
472
|
-
function X1(
|
|
473
|
-
return s(),
|
|
471
|
+
const Le = /* @__PURE__ */ Se(J1, [["render", Q1]]);
|
|
472
|
+
function X1(g, x) {
|
|
473
|
+
return s(), l("svg", {
|
|
474
474
|
xmlns: "http://www.w3.org/2000/svg",
|
|
475
475
|
fill: "none",
|
|
476
476
|
viewBox: "0 0 24 24",
|
|
@@ -490,40 +490,40 @@ function X1(C, g) {
|
|
|
490
490
|
})
|
|
491
491
|
]);
|
|
492
492
|
}
|
|
493
|
-
const Ke = (
|
|
494
|
-
if (Array.isArray(
|
|
495
|
-
return
|
|
496
|
-
const
|
|
497
|
-
return Array.isArray(
|
|
498
|
-
}, Y1 = (
|
|
493
|
+
const Ke = (g) => {
|
|
494
|
+
if (Array.isArray(g))
|
|
495
|
+
return g.map(S);
|
|
496
|
+
const x = S(g);
|
|
497
|
+
return Array.isArray(x) ? x : [x];
|
|
498
|
+
}, Y1 = (g, x) => {
|
|
499
499
|
let r;
|
|
500
|
-
const
|
|
501
|
-
|
|
502
|
-
const
|
|
503
|
-
if (
|
|
504
|
-
if (!(
|
|
500
|
+
const d = (z) => {
|
|
501
|
+
z.forEach((k) => {
|
|
502
|
+
const p = S(k);
|
|
503
|
+
if (p) {
|
|
504
|
+
if (!(p instanceof Element))
|
|
505
505
|
throw console.error("Vuestic: Trying to observe non-HTMLElement", {
|
|
506
|
-
target:
|
|
507
|
-
array:
|
|
506
|
+
target: p,
|
|
507
|
+
array: g
|
|
508
508
|
}), new Error("Vuestic: Unable to observe non-HTMLElement");
|
|
509
|
-
|
|
509
|
+
p && (r == null || r.observe(p));
|
|
510
510
|
}
|
|
511
511
|
});
|
|
512
512
|
};
|
|
513
|
-
return
|
|
514
|
-
r == null || r.disconnect(),
|
|
515
|
-
}),
|
|
516
|
-
r = new ResizeObserver(
|
|
513
|
+
return me(g, (z) => {
|
|
514
|
+
r == null || r.disconnect(), d(Ke(z));
|
|
515
|
+
}), ke(() => {
|
|
516
|
+
r = new ResizeObserver(x), d(Ke(g));
|
|
517
517
|
}), c1(() => r == null ? void 0 : r.disconnect()), r;
|
|
518
|
-
}, es = (
|
|
519
|
-
const
|
|
520
|
-
return Y1([
|
|
518
|
+
}, es = (g) => {
|
|
519
|
+
const x = j(null);
|
|
520
|
+
return Y1([g], () => {
|
|
521
521
|
var r;
|
|
522
|
-
|
|
522
|
+
x.value = ((r = g.value) == null ? void 0 : r.clientWidth) ?? null;
|
|
523
523
|
}), Xe(() => {
|
|
524
524
|
var r;
|
|
525
|
-
|
|
526
|
-
}),
|
|
525
|
+
x.value = ((r = g.value) == null ? void 0 : r.clientWidth) ?? null;
|
|
526
|
+
}), x;
|
|
527
527
|
}, ss = {
|
|
528
528
|
key: 0,
|
|
529
529
|
class: "w-8 h-8 sm:w-10 sm:h-10 flex items-center flex-shrink-0"
|
|
@@ -545,7 +545,7 @@ const Ke = (C) => {
|
|
|
545
545
|
}, fs = {
|
|
546
546
|
key: 1,
|
|
547
547
|
class: "flex justify-between border rounded-lg bg-[#F5F5F5] mb-1 w-full min-w-[19+0px] space-x-1 px-2"
|
|
548
|
-
}, vs = { class: "flex items-center text-[#525B66] space-x-3" }, ws = { style: { "font-size": "10px" } }, ys = { class: "relative -right-2" }, bs = ["href"], Cs = { class: "flex flex-nowrap items-center w-max h-[24px]" }, gs = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, xs = { class: "py-[8px] pl-0 pr-[8px]" }, ks = ["href"], $s = { class: "flex flex-nowrap items-center w-max h-[24px]" },
|
|
548
|
+
}, vs = { class: "flex items-center text-[#525B66] space-x-3" }, ws = { style: { "font-size": "10px" } }, ys = { class: "relative -right-2" }, bs = ["href"], Cs = { class: "flex flex-nowrap items-center w-max h-[24px]" }, gs = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full text-[#525B66]" }, xs = { class: "py-[8px] pl-0 pr-[8px]" }, ks = ["href"], $s = { class: "flex flex-nowrap items-center w-max h-[24px]" }, Ls = { class: "whitespace-nowrap overflow-hidden text-ellipsis text-left flex-shrink w-full" }, _s = { class: "py-[8px] pl-0 pr-[8px]" }, Ss = {
|
|
549
549
|
key: 4,
|
|
550
550
|
class: "custom-select ml-1 w-full relative pt-2 pb-2"
|
|
551
551
|
}, Bs = { class: "pl-1" }, Ms = {
|
|
@@ -566,10 +566,10 @@ const Ke = (C) => {
|
|
|
566
566
|
}, As = ["href"], Es = {
|
|
567
567
|
key: 0,
|
|
568
568
|
class: "tooltip-text"
|
|
569
|
-
},
|
|
569
|
+
}, Fs = { key: 0 }, Ps = {
|
|
570
570
|
key: 2,
|
|
571
571
|
class: "text-[8px] text-[#979CA9] font-light leading-[12px] flex items-center gap-1 mt-2 px-2"
|
|
572
|
-
}, Ws = { key: 0 }, Ns = /* @__PURE__ */
|
|
572
|
+
}, Ws = { key: 0 }, Ns = /* @__PURE__ */ _e({
|
|
573
573
|
__name: "OneSidebar",
|
|
574
574
|
props: r1,
|
|
575
575
|
emits: [
|
|
@@ -581,74 +581,74 @@ const Ke = (C) => {
|
|
|
581
581
|
"toggle-menu",
|
|
582
582
|
"update:modelValue"
|
|
583
583
|
],
|
|
584
|
-
setup(
|
|
585
|
-
var
|
|
586
|
-
const r =
|
|
584
|
+
setup(g, { emit: x }) {
|
|
585
|
+
var q, K, Q;
|
|
586
|
+
const r = x, d = g, z = V(() => {
|
|
587
587
|
var n;
|
|
588
|
-
return ((n =
|
|
589
|
-
}),
|
|
588
|
+
return ((n = d.news) == null ? void 0 : n.unseenCount) || 0;
|
|
589
|
+
}), k = () => {
|
|
590
590
|
r("show-news");
|
|
591
|
-
},
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
}),
|
|
595
|
-
const
|
|
591
|
+
}, p = j(!1), M = j(d.hoverable);
|
|
592
|
+
me(d, () => {
|
|
593
|
+
d.modelValue ? M.value = !0 : M.value = !1;
|
|
594
|
+
}), d.modelValue && (M.value = !0);
|
|
595
|
+
const T = h1(), J = V(() => {
|
|
596
596
|
const n = [];
|
|
597
|
-
if (
|
|
598
|
-
if (!
|
|
597
|
+
if (d.slim || n.push("fixed"), !N.value)
|
|
598
|
+
if (!d.isMobile)
|
|
599
599
|
n.push("w-[260px]");
|
|
600
600
|
else
|
|
601
601
|
return n.push("w-full");
|
|
602
602
|
return n.join(" ");
|
|
603
|
-
}),
|
|
604
|
-
|
|
605
|
-
}, N =
|
|
603
|
+
}), U = V(() => ""), A = (n) => {
|
|
604
|
+
p.value = M.value && n;
|
|
605
|
+
}, N = V(() => M.value && !p.value), f = V(() => d.island ? d.modelValue !== !1 : !!N.value), H = j(), e = es(H), c = V(() => d.modelValue === !0 || e.value === null ? !0 : e.value > 0), o = j(), u = () => N.value ? d.minimizedWidth : d.width;
|
|
606
606
|
Xe(() => {
|
|
607
|
-
const n =
|
|
607
|
+
const n = u();
|
|
608
608
|
setTimeout(() => {
|
|
609
|
-
|
|
609
|
+
o.value = n;
|
|
610
610
|
});
|
|
611
611
|
});
|
|
612
|
-
const
|
|
613
|
-
(
|
|
614
|
-
var
|
|
615
|
-
return n.id == ((
|
|
612
|
+
const $ = j(!1), O = j(
|
|
613
|
+
(q = d.app) != null && q.availableLang && ((K = d.app) == null ? void 0 : K.availableLang.length) > 0 ? (Q = d.app) == null ? void 0 : Q.availableLang.find((n) => {
|
|
614
|
+
var y;
|
|
615
|
+
return n.id == ((y = d.app) == null ? void 0 : y.lang);
|
|
616
616
|
}) : null
|
|
617
|
-
),
|
|
618
|
-
|
|
619
|
-
},
|
|
620
|
-
|
|
617
|
+
), v = () => {
|
|
618
|
+
$.value = !$.value;
|
|
619
|
+
}, E = (n) => {
|
|
620
|
+
O.value = n, $.value = !1, r("select-language", n);
|
|
621
621
|
}, F = () => {
|
|
622
|
-
var n,
|
|
623
|
-
(
|
|
622
|
+
var n, y;
|
|
623
|
+
(y = (n = d.app) == null ? void 0 : n.selectedPlan) != null && y.url && (window.location.href = d.app.selectedPlan.url);
|
|
624
624
|
};
|
|
625
|
-
return (n,
|
|
626
|
-
var X, Y, ee, se, te, le,
|
|
627
|
-
return s(),
|
|
625
|
+
return (n, y) => {
|
|
626
|
+
var X, Y, ee, se, te, le, oe, ne, h, G, ae, fe, ve, we, ye, w, P, I, re, ie, de, B, be, W, pe, ze, Te, Ve, He, Ae, Ee, Fe, Pe, We, Ne, Ge, Ie, Re, qe, Ue, Ze;
|
|
627
|
+
return s(), l("aside", {
|
|
628
628
|
ref_key: "rootElement",
|
|
629
|
-
ref:
|
|
630
|
-
class:
|
|
629
|
+
ref: T,
|
|
630
|
+
class: b(["oneb-sidebar cont flex flex-col", [
|
|
631
631
|
n.island ? "island-mode bg-white rounded-10 py-2 shrink-0 transition-all" : "pt-[56px] pb-1 sidebar z-40",
|
|
632
|
-
n.island ?
|
|
633
|
-
n.island ? "" :
|
|
632
|
+
n.island ? f.value ? "self-stretch w-[60px]" : "self-stretch w-[260px]" : J.value,
|
|
633
|
+
n.island ? "" : f.value ? "sm:max-w-[260px] w-full sm:w-max" : "sm:w-[260px] w-full"
|
|
634
634
|
]]),
|
|
635
|
-
style: m1(
|
|
636
|
-
onMouseenter:
|
|
637
|
-
onMouseleave:
|
|
635
|
+
style: m1(U.value),
|
|
636
|
+
onMouseenter: y[3] || (y[3] = (C) => A(!0)),
|
|
637
|
+
onMouseleave: y[4] || (y[4] = (C) => A(!1))
|
|
638
638
|
}, [
|
|
639
|
-
n.island ? (s(),
|
|
639
|
+
n.island ? (s(), l("div", {
|
|
640
640
|
key: 0,
|
|
641
|
-
class:
|
|
641
|
+
class: b(["px-2 flex shrink-0", f.value ? "flex-col items-center gap-1" : "items-center justify-between"])
|
|
642
642
|
}, [
|
|
643
|
-
|
|
643
|
+
f.value && n.logoSrc ? (s(), l("div", ss, [
|
|
644
644
|
t("img", {
|
|
645
645
|
src: n.logoSrc,
|
|
646
646
|
class: "w-8 h-8 mx-auto",
|
|
647
647
|
alt: "logo"
|
|
648
648
|
}, null, 8, ts)
|
|
649
649
|
])) : a("", !0),
|
|
650
|
-
!
|
|
651
|
-
n.logoSrc ? (s(),
|
|
650
|
+
!f.value && ((X = n.app) != null && X.name) ? (s(), l("div", ls, [
|
|
651
|
+
n.logoSrc ? (s(), l("div", os, [
|
|
652
652
|
t("img", {
|
|
653
653
|
src: n.logoSrc,
|
|
654
654
|
class: "w-8 h-8 mx-auto",
|
|
@@ -657,7 +657,7 @@ const Ke = (C) => {
|
|
|
657
657
|
])) : a("", !0),
|
|
658
658
|
t("div", as, [
|
|
659
659
|
t("p", rs, i(n.app.name), 1),
|
|
660
|
-
(ee = (Y = n.app) == null ? void 0 : Y.selectedPlan) != null && ee.name ? (s(),
|
|
660
|
+
(ee = (Y = n.app) == null ? void 0 : Y.selectedPlan) != null && ee.name ? (s(), l("div", is, [
|
|
661
661
|
t("span", ds, "Тариф " + i(n.app.selectedPlan.name), 1)
|
|
662
662
|
])) : a("", !0)
|
|
663
663
|
])
|
|
@@ -665,56 +665,56 @@ const Ke = (C) => {
|
|
|
665
665
|
t("button", {
|
|
666
666
|
type: "button",
|
|
667
667
|
class: "w-11 h-11 rounded-10 flex items-center justify-center text-secondary-base hover:bg-secondary-body-active transition-colors shrink-0",
|
|
668
|
-
onClick:
|
|
668
|
+
onClick: y[0] || (y[0] = (C) => r("toggle-menu"))
|
|
669
669
|
}, [
|
|
670
|
-
(s(),
|
|
670
|
+
(s(), m(L(f.value ? S(a1) : S(X1)), { class: "w-5 h-5" }))
|
|
671
671
|
])
|
|
672
672
|
], 2)) : a("", !0),
|
|
673
|
-
|
|
674
|
-
class:
|
|
675
|
-
n.island ?
|
|
673
|
+
ue(t("div", {
|
|
674
|
+
class: b(["overflow-y-auto overflow-hidden lg:bg-transparent transition-all flex-grow", [
|
|
675
|
+
n.island ? f.value ? "flex flex-col items-center gap-1 px-0 mx-0 mt-2" : "px-2 mt-2" : "top-[56px] left-0 z-50 px-1 ml-1 mr-1 mt-2"
|
|
676
676
|
]]),
|
|
677
677
|
ref_key: "menu",
|
|
678
678
|
ref: H
|
|
679
679
|
}, [
|
|
680
|
-
(s(!0),
|
|
681
|
-
key:
|
|
682
|
-
labelTop:
|
|
680
|
+
(s(!0), l(R, null, D(n.items, (C) => (s(), m(D1, {
|
|
681
|
+
key: C.label,
|
|
682
|
+
labelTop: C.labelTop,
|
|
683
683
|
isMobile: n.isMobile,
|
|
684
|
-
subItems:
|
|
685
|
-
open:
|
|
686
|
-
icon:
|
|
687
|
-
label:
|
|
688
|
-
route:
|
|
689
|
-
menuGroup:
|
|
690
|
-
href:
|
|
691
|
-
slim:
|
|
684
|
+
subItems: C.subItems,
|
|
685
|
+
open: C.open,
|
|
686
|
+
icon: C.icon,
|
|
687
|
+
label: C.label,
|
|
688
|
+
route: C.route,
|
|
689
|
+
menuGroup: C == null ? void 0 : C.menuGroup,
|
|
690
|
+
href: C.href,
|
|
691
|
+
slim: f.value,
|
|
692
692
|
island: n.island,
|
|
693
|
-
active:
|
|
694
|
-
"route-name":
|
|
695
|
-
exact:
|
|
696
|
-
onUpdateCollapsed:
|
|
693
|
+
active: C.active === !0,
|
|
694
|
+
"route-name": C.routeName,
|
|
695
|
+
exact: C.exact || !1,
|
|
696
|
+
onUpdateCollapsed: y[1] || (y[1] = (Be) => r("update-collapsed"))
|
|
697
697
|
}, null, 8, ["labelTop", "isMobile", "subItems", "open", "icon", "label", "route", "menuGroup", "href", "slim", "island", "active", "route-name", "exact"]))), 128))
|
|
698
698
|
], 2), [
|
|
699
|
-
[
|
|
699
|
+
[$e, c.value]
|
|
700
700
|
]),
|
|
701
|
-
n.island &&
|
|
701
|
+
n.island && f.value ? (s(), l("div", ps, [
|
|
702
702
|
t("button", {
|
|
703
703
|
type: "button",
|
|
704
704
|
class: "w-9 h-9 rounded-10 flex items-center justify-center hover:bg-secondary-body-active transition-colors",
|
|
705
|
-
onClick:
|
|
705
|
+
onClick: y[2] || (y[2] = (C) => r("show-help"))
|
|
706
706
|
}, [
|
|
707
|
-
|
|
707
|
+
_(Le, { class: "w-6 h-6" })
|
|
708
708
|
])
|
|
709
709
|
])) : a("", !0),
|
|
710
|
-
|
|
711
|
-
class:
|
|
710
|
+
ue(t("div", {
|
|
711
|
+
class: b(["mt-auto shrink rounded-2xl mx-2", [f.value ? "" : "px-2 bg-white pt-2.5 py-2"]])
|
|
712
712
|
}, [
|
|
713
|
-
n.island ? a("", !0) : (s(),
|
|
713
|
+
n.island ? a("", !0) : (s(), l("div", {
|
|
714
714
|
key: 0,
|
|
715
|
-
class:
|
|
715
|
+
class: b([f.value ? "hidden" : "w-full hidden md:flex-col md:flex"])
|
|
716
716
|
}, [
|
|
717
|
-
(se = n.app) != null && se.offerPlan ? (s(),
|
|
717
|
+
(se = n.app) != null && se.offerPlan ? (s(), l("a", {
|
|
718
718
|
key: 0,
|
|
719
719
|
href: (te = n.app) == null ? void 0 : te.offerPlan.url,
|
|
720
720
|
class: "w-full min-w-[190px] border-gradient rounded-lg p-[1px] bg-[#FFF8E4] mb-1 block",
|
|
@@ -723,157 +723,157 @@ const Ke = (C) => {
|
|
|
723
723
|
}, [
|
|
724
724
|
t("div", cs, [
|
|
725
725
|
t("div", hs, [
|
|
726
|
-
(s(),
|
|
726
|
+
(s(), m(L((le = n.app) == null ? void 0 : le.offerPlan.icon), { class: "w-[16px] h-[16px]" }))
|
|
727
727
|
]),
|
|
728
728
|
t("p", ms, [
|
|
729
|
-
t("strong", null, i((
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
729
|
+
t("strong", null, i((oe = n.app) == null ? void 0 : oe.offerPlan.title), 1),
|
|
730
|
+
Ce(" «" + i((ne = n.app) == null ? void 0 : ne.offerPlan.name) + "» ", 1),
|
|
731
|
+
y[5] || (y[5] = t("br", null, null, -1)),
|
|
732
|
+
Ce(i((h = n.app) == null ? void 0 : h.offerPlan.title1), 1)
|
|
733
733
|
])
|
|
734
734
|
])
|
|
735
735
|
], 8, us)) : a("", !0),
|
|
736
|
-
(
|
|
736
|
+
(G = n.app) != null && G.selectedPlan && ((ae = n.app) != null && ae.selectedPlan.name) ? (s(), l("div", fs, [
|
|
737
737
|
t("div", vs, [
|
|
738
738
|
t("div", null, [
|
|
739
|
-
(s(),
|
|
739
|
+
(s(), m(L((fe = n.app) == null ? void 0 : fe.selectedPlan.icon), { class: "w-[16px] h-[16px]" }))
|
|
740
740
|
]),
|
|
741
741
|
t("div", ws, [
|
|
742
|
-
t("p", null, i(((
|
|
743
|
-
t("p", null, i(((
|
|
742
|
+
t("p", null, i(((ve = n.app) == null ? void 0 : ve.selectedPlan.name) || ""), 1),
|
|
743
|
+
t("p", null, i(((we = n.app) == null ? void 0 : we.selectedPlan.title) || ""), 1)
|
|
744
744
|
])
|
|
745
745
|
]),
|
|
746
746
|
t("div", ys, [
|
|
747
|
-
|
|
747
|
+
_(je, {
|
|
748
748
|
class: "text-[#525B66] hover:text-[#4089E0] !rounded-lg",
|
|
749
749
|
variant: "touch",
|
|
750
|
-
icon:
|
|
750
|
+
icon: S(v1),
|
|
751
751
|
onClick: F
|
|
752
752
|
}, null, 8, ["icon"])
|
|
753
753
|
])
|
|
754
754
|
])) : a("", !0),
|
|
755
|
-
(
|
|
755
|
+
(ye = n.app) != null && ye.terms ? (s(), l("a", {
|
|
756
756
|
key: 2,
|
|
757
|
-
href: (
|
|
757
|
+
href: (w = n.app) == null ? void 0 : w.terms.url,
|
|
758
758
|
target: "_blank",
|
|
759
759
|
class: "ml-1 flex items-center rounded-lg text-xs hover:underline font-extralight"
|
|
760
760
|
}, [
|
|
761
761
|
t("div", Cs, [
|
|
762
762
|
t("div", gs, [
|
|
763
|
-
t("span", xs, i(((
|
|
763
|
+
t("span", xs, i(((P = n.app) == null ? void 0 : P.terms.label) || "Terms"), 1)
|
|
764
764
|
])
|
|
765
765
|
])
|
|
766
766
|
], 8, bs)) : a("", !0),
|
|
767
|
-
(
|
|
767
|
+
(I = n.app) != null && I.offer ? (s(), l("a", {
|
|
768
768
|
key: 3,
|
|
769
|
-
href: (
|
|
769
|
+
href: (re = n.app) == null ? void 0 : re.offer.url,
|
|
770
770
|
target: "_blank",
|
|
771
771
|
class: "ml-1 flex items-center rounded-lg text-xs hover:underline text-[#525B66] font-extralight"
|
|
772
772
|
}, [
|
|
773
773
|
t("div", $s, [
|
|
774
|
-
t("div",
|
|
775
|
-
t("span",
|
|
774
|
+
t("div", Ls, [
|
|
775
|
+
t("span", _s, i(((ie = n.app) == null ? void 0 : ie.offer.label) || "Offert"), 1)
|
|
776
776
|
])
|
|
777
777
|
])
|
|
778
778
|
], 8, ks)) : a("", !0),
|
|
779
|
-
(
|
|
779
|
+
(B = (de = n.app) == null ? void 0 : de.availableLang) != null && B.length ? (s(), l("div", Ss, [
|
|
780
780
|
t("div", {
|
|
781
781
|
class: "select-box flex gap-x-2 text-xs text-[#525B66] cursor-pointer",
|
|
782
|
-
onClick:
|
|
782
|
+
onClick: v
|
|
783
783
|
}, [
|
|
784
|
-
S(
|
|
785
|
-
|
|
786
|
-
t("span", Bs, i(
|
|
784
|
+
_(S(f1), { class: "w-4" }),
|
|
785
|
+
Ce(" " + i((be = O.value) == null ? void 0 : be.name) + " ", 1),
|
|
786
|
+
t("span", Bs, i($.value ? "▲" : "▼"), 1)
|
|
787
787
|
]),
|
|
788
|
-
|
|
789
|
-
(s(!0),
|
|
790
|
-
var
|
|
791
|
-
return s(),
|
|
792
|
-
key:
|
|
793
|
-
class:
|
|
794
|
-
"hover:bg-slate-200 rounded-lg cursor-pointer":
|
|
795
|
-
"text-gray-300":
|
|
788
|
+
$.value ? (s(), l("div", Ms, [
|
|
789
|
+
(s(!0), l(R, null, D((W = n.app) == null ? void 0 : W.availableLang, (C) => {
|
|
790
|
+
var Be, De;
|
|
791
|
+
return s(), l("div", {
|
|
792
|
+
key: C.id,
|
|
793
|
+
class: b(["px-2", {
|
|
794
|
+
"hover:bg-slate-200 rounded-lg cursor-pointer": C.id !== ((Be = O.value) == null ? void 0 : Be.id),
|
|
795
|
+
"text-gray-300": C.id === ((De = O.value) == null ? void 0 : De.id)
|
|
796
796
|
}]),
|
|
797
|
-
onClick: (
|
|
797
|
+
onClick: (gl) => {
|
|
798
798
|
var Je;
|
|
799
|
-
return
|
|
799
|
+
return C.id !== ((Je = O.value) == null ? void 0 : Je.id) && E(C);
|
|
800
800
|
}
|
|
801
|
-
}, i(
|
|
801
|
+
}, i(C.name), 11, Os);
|
|
802
802
|
}), 128))
|
|
803
803
|
])) : a("", !0)
|
|
804
804
|
])) : a("", !0)
|
|
805
805
|
], 2)),
|
|
806
|
-
!
|
|
806
|
+
!f.value && ((pe = n.app) != null && pe.offer || (Te = (ze = n.app) == null ? void 0 : ze.availableLang) != null && Te.length || (Ve = n.app) != null && Ve.selectedPlan && ((He = n.app) != null && He.selectedPlan.name) || (Ae = n.app) != null && Ae.offerPlan) ? (s(), l("div", js)) : a("", !0),
|
|
807
807
|
t("div", {
|
|
808
|
-
class:
|
|
808
|
+
class: b([f.value ? "grid" : n.island ? "flex items-center gap-2" : "flex space-x-2"])
|
|
809
809
|
}, [
|
|
810
|
-
n.news ? (s(),
|
|
810
|
+
n.news ? (s(), l("a", {
|
|
811
811
|
key: 0,
|
|
812
812
|
href: "#",
|
|
813
|
-
class:
|
|
814
|
-
onClick:
|
|
813
|
+
class: b(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all bg-gray-100 px-1", [f.value ? "w-[44px] h-[44px] text-center" : "h-[36x] pr-2"]]),
|
|
814
|
+
onClick: k
|
|
815
815
|
}, [
|
|
816
|
-
n.news.menuLabel ? (s(),
|
|
816
|
+
n.news.menuLabel ? (s(), l("div", zs, i(n.news.menuLabel || "News"), 1)) : a("", !0),
|
|
817
817
|
t("div", {
|
|
818
|
-
class:
|
|
818
|
+
class: b(["w-full", [f.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
|
|
819
819
|
}, [
|
|
820
820
|
t("div", {
|
|
821
|
-
class:
|
|
821
|
+
class: b(["relative items-center", [f.value ? "" : "flex flex-row space-x-1"]])
|
|
822
822
|
}, [
|
|
823
823
|
t("div", null, [
|
|
824
|
-
(s(),
|
|
824
|
+
(s(), m(L(Le), { class: "w-[24px] h-[24px] mx-auto" }))
|
|
825
825
|
]),
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
|
|
826
|
+
f.value ? a("", !0) : (s(), l("div", Ts, i(n.news.menuLabel || "News"), 1)),
|
|
827
|
+
z.value > 0 ? (s(), l("span", Vs)) : a("", !0),
|
|
828
|
+
z.value > 0 ? (s(), l("span", Hs)) : a("", !0)
|
|
829
829
|
], 2)
|
|
830
830
|
], 2)
|
|
831
831
|
], 2)) : a("", !0),
|
|
832
|
-
(Ee = n.app) != null && Ee.support ? (s(),
|
|
832
|
+
(Ee = n.app) != null && Ee.support ? (s(), l("a", {
|
|
833
833
|
key: 1,
|
|
834
|
-
href: (
|
|
835
|
-
class:
|
|
834
|
+
href: (Pe = (Fe = n.app) == null ? void 0 : Fe.support) == null ? void 0 : Pe.url,
|
|
835
|
+
class: b(["text-[#525B66] flex items-center rounded-lg text-sm tooltip hover:bg-primary-10-hover hover:text-primary-base transition-all", [f.value ? "w-[44px] h-[44px] text-center" : "h-[36x]"]])
|
|
836
836
|
}, [
|
|
837
|
-
(Ne = (We = n.app) == null ? void 0 : We.support) != null && Ne.label ? (s(),
|
|
837
|
+
(Ne = (We = n.app) == null ? void 0 : We.support) != null && Ne.label ? (s(), l("div", Es, i(((Ie = (Ge = n.app) == null ? void 0 : Ge.support) == null ? void 0 : Ie.label) || "Support"), 1)) : a("", !0),
|
|
838
838
|
t("div", {
|
|
839
|
-
class:
|
|
839
|
+
class: b(["w-full", [f.value ? "" : "flex flex-nowrap items-center h-[36px]"]])
|
|
840
840
|
}, [
|
|
841
841
|
t("div", {
|
|
842
|
-
class:
|
|
842
|
+
class: b(["flex-shrink-0 relative", [f.value ? "mx-auto w-[36px] " : "flex space-x-2 px-1"]])
|
|
843
843
|
}, [
|
|
844
844
|
t("div", null, [
|
|
845
|
-
(s(),
|
|
845
|
+
(s(), m(L(S(w1)), { class: "w-[20px] h-[20px] mx-auto" }))
|
|
846
846
|
]),
|
|
847
|
-
|
|
847
|
+
f.value ? a("", !0) : (s(), l("div", Fs, i(((qe = (Re = n.app) == null ? void 0 : Re.support) == null ? void 0 : qe.label) || "Support"), 1))
|
|
848
848
|
], 2)
|
|
849
849
|
], 2)
|
|
850
850
|
], 10, As)) : a("", !0)
|
|
851
851
|
], 2),
|
|
852
|
-
n.island && !
|
|
853
|
-
|
|
854
|
-
|
|
852
|
+
n.island && !f.value ? (s(), l("div", Ps, [
|
|
853
|
+
y[6] || (y[6] = t("span", null, [
|
|
854
|
+
Ce("Powered By "),
|
|
855
855
|
t("span", { class: "capitalize" }, "OneB")
|
|
856
856
|
], -1)),
|
|
857
|
-
(Ue = n.app) != null && Ue.version ? (s(),
|
|
857
|
+
(Ue = n.app) != null && Ue.version ? (s(), l("span", Ws, "V." + i(n.app.version), 1)) : a("", !0)
|
|
858
858
|
])) : a("", !0),
|
|
859
|
-
n.island ? a("", !0) : (s(),
|
|
859
|
+
n.island ? a("", !0) : (s(), l("p", {
|
|
860
860
|
key: 3,
|
|
861
|
-
class:
|
|
861
|
+
class: b([[f.value ? "hidden" : "w-full"], "text-[7px] pl-2 text-[#979CA9] flex justify-between font-extralight pt-1"])
|
|
862
862
|
}, [
|
|
863
|
-
|
|
864
|
-
|
|
863
|
+
y[7] || (y[7] = t("span", null, [
|
|
864
|
+
Ce("Powered by "),
|
|
865
865
|
t("span", { class: "text-blue-700" }, "OneB")
|
|
866
866
|
], -1)),
|
|
867
867
|
t("span", null, i((Ze = n.app) == null ? void 0 : Ze.version), 1)
|
|
868
868
|
], 2))
|
|
869
869
|
], 2), [
|
|
870
|
-
[
|
|
870
|
+
[$e, c.value && (!n.island || !f.value)]
|
|
871
871
|
])
|
|
872
872
|
], 38);
|
|
873
873
|
};
|
|
874
874
|
}
|
|
875
875
|
});
|
|
876
|
-
const d1 = /* @__PURE__ */
|
|
876
|
+
const d1 = /* @__PURE__ */ Se(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { class: "h-screen relative" }, Is = {
|
|
877
877
|
class: "header h-[56px] flex items-center flex-nowrap fixed top-0 left-0 w-full z-50",
|
|
878
878
|
style: { background: "rgba(245, 247, 251, 0.8)", "backdrop-filter": "blur(5px)" }
|
|
879
879
|
}, Rs = { class: "sm:p-2 pl-2 flex-shrink-0" }, qs = { class: "w-8 h-8 sm:w-10 sm:h-10 flex items-center flex-shrink-0" }, Us = ["src"], Zs = { class: "whitespace-nowrap font-semibold sm:text-xl truncate" }, Ds = { class: "text-xs whitespace-nowrap truncate" }, Js = { class: "w-full pl-1" }, Ks = { class: "w-full flex justify-end sm:pr-4" }, Qs = { class: "flex items-center sm:space-x-1" }, Xs = {
|
|
@@ -903,118 +903,118 @@ const d1 = /* @__PURE__ */ we(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { cl
|
|
|
903
903
|
}, vt = {
|
|
904
904
|
key: 3,
|
|
905
905
|
class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
|
|
906
|
-
}, wt = { class: "text-lg font-medium" }, yt = { class: "text-sm text-gray-600" }, bt = { key: 0 }, Ct = ["src"], gt = { class: "text-sm" }, xt = { key: 1 }, kt = ["href"], $t = { class: "text-sm flex items-center justify-between mt-1" },
|
|
906
|
+
}, wt = { class: "text-lg font-medium" }, yt = { class: "text-sm text-gray-600" }, bt = { key: 0 }, Ct = ["src"], gt = { class: "text-sm" }, xt = { key: 1 }, kt = ["href"], $t = { class: "text-sm flex items-center justify-between mt-1" }, Lt = { class: "text-gray-800" }, _t = ["href"], St = /* @__PURE__ */ _e({
|
|
907
907
|
__name: "OneMainLayout",
|
|
908
908
|
props: i1,
|
|
909
909
|
emits: ["load-news", "load-tariff", "open-tariff"],
|
|
910
|
-
setup(
|
|
911
|
-
const r =
|
|
912
|
-
let
|
|
913
|
-
window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"),
|
|
914
|
-
const
|
|
915
|
-
|
|
910
|
+
setup(g, { emit: x }) {
|
|
911
|
+
const r = x, d = g;
|
|
912
|
+
let z = window.localStorage.getItem("sidebar-slim");
|
|
913
|
+
window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("sidebar-slim") == null && window.localStorage.setItem("sidebar-slim", "1"), z = "1");
|
|
914
|
+
const k = j(z === "1");
|
|
915
|
+
j(!0), me(k, (e) => {
|
|
916
916
|
window.localStorage.setItem("sidebar-slim", String(e ? 1 : 0));
|
|
917
917
|
});
|
|
918
|
-
const
|
|
919
|
-
|
|
920
|
-
},
|
|
921
|
-
|
|
922
|
-
() =>
|
|
918
|
+
const p = j(!1), M = () => {
|
|
919
|
+
p.value = !p.value, p.value && r("load-news");
|
|
920
|
+
}, T = V(() => d.showHeadre);
|
|
921
|
+
me(
|
|
922
|
+
() => d.showHeadre,
|
|
923
923
|
// Передаємо доступ до props
|
|
924
924
|
() => {
|
|
925
|
-
|
|
925
|
+
T.value = d.showHeadre;
|
|
926
926
|
}
|
|
927
927
|
);
|
|
928
|
-
const
|
|
929
|
-
|
|
930
|
-
},
|
|
931
|
-
|
|
932
|
-
window.addEventListener("resize",
|
|
933
|
-
}),
|
|
934
|
-
window.removeEventListener("resize",
|
|
928
|
+
const J = j(window.innerWidth), U = () => {
|
|
929
|
+
J.value = window.innerWidth;
|
|
930
|
+
}, A = V(() => J.value <= 768);
|
|
931
|
+
ke(() => {
|
|
932
|
+
window.addEventListener("resize", U);
|
|
933
|
+
}), Oe(() => {
|
|
934
|
+
window.removeEventListener("resize", U);
|
|
935
935
|
});
|
|
936
936
|
const N = (e) => {
|
|
937
|
-
var
|
|
938
|
-
(
|
|
939
|
-
},
|
|
940
|
-
|
|
937
|
+
var c;
|
|
938
|
+
(c = d.handlers) == null || c.onSetLang(e);
|
|
939
|
+
}, f = j(!1), H = () => {
|
|
940
|
+
f.value = window.matchMedia("(min-width: 769px)").matches;
|
|
941
941
|
};
|
|
942
|
-
return
|
|
942
|
+
return ke(() => {
|
|
943
943
|
H(), window.addEventListener("resize", H);
|
|
944
|
-
}),
|
|
944
|
+
}), Oe(() => {
|
|
945
945
|
window.removeEventListener("resize", H);
|
|
946
|
-
}), (e,
|
|
947
|
-
var $,
|
|
948
|
-
const
|
|
949
|
-
return s(),
|
|
950
|
-
|
|
946
|
+
}), (e, c) => {
|
|
947
|
+
var u, $, O, v, E, F, q, K, Q, n, y, X, Y, ee, se, te, le, oe, ne;
|
|
948
|
+
const o = Qe("RouterLink");
|
|
949
|
+
return s(), l("div", Gs, [
|
|
950
|
+
ue(t("div", Is, [
|
|
951
951
|
t("div", Rs, [
|
|
952
952
|
t("button", {
|
|
953
|
-
onClick:
|
|
953
|
+
onClick: c[0] || (c[0] = (h) => k.value = !k.value),
|
|
954
954
|
class: "sm:w-[44px] sm:h-[44px] w-8 h-8 sm:p-[8px] flex items-center justify-center rounded hover:bg-secondary-10 hover:text-blue-600"
|
|
955
955
|
}, [
|
|
956
|
-
S(
|
|
956
|
+
_(S(a1), { class: "sm:w-[24px] sm:h-[24px] w-6 h-6" })
|
|
957
957
|
])
|
|
958
958
|
]),
|
|
959
959
|
t("div", qs, [
|
|
960
|
-
e.logoSrc != null ? (s(),
|
|
960
|
+
e.logoSrc != null ? (s(), l("img", {
|
|
961
961
|
key: 0,
|
|
962
962
|
src: e.logoSrc,
|
|
963
963
|
class: "w-8 h-8 mx-auto",
|
|
964
964
|
alt: "logo"
|
|
965
965
|
}, null, 8, Us)) : a("", !0)
|
|
966
966
|
]),
|
|
967
|
-
e.app != null ? (s(),
|
|
967
|
+
e.app != null ? (s(), m(o, {
|
|
968
968
|
key: 0,
|
|
969
969
|
to: "/",
|
|
970
970
|
class: "sm:pl-2 pl-1 truncate w-full"
|
|
971
971
|
}, {
|
|
972
972
|
default: Z(() => {
|
|
973
|
-
var
|
|
973
|
+
var h, G;
|
|
974
974
|
return [
|
|
975
975
|
t("div", Zs, i(e.app.name), 1),
|
|
976
|
-
t("div", Ds, i((
|
|
976
|
+
t("div", Ds, i((G = (h = e.app) == null ? void 0 : h.workspace) == null ? void 0 : G.name), 1)
|
|
977
977
|
];
|
|
978
978
|
}),
|
|
979
979
|
_: 1
|
|
980
980
|
})) : a("", !0),
|
|
981
|
-
|
|
981
|
+
he(e.$slots, "head-left", {}, void 0, !0),
|
|
982
982
|
t("div", Js, [
|
|
983
983
|
t("div", Ks, [
|
|
984
984
|
t("div", Qs, [
|
|
985
|
-
e.improveTariff && ((
|
|
985
|
+
e.improveTariff && ((u = e.improveTariff) != null && u.label) && e.improveTariff.label ? (s(), l("div", Xs, [
|
|
986
986
|
t("button", {
|
|
987
987
|
type: "button",
|
|
988
988
|
class: "cursor-pointer flex items-center h-full bg-[#FFF8E4] hover:bg-[#f2e3b8] rounded-full px-2 py-1 font-medium",
|
|
989
|
-
onClick:
|
|
990
|
-
(...
|
|
991
|
-
var
|
|
992
|
-
return ((
|
|
989
|
+
onClick: c[1] || (c[1] = //@ts-ignore
|
|
990
|
+
(...h) => {
|
|
991
|
+
var G, ae;
|
|
992
|
+
return ((G = e.handlers) == null ? void 0 : G.onImproveTariff) && ((ae = e.handlers) == null ? void 0 : ae.onImproveTariff(...h));
|
|
993
993
|
}),
|
|
994
994
|
style: { "font-size": "10px" }
|
|
995
995
|
}, [
|
|
996
996
|
t("div", Ys, [
|
|
997
|
-
(s(),
|
|
997
|
+
(s(), m(L(($ = e.improveTariff) == null ? void 0 : $.icon), { class: "h-4 w-4 mx-auto" }))
|
|
998
998
|
]),
|
|
999
|
-
t("span", et, i((
|
|
999
|
+
t("span", et, i((O = e.improveTariff) == null ? void 0 : O.label), 1)
|
|
1000
1000
|
])
|
|
1001
1001
|
])) : a("", !0),
|
|
1002
|
-
|
|
1003
|
-
e.help ? (s(),
|
|
1002
|
+
he(e.$slots, "head-right", {}, void 0, !0),
|
|
1003
|
+
e.help ? (s(), m(e1, {
|
|
1004
1004
|
key: 1,
|
|
1005
1005
|
help: e.help
|
|
1006
1006
|
}, null, 8, ["help"])) : a("", !0),
|
|
1007
|
-
((
|
|
1007
|
+
((v = e.handlers) == null ? void 0 : v.onBrowse) != null ? (s(), m(s1, {
|
|
1008
1008
|
key: 2,
|
|
1009
|
-
workspace: (
|
|
1009
|
+
workspace: (E = e.app) == null ? void 0 : E.workspace,
|
|
1010
1010
|
apps: ((F = e.app) == null ? void 0 : F.apps) || [],
|
|
1011
|
-
"change-label": ((
|
|
1011
|
+
"change-label": ((q = e.labels) == null ? void 0 : q.change) || "Change",
|
|
1012
1012
|
"apps-title": ((K = e.labels) == null ? void 0 : K.apps) || "Apps",
|
|
1013
1013
|
"on-app": (Q = e.handlers) == null ? void 0 : Q.onApp,
|
|
1014
1014
|
"on-change": (n = e.handlers) == null ? void 0 : n.onChange,
|
|
1015
|
-
onOpen: (
|
|
1015
|
+
onOpen: (y = e.handlers) == null ? void 0 : y.onBrowse
|
|
1016
1016
|
}, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change", "onOpen"])) : a("", !0),
|
|
1017
|
-
|
|
1017
|
+
_(t1, {
|
|
1018
1018
|
user: e.user,
|
|
1019
1019
|
menu: e.menu,
|
|
1020
1020
|
app: e.app,
|
|
@@ -1028,102 +1028,102 @@ const d1 = /* @__PURE__ */ we(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { cl
|
|
|
1028
1028
|
])
|
|
1029
1029
|
])
|
|
1030
1030
|
], 512), [
|
|
1031
|
-
[
|
|
1031
|
+
[$e, T.value]
|
|
1032
1032
|
]),
|
|
1033
1033
|
t("div", st, [
|
|
1034
|
-
!
|
|
1034
|
+
!A.value || !k.value ? (s(), m(d1, {
|
|
1035
1035
|
key: 0,
|
|
1036
1036
|
app: e.app,
|
|
1037
1037
|
items: e.sidebarItems,
|
|
1038
1038
|
"with-news": e.news != null,
|
|
1039
1039
|
news: e.news,
|
|
1040
|
-
isMobile:
|
|
1041
|
-
modelValue:
|
|
1042
|
-
"onUpdate:modelValue":
|
|
1043
|
-
onShowNews:
|
|
1040
|
+
isMobile: A.value,
|
|
1041
|
+
modelValue: k.value,
|
|
1042
|
+
"onUpdate:modelValue": c[2] || (c[2] = (h) => k.value = h),
|
|
1043
|
+
onShowNews: M,
|
|
1044
1044
|
onSelectLanguage: N,
|
|
1045
|
-
onUpdateCollapsed:
|
|
1045
|
+
onUpdateCollapsed: c[3] || (c[3] = (h) => k.value = !k.value)
|
|
1046
1046
|
}, null, 8, ["app", "items", "with-news", "news", "isMobile", "modelValue"])) : a("", !0),
|
|
1047
1047
|
t("div", {
|
|
1048
|
-
class:
|
|
1049
|
-
|
|
1050
|
-
|
|
1048
|
+
class: b([[
|
|
1049
|
+
k.value ? "" : "lg:ml-[260px] hidden sm:block",
|
|
1050
|
+
f.value ? "ml-[60px]" : ""
|
|
1051
1051
|
], "body scroll-body w-full overflow-y-auto"])
|
|
1052
1052
|
}, [
|
|
1053
1053
|
t("div", {
|
|
1054
|
-
class:
|
|
1054
|
+
class: b(["content transition-all", { "pt-[56px]": T.value }])
|
|
1055
1055
|
}, [
|
|
1056
|
-
|
|
1056
|
+
he(e.$slots, "default", {}, void 0, !0)
|
|
1057
1057
|
], 2)
|
|
1058
1058
|
], 2)
|
|
1059
1059
|
]),
|
|
1060
|
-
e.news ? (s(),
|
|
1061
|
-
|
|
1060
|
+
e.news ? (s(), l("div", tt, [
|
|
1061
|
+
p.value ? (s(), l("div", {
|
|
1062
1062
|
key: 0,
|
|
1063
1063
|
class: "fixed top-0 left-0 h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
|
|
1064
|
-
onClick:
|
|
1064
|
+
onClick: c[4] || (c[4] = ce((h) => p.value = !1, ["self"]))
|
|
1065
1065
|
})) : a("", !0),
|
|
1066
1066
|
t("div", {
|
|
1067
|
-
class:
|
|
1067
|
+
class: b(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [p.value ? "sm:w-[560px] w-full" : "w-0"]])
|
|
1068
1068
|
}, [
|
|
1069
|
-
|
|
1069
|
+
p.value ? (s(), l("div", lt, [
|
|
1070
1070
|
t("div", ot, [
|
|
1071
1071
|
t("div", nt, [
|
|
1072
|
-
|
|
1073
|
-
|
|
1072
|
+
_(Le, { class: "w-10 h-10" }),
|
|
1073
|
+
c[6] || (c[6] = t("div", { class: "w-full font-medium" }, "OneB News", -1)),
|
|
1074
1074
|
t("div", null, [
|
|
1075
|
-
|
|
1075
|
+
_(je, {
|
|
1076
1076
|
variant: "touch",
|
|
1077
|
-
icon:
|
|
1078
|
-
onClick:
|
|
1077
|
+
icon: S(l1),
|
|
1078
|
+
onClick: c[5] || (c[5] = (h) => p.value = !1)
|
|
1079
1079
|
}, null, 8, ["icon"])
|
|
1080
1080
|
])
|
|
1081
1081
|
]),
|
|
1082
1082
|
t("div", at, [
|
|
1083
|
-
e.news.isLoading && ((le = e.news.items) == null ? void 0 : le.length) === 0 ? (s(),
|
|
1084
|
-
|
|
1085
|
-
])) : ((
|
|
1083
|
+
e.news.isLoading && ((le = e.news.items) == null ? void 0 : le.length) === 0 ? (s(), l("div", rt, [
|
|
1084
|
+
_(o1, { class: "w-6 h-6 text-gray-600 mx-auto" })
|
|
1085
|
+
])) : ((oe = e.news.items) == null ? void 0 : oe.length) === 0 ? (s(), l("div", it, [
|
|
1086
1086
|
t("div", dt, i(e.news.emptyText), 1)
|
|
1087
|
-
])) : ((
|
|
1088
|
-
(s(!0),
|
|
1089
|
-
key:
|
|
1087
|
+
])) : ((ne = e.news.items) == null ? void 0 : ne.length) > 0 ? (s(), l("div", pt, [
|
|
1088
|
+
(s(!0), l(R, null, D(e.news.items, (h) => (s(), l("div", {
|
|
1089
|
+
key: h.id,
|
|
1090
1090
|
class: "p-3"
|
|
1091
1091
|
}, [
|
|
1092
1092
|
t("div", ut, [
|
|
1093
1093
|
t("div", null, [
|
|
1094
|
-
|
|
1095
|
-
|
|
1094
|
+
h.type ? (s(), l("div", ct, [
|
|
1095
|
+
h.type === 10 ? (s(), l("span", ht, "update")) : h.type === 11 ? (s(), l("span", mt, "warning")) : h.type === 12 ? (s(), l("span", ft, "notice")) : h.type === 13 ? (s(), l("span", vt, "ads")) : a("", !0)
|
|
1096
1096
|
])) : a("", !0),
|
|
1097
|
-
t("div", wt, i(
|
|
1098
|
-
t("div", yt, i(
|
|
1097
|
+
t("div", wt, i(h.title), 1),
|
|
1098
|
+
t("div", yt, i(h.summary), 1)
|
|
1099
1099
|
]),
|
|
1100
|
-
|
|
1100
|
+
h.image_url ? (s(), l("div", bt, [
|
|
1101
1101
|
t("img", {
|
|
1102
|
-
src:
|
|
1102
|
+
src: h.image_url,
|
|
1103
1103
|
alt: "",
|
|
1104
1104
|
class: "w-full rounded-md"
|
|
1105
1105
|
}, null, 8, Ct)
|
|
1106
1106
|
])) : a("", !0),
|
|
1107
1107
|
t("div", gt, [
|
|
1108
|
-
|
|
1109
|
-
text:
|
|
1108
|
+
_(n1, {
|
|
1109
|
+
text: h.body
|
|
1110
1110
|
}, null, 8, ["text"])
|
|
1111
1111
|
]),
|
|
1112
|
-
|
|
1112
|
+
h.video_url ? (s(), l("div", xt, [
|
|
1113
1113
|
t("a", {
|
|
1114
|
-
href:
|
|
1114
|
+
href: h.video_url,
|
|
1115
1115
|
target: "_blank",
|
|
1116
1116
|
class: "text-blue-600 hover:text-blue-700 px-3 py-2 border rounded-md w-full block"
|
|
1117
1117
|
}, i(e.news.openVideoText), 9, kt)
|
|
1118
1118
|
])) : a("", !0),
|
|
1119
1119
|
t("div", $t, [
|
|
1120
|
-
t("span",
|
|
1121
|
-
|
|
1120
|
+
t("span", Lt, i(h.published), 1),
|
|
1121
|
+
h.post_url ? (s(), l("a", {
|
|
1122
1122
|
key: 0,
|
|
1123
|
-
href:
|
|
1123
|
+
href: h.post_url,
|
|
1124
1124
|
target: "_blank",
|
|
1125
1125
|
class: "text-blue-600 hover:text-blue-700 block"
|
|
1126
|
-
}, i(e.news.moreText), 9,
|
|
1126
|
+
}, i(e.news.moreText), 9, _t)) : a("", !0)
|
|
1127
1127
|
])
|
|
1128
1128
|
])
|
|
1129
1129
|
]))), 128))
|
|
@@ -1137,296 +1137,313 @@ const d1 = /* @__PURE__ */ we(Ns, [["__scopeId", "data-v-bcc0bd0f"]]), Gs = { cl
|
|
|
1137
1137
|
};
|
|
1138
1138
|
}
|
|
1139
1139
|
});
|
|
1140
|
-
const
|
|
1140
|
+
const El = /* @__PURE__ */ Se(St, [["__scopeId", "data-v-f5bf3126"]]), Bt = { class: "bg-secondary-body-island min-h-screen p-3" }, Mt = { class: "flex gap-3 items-stretch" }, Ot = { class: "flex-1 flex flex-col gap-3 min-w-0" }, jt = { class: "bg-white rounded-10 h-14 flex items-center justify-between pl-3 pr-3 shrink-0" }, zt = { class: "flex items-center min-w-0 gap-2" }, Tt = { class: "text-base text-black truncate" }, Vt = ["onClick"], Ht = { class: "text-base text-black truncate" }, At = { class: "w-[320px] py-2" }, Et = ["onClick"], Ft = { class: "text-sm" }, Pt = {
|
|
1141
1141
|
key: 0,
|
|
1142
1142
|
class: "border-t border-secondary-stroke my-1"
|
|
1143
|
-
},
|
|
1143
|
+
}, Wt = {
|
|
1144
1144
|
key: 1,
|
|
1145
1145
|
class: "text-2xs text-secondary-content px-3 py-1 uppercase"
|
|
1146
|
-
},
|
|
1146
|
+
}, Nt = ["onClick"], Gt = { class: "text-sm" }, It = {
|
|
1147
1147
|
key: 2,
|
|
1148
1148
|
class: "border-t border-secondary-stroke mt-1 pt-1"
|
|
1149
|
-
},
|
|
1149
|
+
}, Rt = ["onClick"], qt = { class: "flex items-center gap-2 shrink-0" }, Ut = ["href"], Zt = { class: "text-2xs font-semibold text-black leading-loose" }, Dt = { class: "flex-1 min-w-0" }, Jt = { key: 0 }, Kt = {
|
|
1150
1150
|
key: 0,
|
|
1151
1151
|
class: "sm:w-[560px] w-full relative h-full"
|
|
1152
|
-
},
|
|
1152
|
+
}, Qt = { class: "h-full relative" }, Xt = { class: "flex items-center p-3 space-x-1.5" }, Yt = {
|
|
1153
1153
|
class: "overflow-auto",
|
|
1154
1154
|
style: { height: "calc(100% - 62px)" }
|
|
1155
|
-
},
|
|
1155
|
+
}, el = {
|
|
1156
1156
|
key: 0,
|
|
1157
1157
|
class: "p-5"
|
|
1158
|
-
},
|
|
1158
|
+
}, sl = { key: 1 }, tl = { class: "p-4 text-gray text-center" }, ll = { key: 2 }, ol = {
|
|
1159
1159
|
class: "p-3 space-y-1.5 rounded-lg",
|
|
1160
1160
|
style: { "box-shadow": "0 0 6px #eaeaea" }
|
|
1161
|
-
},
|
|
1161
|
+
}, nl = { key: 0 }, al = {
|
|
1162
1162
|
key: 0,
|
|
1163
1163
|
class: "text-xs px-2 py-1 rounded-md bg-green-600 text-white"
|
|
1164
|
-
},
|
|
1164
|
+
}, rl = {
|
|
1165
1165
|
key: 1,
|
|
1166
1166
|
class: "text-xs px-2 py-1 rounded-md bg-yellow-600 text-white"
|
|
1167
|
-
},
|
|
1167
|
+
}, il = {
|
|
1168
1168
|
key: 2,
|
|
1169
1169
|
class: "text-xs px-2 py-1 rounded-md bg-blue-600 text-white"
|
|
1170
|
-
},
|
|
1170
|
+
}, dl = {
|
|
1171
1171
|
key: 3,
|
|
1172
1172
|
class: "text-xs px-2 py-1 rounded-md bg-gray-600 text-white"
|
|
1173
|
-
},
|
|
1173
|
+
}, pl = { class: "text-lg font-medium" }, ul = { class: "text-sm text-gray-600" }, cl = { key: 0 }, hl = ["src"], ml = { class: "text-sm" }, fl = { key: 1 }, vl = ["href"], wl = { class: "text-sm flex items-center justify-between mt-1" }, yl = { class: "text-gray-800" }, bl = ["href"], Cl = /* @__PURE__ */ _e({
|
|
1174
1174
|
__name: "OneIslandLayout",
|
|
1175
1175
|
props: i1,
|
|
1176
|
-
emits: ["load-news", "load-tariff", "open-tariff", "browse"],
|
|
1177
|
-
setup(
|
|
1178
|
-
const r =
|
|
1179
|
-
var
|
|
1180
|
-
r("browse"), (u = (
|
|
1176
|
+
emits: ["load-news", "load-tariff", "open-tariff", "browse", "workspace-click"],
|
|
1177
|
+
setup(g, { emit: x }) {
|
|
1178
|
+
const r = x, d = g, z = () => {
|
|
1179
|
+
var o, u;
|
|
1180
|
+
r("browse"), (u = (o = d.handlers) == null ? void 0 : o.onBrowse) == null || u.call(o);
|
|
1181
|
+
}, k = () => {
|
|
1182
|
+
var o, u;
|
|
1183
|
+
r("workspace-click"), (u = (o = d.handlers) == null ? void 0 : o.onWorkspace) == null || u.call(o);
|
|
1181
1184
|
};
|
|
1182
|
-
let
|
|
1183
|
-
window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("island-sidebar-slim") == null && window.localStorage.setItem("island-sidebar-slim", "1"),
|
|
1184
|
-
const
|
|
1185
|
-
|
|
1186
|
-
window.localStorage.setItem("island-sidebar-slim", String(
|
|
1185
|
+
let p = window.localStorage.getItem("island-sidebar-slim");
|
|
1186
|
+
window.document.body.offsetWidth < 1024 && (window.localStorage.getItem("island-sidebar-slim") == null && window.localStorage.setItem("island-sidebar-slim", "1"), p = "1");
|
|
1187
|
+
const M = j(p === "1");
|
|
1188
|
+
me(M, (o) => {
|
|
1189
|
+
window.localStorage.setItem("island-sidebar-slim", String(o ? 1 : 0));
|
|
1187
1190
|
});
|
|
1188
|
-
const
|
|
1189
|
-
|
|
1190
|
-
}, U =
|
|
1191
|
-
var u, $,
|
|
1192
|
-
const
|
|
1193
|
-
|
|
1194
|
-
},
|
|
1195
|
-
|
|
1196
|
-
() =>
|
|
1191
|
+
const T = j(!1), J = () => {
|
|
1192
|
+
T.value = !T.value, T.value && r("load-news");
|
|
1193
|
+
}, U = j(null), A = () => {
|
|
1194
|
+
var u, $, O;
|
|
1195
|
+
const o = (O = ($ = (u = U.value) == null ? void 0 : u.$el) == null ? void 0 : $.querySelector) == null ? void 0 : O.call($, "button");
|
|
1196
|
+
o == null || o.click();
|
|
1197
|
+
}, N = V(() => d.showHeadre);
|
|
1198
|
+
me(
|
|
1199
|
+
() => d.showHeadre,
|
|
1197
1200
|
() => {
|
|
1198
|
-
|
|
1201
|
+
N.value = d.showHeadre;
|
|
1199
1202
|
}
|
|
1200
1203
|
);
|
|
1201
|
-
const
|
|
1202
|
-
|
|
1203
|
-
},
|
|
1204
|
-
|
|
1205
|
-
window.addEventListener("resize",
|
|
1206
|
-
}),
|
|
1207
|
-
window.removeEventListener("resize",
|
|
1204
|
+
const f = j(window.innerWidth), H = () => {
|
|
1205
|
+
f.value = window.innerWidth;
|
|
1206
|
+
}, e = V(() => f.value <= 768);
|
|
1207
|
+
ke(() => {
|
|
1208
|
+
window.addEventListener("resize", H);
|
|
1209
|
+
}), Oe(() => {
|
|
1210
|
+
window.removeEventListener("resize", H);
|
|
1208
1211
|
});
|
|
1209
|
-
const
|
|
1212
|
+
const c = (o) => {
|
|
1210
1213
|
var u, $;
|
|
1211
|
-
($ = (u =
|
|
1214
|
+
($ = (u = d.handlers) == null ? void 0 : u.onSetLang) == null || $.call(u, o);
|
|
1212
1215
|
};
|
|
1213
|
-
return (
|
|
1214
|
-
var $,
|
|
1215
|
-
return s(),
|
|
1216
|
+
return (o, u) => {
|
|
1217
|
+
var $, O, v, E, F, q, K, Q, n, y, X, Y, ee, se, te, le, oe, ne, h, G, ae, fe, ve, we, ye;
|
|
1218
|
+
return s(), l("div", Bt, [
|
|
1216
1219
|
t("div", Mt, [
|
|
1217
|
-
!
|
|
1220
|
+
!e.value || !M.value ? (s(), m(d1, {
|
|
1218
1221
|
key: 0,
|
|
1219
|
-
items:
|
|
1222
|
+
items: o.sidebarItems,
|
|
1220
1223
|
island: !0,
|
|
1221
|
-
app:
|
|
1222
|
-
"logo-src":
|
|
1223
|
-
"with-news":
|
|
1224
|
-
news:
|
|
1225
|
-
isMobile:
|
|
1226
|
-
modelValue:
|
|
1227
|
-
onToggleMenu: u[0] || (u[0] = (
|
|
1228
|
-
onShowNews:
|
|
1229
|
-
onShowHelp:
|
|
1230
|
-
onSelectLanguage:
|
|
1231
|
-
onUpdateCollapsed: u[1] || (u[1] = (
|
|
1224
|
+
app: o.app,
|
|
1225
|
+
"logo-src": o.logoSrc,
|
|
1226
|
+
"with-news": o.news != null,
|
|
1227
|
+
news: o.news,
|
|
1228
|
+
isMobile: e.value,
|
|
1229
|
+
modelValue: M.value,
|
|
1230
|
+
onToggleMenu: u[0] || (u[0] = (w) => M.value = !M.value),
|
|
1231
|
+
onShowNews: J,
|
|
1232
|
+
onShowHelp: A,
|
|
1233
|
+
onSelectLanguage: c,
|
|
1234
|
+
onUpdateCollapsed: u[1] || (u[1] = (w) => M.value = !M.value)
|
|
1232
1235
|
}, null, 8, ["items", "app", "logo-src", "with-news", "news", "isMobile", "modelValue"])) : a("", !0),
|
|
1233
1236
|
t("div", Ot, [
|
|
1234
|
-
|
|
1237
|
+
ue(t("header", jt, [
|
|
1235
1238
|
t("div", zt, [
|
|
1236
|
-
|
|
1239
|
+
($ = o.handlers) != null && $.onWorkspace && (o.workspace || (O = o.app) != null && O.workspace) ? (s(), l("button", {
|
|
1237
1240
|
key: 0,
|
|
1241
|
+
type: "button",
|
|
1242
|
+
class: "flex items-center gap-2 px-2 py-1 rounded-10 bg-[#F5F5F5] hover:bg-secondary-body transition-colors min-w-0",
|
|
1243
|
+
onClick: k
|
|
1244
|
+
}, [
|
|
1245
|
+
_(xe, {
|
|
1246
|
+
text: (E = o.workspace || ((v = o.app) == null ? void 0 : v.workspace)) == null ? void 0 : E.name,
|
|
1247
|
+
src: (q = o.workspace || ((F = o.app) == null ? void 0 : F.workspace)) == null ? void 0 : q.photo_url,
|
|
1248
|
+
size: 20,
|
|
1249
|
+
rounded: !1
|
|
1250
|
+
}, null, 8, ["text", "src"]),
|
|
1251
|
+
t("span", Tt, i((Q = o.workspace || ((K = o.app) == null ? void 0 : K.workspace)) == null ? void 0 : Q.name), 1),
|
|
1252
|
+
(s(), m(L(S(ge)), { class: "w-4 h-4 text-secondary-base shrink-0" }))
|
|
1253
|
+
])) : o.workspace || (n = o.app) != null && n.workspace ? (s(), m(Ye, {
|
|
1254
|
+
key: 1,
|
|
1238
1255
|
"append-body": !0,
|
|
1239
1256
|
stick: "bottom-start"
|
|
1240
1257
|
}, {
|
|
1241
|
-
button: Z(({ onToggle:
|
|
1242
|
-
var
|
|
1258
|
+
button: Z(({ onToggle: w }) => {
|
|
1259
|
+
var P, I, re, ie, de, B;
|
|
1243
1260
|
return [
|
|
1244
1261
|
t("button", {
|
|
1245
1262
|
type: "button",
|
|
1246
1263
|
class: "flex items-center gap-2 px-2 py-1 rounded-10 bg-[#F5F5F5] hover:bg-secondary-body transition-colors min-w-0",
|
|
1247
|
-
onClick:
|
|
1264
|
+
onClick: (be) => (k(), w())
|
|
1248
1265
|
}, [
|
|
1249
|
-
|
|
1250
|
-
text: (
|
|
1251
|
-
src: (
|
|
1266
|
+
_(xe, {
|
|
1267
|
+
text: (I = o.workspace || ((P = o.app) == null ? void 0 : P.workspace)) == null ? void 0 : I.name,
|
|
1268
|
+
src: (ie = o.workspace || ((re = o.app) == null ? void 0 : re.workspace)) == null ? void 0 : ie.photo_url,
|
|
1252
1269
|
size: 20,
|
|
1253
1270
|
rounded: !1
|
|
1254
1271
|
}, null, 8, ["text", "src"]),
|
|
1255
|
-
t("span",
|
|
1256
|
-
(s(),
|
|
1257
|
-
], 8,
|
|
1272
|
+
t("span", Ht, i((B = o.workspace || ((de = o.app) == null ? void 0 : de.workspace)) == null ? void 0 : B.name), 1),
|
|
1273
|
+
(s(), m(L(S(ge)), { class: "w-4 h-4 text-secondary-base shrink-0" }))
|
|
1274
|
+
], 8, Vt)
|
|
1258
1275
|
];
|
|
1259
1276
|
}),
|
|
1260
|
-
menu: Z(({ onToggle:
|
|
1261
|
-
var
|
|
1277
|
+
menu: Z(({ onToggle: w }) => {
|
|
1278
|
+
var P, I, re, ie, de;
|
|
1262
1279
|
return [
|
|
1263
|
-
t("div",
|
|
1264
|
-
(s(!0),
|
|
1265
|
-
key:
|
|
1280
|
+
t("div", At, [
|
|
1281
|
+
(s(!0), l(R, null, D(o.workspaces || [], (B) => (s(), l("div", {
|
|
1282
|
+
key: B.name,
|
|
1266
1283
|
class: "flex items-center gap-2 px-3 py-2 hover:bg-secondary-10 cursor-pointer",
|
|
1267
|
-
onClick: (
|
|
1268
|
-
var W,
|
|
1269
|
-
return (
|
|
1284
|
+
onClick: (be) => {
|
|
1285
|
+
var W, pe;
|
|
1286
|
+
return (pe = (W = o.handlers) == null ? void 0 : W.onChange) == null || pe.call(W, B), w();
|
|
1270
1287
|
}
|
|
1271
1288
|
}, [
|
|
1272
|
-
|
|
1273
|
-
text:
|
|
1274
|
-
src:
|
|
1289
|
+
_(xe, {
|
|
1290
|
+
text: B.name,
|
|
1291
|
+
src: B.photo_url,
|
|
1275
1292
|
size: 24,
|
|
1276
1293
|
rounded: !1
|
|
1277
1294
|
}, null, 8, ["text", "src"]),
|
|
1278
|
-
t("span",
|
|
1279
|
-
], 8,
|
|
1280
|
-
(
|
|
1281
|
-
(
|
|
1282
|
-
(s(!0),
|
|
1283
|
-
key:
|
|
1295
|
+
t("span", Ft, i(B.name), 1)
|
|
1296
|
+
], 8, Et))), 128)),
|
|
1297
|
+
(P = o.workspaces) != null && P.length ? (s(), l("div", Pt)) : a("", !0),
|
|
1298
|
+
(I = o.apps) != null && I.length ? (s(), l("div", Wt, i(((re = o.labels) == null ? void 0 : re.apps) || "Apps"), 1)) : a("", !0),
|
|
1299
|
+
(s(!0), l(R, null, D(o.apps || [], (B) => (s(), l("div", {
|
|
1300
|
+
key: B.id,
|
|
1284
1301
|
class: "flex items-center gap-2 px-3 py-2 hover:bg-secondary-10 cursor-pointer",
|
|
1285
|
-
onClick: (
|
|
1286
|
-
var W,
|
|
1287
|
-
return (
|
|
1302
|
+
onClick: (be) => {
|
|
1303
|
+
var W, pe;
|
|
1304
|
+
return (pe = (W = o.handlers) == null ? void 0 : W.onApp) == null || pe.call(W, B), w();
|
|
1288
1305
|
}
|
|
1289
1306
|
}, [
|
|
1290
|
-
|
|
1291
|
-
text:
|
|
1292
|
-
src:
|
|
1307
|
+
_(xe, {
|
|
1308
|
+
text: B.name,
|
|
1309
|
+
src: B.photo_url,
|
|
1293
1310
|
size: 24,
|
|
1294
1311
|
rounded: !1
|
|
1295
1312
|
}, null, 8, ["text", "src"]),
|
|
1296
|
-
t("span",
|
|
1297
|
-
], 8,
|
|
1298
|
-
(
|
|
1313
|
+
t("span", Gt, i(B.name), 1)
|
|
1314
|
+
], 8, Nt))), 128)),
|
|
1315
|
+
(ie = o.handlers) != null && ie.onChange ? (s(), l("div", It, [
|
|
1299
1316
|
t("button", {
|
|
1300
1317
|
type: "button",
|
|
1301
1318
|
class: "w-full text-left text-xs text-secondary-content px-3 py-2 hover:bg-secondary-10",
|
|
1302
|
-
onClick: (
|
|
1303
|
-
}, i(((
|
|
1319
|
+
onClick: (B) => (o.handlers.onChange(), w())
|
|
1320
|
+
}, i(((de = o.labels) == null ? void 0 : de.change) || "Change workspace"), 9, Rt)
|
|
1304
1321
|
])) : a("", !0)
|
|
1305
1322
|
])
|
|
1306
1323
|
];
|
|
1307
1324
|
}),
|
|
1308
1325
|
_: 1
|
|
1309
1326
|
})) : a("", !0),
|
|
1310
|
-
|
|
1327
|
+
he(o.$slots, "head-left", {}, void 0, !0)
|
|
1311
1328
|
]),
|
|
1312
|
-
t("div",
|
|
1313
|
-
(
|
|
1329
|
+
t("div", qt, [
|
|
1330
|
+
(y = o.improveTariff) != null && y.label ? (s(), l("a", {
|
|
1314
1331
|
key: 0,
|
|
1315
|
-
href: ((
|
|
1332
|
+
href: ((X = o.improveTariff) == null ? void 0 : X.url) || "#",
|
|
1316
1333
|
class: "flex items-center gap-1.5 bg-[#FFF8E4] hover:bg-[#FAEBC2] rounded-full px-2 py-0.5 transition-colors",
|
|
1317
|
-
onClick: u[2] || (u[2] =
|
|
1318
|
-
var
|
|
1319
|
-
return (
|
|
1334
|
+
onClick: u[2] || (u[2] = ce((w) => {
|
|
1335
|
+
var P, I;
|
|
1336
|
+
return (I = (P = o.handlers) == null ? void 0 : P.onImproveTariff) == null ? void 0 : I.call(P);
|
|
1320
1337
|
}, ["prevent"]))
|
|
1321
1338
|
}, [
|
|
1322
|
-
|
|
1339
|
+
o.improveTariff.icon ? (s(), m(L(o.improveTariff.icon), {
|
|
1323
1340
|
key: 0,
|
|
1324
1341
|
class: "w-4 h-4 text-warning-base"
|
|
1325
1342
|
})) : a("", !0),
|
|
1326
|
-
t("span",
|
|
1327
|
-
], 8,
|
|
1328
|
-
|
|
1329
|
-
|
|
1343
|
+
t("span", Zt, i(o.improveTariff.label), 1)
|
|
1344
|
+
], 8, Ut)) : a("", !0),
|
|
1345
|
+
he(o.$slots, "head-right", {}, void 0, !0),
|
|
1346
|
+
o.help ? (s(), m(e1, {
|
|
1330
1347
|
key: 1,
|
|
1331
1348
|
ref_key: "helpMenuRef",
|
|
1332
1349
|
ref: U,
|
|
1333
|
-
help:
|
|
1350
|
+
help: o.help
|
|
1334
1351
|
}, null, 8, ["help"])) : a("", !0),
|
|
1335
|
-
|
|
1336
|
-
workspace:
|
|
1337
|
-
apps:
|
|
1338
|
-
"change-label": ((
|
|
1339
|
-
"apps-title": ((
|
|
1340
|
-
"on-app": (
|
|
1341
|
-
"on-change": (
|
|
1342
|
-
onOpen:
|
|
1352
|
+
_(s1, {
|
|
1353
|
+
workspace: o.workspace || ((Y = o.app) == null ? void 0 : Y.workspace),
|
|
1354
|
+
apps: o.apps || ((ee = o.app) == null ? void 0 : ee.apps) || [],
|
|
1355
|
+
"change-label": ((se = o.labels) == null ? void 0 : se.change) || "Change",
|
|
1356
|
+
"apps-title": ((te = o.labels) == null ? void 0 : te.apps) || "Apps",
|
|
1357
|
+
"on-app": (le = o.handlers) == null ? void 0 : le.onApp,
|
|
1358
|
+
"on-change": (oe = o.handlers) == null ? void 0 : oe.onChange,
|
|
1359
|
+
onOpen: z
|
|
1343
1360
|
}, null, 8, ["workspace", "apps", "change-label", "apps-title", "on-app", "on-change"]),
|
|
1344
|
-
|
|
1345
|
-
user:
|
|
1346
|
-
menu:
|
|
1347
|
-
app:
|
|
1348
|
-
"account-label": ((
|
|
1349
|
-
"logout-label": ((
|
|
1350
|
-
"version-label": ((
|
|
1351
|
-
"on-account": (
|
|
1352
|
-
"on-logout": (
|
|
1361
|
+
_(t1, {
|
|
1362
|
+
user: o.user,
|
|
1363
|
+
menu: o.menu,
|
|
1364
|
+
app: o.app,
|
|
1365
|
+
"account-label": ((ne = o.labels) == null ? void 0 : ne.account) || "Account",
|
|
1366
|
+
"logout-label": ((h = o.labels) == null ? void 0 : h.logout) || "Logout",
|
|
1367
|
+
"version-label": ((G = o.labels) == null ? void 0 : G.version) || "",
|
|
1368
|
+
"on-account": (ae = o.handlers) == null ? void 0 : ae.onAccount,
|
|
1369
|
+
"on-logout": (fe = o.handlers) == null ? void 0 : fe.onLogout
|
|
1353
1370
|
}, null, 8, ["user", "menu", "app", "account-label", "logout-label", "version-label", "on-account", "on-logout"])
|
|
1354
1371
|
])
|
|
1355
1372
|
], 512), [
|
|
1356
|
-
[
|
|
1373
|
+
[$e, N.value]
|
|
1357
1374
|
]),
|
|
1358
|
-
t("div",
|
|
1359
|
-
|
|
1375
|
+
t("div", Dt, [
|
|
1376
|
+
he(o.$slots, "default", {}, void 0, !0)
|
|
1360
1377
|
])
|
|
1361
1378
|
])
|
|
1362
1379
|
]),
|
|
1363
|
-
|
|
1364
|
-
|
|
1380
|
+
o.news ? (s(), l("div", Jt, [
|
|
1381
|
+
T.value ? (s(), l("div", {
|
|
1365
1382
|
key: 0,
|
|
1366
1383
|
class: "fixed top-0 left-0 h-dvh w-screen bg-gray-100 bg-opacity-40 z-50",
|
|
1367
|
-
onClick: u[3] || (u[3] =
|
|
1384
|
+
onClick: u[3] || (u[3] = ce((w) => T.value = !1, ["self"]))
|
|
1368
1385
|
})) : a("", !0),
|
|
1369
1386
|
t("div", {
|
|
1370
|
-
class:
|
|
1387
|
+
class: b(["opacity-100 shadow-lg transition-all fixed top-0 left-0 h-dvh overflow-hidden z-50 bg-white", [T.value ? "sm:w-[560px] w-full" : "w-0"]])
|
|
1371
1388
|
}, [
|
|
1372
|
-
|
|
1373
|
-
t("div",
|
|
1374
|
-
t("div",
|
|
1375
|
-
|
|
1389
|
+
T.value ? (s(), l("div", Kt, [
|
|
1390
|
+
t("div", Qt, [
|
|
1391
|
+
t("div", Xt, [
|
|
1392
|
+
_(Le, { class: "w-10 h-10" }),
|
|
1376
1393
|
u[5] || (u[5] = t("div", { class: "w-full font-medium" }, "OneB News", -1)),
|
|
1377
1394
|
t("div", null, [
|
|
1378
|
-
|
|
1395
|
+
_(je, {
|
|
1379
1396
|
variant: "touch",
|
|
1380
|
-
icon:
|
|
1381
|
-
onClick: u[4] || (u[4] = (
|
|
1397
|
+
icon: S(l1),
|
|
1398
|
+
onClick: u[4] || (u[4] = (w) => T.value = !1)
|
|
1382
1399
|
}, null, 8, ["icon"])
|
|
1383
1400
|
])
|
|
1384
1401
|
]),
|
|
1385
|
-
t("div",
|
|
1386
|
-
|
|
1387
|
-
|
|
1388
|
-
])) : ((
|
|
1389
|
-
t("div",
|
|
1390
|
-
])) : ((
|
|
1391
|
-
(s(!0),
|
|
1392
|
-
key:
|
|
1402
|
+
t("div", Yt, [
|
|
1403
|
+
o.news.isLoading && ((ve = o.news.items) == null ? void 0 : ve.length) === 0 ? (s(), l("div", el, [
|
|
1404
|
+
_(o1, { class: "w-6 h-6 text-gray-600 mx-auto" })
|
|
1405
|
+
])) : ((we = o.news.items) == null ? void 0 : we.length) === 0 ? (s(), l("div", sl, [
|
|
1406
|
+
t("div", tl, i(o.news.emptyText), 1)
|
|
1407
|
+
])) : ((ye = o.news.items) == null ? void 0 : ye.length) > 0 ? (s(), l("div", ll, [
|
|
1408
|
+
(s(!0), l(R, null, D(o.news.items, (w) => (s(), l("div", {
|
|
1409
|
+
key: w.id,
|
|
1393
1410
|
class: "p-3"
|
|
1394
1411
|
}, [
|
|
1395
|
-
t("div",
|
|
1412
|
+
t("div", ol, [
|
|
1396
1413
|
t("div", null, [
|
|
1397
|
-
|
|
1398
|
-
|
|
1414
|
+
w.type ? (s(), l("div", nl, [
|
|
1415
|
+
w.type === 10 ? (s(), l("span", al, "update")) : w.type === 11 ? (s(), l("span", rl, "warning")) : w.type === 12 ? (s(), l("span", il, "notice")) : w.type === 13 ? (s(), l("span", dl, "ads")) : a("", !0)
|
|
1399
1416
|
])) : a("", !0),
|
|
1400
|
-
t("div",
|
|
1401
|
-
t("div",
|
|
1417
|
+
t("div", pl, i(w.title), 1),
|
|
1418
|
+
t("div", ul, i(w.summary), 1)
|
|
1402
1419
|
]),
|
|
1403
|
-
|
|
1420
|
+
w.image_url ? (s(), l("div", cl, [
|
|
1404
1421
|
t("img", {
|
|
1405
|
-
src:
|
|
1422
|
+
src: w.image_url,
|
|
1406
1423
|
alt: "",
|
|
1407
1424
|
class: "w-full rounded-md"
|
|
1408
|
-
}, null, 8,
|
|
1425
|
+
}, null, 8, hl)
|
|
1409
1426
|
])) : a("", !0),
|
|
1410
|
-
t("div",
|
|
1411
|
-
|
|
1412
|
-
text:
|
|
1427
|
+
t("div", ml, [
|
|
1428
|
+
_(n1, {
|
|
1429
|
+
text: w.body
|
|
1413
1430
|
}, null, 8, ["text"])
|
|
1414
1431
|
]),
|
|
1415
|
-
|
|
1432
|
+
w.video_url ? (s(), l("div", fl, [
|
|
1416
1433
|
t("a", {
|
|
1417
|
-
href:
|
|
1434
|
+
href: w.video_url,
|
|
1418
1435
|
target: "_blank",
|
|
1419
1436
|
class: "text-blue-600 hover:text-blue-700 px-3 py-2 border rounded-md w-full block"
|
|
1420
|
-
}, i(
|
|
1437
|
+
}, i(o.news.openVideoText), 9, vl)
|
|
1421
1438
|
])) : a("", !0),
|
|
1422
|
-
t("div",
|
|
1423
|
-
t("span",
|
|
1424
|
-
|
|
1439
|
+
t("div", wl, [
|
|
1440
|
+
t("span", yl, i(w.published), 1),
|
|
1441
|
+
w.post_url ? (s(), l("a", {
|
|
1425
1442
|
key: 0,
|
|
1426
|
-
href:
|
|
1443
|
+
href: w.post_url,
|
|
1427
1444
|
target: "_blank",
|
|
1428
1445
|
class: "text-blue-600 hover:text-blue-700 block"
|
|
1429
|
-
}, i(
|
|
1446
|
+
}, i(o.news.moreText), 9, bl)) : a("", !0)
|
|
1430
1447
|
])
|
|
1431
1448
|
])
|
|
1432
1449
|
]))), 128))
|
|
@@ -1440,9 +1457,9 @@ const Al = /* @__PURE__ */ we(St, [["__scopeId", "data-v-f5bf3126"]]), Bt = { cl
|
|
|
1440
1457
|
};
|
|
1441
1458
|
}
|
|
1442
1459
|
});
|
|
1443
|
-
const
|
|
1460
|
+
const Fl = /* @__PURE__ */ Se(Cl, [["__scopeId", "data-v-0489f5bd"]]);
|
|
1444
1461
|
export {
|
|
1445
|
-
|
|
1446
|
-
|
|
1462
|
+
Fl as OneIslandLayout,
|
|
1463
|
+
El as OneMainLayout,
|
|
1447
1464
|
d1 as OneSidebar
|
|
1448
1465
|
};
|