@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.10",
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.10",
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.10",
60
- "@das-fed/utils": "7.0.5-test.10",
61
- "@das-fed/web": "7.0.5-test.10",
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 P, unref as l, ref as h, watch as F, defineComponent as D, useCssVars as pe, computed as T, createElementBlock as S, openBlock as p, normalizeClass as fe, renderSlot as oe, createCommentVNode as I, Fragment as H, renderList as me, createBlock as R, withCtx as k, withModifiers as _, createVNode as f, createElementVNode as m, toDisplayString as j, toRefs as Ce } from "vue";
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 y, setI18nRule as ke } from "@das-fed/web/packages/i18n/index";
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", Fe = () => {
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 Se(t) {
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() : P(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, a;
39
- if (Ne(t[0]) || Array.isArray(t[0]) ? ([e, i, a] = t, n = Oe) : [n, e, i, a] = t, !n)
40
- return Fe;
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 = [], s = () => {
43
- o.forEach((r) => r()), o.length = 0;
44
- }, C = (r, d, g, b) => (r.addEventListener(d, g, b), () => r.removeEventListener(d, g, b)), c = F(() => [ie(n), ne(a)], ([r, d]) => {
45
- s(), r && o.push(...e.flatMap((g) => i.map((b) => C(r, g, b, d))));
46
- }, { immediate: !0, flush: "post" }), u = () => {
47
- c(), s();
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(u), u;
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, a = t || (e == null ? void 0 : e.querySelector("html")), o = h(!1);
101
- let s = Z[0];
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 s = N, !0;
106
+ return r = N, !0;
107
107
  } else
108
108
  return !1;
109
109
  return !1;
110
- }), [c, u, r, , d] = s;
111
- async function g() {
112
- C.value && (e != null && e[r] && await e[u](), o.value = !1);
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 g();
118
- const N = ie(a);
119
- N && (await N[c](), o.value = !0);
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 g() : await b();
122
+ o.value ? await y() : await b();
123
123
  }
