@das-fed/ui 7.0.7-dev.1 → 7.0.7-dev.2

package/packages/business-components/video-dialog/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as ce, onScopeDispose as ue, getCurrentInstance as de, onMounted as J, nextTick as P, unref as l, ref as w, watch as R, defineComponent as O, useCssVars as pe, computed as U, createElementBlock as S, openBlock as p, normalizeClass as ve, renderSlot as ee, createCommentVNode as b, Fragment as x, renderList as fe, createBlock as N, withCtx as y, withModifiers as _, createVNode as v, createElementVNode as f, toDisplayString as V, toRefs as me } from "vue";
+import { getCurrentScope as ce, onScopeDispose as ue, getCurrentInstance as de, onMounted as J, nextTick as P, unref as l, ref as w, watch as R, defineComponent as O, useCssVars as pe, computed as x, createElementBlock as S, openBlock as p, normalizeClass as ve, renderSlot as ee, createCommentVNode as b, Fragment as U, renderList as fe, createBlock as N, withCtx as y, withModifiers as _, createVNode as v, createElementVNode as f, toDisplayString as V, toRefs as me } from "vue";
 import { withInstall as ye } from "@das-fed/utils/with-install/index";
 import { t as C, setI18nRule as Ce } from "@das-fed/web/packages/i18n/index";
 import { DasDialog as ge } from "@das-fed/ui/packages/components/dialog/index";
@@ -41,8 +41,8 @@ function Oe(...t) {
   Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
   const o = [], a = () => {
     o.forEach((c) => c()), o.length = 0;
-  }, g = (c, d, k, I) => (c.addEventListener(d, k, I), () => c.removeEventListener(d, k, I)), s = R(() => [le(n), oe(r)], ([c, d]) => {
-    a(), c && o.push(...e.flatMap((k) => i.map((I) => g(c, k, I, d))));
+  }, g = (c, u, k, I) => (c.addEventListener(u, k, I), () => c.removeEventListener(u, k, I)), s = R(() => [le(n), oe(r)], ([c, u]) => {
+    a(), c && o.push(...e.flatMap((k) => i.map((I) => g(c, k, I, u))));
   }, { immediate: !0, flush: "post" }), m = () => {
     s(), a();
   };
@@ -107,7 +107,7 @@ function ie(t, n = {}) {
     } else
       return !1;
     return !1;
-  }), [s, m, c, , d] = a;
+  }), [s, m, c, , u] = a;
   async function k() {
     g.value && (e != null && e[c] && await e[m](), o.value = !1);
   }
