@das-fed/ui 7.0.5-test.10 → 7.0.5-test.11
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@das-fed/ui",
|
|
3
|
-
"version": "7.0.5-test.
|
|
3
|
+
"version": "7.0.5-test.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./index.js",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"@antv/x6-plugin-snapline": "^2.1.7",
|
|
27
27
|
"@antv/x6-plugin-transform": "^2.1.8",
|
|
28
28
|
"@antv/x6-vue-shape": "^2.1.2",
|
|
29
|
-
"@das-fed/cli": "7.0.5-test.
|
|
29
|
+
"@das-fed/cli": "7.0.5-test.11",
|
|
30
30
|
"@element-plus/icons-vue": "^2.3.1",
|
|
31
31
|
"@types/lodash": "^4.14.194",
|
|
32
32
|
"@types/lodash-es": "^4.17.9",
|
|
@@ -56,9 +56,9 @@
|
|
|
56
56
|
"vue-tsc": "^2.0.29"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@das-fed/ui": "7.0.5-test.
|
|
60
|
-
"@das-fed/utils": "7.0.5-test.
|
|
61
|
-
"@das-fed/web": "7.0.5-test.
|
|
59
|
+
"@das-fed/ui": "7.0.5-test.11",
|
|
60
|
+
"@das-fed/utils": "7.0.5-test.11",
|
|
61
|
+
"@das-fed/web": "7.0.5-test.11",
|
|
62
62
|
"@types/markdown-it": "^14.1.2",
|
|
63
63
|
"@wangeditor-next/editor": "5.6.31",
|
|
64
64
|
"@wangeditor-next/editor-for-vue": "5.1.14",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import '@das-fed/ui/packages/business-components/video-dialog/style.css';
|
|
2
|
-
import { getCurrentScope as ue, onScopeDispose as de, getCurrentInstance as ve, onMounted as te, nextTick as
|
|
2
|
+
import { getCurrentScope as ue, onScopeDispose as de, getCurrentInstance as ve, onMounted as te, nextTick as x, unref as l, ref as h, watch as S, defineComponent as D, useCssVars as pe, computed as P, createElementBlock as F, openBlock as p, normalizeClass as fe, renderSlot as oe, createCommentVNode as I, Fragment as H, renderList as me, createBlock as R, withCtx as g, withModifiers as _, createVNode as f, createElementVNode as m, toDisplayString as j, toRefs as Ce } from "vue";
|
|
3
3
|
import { withInstall as ge } from "@das-fed/utils/with-install/index";
|
|
4
|
-
import { t as
|
|
4
|
+
import { t as k, setI18nRule as ke } from "@das-fed/web/packages/i18n/index";
|
|
5
5
|
import { DasDialog as ye } from "@das-fed/ui/packages/components/dialog/index";
|
|
6
6
|
import { DasTooltip as w } from "@das-fed/ui/packages/components/tooltip/index";
|
|
7
7
|
import { DasIconFullscreen2 as _e } from "@das-fed/ui/packages/icons/fullscreen-2/index";
|
|
@@ -13,20 +13,20 @@ import Ee from "dayjs";
|
|
|
13
13
|
import { createService as M } from "@das-fed/utils/api-services/src/create-service";
|
|
14
14
|
import { getProjectInfo as q, getToken as Re } from "@das-fed/utils/common-info";
|
|
15
15
|
var G;
|
|
16
|
-
const A = typeof window < "u", Ne = (t) => typeof t == "string",
|
|
16
|
+
const A = typeof window < "u", Ne = (t) => typeof t == "string", Se = () => {
|
|
17
17
|
};
|
|
18
18
|
A && ((G = window == null ? void 0 : window.navigator) != null && G.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
|
|
19
19
|
function ne(t) {
|
|
20
20
|
return typeof t == "function" ? t() : l(t);
|
|
21
21
|
}
|
|
22
|
-
function
|
|
22
|
+
function Fe(t) {
|
|
23
23
|
return t;
|
|
24
24
|
}
|
|
25
25
|
function le(t) {
|
|
26
26
|
return ue() ? (de(t), !0) : !1;
|
|
27
27
|
}
|
|
28
28
|
function Le(t, n = !0) {
|
|
29
|
-
ve() ? te(t) : n ? t() :
|
|
29
|
+
ve() ? te(t) : n ? t() : x(t);
|
|
30
30
|
}
|
|
31
31
|
function ie(t) {
|
|
32
32
|
var n;
|
|
@@ -35,18 +35,18 @@ function ie(t) {
|
|
|
35
35
|
}
|
|
36
36
|
const Oe = A ? window : void 0, ze = A ? window.document : void 0;
|
|
37
37
|
function De(...t) {
|
|
38
|
-
let n, e, i,
|
|
39
|
-
if (Ne(t[0]) || Array.isArray(t[0]) ? ([e, i,
|
|
40
|
-
return
|
|
38
|
+
let n, e, i, s;
|
|
39
|
+
if (Ne(t[0]) || Array.isArray(t[0]) ? ([e, i, s] = t, n = Oe) : [n, e, i, s] = t, !n)
|
|
40
|
+
return Se;
|
|
41
41
|
Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
|
|
42
|
-
const o = [],
|
|
43
|
-
o.forEach((
|
|
44
|
-
}, C = (
|
|
45
|
-
|
|
46
|
-
}, { immediate: !0, flush: "post" }),
|
|
47
|
-
|
|
42
|
+
const o = [], r = () => {
|
|
43
|
+
o.forEach((a) => a()), o.length = 0;
|
|
44
|
+
}, C = (a, v, y, b) => (a.addEventListener(v, y, b), () => a.removeEventListener(v, y, b)), u = S(() => [ie(n), ne(s)], ([a, v]) => {
|
|
45
|
+
r(), a && o.push(...e.flatMap((y) => i.map((b) => C(a, y, b, v))));
|
|
46
|
+
}, { immediate: !0, flush: "post" }), c = () => {
|
|
47
|
+
u(), r();
|
|
48
48
|
};
|
|
49
|
-
return le(
|
|
49
|
+
return le(c), c;
|
|
50
50
|
}
|
|
51
51
|
function Ue(t, n = !1) {
|
|
52
52
|
const e = h(), i = () => e.value = !!t();
|
|
@@ -97,37 +97,37 @@ const Z = [
|
|
|
97
97
|
]
|
|
98
98
|
];
|
|
99
99
|
function ae(t, n = {}) {
|
|
100
|
-
const { document: e = ze, autoExit: i = !1 } = n,
|
|
101
|
-
let
|
|
100
|
+
const { document: e = ze, autoExit: i = !1 } = n, s = t || (e == null ? void 0 : e.querySelector("html")), o = h(!1);
|
|
101
|
+
let r = Z[0];
|
|
102
102
|
const C = Ue(() => {
|
|
103
103
|
if (e) {
|
|
104
104
|
for (const N of Z)
|
|
105
105
|
if (N[1] in e)
|
|
106
|
-
return
|
|
106
|
+
return r = N, !0;
|
|
107
107
|
} else
|
|
108
108
|
return !1;
|
|
109
109
|
return !1;
|
|
110
|
-
}), [
|
|
111
|
-
async function
|
|
112
|
-
C.value && (e != null && e[
|
|
110
|
+
}), [u, c, a, , v] = r;
|
|
111
|
+
async function y() {
|
|
112
|
+
C.value && (e != null && e[a] && await e[c](), o.value = !1);
|
|
113
113
|
}
|
|
114
114
|
async function b() {
|
|
115
115
|
if (!C.value)
|
|
116
116
|
return;
|
|
117
|
-
await
|
|
118
|
-
const N = ie(
|
|
119
|
-
N && (await N[
|
|
117
|
+
await y();
|
|
118
|
+
const N = ie(s);
|
|
119
|
+
N && (await N[u](), o.value = !0);
|
|
120
120
|
}
|
|
121
121
|
async function L() {
|
|
122
|
-
o.value ? await
|
|
122
|
+
o.value ? await y() : await b();
|
|
123
123
|
}
|
|
124
|
-
return e && De(e,
|
|
125
|
-
o.value = !!(e != null && e[
|
|
126
|
-
}, !1), i && le(
|
|
124
|
+
return e && De(e, v, () => {
|
|
125
|
+
o.value = !!(e != null && e[a]);
|
|
126
|
+
}, !1), i && le(y), {
|
|
127
127
|
isSupported: C,
|
|
128
128
|
isFullscreen: o,
|
|
129
129
|
enter: b,
|
|
130
|
-
exit:
|
|
130
|
+
exit: y,
|
|
131
131
|
toggle: L
|
|
132
132
|
};
|
|
133
133
|
}
|
|
@@ -170,7 +170,7 @@ const He = {
|
|
|
170
170
|
easeInOutBack: [0.68, -0.6, 0.32, 1.6]
|
|
171
171
|
};
|
|
172
172
|
xe({
|
|
173
|
-
linear:
|
|
173
|
+
linear: Fe
|
|
174
174
|
}, He);
|
|
175
175
|
const Be = /* @__PURE__ */ D({
|
|
176
176
|
__name: "GridItem",
|
|
@@ -180,27 +180,25 @@ const Be = /* @__PURE__ */ D({
|
|
|
180
180
|
},
|
|
181
181
|
emits: ["itemClick"],
|
|
182
182
|
setup(t, { emit: n }) {
|
|
183
|
-
pe((
|
|
184
|
-
|
|
183
|
+
pe((c) => ({
|
|
184
|
+
a769b0be: u.value
|
|
185
185
|
}));
|
|
186
|
-
const e = t, i = n,
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
})) : o());
|
|
190
|
-
}, c = () => {
|
|
186
|
+
const e = t, i = n, s = h(), { toggle: o } = ae(s), r = () => {
|
|
187
|
+
o();
|
|
188
|
+
}, C = () => {
|
|
191
189
|
i("itemClick");
|
|
192
|
-
}, u =
|
|
193
|
-
return (
|
|
190
|
+
}, u = P(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
|
|
191
|
+
return (c, a) => (p(), F(
|
|
194
192
|
"div",
|
|
195
193
|
{
|
|
196
194
|
ref_key: "containerRef",
|
|
197
|
-
ref:
|
|
195
|
+
ref: s,
|
|
198
196
|
class: fe(["wrapper", { "is-active": e.active }]),
|
|
199
|
-
onDblclick:
|
|
200
|
-
onClick:
|
|
197
|
+
onDblclick: a[0] || (a[0] = (v) => r()),
|
|
198
|
+
onClick: a[1] || (a[1] = (v) => C())
|
|
201
199
|
},
|
|
202
200
|
[
|
|
203
|
-
oe(
|
|
201
|
+
oe(c.$slots, "default", {}, void 0, !0)
|
|
204
202
|
],
|
|
205
203
|
34
|
|
206
204
|
/* CLASS, NEED_HYDRATION */
|
|
@@ -208,10 +206,10 @@ const Be = /* @__PURE__ */ D({
|
|
|
208
206
|
}
|
|
209
207
|
}), B = (t, n) => {
|
|
210
208
|
const e = t.__vccOpts || t;
|
|
211
|
-
for (const [i,
|
|
212
|
-
e[i] =
|
|
209
|
+
for (const [i, s] of n)
|
|
210
|
+
e[i] = s;
|
|
213
211
|
return e;
|
|
214
|
-
}, Ve = /* @__PURE__ */ B(Be, [["__scopeId", "data-v-
|
|
212
|
+
}, Ve = /* @__PURE__ */ B(Be, [["__scopeId", "data-v-97d987a9"]]), je = { class: "layout-wrapper" }, Me = /* @__PURE__ */ D({
|
|
215
213
|
__name: "GridLayout",
|
|
216
214
|
props: {
|
|
217
215
|
gridNum: {},
|
|
@@ -220,23 +218,23 @@ const Be = /* @__PURE__ */ D({
|
|
|
220
218
|
},
|
|
221
219
|
emits: ["update:activeIndex"],
|
|
222
220
|
setup(t, { emit: n }) {
|
|
223
|
-
const e = t, i = n,
|
|
221
|
+
const e = t, i = n, s = (o) => {
|
|
224
222
|
i("update:activeIndex", o);
|
|
225
223
|
};
|
|
226
|
-
return (o,
|
|
224
|
+
return (o, r) => (p(), F("div", je, [
|
|
227
225
|
I(' :active="index === activeIndex" '),
|
|
228
|
-
(p(!0),
|
|
226
|
+
(p(!0), F(
|
|
229
227
|
H,
|
|
230
228
|
null,
|
|
231
|
-
me(e.gridNum, (C,
|
|
229
|
+
me(e.gridNum, (C, u) => (p(), R(Ve, {
|
|
232
230
|
active: !1,
|
|
233
231
|
"grid-num": e.gridNum,
|
|
234
|
-
onItemClick: (
|
|
232
|
+
onItemClick: (c) => s(u)
|
|
235
233
|
}, {
|
|
236
|
-
default:
|
|
237
|
-
o.showFn(
|
|
234
|
+
default: g(() => [
|
|
235
|
+
o.showFn(u) ? oe(o.$slots, "default", {
|
|
238
236
|
key: 0,
|
|
239
|
-
index:
|
|
237
|
+
index: u
|
|
240
238
|
}, void 0, !0) : I("v-if", !0)
|
|
241
239
|
]),
|
|
242
240
|
_: 2
|
|
@@ -251,119 +249,119 @@ const Be = /* @__PURE__ */ D({
|
|
|
251
249
|
__name: "DirectionControl",
|
|
252
250
|
emits: ["change"],
|
|
253
251
|
setup(t, { emit: n }) {
|
|
254
|
-
const e = n, i = (
|
|
255
|
-
e("change",
|
|
252
|
+
const e = n, i = (s) => {
|
|
253
|
+
e("change", s);
|
|
256
254
|
};
|
|
257
|
-
return (
|
|
255
|
+
return (s, o) => (p(), F(
|
|
258
256
|
"div",
|
|
259
257
|
{
|
|
260
258
|
class: "direction-control",
|
|
261
|
-
onDblclick: o[9] || (o[9] = _((
|
|
259
|
+
onDblclick: o[9] || (o[9] = _((r) => r.stopPropagation(), ["stop"]))
|
|
262
260
|
},
|
|
263
261
|
[
|
|
264
262
|
f(l(w), {
|
|
265
|
-
content: l(
|
|
263
|
+
content: l(k)("左上")
|
|
266
264
|
}, {
|
|
267
|
-
default:
|
|
265
|
+
default: g(() => [
|
|
268
266
|
m("div", {
|
|
269
267
|
class: "icon icon-top-left",
|
|
270
|
-
onClick: o[0] || (o[0] = _((
|
|
268
|
+
onClick: o[0] || (o[0] = _((r) => i("leftUp"), ["stop"]))
|
|
271
269
|
})
|
|
272
270
|
]),
|
|
273
271
|
_: 1
|
|
274
272
|
/* STABLE */
|
|
275
273
|
}, 8, ["content"]),
|
|
276
274
|
f(l(w), {
|
|
277
|
-
content: l(
|
|
275
|
+
content: l(k)("上")
|
|
278
276
|
}, {
|
|
279
|
-
default:
|
|
277
|
+
default: g(() => [
|
|
280
278
|
m("div", {
|
|
281
279
|
class: "icon icon-top",
|
|
282
|
-
onClick: o[1] || (o[1] = _((
|
|
280
|
+
onClick: o[1] || (o[1] = _((r) => i("up"), ["stop"]))
|
|
283
281
|
})
|
|
284
282
|
]),
|
|
285
283
|
_: 1
|
|
286
284
|
/* STABLE */
|
|
287
285
|
}, 8, ["content"]),
|
|
288
286
|
f(l(w), {
|
|
289
|
-
content: l(
|
|
287
|
+
content: l(k)("右上")
|
|
290
288
|
}, {
|
|
291
|
-
default:
|
|
289
|
+
default: g(() => [
|
|
292
290
|
m("div", {
|
|
293
291
|
class: "icon icon-top-right",
|
|
294
|
-
onClick: o[2] || (o[2] = _((
|
|
292
|
+
onClick: o[2] || (o[2] = _((r) => i("rightUp"), ["stop"]))
|
|
295
293
|
})
|
|
296
294
|
]),
|
|
297
295
|
_: 1
|
|
298
296
|
/* STABLE */
|
|
299
297
|
}, 8, ["content"]),
|
|
300
298
|
f(l(w), {
|
|
301
|
-
content: l(
|
|
299
|
+
content: l(k)("左")
|
|
302
300
|
}, {
|
|
303
|
-
default:
|
|
301
|
+
default: g(() => [
|
|
304
302
|
m("div", {
|
|
305
303
|
class: "icon icon-left",
|
|
306
|
-
onClick: o[3] || (o[3] = _((
|
|
304
|
+
onClick: o[3] || (o[3] = _((r) => i("left"), ["stop"]))
|
|
307
305
|
})
|
|
308
306
|
]),
|
|
309
307
|
_: 1
|
|
310
308
|
/* STABLE */
|
|
311
309
|
}, 8, ["content"]),
|
|
312
310
|
f(l(w), {
|
|
313
|
-
content: l(
|
|
311
|
+
content: l(k)("自动")
|
|
314
312
|
}, {
|
|
315
|
-
default:
|
|
313
|
+
default: g(() => [
|
|
316
314
|
m("div", {
|
|
317
315
|
class: "icon icon-auto",
|
|
318
|
-
onClick: o[4] || (o[4] = _((
|
|
316
|
+
onClick: o[4] || (o[4] = _((r) => i("auto"), ["stop"]))
|
|
319
317
|
})
|
|
320
318
|
]),
|
|
321
319
|
_: 1
|
|
322
320
|
/* STABLE */
|
|
323
321
|
}, 8, ["content"]),
|
|
324
322
|
f(l(w), {
|
|
325
|
-
content: l(
|
|
323
|
+
content: l(k)("右")
|
|
326
324
|
}, {
|
|
327
|
-
default:
|
|
325
|
+
default: g(() => [
|
|
328
326
|
m("div", {
|
|
329
327
|
class: "icon icon-right",
|
|
330
|
-
onClick: o[5] || (o[5] = _((
|
|
328
|
+
onClick: o[5] || (o[5] = _((r) => i("right"), ["stop"]))
|
|
331
329
|
})
|
|
332
330
|
]),
|
|
333
331
|
_: 1
|
|
334
332
|
/* STABLE */
|
|
335
333
|
}, 8, ["content"]),
|
|
336
334
|
f(l(w), {
|
|
337
|
-
content: l(
|
|
335
|
+
content: l(k)("左下")
|
|
338
336
|
}, {
|
|
339
|
-
default:
|
|
337
|
+
default: g(() => [
|
|
340
338
|
m("div", {
|
|
341
339
|
class: "icon icon-bottom-left",
|
|
342
|
-
onClick: o[6] || (o[6] = _((
|
|
340
|
+
onClick: o[6] || (o[6] = _((r) => i("leftDown"), ["stop"]))
|
|
343
341
|
})
|
|
344
342
|
]),
|
|
345
343
|
_: 1
|
|
346
344
|
/* STABLE */
|
|
347
345
|
}, 8, ["content"]),
|
|
348
346
|
f(l(w), {
|
|
349
|
-
content: l(
|
|
347
|
+
content: l(k)("下")
|
|
350
348
|
}, {
|
|
351
|
-
default:
|
|
349
|
+
default: g(() => [
|
|
352
350
|
m("div", {
|
|
353
351
|
class: "icon icon-bottom",
|
|
354
|
-
onClick: o[7] || (o[7] = _((
|
|
352
|
+
onClick: o[7] || (o[7] = _((r) => i("down"), ["stop"]))
|
|
355
353
|
})
|
|
356
354
|
]),
|
|
357
355
|
_: 1
|
|
358
356
|
/* STABLE */
|
|
359
357
|
}, 8, ["content"]),
|
|
360
358
|
f(l(w), {
|
|
361
|
-
content: l(
|
|
359
|
+
content: l(k)("右下")
|
|
362
360
|
}, {
|
|
363
|
-
default:
|
|
361
|
+
default: g(() => [
|
|
364
362
|
m("div", {
|
|
365
363
|
class: "icon icon-bottom-right",
|
|
366
|
-
onClick: o[8] || (o[8] = _((
|
|
364
|
+
onClick: o[8] || (o[8] = _((r) => i("rightDown"), ["stop"]))
|
|
367
365
|
})
|
|
368
366
|
]),
|
|
369
367
|
_: 1
|
|
@@ -402,81 +400,81 @@ const Be = /* @__PURE__ */ D({
|
|
|
402
400
|
"direction-control": import("@das-fed/ui/packages/icons/direction-control"),
|
|
403
401
|
screenshot: import("@das-fed/ui/packages/icons/screenshot")
|
|
404
402
|
});
|
|
405
|
-
const
|
|
406
|
-
var
|
|
407
|
-
return (
|
|
408
|
-
}),
|
|
409
|
-
o.value =
|
|
403
|
+
const s = h(!0), o = h(), r = h(!1), C = h(), u = P(() => {
|
|
404
|
+
var d;
|
|
405
|
+
return (d = C.value) == null ? void 0 : d.video;
|
|
406
|
+
}), c = h(!1), a = h(!0), v = (d) => {
|
|
407
|
+
o.value = d, !e.isHls && o.value.on(window.mpegts.Events.ERROR, (E) => {
|
|
410
408
|
});
|
|
411
|
-
},
|
|
412
|
-
|
|
409
|
+
}, y = () => {
|
|
410
|
+
s.value = !s.value, i("handleClick", s.value ? "MUTE" : "UNMUTE"), o.value && (o.value.muted = s.value);
|
|
413
411
|
}, b = () => {
|
|
414
|
-
|
|
412
|
+
r.value = !r.value;
|
|
415
413
|
}, L = h(""), N = () => {
|
|
416
|
-
const
|
|
417
|
-
if (i("handleClick", "SCREENSHOT"),
|
|
418
|
-
|
|
419
|
-
const E =
|
|
420
|
-
E == null || E.drawImage(
|
|
421
|
-
const z =
|
|
414
|
+
const d = document.createElement("canvas");
|
|
415
|
+
if (i("handleClick", "SCREENSHOT"), u.value) {
|
|
416
|
+
d.width = u.value.clientWidth, d.height = u.value.clientHeight;
|
|
417
|
+
const E = d.getContext("2d");
|
|
418
|
+
E == null || E.drawImage(u.value, 0, 0, d.width, d.height);
|
|
419
|
+
const z = d.toDataURL("image/jpg"), ce = `【${e.title}】${Ee().format("YYYYMMDDHHmmss").toString()}.jpg`;
|
|
422
420
|
if (L.value = z, "download" in document.createElement("a")) {
|
|
423
421
|
const O = document.createElement("a");
|
|
424
|
-
O.download = ce, O.style.display = "none", O.href = z, document.body.appendChild(O), document.body.appendChild(
|
|
422
|
+
O.download = ce, O.style.display = "none", O.href = z, document.body.appendChild(O), document.body.appendChild(d), O.click(), URL.revokeObjectURL(O.href), document.body.removeChild(O), document.body.removeChild(d);
|
|
425
423
|
}
|
|
426
424
|
}
|
|
427
|
-
}, V = (
|
|
428
|
-
i("directionControl",
|
|
429
|
-
},
|
|
430
|
-
i("zoomControl",
|
|
431
|
-
}, U = (
|
|
432
|
-
return
|
|
433
|
-
() =>
|
|
425
|
+
}, V = (d) => {
|
|
426
|
+
i("directionControl", d);
|
|
427
|
+
}, T = (d) => {
|
|
428
|
+
i("zoomControl", d);
|
|
429
|
+
}, U = (d) => e.authType.includes(d);
|
|
430
|
+
return S(
|
|
431
|
+
() => u.value,
|
|
434
432
|
() => {
|
|
435
|
-
|
|
436
|
-
|
|
433
|
+
u.value && u.value.addEventListener("ended", () => {
|
|
434
|
+
c.value = !0, e.type === "playback" && (a.value = !1);
|
|
437
435
|
});
|
|
438
436
|
}
|
|
439
|
-
),
|
|
440
|
-
() =>
|
|
437
|
+
), S(
|
|
438
|
+
() => u.value,
|
|
441
439
|
() => {
|
|
442
|
-
|
|
443
|
-
|
|
440
|
+
u.value && x(() => {
|
|
441
|
+
u.value.playbackRate = e.playbackRate || 1;
|
|
444
442
|
});
|
|
445
443
|
}
|
|
446
|
-
),
|
|
444
|
+
), S(
|
|
447
445
|
() => o.value,
|
|
448
446
|
() => {
|
|
449
|
-
o.value &&
|
|
450
|
-
o.value.muted =
|
|
447
|
+
o.value && x(() => {
|
|
448
|
+
o.value.muted = s.value;
|
|
451
449
|
});
|
|
452
450
|
}
|
|
453
|
-
),
|
|
451
|
+
), S(
|
|
454
452
|
() => e.playbackRate,
|
|
455
453
|
() => {
|
|
456
|
-
|
|
454
|
+
u.value && (u.value.playbackRate = e.playbackRate || 1);
|
|
457
455
|
},
|
|
458
456
|
{
|
|
459
457
|
immediate: !0
|
|
460
458
|
}
|
|
461
|
-
),
|
|
459
|
+
), S(
|
|
462
460
|
() => e.paused,
|
|
463
461
|
() => {
|
|
464
462
|
o.value && (e.paused ? o.value.pause() : o.value.play());
|
|
465
463
|
}
|
|
466
|
-
),
|
|
464
|
+
), S(
|
|
467
465
|
() => e.videoUrl,
|
|
468
466
|
() => {
|
|
469
|
-
|
|
470
|
-
|
|
467
|
+
a.value = !1, x(() => {
|
|
468
|
+
a.value = !0;
|
|
471
469
|
});
|
|
472
470
|
}
|
|
473
|
-
), (
|
|
471
|
+
), (d, E) => (p(), F("div", Ge, [
|
|
474
472
|
f(l(be), {
|
|
475
473
|
spinning: e.loading,
|
|
476
474
|
type: "component",
|
|
477
|
-
tip: l(
|
|
475
|
+
tip: l(k)("加载中...")
|
|
478
476
|
}, {
|
|
479
|
-
default:
|
|
477
|
+
default: g(() => [
|
|
480
478
|
m("div", We, [
|
|
481
479
|
m("div", Ye, [
|
|
482
480
|
m("div", Ze, [
|
|
@@ -490,42 +488,42 @@ const Be = /* @__PURE__ */ D({
|
|
|
490
488
|
])
|
|
491
489
|
]),
|
|
492
490
|
m("div", Xe, [
|
|
493
|
-
["live"].includes(
|
|
491
|
+
["live"].includes(d.type) ? (p(), F(
|
|
494
492
|
"span",
|
|
495
493
|
Je,
|
|
496
|
-
j(l(
|
|
494
|
+
j(l(k)("正在实时预览")),
|
|
497
495
|
1
|
|
498
496
|
/* TEXT */
|
|
499
497
|
)) : I("v-if", !0),
|
|
500
498
|
I(' <das-icon v-if="isFullscreen" class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
|
|
501
499
|
])
|
|
502
500
|
]),
|
|
503
|
-
|
|
501
|
+
d.isHls ? (p(), F(
|
|
504
502
|
H,
|
|
505
503
|
{ key: 1 },
|
|
506
504
|
[
|
|
507
|
-
e.videoUrl &&
|
|
505
|
+
e.videoUrl && a.value ? (p(), R(l(Ie), {
|
|
508
506
|
key: 0,
|
|
509
507
|
ref_key: "dasLivePlayerRef",
|
|
510
508
|
ref: C,
|
|
511
|
-
muted:
|
|
512
|
-
onLoaded:
|
|
509
|
+
muted: s.value,
|
|
510
|
+
onLoaded: v,
|
|
513
511
|
src: e.videoUrl
|
|
514
512
|
}, null, 8, ["muted", "src"])) : I("v-if", !0)
|
|
515
513
|
],
|
|
516
514
|
64
|
|
517
515
|
/* STABLE_FRAGMENT */
|
|
518
|
-
)) : (p(),
|
|
516
|
+
)) : (p(), F(
|
|
519
517
|
H,
|
|
520
518
|
{ key: 0 },
|
|
521
519
|
[
|
|
522
|
-
e.videoUrl &&
|
|
520
|
+
e.videoUrl && a.value ? (p(), R(l(we), {
|
|
523
521
|
key: 0,
|
|
524
522
|
type: "flv",
|
|
525
523
|
ref_key: "dasLivePlayerRef",
|
|
526
524
|
ref: C,
|
|
527
|
-
muted:
|
|
528
|
-
onLoaded:
|
|
525
|
+
muted: s.value,
|
|
526
|
+
onLoaded: v,
|
|
529
527
|
src: e.videoUrl
|
|
530
528
|
}, null, 8, ["muted", "src"])) : I("v-if", !0)
|
|
531
529
|
],
|
|
@@ -549,22 +547,22 @@ const Be = /* @__PURE__ */ D({
|
|
|
549
547
|
},
|
|
550
548
|
[
|
|
551
549
|
f(l(w), {
|
|
552
|
-
content: l(
|
|
550
|
+
content: l(k)("声音")
|
|
553
551
|
}, {
|
|
554
|
-
default:
|
|
552
|
+
default: g(() => [
|
|
555
553
|
f(l($), {
|
|
556
554
|
class: "icon icon-volume",
|
|
557
|
-
icon:
|
|
558
|
-
onClick: _(
|
|
555
|
+
icon: s.value ? "muted" : "volume",
|
|
556
|
+
onClick: _(y, ["stop"])
|
|
559
557
|
}, null, 8, ["icon"])
|
|
560
558
|
]),
|
|
561
559
|
_: 1
|
|
562
560
|
/* STABLE */
|
|
563
561
|
}, 8, ["content"]),
|
|
564
562
|
f(l(w), {
|
|
565
|
-
content: l(
|
|
563
|
+
content: l(k)("截图")
|
|
566
564
|
}, {
|
|
567
|
-
default:
|
|
565
|
+
default: g(() => [
|
|
568
566
|
f(l($), {
|
|
569
567
|
class: "icon icon-screenshot",
|
|
570
568
|
icon: "screenshot",
|
|
@@ -576,14 +574,14 @@ const Be = /* @__PURE__ */ D({
|
|
|
576
574
|
}, 8, ["content"]),
|
|
577
575
|
U("control") ? (p(), R(l(w), {
|
|
578
576
|
key: 0,
|
|
579
|
-
content: l(
|
|
577
|
+
content: l(k)("聚焦-")
|
|
580
578
|
}, {
|
|
581
|
-
default:
|
|
579
|
+
default: g(() => [
|
|
582
580
|
["live", "polling"].includes(e.type) ? (p(), R(l($), {
|
|
583
581
|
key: 0,
|
|
584
582
|
class: "icon icon-shrink",
|
|
585
583
|
icon: "shrink",
|
|
586
|
-
onClick: E[0] || (E[0] = _((z) =>
|
|
584
|
+
onClick: E[0] || (E[0] = _((z) => T("zoomOut"), ["stop"]))
|
|
587
585
|
})) : I("v-if", !0)
|
|
588
586
|
]),
|
|
589
587
|
_: 1
|
|
@@ -591,14 +589,14 @@ const Be = /* @__PURE__ */ D({
|
|
|
591
589
|
}, 8, ["content"])) : I("v-if", !0),
|
|
592
590
|
U("control") ? (p(), R(l(w), {
|
|
593
591
|
key: 1,
|
|
594
|
-
content: l(
|
|
592
|
+
content: l(k)("聚焦+")
|
|
595
593
|
}, {
|
|
596
|
-
default:
|
|
594
|
+
default: g(() => [
|
|
597
595
|
["live", "polling"].includes(e.type) ? (p(), R(l($), {
|
|
598
596
|
key: 0,
|
|
599
597
|
class: "icon icon-enlarge",
|
|
600
598
|
icon: "enlarge",
|
|
601
|
-
onClick: E[1] || (E[1] = _((z) =>
|
|
599
|
+
onClick: E[1] || (E[1] = _((z) => T("zoomIn"), ["stop"]))
|
|
602
600
|
})) : I("v-if", !0)
|
|
603
601
|
]),
|
|
604
602
|
_: 1
|
|
@@ -606,9 +604,9 @@ const Be = /* @__PURE__ */ D({
|
|
|
606
604
|
}, 8, ["content"])) : I("v-if", !0),
|
|
607
605
|
U("control") ? (p(), R(l(w), {
|
|
608
606
|
key: 2,
|
|
609
|
-
content: l(
|
|
607
|
+
content: l(k)("方向控制")
|
|
610
608
|
}, {
|
|
611
|
-
default:
|
|
609
|
+
default: g(() => [
|
|
612
610
|
["live", "polling"].includes(e.type) ? (p(), R(l($), {
|
|
613
611
|
key: 0,
|
|
614
612
|
class: "icon icon-direction-control",
|
|
@@ -625,7 +623,7 @@ const Be = /* @__PURE__ */ D({
|
|
|
625
623
|
)
|
|
626
624
|
])
|
|
627
625
|
]),
|
|
628
|
-
|
|
626
|
+
r.value ? (p(), R(qe, {
|
|
629
627
|
key: 2,
|
|
630
628
|
onChange: V
|
|
631
629
|
})) : I("v-if", !0)
|
|
@@ -687,100 +685,100 @@ const ut = /* @__PURE__ */ D({
|
|
|
687
685
|
const {
|
|
688
686
|
deviceInfo: e,
|
|
689
687
|
source: i,
|
|
690
|
-
isHls:
|
|
688
|
+
isHls: s,
|
|
691
689
|
baseURL: o
|
|
692
|
-
} = Ce(t),
|
|
690
|
+
} = Ce(t), r = h(!1), C = h(""), u = async () => {
|
|
693
691
|
var b;
|
|
694
692
|
if (!((b = e.value) != null && b.deviceId)) return;
|
|
695
|
-
|
|
696
|
-
const [
|
|
693
|
+
r.value = !0;
|
|
694
|
+
const [v, y] = await st({
|
|
697
695
|
productId: e.value.productId,
|
|
698
696
|
deviceId: e.value.deviceId,
|
|
699
697
|
source: i.value
|
|
700
698
|
});
|
|
701
|
-
if (!
|
|
702
|
-
let L =
|
|
703
|
-
C.value = ct(
|
|
699
|
+
if (!v) {
|
|
700
|
+
let L = s.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
|
|
701
|
+
C.value = ct(y == null ? void 0 : y[L]);
|
|
704
702
|
}
|
|
705
|
-
|
|
706
|
-
},
|
|
703
|
+
r.value = !1;
|
|
704
|
+
}, c = (v) => {
|
|
707
705
|
ee({
|
|
708
706
|
productId: e.value.productId,
|
|
709
707
|
deviceId: e.value.deviceId,
|
|
710
|
-
direction:
|
|
708
|
+
direction: v,
|
|
711
709
|
zoom: "",
|
|
712
710
|
source: i.value || "web"
|
|
713
711
|
});
|
|
714
|
-
},
|
|
712
|
+
}, a = (v) => {
|
|
715
713
|
ee({
|
|
716
714
|
productId: e.value.productId,
|
|
717
715
|
deviceId: e.value.deviceId,
|
|
718
716
|
direction: "",
|
|
719
|
-
zoom:
|
|
717
|
+
zoom: v,
|
|
720
718
|
source: i.value || "web"
|
|
721
719
|
});
|
|
722
720
|
};
|
|
723
721
|
return te(async () => {
|
|
724
|
-
o.value && await rt(o.value),
|
|
725
|
-
}),
|
|
726
|
-
|
|
722
|
+
o.value && await rt(o.value), u();
|
|
723
|
+
}), S(() => e.value, () => {
|
|
724
|
+
u();
|
|
727
725
|
}, {
|
|
728
726
|
deep: !0
|
|
729
727
|
}), () => f(H, null, [n.default({
|
|
730
728
|
videoUrl: C.value,
|
|
731
|
-
loading:
|
|
732
|
-
onDirectionControl:
|
|
733
|
-
onZoomControl:
|
|
734
|
-
isHls:
|
|
729
|
+
loading: r.value,
|
|
730
|
+
onDirectionControl: c,
|
|
731
|
+
onZoomControl: a,
|
|
732
|
+
isHls: s.value
|
|
735
733
|
})]);
|
|
736
734
|
}
|
|
737
735
|
});
|
|
738
736
|
function dt(t) {
|
|
739
737
|
const n = h(0), e = h(), {
|
|
740
738
|
toggle: i,
|
|
741
|
-
isFullscreen:
|
|
739
|
+
isFullscreen: s,
|
|
742
740
|
exit: o
|
|
743
|
-
} = ae(e),
|
|
744
|
-
|
|
745
|
-
}, C = (
|
|
746
|
-
var
|
|
747
|
-
(
|
|
741
|
+
} = ae(e), r = (c, a) => {
|
|
742
|
+
s.value && o();
|
|
743
|
+
}, C = (c) => {
|
|
744
|
+
var a;
|
|
745
|
+
(a = t == null ? void 0 : t.handleClick) == null || a.call(t, c);
|
|
748
746
|
};
|
|
749
747
|
return {
|
|
750
748
|
render: () => f(Ae, {
|
|
751
749
|
ref: e,
|
|
752
750
|
gridNum: t.gridNum,
|
|
753
751
|
activeIndex: n.value,
|
|
754
|
-
"onUpdate:activeIndex": (
|
|
755
|
-
showFn: (
|
|
752
|
+
"onUpdate:activeIndex": (c) => n.value = c,
|
|
753
|
+
showFn: (c) => !!t.deviceList[c]
|
|
756
754
|
}, {
|
|
757
755
|
default: ({
|
|
758
|
-
index:
|
|
756
|
+
index: c
|
|
759
757
|
}) => {
|
|
760
|
-
const
|
|
758
|
+
const a = t.deviceList[c], v = t.source, y = t.isHls, b = t.baseURL;
|
|
761
759
|
return f(ut, {
|
|
762
|
-
deviceInfo:
|
|
760
|
+
deviceInfo: a,
|
|
763
761
|
baseURL: b,
|
|
764
|
-
source:
|
|
765
|
-
isHls:
|
|
762
|
+
source: v,
|
|
763
|
+
isHls: y
|
|
766
764
|
}, {
|
|
767
765
|
default: ({
|
|
768
766
|
videoUrl: L,
|
|
769
767
|
onDirectionControl: N,
|
|
770
768
|
onZoomControl: V,
|
|
771
|
-
loading:
|
|
769
|
+
loading: T,
|
|
772
770
|
isHls: U
|
|
773
771
|
}) => f(nt, {
|
|
774
772
|
type: "live",
|
|
775
|
-
loading:
|
|
776
|
-
isFullscreen:
|
|
773
|
+
loading: T,
|
|
774
|
+
isFullscreen: s.value,
|
|
777
775
|
videoUrl: L,
|
|
778
|
-
title:
|
|
779
|
-
onClose: () =>
|
|
776
|
+
title: a.deviceName,
|
|
777
|
+
onClose: () => r(),
|
|
780
778
|
onDirectionControl: N,
|
|
781
779
|
onZoomControl: V,
|
|
782
780
|
onHandleClick: C,
|
|
783
|
-
authType:
|
|
781
|
+
authType: a.authType === 2 ? ["control"] : [],
|
|
784
782
|
isHls: U
|
|
785
783
|
}, null)
|
|
786
784
|
});
|
|
@@ -803,37 +801,37 @@ const vt = /* @__PURE__ */ D({
|
|
|
803
801
|
},
|
|
804
802
|
emits: ["update:visible"],
|
|
805
803
|
setup(t, { emit: n }) {
|
|
806
|
-
const e = t, i =
|
|
804
|
+
const e = t, i = P(() => e.dialogTitle || k("视频监控")), s = n, o = P({
|
|
807
805
|
get: () => e.visible,
|
|
808
|
-
set: (
|
|
809
|
-
}), { render:
|
|
810
|
-
let
|
|
806
|
+
set: (c) => s("update:visible", c)
|
|
807
|
+
}), { render: r, toggleFullscreen: C } = dt(e), u = P(() => {
|
|
808
|
+
let c = {};
|
|
811
809
|
switch (e.gridNum) {
|
|
812
810
|
case 1:
|
|
813
|
-
|
|
811
|
+
c = "one-video";
|
|
814
812
|
break;
|
|
815
813
|
case 4:
|
|
816
|
-
|
|
814
|
+
c = "four-video";
|
|
817
815
|
break;
|
|
818
816
|
case 9:
|
|
819
|
-
|
|
817
|
+
c = "nine-video";
|
|
820
818
|
break;
|
|
821
819
|
}
|
|
822
|
-
return
|
|
820
|
+
return c;
|
|
823
821
|
});
|
|
824
|
-
return (
|
|
822
|
+
return (c, a) => (p(), R(l(ye), {
|
|
825
823
|
size: "mini",
|
|
826
824
|
title: i.value,
|
|
827
|
-
"custom-class": `das-linakge-video-dialog ${
|
|
825
|
+
"custom-class": `das-linakge-video-dialog ${u.value}`,
|
|
828
826
|
modelValue: o.value,
|
|
829
|
-
"onUpdate:modelValue":
|
|
827
|
+
"onUpdate:modelValue": a[0] || (a[0] = (v) => o.value = v),
|
|
830
828
|
bodyStyle: { padding: 0 },
|
|
831
829
|
"close-on-click-modal": !1,
|
|
832
830
|
"close-on-press-escape": !1,
|
|
833
831
|
modal: !1,
|
|
834
832
|
"header-style": { display: "flex", justifyContent: "space-between", alignItems: "center" }
|
|
835
833
|
}, {
|
|
836
|
-
header:
|
|
834
|
+
header: g(() => [
|
|
837
835
|
m("div", null, [
|
|
838
836
|
m(
|
|
839
837
|
"span",
|
|
@@ -844,9 +842,9 @@ const vt = /* @__PURE__ */ D({
|
|
|
844
842
|
)
|
|
845
843
|
]),
|
|
846
844
|
f(l(w), {
|
|
847
|
-
content: l(
|
|
845
|
+
content: l(k)("页面全屏")
|
|
848
846
|
}, {
|
|
849
|
-
default:
|
|
847
|
+
default: g(() => [
|
|
850
848
|
f(l(_e), {
|
|
851
849
|
class: "icon",
|
|
852
850
|
color: "#999",
|
|
@@ -857,8 +855,8 @@ const vt = /* @__PURE__ */ D({
|
|
|
857
855
|
/* STABLE */
|
|
858
856
|
}, 8, ["content"])
|
|
859
857
|
]),
|
|
860
|
-
default:
|
|
861
|
-
o.value ? (p(), R(l(
|
|
858
|
+
default: g(() => [
|
|
859
|
+
o.value ? (p(), R(l(r), { key: 0 })) : I("v-if", !0)
|
|
862
860
|
]),
|
|
863
861
|
_: 1
|
|
864
862
|
/* STABLE */
|
|
@@ -887,9 +885,9 @@ const vt = /* @__PURE__ */ D({
|
|
|
887
885
|
"聚焦+": { "zh-CN": "聚焦+", en: "Focus+", _appCode: "framework" }
|
|
888
886
|
};
|
|
889
887
|
ke(pt);
|
|
890
|
-
const Nt = ge(vt),
|
|
888
|
+
const Nt = ge(vt), St = () => h(null);
|
|
891
889
|
export {
|
|
892
890
|
Nt as DasVideoDialog,
|
|
893
|
-
|
|
891
|
+
St as DasVideoDialogRef,
|
|
894
892
|
dt as useVideo
|
|
895
893
|
};
|
|
Binary file
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.wrapper[data-v-100b67ca]{width:var(--9b3a2c32);height:var(--9b3a2c32);border:1px solid rgb(217,217,217);box-sizing:border-box}.wrapper.is-active[data-v-100b67ca]{border-color:var(--das-ui-tree-node-active-font-color)}.layout-wrapper[data-v-661e2289]{background-color:#fff;width:100%;height:100%;display:flex;flex-wrap:wrap}.direction-control[data-v-db2e8ec2]{visibility:hidden;position:absolute;right:10px;bottom:50px;display:grid;grid-template-rows:30px 30px 30px;grid-template-columns:30px 30px 30px;gap:5px}.direction-control .icon[data-v-db2e8ec2]{width:30px;height:30px;background-repeat:no-repeat;cursor:pointer}.direction-control .icon.icon-top-left[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABi0lEQVRIDe2VS4rCQBCGf8csVQQTX/skZqOuvYwg2eQqegBXBkHvIJiLCCpkJSiuXEZhZiqQxld3OlHGWaQgpLuqu77ir04ndzqdvvEB+/oAM0Rm4D9TPpP6/0g9m83geR4Oh8Nbi8rFXSDL5RL0kNXrdXQ6nfCpVqsvFRIL3u/3GI1GDxAqotvthkVomvYQj3PEginBcDgUSt1sNsMC2u02ZIuQ+pxIXpHtdjssFguMx2P8tk60lMXeAqZsxWIRjuOgVCqx5KKBFJj6KTpMEVRWZipICkwLqX88q1QqKJfLvPBTvzRY1Gff9zGZTBAEwVPIM6c0uNFo3JzYQqEAXddZzu12C9d1cT6fmU80kAZTkkhugtJBsm0blmWx/JvNRhqeCExyR9BarYZ8Po9+v49Wq8Xg6/Ua8/mczXkDqQvkevPxeISqqtcuXC4XTKdTrFYrKIqCwWAAwzBu1txPEoPvE0RzgtMPpdfrwTTNyM19vw3MJXACiXrMyZHKnYFTyZZmUyZ1GtVS7fkBP094w5J8R1YAAAAASUVORK5CYII=)}.direction-control .icon.icon-top-left[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABpklEQVRIDWN8/Pr/f4YBAEwDYCfYylGL6Rbyo0E9eIJ60e6fDDvP/GZ4+Z662Z2FkBfFBRkZdp4GWg7EkkLMDPrKLAwGKiwMYgKMhLTilWckVHK9ePePoWvlNwxDJIWZGQxAjgBiUTIcQdBikI2dK74Bg/ofhuUwASkRYEgosTAYAh0hQqQjiMpOoODFB569+cuw/dRPhqkbvzN8/EZcWqCKxSBH8XEzMWT5czLwcxEX90RZLCnEBIxH3ErBlvpxkhTXuE1DC1tQIsIFhHkZGQR5iPMpzAyqWHz/xV+G2Vt/MPz+AzOWME20xZLCqMHNy8XEoCaDCIU7z/4wzN72g+EXkZYTbTHID7DUzcPJxJAJjNMUbw4GTXkky5/+YZhLpOUkWWwAzKsgS7P8OBgkgCUaC1B3ojsHg4YcwvLbQMsX7/pBMKyJKkCQTXnz8T+DCD9qQvrzl4Fh3o4fDDce/WFgZWZkSPLiYFCXYUbWhsEm2WIME6ACIMsX7/7BYKXNyqAui99SkBaqWYzLQbjESYpjXIaQIz5qMTmhRpae0aAmK9jI0QQAfUJucJlQSdcAAAAASUVORK5CYII=)}.direction-control .icon.icon-top[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAtklEQVRIDe2WYQqEIBCFrTN7DC+kd9FDeIGNESYW2bY3Tygi/TNWo5/fo6Cl1vpxN4z1BmZDTvBlyT8z6pQSnRBtnHN2ApbKDBocY2w8rVY4BRbLUkpjSWWsKXBv2V8j9mbwt60CGGsz+Mju6L4erq8m8C9b3dBqbQKfWZ0910NKhcH/bHVDizUMRm3QvoX9EfDeq6gLIexzdAIboxuifROMJjXc976o6c9pNOv3RT2NR98ZeP0GD99XeXwQwX0AAAAASUVORK5CYII=)}.direction-control .icon.icon-top[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAvklEQVRIDe2WTQ5AMBBGy9pFbR3E1lU4A1ewktjYWkkElVSk6c8304SIdtNqhzfvC4lkmLZNvDDSF5gnMoIfS/6bUTfdwk6IbdyPq2jaRciZM9jg+oDKoWYqnAWWlsr0vqbAWWDdUr9GGiCDTYamPR+cDLbZ2fZtDZDALjPXmQlOAvusfOf3BmAwYoTUKDgMRm3QuoT7I1BUs2pelHl2rdEFbIw+EK2LYDSp4Lr/Rc3+nEKz/l/U0Tj0nYHv3wFjml39xe97TQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-top-right[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABhElEQVRIDe2WQYrCMBSGf0d3VhHUqgcQ7EZv4S2KLtx4oq7aTb2Fe9fqTq3gSkrtyqUKM/MCDQ5teHGUkYEGSpKXl/9L/jSlhfP5/Ik3lI83MAUyB/+Z87nV/9PqKIown8/h+z67gRKbwSQQbLVaiScMQ5E9HA6ZWcCvwKfTSYCWyyUS2D1pMBjcdzPb2mCCrddrATwej5liFDRNE61WSzmeDGiBv7/ncBwHVHNFZ7ekoXWPq9UqptMpKpUKx8VLwURrNpssnGxut9vs4ihBa8eJUq1WQ71eT7qput/vp2KqgDb4crnAdV0cDgeVlrbNJKAFvl6v8DwP+/1eQrvdLgzDkH06ik6nI/tcgwUn0CAIpJZlWZhMJuLME/gjNpMQC57NZtjtdhLa6/UwGo1QLBbFfaW3vVwuP2QziRW4f67tditsvt1uIOh4PEap9PP6x3GMRqMhF6fTYMEkstlssFgsYNt2CqoDycrRAmdNfDbGnvGzANX8HKxy5uXx3OqXW6oS/AIPkXpFKlg2eQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-top-right[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABpUlEQVRIDe2WTUsCQRzGn7UlfE3NJIMoKIg66aWPEAZBfYIORZf6Pp2iDvUJOhRU905BeeggWR0srbQXL7a1u00z6qJh239MSYIdWGZneeb5zf+Z2WWVbIExdKG5usCsIB3wnyXvRP0/o75/Zjg40bF99EYWoJIKQvDwwnCWMZC6NJB/Mivq5HQvMQv4FbggYBwkrvxjFdZIio/RtrSi5ljksFMOSl0ZyBWbYRZ4MOxCrJ9+WaTApTLD+u4rSuUPy9+2j49LWYJeGkcEvQrWFjzo89HyjoJFedEQh8//DI+GXBiSiFn40SUIVa2F/QoiAcUaNvUJyZjFRGmwbgAbexqu7+wPVsfB7wK6ryGT4ze1NjGsIuCtr7sSc6Q+tnR2PakU0E0Bva1Dp0ZVrMy5scr33O+pWsgeKmshJHjnUMNFA3RyRMVS0g2Vz4yFxYFzw+dRkJD4aFhQ0SvUP1f6xsQWr1g3GQR0eZZDexotgGKJYSBof+i+qqsjEixk6ayJ43MdizPN0O9MZZ5JgWWMWtWQe9yqoazeAcsm1bbOibrtCGUNPgEYOXZ42XtceQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-left[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAuUlEQVRIDe2V3wnEIAyH0+MmcRh30Vl8dhfdRYdwgTtayMOVphf/1ZcIJSD59Us/At1KKR9YcF4LmAdSwI+ZF9WiepqBruVKKYH3vmm4d0tqB4YQIOfcEj8yVeARQJyUBR4JRPB293caAXTOIeunkl8cY4T9mXXIrdZagzEGlFJT2LeqkfhPOaUT81eVBcYgNcB0MDXAY+DzANZavGLXKtXstzIaya1mZLtaBNylryYsqmtsdfUuU/0FV6FmTaQlg68AAAAASUVORK5CYII=)}.direction-control .icon.icon-left[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAxUlEQVRIDWN8/Pr/f4YBAEwDYCfYylGL6Rbyo0E9GtQ0CwGKEtfdZ38Zpm78TpbjWMjRBbJwx+lfDCCaXECSxdSwEOZQoiympoUwixnx1U7UsLAvkwdmFwqN08c7z/xi2AmMR1oBnKna3YSNIdufk0FZipkmduMNapiNhIIcV3DC9GOjcfoYWTHI1yDfUzMEiLIY5ghqOoCooIZZjE7DogAUEqQCiiwm1TJk9SQFNbJGStmjFlMagkTrHw1qooOKUoUDFtQABHxSvSwEK9kAAAAASUVORK5CYII=)}.direction-control .icon.icon-auto[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAACkklEQVRIDe1VS0tqURT+fFSWgUlKEeFMU8Kx6EAciYg6LnKY4h/wvwiB0DQH4USQRg581EipkYiKRGgWQeKjUuyuzVXOjbOPh+7lNqg90HX2Xmt9e317PRTPz89TfMFSfgEmg/wB/m/Mfz+q1XK5vbu7Q7FYRK1Ww68SxHQ6hV6vx97eHhwOB7a2tuS6YnqKRXX89vaG8/NzXF1dMYOVlRVsbm4yudvtgs4VCgVcLhdCoRBUKpWsC0gCj8djJBIJNJtNbG9vw+v1wm63MyDyTlGXy2VcXFzg/v4eFosFx8fHUCoXp44kcCqVwuXlJfb39xEOh7G0tCQazWg0QjKZRL1eh8fjQSAQENUTbnKvRm9K9NLbSYGSM41GwyLV6XTI5XJ4enoSYojKXGACJSp9Ph83UqHH5eVlpks2hUJBeCQqc4Gr1SrUajWjWdRSZJOehFaj0RA5/XOLC0x0GQwGWYkyc7m2tsZK7OHhYbbF/efWsZzMFHq9vb3F4+MjqBKIqevra9Cbm0wmodpc5gJvbGyAbj5zNLfgCGdnZ6CEpJqmWj49PWWJGY/HRS24VFNNEujNzY2o4cfNg4MDENWUXGS3urqKw8PDj2rzby6w0+lkt89ms3h5eZkb8ISdnR3EYjEGTqDRaBS7u7s8dUg2EGqV+XyedaSjoyNotVpRR/1+H61WCzabDZ1Oh0VNnU5qSQJPJhOcnJywwbC+vo5gMAir1Tq/wHA4RKVSQSaTwWAwQCQSYUNDCnB2JglMSgSeTqfZZKL3o0VD4vX1Fb1ej31TQrndbvj9/n8zJJjX3z/tdhulUgnUWKjGqdxoLJrNZjaZjEajUH2hvDDihR4+qcDN6k/6k232Ayybqr9V/H5UvwOn3gBv9Fto1wAAAABJRU5ErkJggg==)}.direction-control .icon.icon-auto[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAACo0lEQVRIDe2V208TQRTGv93tbi9yKxSVaCXEC6nWS2JCEEyMl5igjbx6efb2F/i3+GB8NT5oTNTIkxqR0OiDBkFj0MaIgFahQqDd7eyuZ1grJHR21gTlAaZJM9ndOb8535zzjfI577pYhaGuAnMBuQ7+b8qvPalDQbUd/+5gYKSM0S82CnNeBzbWqti1VUNnKoTNjX8nniLrY4sBd/tNZN/SBC4MXUGi3oPkCw7KzIVCv+60jt5uA1pAvm/GzAau3y8iN2GjpUnDyYMG9m3XCOMNhxJ/NcrQ99JC/xsL32gjlzIRqJUPfOT0zfj2UxODJO/ethAunIjAEGyzVAZuPCziw7iNYwcMZA4ZPkjvlVAYfqbZEYZNcdUXysNEdODiqSjqN6h4/LqM6Vm5CwvB2XeMTtRFT0dYmOnStAyC93QYcMn6nw+TBJIhBL8fY9A1Bek2TRJi8XWajgRUAblJKg7JEIKnSK5EgxqoUCqMWBiI1yrIF+RSC8oFHlC+vsLEWN7BjxkHvBNCJNLQRxt1NQpaN1bPTQiOkznkfy4G+kMQTG49McELkneSRuCbfSUqTAXXzsaqrqi+Hfp0JzkSs10M5bhxyMe5o2FwqXlB8nVR6qjzxyPChUJw126ddq/g0QsLprxIsSWh4uqZKMEVgiq4QvNkszA8fA3kzjPPkdqTZCC0+5po9QTmS8CnrzZSrRompylnaqkWiXf7gm2HW2aJLgZGUBW9XQZS20KI/VawaHmW+WDQxLzp4nImivZksPbzBfP8GMHv0SUxMOwZCn/WVKeiTNU7M0cvafAjObJfx+nO4JeEFLwQmf4mphzybQZuLLzH+UXAr8UdVISH9+hobghwM1SC8c3KrsUl367oVFx2K4pZHmwdvFyTf/Rk7Un9C9P/7F9OLsvZAAAAAElFTkSuQmCC)}.direction-control .icon.icon-right[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAArUlEQVRIDe2Uyw3EIAwFndVWAsXQELVAL/QCRdDARorkozfGdsLFXDgAnsfwOeacP9jQPhuYF9LBr5l31a76MQOiy1VKgd67KtQh+TJzzhc0hAApJYgxLodQgZEmCWAClgQgwagTi670HAOiy3UXYowBtVZorZFTv+SIYoCzY1L1Py51DBwg1jXZ8QrQBCwBqsAaIIJFZ4yLNf0jz4kTyMEcSyZzXLWJRk6RbapPTPI7h/6vOP4AAAAASUVORK5CYII=)}.direction-control .icon.icon-right[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAsElEQVRIDWN8/Pr/f4YBAEwDYCfYylGL6Rbyo0E9GtQ0CwGyEtfUjd8Z7j77S5GjyLIYZCnIckocQJbFMK9S4gCKLKbEAYy4aqei6V9g5pJMK0sxM3iYsjGAaFyAKj5GNxwWBTvP/EKXgvNZ4CwqMojxMc6gxucOXNFAjIUwc6niY1IspIrF5FhIkcWUWAizmKw4hmmmhKZJdiLGQaMWExNKVFEzGtRUCUZiDBmwoAYAJ0RD5OsW0yAAAAAASUVORK5CYII=)}.direction-control .icon.icon-bottom-left[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABeElEQVRIDe2WwY6CMBCGx83C0RtEbiTKFXgKn8KTvBKJR/BheAAxJKB3UMHEAEfM7rbZNmSxMmbjmk1oQjqdTudr/7ako7IsP+AF5e0FTIocwH+m/CD1/5O6aRrwPA+SJEFN/uE9Loqik5hAfd+HKIoofLfbdWJ+Oh4Cp2kKruvC8XjkeRg0jmPqI+0gCHi/yHgIvNlsoK5rWK1WFH69XmG9XgODEohhGLBYLEQ87n/nFsIIw5BGMbimabDf7/nI2WwGy+USJEniPpGBXjGROc9znofA29DpdIqGkiRoMJFZVHRdB8dxQJZlUUjHjwZvt9vOYOY4n89wuVxYE1WjwFmWwel0EiasqooeuPZWCIO/O1DgezIzAIN/PSyY626NOtV9YHK6bdsG0zRhPB7fBbLOXjD5WdyScDKZUJhlWaAoCsuHrnvB7dUSGAGRT1VVNORWYC/4cDjAfD6nq/strD2B0fDKbMvxTBt1j58xgQH8DFVv5nyZ1J96VpLHLbVezQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-bottom-left[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABlUlEQVRIDe3Wy07CQBQG4B+oStyoGC/oyohbg4nPoIk+gyvDC7nQHTyCkY269wEAN2q8JIKECIgIUhJK65zW1gnQcGqCxKSTNByGdr6Zv9OGQL5sGBhDC47BNEkf/rPk/aj/X9RaF0hdtHGbFwWjeb7HlXr/+4bQpECvnzQkzwVeGI57gl8qOo5OVZTedGdNNnrzrJl9na6Bq1zH+d2t8ARnHzQ0VR3H6TZKNQOa8FOXbdgoIRurCg52wm6e0684FaPIPFqrIvwkrSIaCeKuYPXR5TGBHu6FMckYlXGKNaOiiLny/hNxo6WDDrvFVhQkBDrBHJEdtb1aG5I/15ZDSOzzUbqWDdP9dWvVhoFas3+3u51P/Sy4WNVRlmLuHfDjkzacKs7h4yw4972pekH5u4mfqai3eDhrK2Tu3WMmPDofQnxdwZY4ZqYD8nxc66EwvSxeB8RsYwQuzPIweRZD4awUczQSwiatLKZg8ReYJ5hWvLs9hbjAlua8r0zG5Drg/8uU4xhlzXqORzEBHx5FqgPHHFvUX9KOkynAF/ppAAAAAElFTkSuQmCC)}.direction-control .icon.icon-bottom[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAA0klEQVRIDe2VzQ2EIBCFcbOVQC/QC2fK4Ex5FEEDu3mbaAxR58dkOchc5GeGN98z4tJa+5gB8Rqg+ZOcwn9zfpjVby1iSmkrzTlvY+5gGPEU5r6i23nPs3rh/iRKKabWSlpsrTUxRjKPbXUIgTwMCdw8trBzzoDmKrCPPE6whXEYRUPt7xsSCV9RS2jRgEgYBWdUZ+uoOQqx8BG1lBaNiIVR1NP1c+RQoRLeU2to0ZRKGIUr5frEmiTUwqD23rO/274p9pXZF96dq4mnsNSB51n9BTilJSnucN55AAAAAElFTkSuQmCC)}.direction-control .icon.icon-bottom[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAA50lEQVRIDWN8/Pr/f4YBAEwDYCfYylGL6RbyAxbULOR6sWj6F7jWvkweOJtYxoD5eNRiYqOIYnUjL6gZia0kpm78znD32V+CQawsxcyQ7c9JUB3RQe1hykbQMJACYtURbTHIJyCMDxCjBqafaItBGgj5hpA8zFIQTZLF+HyETw7ZQhibJItBmnD5Cpc4zCJ0mmSLsfkMmxi6Reh8ki0GGYDuO3Q+uiXY+GRZjOxDZDY2C3CJkWUxyDCYL2E0LgtwiZNtMcin7sBCBUSTA4guMskxHJ8esn2Mz1Bi5EYtJiaUqKJmwIIaAL+HHsA1QNXZAAAAAElFTkSuQmCC)}.direction-control .icon.icon-bottom-right[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABh0lEQVRIDe2Uz6qCQBTGvy7U0l1EuyB6FcF3kBa28gGiB2nRSsqHcV+CUNY6+6MQqauKe+8RHCQtR2/3dhcODI7nzHy/M9+M1s7n8yfe0D7ewIyQFfjPnK+s/l9Wr1YrTKdTXK/XlxWWe8a2bUdQy7Iwm80y4a7rFi4oF2wYBoMtl8sUfL/fYzweY7vdFoLngmVZRq/XY6IE13Udt9sNBJ1MJgjDEIvFgs3hGdR4/tWXywWapmGz2TBNKsZxHARBEMWazSZGoxHL5w1yd0wC9XodiqKg2+0yvfV6zaAUPB6PhezmApNwo9HAYDBAp9Oh18xmmmZmPCvIDabFp9MJnudl6USxXwGTlXSRfN9/CD4cDtG5P5yQSHDt+PsC5kJjTd7bzQUWBAGqqkKSJLTb7ZiR+eQFc31O9wSynQDz+Ry73e4+jeFwiFarlYonA6XASQE6VyqCelyEKIqg/qz9GJwUpyJiF/r9fjKVGr8UnFJ/EuC6XE/Wl05V4NLWFV1YWV3UsdLzvwDk57fiUVyBCQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-bottom-right[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABrklEQVRIDe2Uu04CURCGfxQRaTRqgZfGRH0C9REkamFpLIyVlb2Fb2FjZeARjBZeensBGzGoiYCg3EVgI7usZyALG2B3z+pGLPYkm72cYb75/zmMI5aWZfRhDfSB2UDa4D9z3rb6f1kdiUkIXAkQJevqMuxxJC7Bfyng7lmEXwOeKZqfQYbgm3ANNamZ+P6lG57K1XF0WkEiUzdlhyF4Z9WNhRlnKynBA9fMdsZJ5WUcnwsoV2WEHsVWDM+Dg2dWf7GcJxcCool28sVZJ5JMbanSVDo5NoDDbQ8PsxFjqJiiXEzw3rob89Nt5Q9xsQWlmEyhjlcTdnOBKfEQwTfcmPMO0mvPFXpqO9IzQPWRG0y/yX/KyJa0T3DQRJ+5wekCHaQqPsrapzdNdme191WCwQUuVhj0TB+qJA1z2s0FHvU4sL85grWVYUxNaPeY4MEoX5+5/k6KGuVOtlM/6Upmu+fowZYH3nF9TT8CKwXQ/Z0VcctUhqmIXLMI37ILviWXOqzr+ddgdcY3NsnI6lRewi6beHrLUrAeqHNPvxGd0Ra+22ALzdRPZVut74+Fu98/cbfHjDrPaAAAAABJRU5ErkJggg==)}.video-wrapper[data-v-4db322a4]{width:100%;height:100%;position:relative}.video-wrapper:hover .video-top[data-v-4db322a4],.video-wrapper:hover .video-bottom[data-v-4db322a4],.video-wrapper:hover .direction-control[data-v-4db322a4]{visibility:visible}.video-wrapper .icon[data-v-4db322a4]{cursor:pointer}.video-wrapper .video-top[data-v-4db322a4],.video-wrapper .video-bottom[data-v-4db322a4]{position:absolute;left:0;width:100%;height:40px;background-color:#0006;display:flex;align-items:center;justify-content:space-between;z-index:1;color:#fff;font-size:14px;visibility:hidden}.video-wrapper .video-top[data-v-4db322a4]{top:0}.video-wrapper .video-top .video-top_l[data-v-4db322a4]{min-width:0;flex:1}.video-wrapper .video-top .video-top_l .video-title[data-v-4db322a4]{margin-left:16px}.video-wrapper .video-top .video-top_r[data-v-4db322a4]{flex-shrink:0;display:flex;align-items:center}.video-wrapper .video-top .video-top_r .play-status[data-v-4db322a4]{font-size:14px;color:#fff;margin-right:10px}.video-wrapper .video-top .video-top_r .close-icon[data-v-4db322a4]{margin-right:10px}.video-wrapper .video-bottom[data-v-4db322a4]{bottom:0}.video-wrapper .video-bottom .controls[data-v-4db322a4]{display:flex;align-items:center}.video-wrapper .video-bottom .controls .icon[data-v-4db322a4]{margin-right:16px;width:16px}.das-linakge-video-dialog{z-index:9999!important}.das-linakge-video-dialog.one-video,.das-linakge-video-dialog.four-video{width:933px!important;height:595px!important}.das-linakge-video-dialog.nine-video{width:1370px!important;height:840px!important}
|
|
1
|
+
.wrapper[data-v-97d987a9]{width:var(--a769b0be);height:var(--a769b0be);border:1px solid rgb(217,217,217);box-sizing:border-box}.wrapper.is-active[data-v-97d987a9]{border-color:var(--das-ui-tree-node-active-font-color)}.layout-wrapper[data-v-661e2289]{background-color:#fff;width:100%;height:100%;display:flex;flex-wrap:wrap}.direction-control[data-v-db2e8ec2]{visibility:hidden;position:absolute;right:10px;bottom:50px;display:grid;grid-template-rows:30px 30px 30px;grid-template-columns:30px 30px 30px;gap:5px}.direction-control .icon[data-v-db2e8ec2]{width:30px;height:30px;background-repeat:no-repeat;cursor:pointer}.direction-control .icon.icon-top-left[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABi0lEQVRIDe2VS4rCQBCGf8csVQQTX/skZqOuvYwg2eQqegBXBkHvIJiLCCpkJSiuXEZhZiqQxld3OlHGWaQgpLuqu77ir04ndzqdvvEB+/oAM0Rm4D9TPpP6/0g9m83geR4Oh8Nbi8rFXSDL5RL0kNXrdXQ6nfCpVqsvFRIL3u/3GI1GDxAqotvthkVomvYQj3PEginBcDgUSt1sNsMC2u02ZIuQ+pxIXpHtdjssFguMx2P8tk60lMXeAqZsxWIRjuOgVCqx5KKBFJj6KTpMEVRWZipICkwLqX88q1QqKJfLvPBTvzRY1Gff9zGZTBAEwVPIM6c0uNFo3JzYQqEAXddZzu12C9d1cT6fmU80kAZTkkhugtJBsm0blmWx/JvNRhqeCExyR9BarYZ8Po9+v49Wq8Xg6/Ua8/mczXkDqQvkevPxeISqqtcuXC4XTKdTrFYrKIqCwWAAwzBu1txPEoPvE0RzgtMPpdfrwTTNyM19vw3MJXACiXrMyZHKnYFTyZZmUyZ1GtVS7fkBP094w5J8R1YAAAAASUVORK5CYII=)}.direction-control .icon.icon-top-left[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABpklEQVRIDWN8/Pr/f4YBAEwDYCfYylGL6Rbyo0E9eIJ60e6fDDvP/GZ4+Z662Z2FkBfFBRkZdp4GWg7EkkLMDPrKLAwGKiwMYgKMhLTilWckVHK9ePePoWvlNwxDJIWZGQxAjgBiUTIcQdBikI2dK74Bg/ofhuUwASkRYEgosTAYAh0hQqQjiMpOoODFB569+cuw/dRPhqkbvzN8/EZcWqCKxSBH8XEzMWT5czLwcxEX90RZLCnEBIxH3ErBlvpxkhTXuE1DC1tQIsIFhHkZGQR5iPMpzAyqWHz/xV+G2Vt/MPz+AzOWME20xZLCqMHNy8XEoCaDCIU7z/4wzN72g+EXkZYTbTHID7DUzcPJxJAJjNMUbw4GTXkky5/+YZhLpOUkWWwAzKsgS7P8OBgkgCUaC1B3ojsHg4YcwvLbQMsX7/pBMKyJKkCQTXnz8T+DCD9qQvrzl4Fh3o4fDDce/WFgZWZkSPLiYFCXYUbWhsEm2WIME6ACIMsX7/7BYKXNyqAui99SkBaqWYzLQbjESYpjXIaQIz5qMTmhRpae0aAmK9jI0QQAfUJucJlQSdcAAAAASUVORK5CYII=)}.direction-control .icon.icon-top[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAtklEQVRIDe2WYQqEIBCFrTN7DC+kd9FDeIGNESYW2bY3Tygi/TNWo5/fo6Cl1vpxN4z1BmZDTvBlyT8z6pQSnRBtnHN2ApbKDBocY2w8rVY4BRbLUkpjSWWsKXBv2V8j9mbwt60CGGsz+Mju6L4erq8m8C9b3dBqbQKfWZ0910NKhcH/bHVDizUMRm3QvoX9EfDeq6gLIexzdAIboxuifROMJjXc976o6c9pNOv3RT2NR98ZeP0GD99XeXwQwX0AAAAASUVORK5CYII=)}.direction-control .icon.icon-top[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAvklEQVRIDe2WTQ5AMBBGy9pFbR3E1lU4A1ewktjYWkkElVSk6c8304SIdtNqhzfvC4lkmLZNvDDSF5gnMoIfS/6bUTfdwk6IbdyPq2jaRciZM9jg+oDKoWYqnAWWlsr0vqbAWWDdUr9GGiCDTYamPR+cDLbZ2fZtDZDALjPXmQlOAvusfOf3BmAwYoTUKDgMRm3QuoT7I1BUs2pelHl2rdEFbIw+EK2LYDSp4Lr/Rc3+nEKz/l/U0Tj0nYHv3wFjml39xe97TQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-top-right[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABhElEQVRIDe2WQYrCMBSGf0d3VhHUqgcQ7EZv4S2KLtx4oq7aTb2Fe9fqTq3gSkrtyqUKM/MCDQ5teHGUkYEGSpKXl/9L/jSlhfP5/Ik3lI83MAUyB/+Z87nV/9PqKIown8/h+z67gRKbwSQQbLVaiScMQ5E9HA6ZWcCvwKfTSYCWyyUS2D1pMBjcdzPb2mCCrddrATwej5liFDRNE61WSzmeDGiBv7/ncBwHVHNFZ7ekoXWPq9UqptMpKpUKx8VLwURrNpssnGxut9vs4ihBa8eJUq1WQ71eT7qput/vp2KqgDb4crnAdV0cDgeVlrbNJKAFvl6v8DwP+/1eQrvdLgzDkH06ik6nI/tcgwUn0CAIpJZlWZhMJuLME/gjNpMQC57NZtjtdhLa6/UwGo1QLBbFfaW3vVwuP2QziRW4f67tditsvt1uIOh4PEap9PP6x3GMRqMhF6fTYMEkstlssFgsYNt2CqoDycrRAmdNfDbGnvGzANX8HKxy5uXx3OqXW6oS/AIPkXpFKlg2eQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-top-right[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABpUlEQVRIDe2WTUsCQRzGn7UlfE3NJIMoKIg66aWPEAZBfYIORZf6Pp2iDvUJOhRU905BeeggWR0srbQXL7a1u00z6qJh239MSYIdWGZneeb5zf+Z2WWVbIExdKG5usCsIB3wnyXvRP0/o75/Zjg40bF99EYWoJIKQvDwwnCWMZC6NJB/Mivq5HQvMQv4FbggYBwkrvxjFdZIio/RtrSi5ljksFMOSl0ZyBWbYRZ4MOxCrJ9+WaTApTLD+u4rSuUPy9+2j49LWYJeGkcEvQrWFjzo89HyjoJFedEQh8//DI+GXBiSiFn40SUIVa2F/QoiAcUaNvUJyZjFRGmwbgAbexqu7+wPVsfB7wK6ryGT4ze1NjGsIuCtr7sSc6Q+tnR2PakU0E0Bva1Dp0ZVrMy5scr33O+pWsgeKmshJHjnUMNFA3RyRMVS0g2Vz4yFxYFzw+dRkJD4aFhQ0SvUP1f6xsQWr1g3GQR0eZZDexotgGKJYSBof+i+qqsjEixk6ayJ43MdizPN0O9MZZ5JgWWMWtWQe9yqoazeAcsm1bbOibrtCGUNPgEYOXZ42XtceQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-left[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAuUlEQVRIDe2V3wnEIAyH0+MmcRh30Vl8dhfdRYdwgTtayMOVphf/1ZcIJSD59Us/At1KKR9YcF4LmAdSwI+ZF9WiepqBruVKKYH3vmm4d0tqB4YQIOfcEj8yVeARQJyUBR4JRPB293caAXTOIeunkl8cY4T9mXXIrdZagzEGlFJT2LeqkfhPOaUT81eVBcYgNcB0MDXAY+DzANZavGLXKtXstzIaya1mZLtaBNylryYsqmtsdfUuU/0FV6FmTaQlg68AAAAASUVORK5CYII=)}.direction-control .icon.icon-left[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAxUlEQVRIDWN8/Pr/f4YBAEwDYCfYylGL6Rbyo0E9GtQ0CwGKEtfdZ38Zpm78TpbjWMjRBbJwx+lfDCCaXECSxdSwEOZQoiympoUwixnx1U7UsLAvkwdmFwqN08c7z/xi2AmMR1oBnKna3YSNIdufk0FZipkmduMNapiNhIIcV3DC9GOjcfoYWTHI1yDfUzMEiLIY5ghqOoCooIZZjE7DogAUEqQCiiwm1TJk9SQFNbJGStmjFlMagkTrHw1qooOKUoUDFtQABHxSvSwEK9kAAAAASUVORK5CYII=)}.direction-control .icon.icon-auto[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAACkklEQVRIDe1VS0tqURT+fFSWgUlKEeFMU8Kx6EAciYg6LnKY4h/wvwiB0DQH4USQRg581EipkYiKRGgWQeKjUuyuzVXOjbOPh+7lNqg90HX2Xmt9e317PRTPz89TfMFSfgEmg/wB/m/Mfz+q1XK5vbu7Q7FYRK1Ww68SxHQ6hV6vx97eHhwOB7a2tuS6YnqKRXX89vaG8/NzXF1dMYOVlRVsbm4yudvtgs4VCgVcLhdCoRBUKpWsC0gCj8djJBIJNJtNbG9vw+v1wm63MyDyTlGXy2VcXFzg/v4eFosFx8fHUCoXp44kcCqVwuXlJfb39xEOh7G0tCQazWg0QjKZRL1eh8fjQSAQENUTbnKvRm9K9NLbSYGSM41GwyLV6XTI5XJ4enoSYojKXGACJSp9Ph83UqHH5eVlpks2hUJBeCQqc4Gr1SrUajWjWdRSZJOehFaj0RA5/XOLC0x0GQwGWYkyc7m2tsZK7OHhYbbF/efWsZzMFHq9vb3F4+MjqBKIqevra9Cbm0wmodpc5gJvbGyAbj5zNLfgCGdnZ6CEpJqmWj49PWWJGY/HRS24VFNNEujNzY2o4cfNg4MDENWUXGS3urqKw8PDj2rzby6w0+lkt89ms3h5eZkb8ISdnR3EYjEGTqDRaBS7u7s8dUg2EGqV+XyedaSjoyNotVpRR/1+H61WCzabDZ1Oh0VNnU5qSQJPJhOcnJywwbC+vo5gMAir1Tq/wHA4RKVSQSaTwWAwQCQSYUNDCnB2JglMSgSeTqfZZKL3o0VD4vX1Fb1ej31TQrndbvj9/n8zJJjX3z/tdhulUgnUWKjGqdxoLJrNZjaZjEajUH2hvDDihR4+qcDN6k/6k232Ayybqr9V/H5UvwOn3gBv9Fto1wAAAABJRU5ErkJggg==)}.direction-control .icon.icon-auto[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAACo0lEQVRIDe2V208TQRTGv93tbi9yKxSVaCXEC6nWS2JCEEyMl5igjbx6efb2F/i3+GB8NT5oTNTIkxqR0OiDBkFj0MaIgFahQqDd7eyuZ1grJHR21gTlAaZJM9ndOb8535zzjfI577pYhaGuAnMBuQ7+b8qvPalDQbUd/+5gYKSM0S82CnNeBzbWqti1VUNnKoTNjX8nniLrY4sBd/tNZN/SBC4MXUGi3oPkCw7KzIVCv+60jt5uA1pAvm/GzAau3y8iN2GjpUnDyYMG9m3XCOMNhxJ/NcrQ99JC/xsL32gjlzIRqJUPfOT0zfj2UxODJO/ethAunIjAEGyzVAZuPCziw7iNYwcMZA4ZPkjvlVAYfqbZEYZNcdUXysNEdODiqSjqN6h4/LqM6Vm5CwvB2XeMTtRFT0dYmOnStAyC93QYcMn6nw+TBJIhBL8fY9A1Bek2TRJi8XWajgRUAblJKg7JEIKnSK5EgxqoUCqMWBiI1yrIF+RSC8oFHlC+vsLEWN7BjxkHvBNCJNLQRxt1NQpaN1bPTQiOkznkfy4G+kMQTG49McELkneSRuCbfSUqTAXXzsaqrqi+Hfp0JzkSs10M5bhxyMe5o2FwqXlB8nVR6qjzxyPChUJw126ddq/g0QsLprxIsSWh4uqZKMEVgiq4QvNkszA8fA3kzjPPkdqTZCC0+5po9QTmS8CnrzZSrRompylnaqkWiXf7gm2HW2aJLgZGUBW9XQZS20KI/VawaHmW+WDQxLzp4nImivZksPbzBfP8GMHv0SUxMOwZCn/WVKeiTNU7M0cvafAjObJfx+nO4JeEFLwQmf4mphzybQZuLLzH+UXAr8UdVISH9+hobghwM1SC8c3KrsUl367oVFx2K4pZHmwdvFyTf/Rk7Un9C9P/7F9OLsvZAAAAAElFTkSuQmCC)}.direction-control .icon.icon-right[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAArUlEQVRIDe2Uyw3EIAwFndVWAsXQELVAL/QCRdDARorkozfGdsLFXDgAnsfwOeacP9jQPhuYF9LBr5l31a76MQOiy1VKgd67KtQh+TJzzhc0hAApJYgxLodQgZEmCWAClgQgwagTi670HAOiy3UXYowBtVZorZFTv+SIYoCzY1L1Py51DBwg1jXZ8QrQBCwBqsAaIIJFZ4yLNf0jz4kTyMEcSyZzXLWJRk6RbapPTPI7h/6vOP4AAAAASUVORK5CYII=)}.direction-control .icon.icon-right[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAAsElEQVRIDWN8/Pr/f4YBAEwDYCfYylGL6Rbyo0E9GtQ0CwGyEtfUjd8Z7j77S5GjyLIYZCnIckocQJbFMK9S4gCKLKbEAYy4aqei6V9g5pJMK0sxM3iYsjGAaFyAKj5GNxwWBTvP/EKXgvNZ4CwqMojxMc6gxucOXNFAjIUwc6niY1IspIrF5FhIkcWUWAizmKw4hmmmhKZJdiLGQaMWExNKVFEzGtRUCUZiDBmwoAYAJ0RD5OsW0yAAAAAASUVORK5CYII=)}.direction-control .icon.icon-bottom-left[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABeElEQVRIDe2WwY6CMBCGx83C0RtEbiTKFXgKn8KTvBKJR/BheAAxJKB3UMHEAEfM7rbZNmSxMmbjmk1oQjqdTudr/7ako7IsP+AF5e0FTIocwH+m/CD1/5O6aRrwPA+SJEFN/uE9Loqik5hAfd+HKIoofLfbdWJ+Oh4Cp2kKruvC8XjkeRg0jmPqI+0gCHi/yHgIvNlsoK5rWK1WFH69XmG9XgODEohhGLBYLEQ87n/nFsIIw5BGMbimabDf7/nI2WwGy+USJEniPpGBXjGROc9znofA29DpdIqGkiRoMJFZVHRdB8dxQJZlUUjHjwZvt9vOYOY4n89wuVxYE1WjwFmWwel0EiasqooeuPZWCIO/O1DgezIzAIN/PSyY626NOtV9YHK6bdsG0zRhPB7fBbLOXjD5WdyScDKZUJhlWaAoCsuHrnvB7dUSGAGRT1VVNORWYC/4cDjAfD6nq/strD2B0fDKbMvxTBt1j58xgQH8DFVv5nyZ1J96VpLHLbVezQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-bottom-left[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABlUlEQVRIDe3Wy07CQBQG4B+oStyoGC/oyohbg4nPoIk+gyvDC7nQHTyCkY269wEAN2q8JIKECIgIUhJK65zW1gnQcGqCxKSTNByGdr6Zv9OGQL5sGBhDC47BNEkf/rPk/aj/X9RaF0hdtHGbFwWjeb7HlXr/+4bQpECvnzQkzwVeGI57gl8qOo5OVZTedGdNNnrzrJl9na6Bq1zH+d2t8ARnHzQ0VR3H6TZKNQOa8FOXbdgoIRurCg52wm6e0684FaPIPFqrIvwkrSIaCeKuYPXR5TGBHu6FMckYlXGKNaOiiLny/hNxo6WDDrvFVhQkBDrBHJEdtb1aG5I/15ZDSOzzUbqWDdP9dWvVhoFas3+3u51P/Sy4WNVRlmLuHfDjkzacKs7h4yw4972pekH5u4mfqai3eDhrK2Tu3WMmPDofQnxdwZY4ZqYD8nxc66EwvSxeB8RsYwQuzPIweRZD4awUczQSwiatLKZg8ReYJ5hWvLs9hbjAlua8r0zG5Drg/8uU4xhlzXqORzEBHx5FqgPHHFvUX9KOkynAF/ppAAAAAElFTkSuQmCC)}.direction-control .icon.icon-bottom[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAA0klEQVRIDe2VzQ2EIBCFcbOVQC/QC2fK4Ex5FEEDu3mbaAxR58dkOchc5GeGN98z4tJa+5gB8Rqg+ZOcwn9zfpjVby1iSmkrzTlvY+5gGPEU5r6i23nPs3rh/iRKKabWSlpsrTUxRjKPbXUIgTwMCdw8trBzzoDmKrCPPE6whXEYRUPt7xsSCV9RS2jRgEgYBWdUZ+uoOQqx8BG1lBaNiIVR1NP1c+RQoRLeU2to0ZRKGIUr5frEmiTUwqD23rO/274p9pXZF96dq4mnsNSB51n9BTilJSnucN55AAAAAElFTkSuQmCC)}.direction-control .icon.icon-bottom[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAAA50lEQVRIDWN8/Pr/f4YBAEwDYCfYylGL6RbyAxbULOR6sWj6F7jWvkweOJtYxoD5eNRiYqOIYnUjL6gZia0kpm78znD32V+CQawsxcyQ7c9JUB3RQe1hykbQMJACYtURbTHIJyCMDxCjBqafaItBGgj5hpA8zFIQTZLF+HyETw7ZQhibJItBmnD5Cpc4zCJ0mmSLsfkMmxi6Reh8ki0GGYDuO3Q+uiXY+GRZjOxDZDY2C3CJkWUxyDCYL2E0LgtwiZNtMcin7sBCBUSTA4guMskxHJ8esn2Mz1Bi5EYtJiaUqKJmwIIaAL+HHsA1QNXZAAAAAElFTkSuQmCC)}.direction-control .icon.icon-bottom-right[data-v-db2e8ec2]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABh0lEQVRIDe2Uz6qCQBTGvy7U0l1EuyB6FcF3kBa28gGiB2nRSsqHcV+CUNY6+6MQqauKe+8RHCQtR2/3dhcODI7nzHy/M9+M1s7n8yfe0D7ewIyQFfjPnK+s/l9Wr1YrTKdTXK/XlxWWe8a2bUdQy7Iwm80y4a7rFi4oF2wYBoMtl8sUfL/fYzweY7vdFoLngmVZRq/XY6IE13Udt9sNBJ1MJgjDEIvFgs3hGdR4/tWXywWapmGz2TBNKsZxHARBEMWazSZGoxHL5w1yd0wC9XodiqKg2+0yvfV6zaAUPB6PhezmApNwo9HAYDBAp9Oh18xmmmZmPCvIDabFp9MJnudl6USxXwGTlXSRfN9/CD4cDtG5P5yQSHDt+PsC5kJjTd7bzQUWBAGqqkKSJLTb7ZiR+eQFc31O9wSynQDz+Ry73e4+jeFwiFarlYonA6XASQE6VyqCelyEKIqg/qz9GJwUpyJiF/r9fjKVGr8UnFJ/EuC6XE/Wl05V4NLWFV1YWV3UsdLzvwDk57fiUVyBCQAAAABJRU5ErkJggg==)}.direction-control .icon.icon-bottom-right[data-v-db2e8ec2]:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAHqADAAQAAAABAAAAHgAAAADKQTcFAAABrklEQVRIDe2Uu04CURCGfxQRaTRqgZfGRH0C9REkamFpLIyVlb2Fb2FjZeARjBZeensBGzGoiYCg3EVgI7usZyALG2B3z+pGLPYkm72cYb75/zmMI5aWZfRhDfSB2UDa4D9z3rb6f1kdiUkIXAkQJevqMuxxJC7Bfyng7lmEXwOeKZqfQYbgm3ANNamZ+P6lG57K1XF0WkEiUzdlhyF4Z9WNhRlnKynBA9fMdsZJ5WUcnwsoV2WEHsVWDM+Dg2dWf7GcJxcCool28sVZJ5JMbanSVDo5NoDDbQ8PsxFjqJiiXEzw3rob89Nt5Q9xsQWlmEyhjlcTdnOBKfEQwTfcmPMO0mvPFXpqO9IzQPWRG0y/yX/KyJa0T3DQRJ+5wekCHaQqPsrapzdNdme191WCwQUuVhj0TB+qJA1z2s0FHvU4sL85grWVYUxNaPeY4MEoX5+5/k6KGuVOtlM/6Upmu+fowZYH3nF9TT8CKwXQ/Z0VcctUhqmIXLMI37ILviWXOqzr+ddgdcY3NsnI6lRewi6beHrLUrAeqHNPvxGd0Ra+22ALzdRPZVut74+Fu98/cbfHjDrPaAAAAABJRU5ErkJggg==)}.video-wrapper[data-v-4db322a4]{width:100%;height:100%;position:relative}.video-wrapper:hover .video-top[data-v-4db322a4],.video-wrapper:hover .video-bottom[data-v-4db322a4],.video-wrapper:hover .direction-control[data-v-4db322a4]{visibility:visible}.video-wrapper .icon[data-v-4db322a4]{cursor:pointer}.video-wrapper .video-top[data-v-4db322a4],.video-wrapper .video-bottom[data-v-4db322a4]{position:absolute;left:0;width:100%;height:40px;background-color:#0006;display:flex;align-items:center;justify-content:space-between;z-index:1;color:#fff;font-size:14px;visibility:hidden}.video-wrapper .video-top[data-v-4db322a4]{top:0}.video-wrapper .video-top .video-top_l[data-v-4db322a4]{min-width:0;flex:1}.video-wrapper .video-top .video-top_l .video-title[data-v-4db322a4]{margin-left:16px}.video-wrapper .video-top .video-top_r[data-v-4db322a4]{flex-shrink:0;display:flex;align-items:center}.video-wrapper .video-top .video-top_r .play-status[data-v-4db322a4]{font-size:14px;color:#fff;margin-right:10px}.video-wrapper .video-top .video-top_r .close-icon[data-v-4db322a4]{margin-right:10px}.video-wrapper .video-bottom[data-v-4db322a4]{bottom:0}.video-wrapper .video-bottom .controls[data-v-4db322a4]{display:flex;align-items:center}.video-wrapper .video-bottom .controls .icon[data-v-4db322a4]{margin-right:16px;width:16px}.das-linakge-video-dialog{z-index:9999!important}.das-linakge-video-dialog.one-video,.das-linakge-video-dialog.four-video{width:933px!important;height:595px!important}.das-linakge-video-dialog.nine-video{width:1370px!important;height:840px!important}
|
|
Binary file
|