124
- return e && De(e, d, () => {
125
- o.value = !!(e != null && e[r]);
126
- }, !1), i && le(g), {
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: g,
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: Se
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((r) => ({
184
- "9b3a2c32": u.value
183
+ pe((c) => ({
184
+ a769b0be: u.value
185
185
  }));
186
- const e = t, i = n, a = h(), { toggle: o, isFullscreen: s } = ae(a), C = () => {
187
- a.value != document.fullscreenElement && (s.value ? (s.value = !1, P(() => {
188
- o();
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 = T(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
193
- return (r, d) => (p(), S(
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: a,
195
+ ref: s,
198
196
  class: fe(["wrapper", { "is-active": e.active }]),
199
- onDblclick: d[0] || (d[0] = (g) => C()),
200
- onClick: d[1] || (d[1] = (g) => c())
197
+ onDblclick: a[0] || (a[0] = (v) => r()),
198
+ onClick: a[1] || (a[1] = (v) => C())
201
199
  },
202
200
  [
203
- oe(r.$slots, "default", {}, void 0, !0)
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, a] of n)
212
- e[i] = a;
209
+ for (const [i, s] of n)
210
+ e[i] = s;
213
211
  return e;
214
- }, Ve = /* @__PURE__ */ B(Be, [["__scopeId", "data-v-100b67ca"]]), je = { class: "layout-wrapper" }, Me = /* @__PURE__ */ D({
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, a = (o) => {
221
+ const e = t, i = n, s = (o) => {
224
222
  i("update:activeIndex", o);
225
223
  };
226
- return (o, s) => (p(), S("div", je, [
224
+ return (o, r) => (p(), F("div", je, [
227
225
  I(' :active="index === activeIndex" '),
228
- (p(!0), S(
226
+ (p(!0), F(
229
227
  H,
230
228
  null,
231
- me(e.gridNum, (C, c) => (p(), R(Ve, {
229
+ me(e.gridNum, (C, u) => (p(), R(Ve, {
232
230
  active: !1,
233
231
  "grid-num": e.gridNum,
234
- onItemClick: (u) => a(c)
232
+ onItemClick: (c) => s(u)
235
233
  }, {
236
- default: k(() => [
237
- o.showFn(c) ? oe(o.$slots, "default", {
234
+ default: g(() => [
235
+ o.showFn(u) ? oe(o.$slots, "default", {
238
236
  key: 0,
239
- index: c
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 = (a) => {
255
- e("change", a);
252
+ const e = n, i = (s) => {
253
+ e("change", s);
256
254
  };
257
- return (a, o) => (p(), S(
255
+ return (s, o) => (p(), F(
258
256
  "div",
259
257
  {
260
258
  class: "direction-control",
261
- onDblclick: o[9] || (o[9] = _((s) => s.stopPropagation(), ["stop"]))
259
+ onDblclick: o[9] || (o[9] = _((r) => r.stopPropagation(), ["stop"]))
262
260
  },
263
261
  [
264
262
  f(l(w), {
265
- content: l(y)("左上")
263
+ content: l(k)("左上")
266
264
  }, {
267
- default: k(() => [
265
+ default: g(() => [
268
266
  m("div", {
269
267
  class: "icon icon-top-left",
270
- onClick: o[0] || (o[0] = _((s) => i("leftUp"), ["stop"]))
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(y)("上")
275
+ content: l(k)("上")
278
276
  }, {
279
- default: k(() => [
277
+ default: g(() => [
280
278
  m("div", {
281
279
  class: "icon icon-top",
282
- onClick: o[1] || (o[1] = _((s) => i("up"), ["stop"]))
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(y)("右上")
287
+ content: l(k)("右上")
290
288
  }, {
291
- default: k(() => [
289
+ default: g(() => [
292
290
  m("div", {
293
291
  class: "icon icon-top-right",
294
- onClick: o[2] || (o[2] = _((s) => i("rightUp"), ["stop"]))
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(y)("左")
299
+ content: l(k)("左")
302
300
  }, {
303
- default: k(() => [
301
+ default: g(() => [
304
302
  m("div", {
305
303
  class: "icon icon-left",
306
- onClick: o[3] || (o[3] = _((s) => i("left"), ["stop"]))
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(y)("自动")
311
+ content: l(k)("自动")
314
312
  }, {
315
- default: k(() => [
313
+ default: g(() => [
316
314
  m("div", {
317
315
  class: "icon icon-auto",
318
- onClick: o[4] || (o[4] = _((s) => i("auto"), ["stop"]))
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(y)("右")
323
+ content: l(k)("右")
326
324
  }, {
327
- default: k(() => [
325
+ default: g(() => [
328
326
  m("div", {
329
327
  class: "icon icon-right",
330
- onClick: o[5] || (o[5] = _((s) => i("right"), ["stop"]))
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(y)("左下")
335
+ content: l(k)("左下")
338
336
  }, {
339
- default: k(() => [
337
+ default: g(() => [
340
338
  m("div", {
341
339
  class: "icon icon-bottom-left",
342
- onClick: o[6] || (o[6] = _((s) => i("leftDown"), ["stop"]))
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(y)("下")
347
+ content: l(k)("下")
350
348
  }, {
351
- default: k(() => [
349
+ default: g(() => [
352
350
  m("div", {
353
351
  class: "icon icon-bottom",
354
- onClick: o[7] || (o[7] = _((s) => i("down"), ["stop"]))
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(y)("右下")
359
+ content: l(k)("右下")
362
360
  }, {
363
- default: k(() => [
361
+ default: g(() => [
364
362
  m("div", {
365
363
  class: "icon icon-bottom-right",
366
- onClick: o[8] || (o[8] = _((s) => i("rightDown"), ["stop"]))
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 a = h(!0), o = h(), s = h(!1), C = h(), c = T(() => {
406
- var v;
407
- return (v = C.value) == null ? void 0 : v.video;
408
- }), u = h(!1), r = h(!0), d = (v) => {
409
- o.value = v, !e.isHls && o.value.on(window.mpegts.Events.ERROR, (E) => {
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
- }, g = () => {
412
- a.value = !a.value, i("handleClick", a.value ? "MUTE" : "UNMUTE"), o.value && (o.value.muted = a.value);
409
+ }, y = () => {
410
+ s.value = !s.value, i("handleClick", s.value ? "MUTE" : "UNMUTE"), o.value && (o.value.muted = s.value);
413
411
  }, b = () => {
414
- s.value = !s.value;
412
+ r.value = !r.value;
415
413
  }, L = h(""), N = () => {
416
- const v = document.createElement("canvas");
417
- if (i("handleClick", "SCREENSHOT"), c.value) {
418
- v.width = c.value.clientWidth, v.height = c.value.clientHeight;
419
- const E = v.getContext("2d");
420
- E == null || E.drawImage(c.value, 0, 0, v.width, v.height);
421
- const z = v.toDataURL("image/jpg"), ce = `【${e.title}】${Ee().format("YYYYMMDDHHmmss").toString()}.jpg`;
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(v), O.click(), URL.revokeObjectURL(O.href), document.body.removeChild(O), document.body.removeChild(v);
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 = (v) => {
428
- i("directionControl", v);
429
- }, x = (v) => {
430
- i("zoomControl", v);
431
- }, U = (v) => e.authType.includes(v);
432
- return F(
433
- () => c.value,
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
- c.value && c.value.addEventListener("ended", () => {
436
- u.value = !0, e.type === "playback" && (r.value = !1);
433
+ u.value && u.value.addEventListener("ended", () => {
434
+ c.value = !0, e.type === "playback" && (a.value = !1);
437
435
  });
438
436
  }
439
- ), F(
440
- () => c.value,
437
+ ), S(
438
+ () => u.value,
441
439
  () => {
442
- c.value && P(() => {
443
- c.value.playbackRate = e.playbackRate || 1;
440
+ u.value && x(() => {
441
+ u.value.playbackRate = e.playbackRate || 1;
444
442
  });
445
443
  }
446
- ), F(
444
+ ), S(
447
445
  () => o.value,
448
446
  () => {
449
- o.value && P(() => {
450
- o.value.muted = a.value;
447
+ o.value && x(() => {
448
+ o.value.muted = s.value;
451
449
  });
452
450
  }
453
- ), F(
451
+ ), S(
454
452
  () => e.playbackRate,
455
453
  () => {
456
- c.value && (c.value.playbackRate = e.playbackRate || 1);
454
+ u.value && (u.value.playbackRate = e.playbackRate || 1);
457
455
  },
458
456
  {
459
457
  immediate: !0
460
458
  }
461
- ), F(
459
+ ), S(
462
460
  () => e.paused,
463
461
  () => {
464
462
  o.value && (e.paused ? o.value.pause() : o.value.play());
465
463
  }
466
- ), F(
464
+ ), S(
467
465
  () => e.videoUrl,
468
466
  () => {
469
- r.value = !1, P(() => {
470
- r.value = !0;
467
+ a.value = !1, x(() => {
468
+ a.value = !0;
471
469
  });
472
470
  }
473
- ), (v, E) => (p(), S("div", Ge, [
471
+ ), (d, E) => (p(), F("div", Ge, [
474
472
  f(l(be), {
475
473
  spinning: e.loading,
476
474
  type: "component",
477
- tip: l(y)("加载中...")
475
+ tip: l(k)("加载中...")
478
476
  }, {
479
- default: k(() => [
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(v.type) ? (p(), S(
491
+ ["live"].includes(d.type) ? (p(), F(
494
492
  "span",
495
493
  Je,
496
- j(l(y)("正在实时预览")),
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
- v.isHls ? (p(), S(
501
+ d.isHls ? (p(), F(
504
502
  H,
505
503
  { key: 1 },
506
504
  [
507
- e.videoUrl && r.value ? (p(), R(l(Ie), {
505
+ e.videoUrl && a.value ? (p(), R(l(Ie), {
508
506
  key: 0,
509
507
  ref_key: "dasLivePlayerRef",
510
508
  ref: C,
511
- muted: a.value,
512
- onLoaded: d,
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(), S(
516
+ )) : (p(), F(
519
517
  H,
520
518
  { key: 0 },
521
519
  [
522
- e.videoUrl && r.value ? (p(), R(l(we), {
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: a.value,
528
- onLoaded: d,
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(y)("声音")
550
+ content: l(k)("声音")
553
551
  }, {
554
- default: k(() => [
552
+ default: g(() => [
555
553
  f(l($), {
556
554
  class: "icon icon-volume",
557
- icon: a.value ? "muted" : "volume",
558
- onClick: _(g, ["stop"])
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(y)("截图")
563
+ content: l(k)("截图")
566
564
  }, {
567
- default: k(() => [
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(y)("聚焦-")
577
+ content: l(k)("聚焦-")
580
578
  }, {
581
- default: k(() => [
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) => x("zoomOut"), ["stop"]))
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(y)("聚焦+")
592
+ content: l(k)("聚焦+")
595
593
  }, {
596
- default: k(() => [
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) => x("zoomIn"), ["stop"]))
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(y)("方向控制")
607
+ content: l(k)("方向控制")
610
608
  }, {
611
- default: k(() => [
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
- s.value ? (p(), R(qe, {
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: a,
688
+ isHls: s,
691
689
  baseURL: o
692
- } = Ce(t), s = h(!1), C = h(""), c = async () => {
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
- s.value = !0;
696
- const [d, g] = await st({
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 (!d) {
702
- let L = a.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
703
- C.value = ct(g == null ? void 0 : g[L]);
699
+ if (!v) {
700
+ let L = s.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
701
+ C.value = ct(y == null ? void 0 : y[L]);
704
702
  }
705
- s.value = !1;
706
- }, u = (d) => {
703
+ r.value = !1;
704
+ }, c = (v) => {
707
705
  ee({
708
706
  productId: e.value.productId,
709
707
  deviceId: e.value.deviceId,
710
- direction: d,
708
+ direction: v,
711
709
  zoom: "",
712
710
  source: i.value || "web"
713
711
  });
714
- }, r = (d) => {
712
+ }, a = (v) => {
715
713
  ee({
716
714
  productId: e.value.productId,
717
715
  deviceId: e.value.deviceId,
718
716
  direction: "",
719
- zoom: d,
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), c();
725
- }), F(() => e.value, () => {
726
- c();
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: s.value,
732
- onDirectionControl: u,
733
- onZoomControl: r,
734
- isHls: a.value
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: a,
739
+ isFullscreen: s,
742
740
  exit: o
743
- } = ae(e), s = (u, r) => {
744
- a.value && o();
745
- }, C = (u) => {
746
- var r;
747
- (r = t == null ? void 0 : t.handleClick) == null || r.call(t, u);
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": (u) => n.value = u,
755
- showFn: (u) => !!t.deviceList[u]
752
+ "onUpdate:activeIndex": (c) => n.value = c,
753
+ showFn: (c) => !!t.deviceList[c]
756
754
  }, {
757
755
  default: ({
758
- index: u
756
+ index: c
759
757
  }) => {
760
- const r = t.deviceList[u], d = t.source, g = t.isHls, b = t.baseURL;
758
+ const a = t.deviceList[c], v = t.source, y = t.isHls, b = t.baseURL;
761
759
  return f(ut, {
762
- deviceInfo: r,
760
+ deviceInfo: a,
763
761
  baseURL: b,
764
- source: d,
765
- isHls: g
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: x,
769
+ loading: T,
772
770
  isHls: U
773
771
  }) => f(nt, {
774
772
  type: "live",
775
- loading: x,
776
- isFullscreen: a.value,
773
+ loading: T,
774
+ isFullscreen: s.value,
777
775
  videoUrl: L,
778
- title: r.deviceName,
779
- onClose: () => s(),
776
+ title: a.deviceName,
777
+ onClose: () => r(),
780
778
  onDirectionControl: N,
781
779
  onZoomControl: V,
782
780
  onHandleClick: C,
783
- authType: r.authType === 2 ? ["control"] : [],
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 = T(() => e.dialogTitle || y("视频监控")), a = n, o = T({
804
+ const e = t, i = P(() => e.dialogTitle || k("视频监控")), s = n, o = P({
807
805
  get: () => e.visible,
808
- set: (u) => a("update:visible", u)
809
- }), { render: s, toggleFullscreen: C } = dt(e), c = T(() => {
810
- let u = {};
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
- u = "one-video";
811
+ c = "one-video";
814
812
  break;
815
813
  case 4:
816
- u = "four-video";
814
+ c = "four-video";
817
815
  break;
818
816
  case 9:
819
- u = "nine-video";
817
+ c = "nine-video";
820
818
  break;
821
819
  }
822
- return u;
820
+ return c;
823
821
  });
824
- return (u, r) => (p(), R(l(ye), {
822
+ return (c, a) => (p(), R(l(ye), {
825
823
  size: "mini",
826
824
  title: i.value,
827
- "custom-class": `das-linakge-video-dialog ${c.value}`,
825
+ "custom-class": `das-linakge-video-dialog ${u.value}`,
828
826
  modelValue: o.value,
829
- "onUpdate:modelValue": r[0] || (r[0] = (d) => o.value = d),
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: k(() => [
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(y)("页面全屏")
845
+ content: l(k)("页面全屏")
848
846
  }, {
849
- default: k(() => [
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: k(() => [
861
- o.value ? (p(), R(l(s), { key: 0 })) : I("v-if", !0)
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), Ft = () => h(null);
888
+ const Nt = ge(vt), St = () => h(null);
891
889
  export {
892
890
  Nt as DasVideoDialog,
893
- Ft as DasVideoDialogRef,
891
+ St as DasVideoDialogRef,
894
892
  dt as useVideo
895
893
  };
@@ -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}