@@ -121,7 +121,7 @@ function ie(t, n = {}) {
   async function L() {
     o.value ? await k() : await I();
   }
-  return e && Oe(e, d, () => {
+  return e && Oe(e, u, () => {
     o.value = !!(e != null && e[c]);
   }, !1), i && ne(k), {
     isSupported: g,
@@ -135,12 +135,12 @@ var Y;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
 })(Y || (Y = {}));
-var $e = Object.defineProperty, Z = Object.getOwnPropertySymbols, Pe = Object.prototype.hasOwnProperty, Ue = Object.prototype.propertyIsEnumerable, K = (t, n, e) => n in t ? $e(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, xe = (t, n) => {
+var $e = Object.defineProperty, Z = Object.getOwnPropertySymbols, Pe = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable, K = (t, n, e) => n in t ? $e(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, Ue = (t, n) => {
   for (var e in n || (n = {}))
     Pe.call(n, e) && K(t, e, n[e]);
   if (Z)
     for (var e of Z(n))
-      Ue.call(n, e) && K(t, e, n[e]);
+      xe.call(n, e) && K(t, e, n[e]);
   return t;
 };
 const Te = {
@@ -169,7 +169,7 @@ const Te = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-xe({
+Ue({
   linear: Re
 }, Te);
 const Be = /* @__PURE__ */ O({
@@ -181,7 +181,7 @@ const Be = /* @__PURE__ */ O({
   emits: ["itemClick"],
   setup(t, { emit: n }) {
     pe((c) => ({
-      "9b3a2c32": m.value
+      v9b3a2c32: m.value
     }));
     const e = t, i = n, r = w(), { toggle: o, isFullscreen: a } = ie(r), g = () => {
       r.value != document.fullscreenElement && (a.value ? (a.value = !1, P(() => {
@@ -189,15 +189,15 @@ const Be = /* @__PURE__ */ O({
       })) : o());
     }, s = () => {
       i("itemClick");
-    }, m = U(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, d) => (p(), S(
+    }, m = x(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
+    return (c, u) => (p(), S(
       "div",
       {
         ref_key: "containerRef",
         ref: r,
         class: ve(["wrapper", { "is-active": e.active }]),
-        onDblclick: d[0] || (d[0] = (k) => g()),
-        onClick: d[1] || (d[1] = (k) => s())
+        onDblclick: u[0] || (u[0] = (k) => g()),
+        onClick: u[1] || (u[1] = (k) => s())
       },
       [
         ee(c.$slots, "default", {}, void 0, !0)
@@ -226,7 +226,7 @@ const Be = /* @__PURE__ */ O({
     return (o, a) => (p(), S("div", Ve, [
       b(' :active="index === activeIndex" '),
       (p(!0), S(
-        x,
+        U,
         null,
         fe(e.gridNum, (g, s) => (p(), N(He, {
           active: !1,
@@ -234,7 +234,7 @@ const Be = /* @__PURE__ */ O({
           onItemClick: (m) => r(s)
         }, {
           default: y(() => [
-            o.showFn(s) ? ee(o.$slots, "default", {
+            t.showFn(s) ? ee(o.$slots, "default", {
               key: 0,
               index: s
             }, void 0, !0) : b("v-if", !0)
@@ -401,33 +401,33 @@ const Be = /* @__PURE__ */ O({
       enlarge: import("@das-fed/ui/packages/icons/enlarge"),
       "direction-control": import("@das-fed/ui/packages/icons/direction-control")
     });
-    const r = w(!0), o = w(), a = w(!1), g = w(), s = U(() => {
-      var u;
-      return (u = g.value) == null ? void 0 : u.video;
-    }), m = w(!1), c = w(!0), d = (u) => {
-      o.value = u, !e.isHls && o.value.on(window.mpegts.Events.ERROR, (E) => {
+    const r = w(!0), o = w(), a = w(!1), g = w(), s = x(() => {
+      var d;
+      return (d = g.value) == null ? void 0 : d.video;
+    }), m = w(!1), c = w(!0), u = (d) => {
+      o.value = d, !e.isHls && o.value.on(window.mpegts.Events.ERROR, (E) => {
       });
     }, k = () => {
       r.value = !r.value, o.value && (o.value.muted = r.value);
     }, I = () => {
       a.value = !a.value;
     }, L = w(""), F = () => {
-      const u = document.createElement("canvas");
+      const d = document.createElement("canvas");
       if (s.value) {
-        u.width = s.value.clientWidth, u.height = s.value.clientHeight;
-        const E = u.getContext("2d");
-        E == null || E.drawImage(s.value, 0, 0, u.width, u.height);
-        const D = u.toDataURL("image/jpg"), ae = `【${e.title}】${Ie().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        d.width = s.value.clientWidth, d.height = s.value.clientHeight;
+        const E = d.getContext("2d");
+        E == null || E.drawImage(s.value, 0, 0, d.width, d.height);
+        const D = d.toDataURL("image/jpg"), ae = `【${e.title}】${Ie().format("YYYYMMDDHHmmss").toString()}.jpg`;
         if (L.value = D, "download" in document.createElement("a")) {
           const z = document.createElement("a");
-          z.download = ae, z.style.display = "none", z.href = D, document.body.appendChild(z), document.body.appendChild(u), z.click(), URL.revokeObjectURL(z.href), document.body.removeChild(z), document.body.removeChild(u);
+          z.download = ae, z.style.display = "none", z.href = D, document.body.appendChild(z), document.body.appendChild(d), z.click(), URL.revokeObjectURL(z.href), document.body.removeChild(z), document.body.removeChild(d);
         }
       }
-    }, B = (u) => {
-      i("directionControl", u);
-    }, M = (u) => {
-      i("zoomControl", u);
-    }, H = (u) => e.authType.includes(u);
+    }, B = (d) => {
+      i("directionControl", d);
+    }, M = (d) => {
+      i("zoomControl", d);
+    }, H = (d) => e.authType.includes(d);
     return R(
       () => s.value,
       () => {
@@ -469,7 +469,7 @@ const Be = /* @__PURE__ */ O({
           c.value = !0;
         });
       }
-    ), (u, E) => (p(), S("div", qe, [
+    ), (d, E) => (p(), S("div", qe, [
       v(l(he), {
         spinning: e.loading,
         type: "component",
@@ -489,7 +489,7 @@ const Be = /* @__PURE__ */ O({
               ])
             ]),
             f("div", Ke, [
-              ["live"].includes(u.type) ? (p(), S(
+              ["live"].includes(t.type) ? (p(), S(
                 "span",
                 Xe,
                 V(l(C)("正在实时预览")),
@@ -499,8 +499,8 @@ const Be = /* @__PURE__ */ O({
               b(' <das-icon v-if="isFullscreen" class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
             ])
           ]),
-          u.isHls ? (p(), S(
-            x,
+          t.isHls ? (p(), S(
+            U,
             { key: 1 },
             [
               e.videoUrl && c.value ? (p(), N(l(be), {
@@ -508,14 +508,14 @@ const Be = /* @__PURE__ */ O({
                 ref_key: "dasLivePlayerRef",
                 ref: g,
                 muted: r.value,
-                onLoaded: d,
+                onLoaded: u,
                 src: e.videoUrl
               }, null, 8, ["muted", "src"])) : b("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
           )) : (p(), S(
-            x,
+            U,
             { key: 0 },
             [
               e.videoUrl && c.value ? (p(), N(l(we), {
@@ -524,7 +524,7 @@ const Be = /* @__PURE__ */ O({
                 ref_key: "dasLivePlayerRef",
                 ref: g,
                 muted: r.value,
-                onLoaded: d,
+                onLoaded: u,
                 src: e.videoUrl
               }, null, 8, ["muted", "src"])) : b("v-if", !0)
             ],
@@ -682,14 +682,14 @@ const ct = /* @__PURE__ */ O({
       var k;
       if (!((k = e.value) != null && k.deviceId)) return;
       o.value = !0;
-      const [c, d] = await rt({
+      const [c, u] = await rt({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         source: i.value
       });
       if (!c) {
         let I = r.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
-        a.value = at(d == null ? void 0 : d[I]);
+        a.value = at(u == null ? void 0 : u[I]);
       }
       o.value = !1;
     }, s = (c) => {
@@ -715,7 +715,7 @@ const ct = /* @__PURE__ */ O({
       g();
     }, {
       deep: !0
-    }), () => v(x, null, [n.default({
+    }), () => v(U, null, [n.default({
       videoUrl: a.value,
       loading: o.value,
       onDirectionControl: s,
@@ -743,11 +743,11 @@ function ut(t) {
       default: ({
         index: s
       }) => {
-        const m = t.deviceList[s], c = t.source, d = t.isHls;
+        const m = t.deviceList[s], c = t.source, u = t.isHls;
         return v(ct, {
           deviceInfo: m,
           source: c,
-          isHls: d
+          isHls: u
         }, {
           default: ({
             videoUrl: k,
@@ -784,10 +784,10 @@ const dt = /* @__PURE__ */ O({
   },
   emits: ["update:visible"],
   setup(t, { emit: n }) {
-    const e = t, i = n, r = U({
+    const e = t, i = n, r = x({
       get: () => e.visible,
       set: (s) => i("update:visible", s)
-    }), { render: o, toggleFullscreen: a } = ut(e), g = U(() => {
+    }), { render: o, toggleFullscreen: a } = ut(e), g = x(() => {
       let s = {};
       switch (e.gridNum) {
         case 1:

package/packages/business-components/video-dialog/style.css

@@ -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-12f30393]{width:100%;height:100%;position:relative}.video-wrapper:hover .video-top[data-v-12f30393],.video-wrapper:hover .video-bottom[data-v-12f30393],.video-wrapper:hover .direction-control[data-v-12f30393]{visibility:visible}.video-wrapper .icon[data-v-12f30393]{cursor:pointer}.video-wrapper .video-top[data-v-12f30393],.video-wrapper .video-bottom[data-v-12f30393]{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-12f30393]{top:0}.video-wrapper .video-top .video-top_l[data-v-12f30393]{min-width:0;flex:1}.video-wrapper .video-top .video-top_l .video-title[data-v-12f30393]{margin-left:16px}.video-wrapper .video-top .video-top_r[data-v-12f30393]{flex-shrink:0;display:flex;align-items:center}.video-wrapper .video-top .video-top_r .play-status[data-v-12f30393]{font-size:14px;color:#fff;margin-right:10px}.video-wrapper .video-top .video-top_r .close-icon[data-v-12f30393]{margin-right:10px}.video-wrapper .video-bottom[data-v-12f30393]{bottom:0}.video-wrapper .video-bottom .controls[data-v-12f30393]{display:flex;align-items:center}.video-wrapper .video-bottom .controls .icon[data-v-12f30393]{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}
+.wrapper[data-v-100b67ca]{width:var(--v9b3a2c32);height:var(--v9b3a2c32);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-12f30393]{width:100%;height:100%;position:relative}.video-wrapper:hover .video-top[data-v-12f30393],.video-wrapper:hover .video-bottom[data-v-12f30393],.video-wrapper:hover .direction-control[data-v-12f30393]{visibility:visible}.video-wrapper .icon[data-v-12f30393]{cursor:pointer}.video-wrapper .video-top[data-v-12f30393],.video-wrapper .video-bottom[data-v-12f30393]{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-12f30393]{top:0}.video-wrapper .video-top .video-top_l[data-v-12f30393]{min-width:0;flex:1}.video-wrapper .video-top .video-top_l .video-title[data-v-12f30393]{margin-left:16px}.video-wrapper .video-top .video-top_r[data-v-12f30393]{flex-shrink:0;display:flex;align-items:center}.video-wrapper .video-top .video-top_r .play-status[data-v-12f30393]{font-size:14px;color:#fff;margin-right:10px}.video-wrapper .video-top .video-top_r .close-icon[data-v-12f30393]{margin-right:10px}.video-wrapper .video-bottom[data-v-12f30393]{bottom:0}.video-wrapper .video-bottom .controls[data-v-12f30393]{display:flex;align-items:center}.video-wrapper .video-bottom .controls .icon[data-v-12f30393]{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}

package/packages/components/alert/index.js

@@ -15,27 +15,27 @@ const C = {
     banner: { type: Boolean, default: !1 },
     delayOffTime: { default: 0 }
   },
-  setup(n) {
-    const o = n, i = t(null), a = t(!1), r = t(null), d = m(() => ({
+  setup(r) {
+    const o = r, i = t(null), a = t(!1), n = t(null), d = m(() => ({
       position: o.banner ? "fixed" : "unset",
       left: o.left ? o.left + "px" : "0",
       top: o.top ? o.top + "px" : "0"
     }));
     p(
       () => o.delayOffTime,
-      (e, c) => {
-        e ? u(e) : a.value = !1;
+      (e, u) => {
+        e ? c(e) : a.value = !1;
       },
       { immediate: !0 }
     );
-    function u(e) {
-      r.value = setTimeout(() => {
+    function c(e) {
+      n.value = setTimeout(() => {
         a.value = !0;
       }, e);
     }
     return F(() => {
-      window.clearTimeout(r.value);
-    }), (e, c) => (b(), v(
+      window.clearTimeout(n.value);
+    }), (e, u) => (b(), v(
       "div",
       {
         ref_key: "_dasAlert",
@@ -44,7 +44,7 @@ const C = {
         style: y(d.value)
       },
       [
-        g(k(w), T({ class: "das-ui-alert" }, e.$attrs, { banner: e.banner }), h({
+        g(k(w), T({ class: "das-ui-alert" }, e.$attrs, { banner: r.banner }), h({
           default: s(() => [
             l(e.$slots, "default")
           ]),