@das-fed/ui 6.4.0-test.31 → 6.4.0-test.40

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

@@ -1,55 +1,55 @@
 import '@das-fed/ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as ce, onScopeDispose as ue, getCurrentInstance as de, onMounted as K, nextTick as L, unref as l, ref as _, watch as S, defineComponent as D, useCssVars as pe, computed as P, createElementBlock as O, openBlock as k, normalizeClass as ve, renderSlot as X, createCommentVNode as I, Fragment as J, renderList as fe, createBlock as E, withCtx as f, withModifiers as y, createVNode as p, createElementVNode as v, toDisplayString as V, toRefs as me } from "vue";
-import { withInstall as ge } from "@das-fed/utils/with-install/index";
-import { t as m, setI18nRule as Ce } from "@das-fed/web/packages/i18n/index";
+import { getCurrentScope as ce, onScopeDispose as ue, getCurrentInstance as de, onMounted as K, nextTick as P, unref as l, ref as _, watch as F, defineComponent as D, useCssVars as pe, computed as x, createElementBlock as O, openBlock as g, normalizeClass as ve, renderSlot as X, createCommentVNode as I, Fragment as J, renderList as fe, createBlock as N, withCtx as f, withModifiers as y, createVNode as p, createElementVNode as v, toDisplayString as V, toRefs as me } from "vue";
+import { withInstall as Ce } from "@das-fed/utils/with-install/index";
+import { t as m, setI18nRule as ge } from "@das-fed/web/packages/i18n/index";
 import { DasDialog as ke } from "@das-fed/ui/packages/components/dialog/index";
-import { DasTooltip as w } from "@das-fed/ui/packages/components/tooltip/index";
+import { DasTooltip as h } from "@das-fed/ui/packages/components/tooltip/index";
 import { DasIconFullscreen2 as ye } from "@das-fed/ui/packages/icons/fullscreen-2/index";
-import { DasAutoRegisterIcon as _e, DasIcon as $ } from "@das-fed/ui/packages/components/icon/index";
+import { DasAutoRegisterIcon as _e, DasIcon as L } from "@das-fed/ui/packages/components/icon/index";
 import { DasLivePlayer as we } from "@das-fed/ui/packages/components/live-player/index";
 import { DasSpin as he } from "@das-fed/ui/packages/components/spin/index";
 import be from "dayjs";
 import { createService as ee } from "@das-fed/utils/api-services/src/create-service";
 import { getProjectInfo as M, getToken as Ie } from "@das-fed/utils/common-info";
 var A;
-const j = typeof window < "u", Ee = (t) => typeof t == "string", Ne = () => {
+const B = typeof window < "u", Ee = (t) => typeof t == "string", Ne = () => {
 };
-j && ((A = window == null ? void 0 : window.navigator) != null && A.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+B && ((A = window == null ? void 0 : window.navigator) != null && A.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function te(t) {
   return typeof t == "function" ? t() : l(t);
 }
-function Se(t) {
+function Fe(t) {
   return t;
 }
 function oe(t) {
   return ce() ? (ue(t), !0) : !1;
 }
-function Fe(t, n = !0) {
-  de() ? K(t) : n ? t() : L(t);
+function Se(t, n = !0) {
+  de() ? K(t) : n ? t() : P(t);
 }
 function ne(t) {
   var n;
   const e = te(t);
   return (n = e == null ? void 0 : e.$el) != null ? n : e;
 }
-const Re = j ? window : void 0, ze = j ? window.document : void 0;
+const Re = B ? window : void 0, ze = B ? window.document : void 0;
 function Oe(...t) {
-  let n, e, i, a;
-  if (Ee(t[0]) || Array.isArray(t[0]) ? ([e, i, a] = t, n = Re) : [n, e, i, a] = t, !n)
+  let n, e, i, s;
+  if (Ee(t[0]) || Array.isArray(t[0]) ? ([e, i, s] = t, n = Re) : [n, e, i, s] = t, !n)
     return Ne;
   Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
-  const o = [], s = () => {
+  const o = [], a = () => {
     o.forEach((c) => c()), o.length = 0;
-  }, C = (c, g, h, N) => (c.addEventListener(g, h, N), () => c.removeEventListener(g, h, N)), r = S(() => [ne(n), te(a)], ([c, g]) => {
-    s(), c && o.push(...e.flatMap((h) => i.map((N) => C(c, h, N, g))));
-  }, { immediate: !0, flush: "post" }), d = () => {
-    r(), s();
+  }, k = (c, C, w, E) => (c.addEventListener(C, w, E), () => c.removeEventListener(C, w, E)), r = F(() => [ne(n), te(s)], ([c, C]) => {
+    a(), c && o.push(...e.flatMap((w) => i.map((E) => k(c, w, E, C))));
+  }, { immediate: !0, flush: "post" }), u = () => {
+    r(), a();
   };
-  return oe(d), d;
+  return oe(u), u;
 }
 function De(t, n = !1) {
   const e = _(), i = () => e.value = !!t();
-  return i(), Fe(i, n), e;
+  return i(), Se(i, n), e;
 }
 const Q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, q = "__vueuse_ssr_handlers__";
 Q[q] = Q[q] || {};
@@ -96,38 +96,38 @@ const G = [
   ]
 ];
 function le(t, n = {}) {
-  const { document: e = ze, autoExit: i = !1 } = n, a = t || (e == null ? void 0 : e.querySelector("html")), o = _(!1);
-  let s = G[0];
-  const C = De(() => {
+  const { document: e = ze, autoExit: i = !1 } = n, s = t || (e == null ? void 0 : e.querySelector("html")), o = _(!1);
+  let a = G[0];
+  const k = De(() => {
     if (e) {
-      for (const F of G)
-        if (F[1] in e)
-          return s = F, !0;
+      for (const S of G)
+        if (S[1] in e)
+          return a = S, !0;
     } else
       return !1;
     return !1;
-  }), [r, d, c, , g] = s;
-  async function h() {
-    C.value && (e != null && e[c] && await e[d](), o.value = !1);
+  }), [r, u, c, , C] = a;
+  async function w() {
+    k.value && (e != null && e[c] && await e[u](), o.value = !1);
   }
-  async function N() {
-    if (!C.value)
+  async function E() {
+    if (!k.value)
       return;
-    await h();
-    const F = ne(a);
-    F && (await F[r](), o.value = !0);
+    await w();
+    const S = ne(s);
+    S && (await S[r](), o.value = !0);
   }
-  async function T() {
-    o.value ? await h() : await N();
+  async function $() {
+    o.value ? await w() : await E();
   }
-  return e && Oe(e, g, () => {
+  return e && Oe(e, C, () => {
     o.value = !!(e != null && e[c]);
-  }, !1), i && oe(h), {
-    isSupported: C,
+  }, !1), i && oe(w), {
+    isSupported: k,
     isFullscreen: o,
-    enter: N,
-    exit: h,
-    toggle: T
+    enter: E,
+    exit: w,
+    toggle: $
   };
 }
 var W;
@@ -169,7 +169,7 @@ const Te = {
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
 xe({
-  linear: Se
+  linear: Fe
 }, Te);
 const Ue = /* @__PURE__ */ D({
   __name: "GridItem",
@@ -180,23 +180,23 @@ const Ue = /* @__PURE__ */ D({
   emits: ["itemClick"],
   setup(t, { emit: n }) {
     pe((c) => ({
-      "9b3a2c32": d.value
+      "9b3a2c32": u.value
     }));
-    const e = t, i = n, a = _(), { toggle: o, isFullscreen: s } = le(a), C = () => {
-      a.value != document.fullscreenElement && (s.value ? (s.value = !1, L(() => {
+    const e = t, i = n, s = _(), { toggle: o, isFullscreen: a } = le(s), k = () => {
+      s.value != document.fullscreenElement && (a.value ? (a.value = !1, P(() => {
         o();
       })) : o());
     }, r = () => {
       i("itemClick");
-    }, d = P(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, g) => (k(), O(
+    }, u = x(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
+    return (c, C) => (g(), O(
       "div",
       {
         ref_key: "containerRef",
-        ref: a,
+        ref: s,
         class: ve(["wrapper", { "is-active": e.active }]),
-        onDblclick: g[0] || (g[0] = (h) => C()),
-        onClick: g[1] || (g[1] = (h) => r())
+        onDblclick: C[0] || (C[0] = (w) => k()),
+        onClick: C[1] || (C[1] = (w) => r())
       },
       [
         X(c.$slots, "default", {}, void 0, !0)
@@ -205,12 +205,12 @@ const Ue = /* @__PURE__ */ D({
       /* CLASS, NEED_HYDRATION */
     ));
   }
-}), x = (t, n) => {
+}), T = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [i, a] of n)
-    e[i] = a;
+  for (const [i, s] of n)
+    e[i] = s;
   return e;
-}, Ve = /* @__PURE__ */ x(Ue, [["__scopeId", "data-v-100b67ca"]]), je = { class: "layout-wrapper" }, Be = /* @__PURE__ */ D({
+}, Ve = /* @__PURE__ */ T(Ue, [["__scopeId", "data-v-100b67ca"]]), Be = { class: "layout-wrapper" }, je = /* @__PURE__ */ D({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -219,18 +219,18 @@ const Ue = /* @__PURE__ */ D({
   },
   emits: ["update:activeIndex"],
   setup(t, { emit: n }) {
-    const e = t, i = n, a = (o) => {
+    const e = t, i = n, s = (o) => {
       i("update:activeIndex", o);
     };
-    return (o, s) => (k(), O("div", je, [
+    return (o, a) => (g(), O("div", Be, [
       I(' :active="index === activeIndex" '),
-      (k(!0), O(
+      (g(!0), O(
         J,
         null,
-        fe(e.gridNum, (C, r) => (k(), E(Ve, {
+        fe(e.gridNum, (k, r) => (g(), N(Ve, {
           active: !1,
           "grid-num": e.gridNum,
-          onItemClick: (d) => a(r)
+          onItemClick: (u) => s(r)
         }, {
           default: f(() => [
             o.showFn(r) ? X(o.$slots, "default", {
@@ -246,123 +246,123 @@ const Ue = /* @__PURE__ */ D({
       ))
     ]));
   }
-}), Me = /* @__PURE__ */ x(Be, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
+}), Me = /* @__PURE__ */ T(je, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: n }) {
-    const e = n, i = (a) => {
-      e("change", a);
+    const e = n, i = (s) => {
+      e("change", s);
     };
-    return (a, o) => (k(), O(
+    return (s, o) => (g(), O(
       "div",
       {
         class: "direction-control",
-        onDblclick: o[9] || (o[9] = y((s) => s.stopPropagation(), ["stop"]))
+        onDblclick: o[9] || (o[9] = y((a) => a.stopPropagation(), ["stop"]))
       },
       [
-        p(l(w), {
+        p(l(h), {
           content: l(m)("左上")
         }, {
           default: f(() => [
             v("div", {
               class: "icon icon-top-left",
-              onClick: o[0] || (o[0] = y((s) => i("leftUp"), ["stop"]))
+              onClick: o[0] || (o[0] = y((a) => i("leftUp"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        p(l(w), {
+        p(l(h), {
           content: l(m)("上")
         }, {
           default: f(() => [
             v("div", {
               class: "icon icon-top",
-              onClick: o[1] || (o[1] = y((s) => i("up"), ["stop"]))
+              onClick: o[1] || (o[1] = y((a) => i("up"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        p(l(w), {
+        p(l(h), {
           content: l(m)("右上")
         }, {
           default: f(() => [
             v("div", {
               class: "icon icon-top-right",
-              onClick: o[2] || (o[2] = y((s) => i("rightUp"), ["stop"]))
+              onClick: o[2] || (o[2] = y((a) => i("rightUp"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        p(l(w), {
+        p(l(h), {
           content: l(m)("左")
         }, {
           default: f(() => [
             v("div", {
               class: "icon icon-left",
-              onClick: o[3] || (o[3] = y((s) => i("left"), ["stop"]))
+              onClick: o[3] || (o[3] = y((a) => i("left"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        p(l(w), {
+        p(l(h), {
           content: l(m)("自动")
         }, {
           default: f(() => [
             v("div", {
               class: "icon icon-auto",
-              onClick: o[4] || (o[4] = y((s) => i("auto"), ["stop"]))
+              onClick: o[4] || (o[4] = y((a) => i("auto"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        p(l(w), {
+        p(l(h), {
           content: l(m)("右")
         }, {
           default: f(() => [
             v("div", {
               class: "icon icon-right",
-              onClick: o[5] || (o[5] = y((s) => i("right"), ["stop"]))
+              onClick: o[5] || (o[5] = y((a) => i("right"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        p(l(w), {
+        p(l(h), {
           content: l(m)("左下")
         }, {
           default: f(() => [
             v("div", {
               class: "icon icon-bottom-left",
-              onClick: o[6] || (o[6] = y((s) => i("leftDown"), ["stop"]))
+              onClick: o[6] || (o[6] = y((a) => i("leftDown"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        p(l(w), {
+        p(l(h), {
           content: l(m)("下")
         }, {
           default: f(() => [
             v("div", {
               class: "icon icon-bottom",
-              onClick: o[7] || (o[7] = y((s) => i("down"), ["stop"]))
+              onClick: o[7] || (o[7] = y((a) => i("down"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        p(l(w), {
+        p(l(h), {
           content: l(m)("右下")
         }, {
           default: f(() => [
             v("div", {
               class: "icon icon-bottom-right",
-              onClick: o[8] || (o[8] = y((s) => i("rightDown"), ["stop"]))
+              onClick: o[8] || (o[8] = y((a) => i("rightDown"), ["stop"]))
             })
           ]),
           _: 1
@@ -373,7 +373,7 @@ const Ue = /* @__PURE__ */ D({
       /* NEED_HYDRATION */
     ));
   }
-}), Qe = /* @__PURE__ */ x(Ae, [["__scopeId", "data-v-db2e8ec2"]]), qe = { class: "video-wrapper" }, Ge = { class: "video-top" }, We = { class: "video-top_l" }, He = { class: "video-title-wrapper" }, Ye = { class: "video-title" }, Ze = { class: "video-top_r" }, Ke = {
+}), Qe = /* @__PURE__ */ T(Ae, [["__scopeId", "data-v-db2e8ec2"]]), qe = { class: "video-wrapper" }, Ge = { class: "video-top" }, We = { class: "video-top_l" }, He = { class: "video-title-wrapper" }, Ye = { class: "video-title" }, Ze = { class: "video-top_r" }, Ke = {
   key: 0,
   class: "play-status"
 }, Xe = { class: "video-bottom" }, Je = { class: "video-bottom_r" }, et = /* @__PURE__ */ D({
@@ -383,6 +383,7 @@ const Ue = /* @__PURE__ */ D({
     title: {},
     type: {},
     loading: { type: Boolean },
+    isFullscreen: { type: Boolean },
     playbackRate: { default: 1 },
     paused: { type: Boolean, default: !1 },
     authType: { default: () => [] },
@@ -398,55 +399,55 @@ const Ue = /* @__PURE__ */ D({
       enlarge: import("@das-fed/ui/packages/icons/enlarge"),
       "direction-control": import("@das-fed/ui/packages/icons/direction-control")
     });
-    const a = _(!0), o = _(), s = _(!1), C = _(), r = P(() => {
-      var u;
-      return (u = C.value) == null ? void 0 : u.video;
-    }), d = _(!1), c = _(!0), g = (u) => {
-      o.value = u, o.value.on(window.mpegts.Events.ERROR, (b) => {
+    const s = _(!0), o = _(), a = _(!1), k = _(), r = x(() => {
+      var d;
+      return (d = k.value) == null ? void 0 : d.video;
+    }), u = _(!1), c = _(!0), C = (d) => {
+      o.value = d, o.value.on(window.mpegts.Events.ERROR, (b) => {
       });
-    }, h = () => {
-      a.value = !a.value, o.value && (o.value.muted = a.value);
-    }, N = () => {
-      s.value = !s.value;
-    }, T = _(""), F = () => {
-      const u = document.createElement("canvas");
+    }, w = () => {
+      s.value = !s.value, o.value && (o.value.muted = s.value);
+    }, E = () => {
+      a.value = !a.value;
+    }, $ = _(""), S = () => {
+      const d = document.createElement("canvas");
       if (r.value) {
-        u.width = r.value.clientWidth, u.height = r.value.clientHeight;
-        const b = u.getContext("2d");
-        b == null || b.drawImage(r.value, 0, 0, u.width, u.height);
-        const z = u.toDataURL("image/jpg"), ae = `【${e.title}】${be().format("YYYYMMDDHHmmss").toString()}.jpg`;
-        if (T.value = z, "download" in document.createElement("a")) {
+        d.width = r.value.clientWidth, d.height = r.value.clientHeight;
+        const b = d.getContext("2d");
+        b == null || b.drawImage(r.value, 0, 0, d.width, d.height);
+        const z = d.toDataURL("image/jpg"), ae = `【${e.title}】${be().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        if ($.value = z, "download" in document.createElement("a")) {
           const R = document.createElement("a");
-          R.download = ae, R.style.display = "none", R.href = z, document.body.appendChild(R), document.body.appendChild(u), R.click(), URL.revokeObjectURL(R.href), document.body.removeChild(R), document.body.removeChild(u);
+          R.download = ae, R.style.display = "none", R.href = z, document.body.appendChild(R), document.body.appendChild(d), R.click(), URL.revokeObjectURL(R.href), document.body.removeChild(R), document.body.removeChild(d);
         }
       }
-    }, se = (u) => {
-      i("directionControl", u);
-    }, B = (u) => {
-      i("zoomControl", u);
-    }, U = (u) => e.authType.includes(u);
-    return S(
+    }, se = (d) => {
+      i("directionControl", d);
+    }, j = (d) => {
+      i("zoomControl", d);
+    }, U = (d) => e.authType.includes(d);
+    return F(
       () => r.value,
       () => {
         r.value && r.value.addEventListener("ended", () => {
-          d.value = !0, e.type === "playback" && (c.value = !1);
+          u.value = !0, e.type === "playback" && (c.value = !1);
         });
       }
-    ), S(
+    ), F(
       () => r.value,
       () => {
-        r.value && L(() => {
+        r.value && P(() => {
           r.value.playbackRate = e.playbackRate || 1;
         });
       }
-    ), S(
+    ), F(
       () => o.value,
       () => {
-        o.value && L(() => {
-          o.value.muted = a.value;
+        o.value && P(() => {
+          o.value.muted = s.value;
         });
       }
-    ), S(
+    ), F(
       () => e.playbackRate,
       () => {
         r.value && (r.value.playbackRate = e.playbackRate || 1);
@@ -454,19 +455,19 @@ const Ue = /* @__PURE__ */ D({
       {
         immediate: !0
       }
-    ), S(
+    ), F(
       () => e.paused,
       () => {
         o.value && (e.paused ? o.value.pause() : o.value.play());
       }
-    ), S(
+    ), F(
       () => e.videoUrl,
       () => {
-        c.value = !1, L(() => {
+        c.value = !1, P(() => {
           c.value = !0;
         });
       }
-    ), (u, b) => (k(), O("div", qe, [
+    ), (d, b) => (g(), O("div", qe, [
       p(l(he), {
         spinning: e.loading,
         type: "component",
@@ -486,23 +487,23 @@ const Ue = /* @__PURE__ */ D({
               ])
             ]),
             v("div", Ze, [
-              ["live"].includes(u.type) ? (k(), O(
+              ["live"].includes(d.type) ? (g(), O(
                 "span",
                 Ke,
                 V(l(m)("正在实时预览")),
                 1
                 /* TEXT */
               )) : I("v-if", !0),
-              I(' <das-icon class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
+              I(' <das-icon v-if="isFullscreen" class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
             ])
           ]),
-          e.videoUrl && c.value ? (k(), E(l(we), {
+          e.videoUrl && c.value ? (g(), N(l(we), {
             key: 0,
             type: "flv",
             ref_key: "dasLivePlayerRef",
-            ref: C,
-            muted: a.value,
-            onLoaded: g,
+            ref: k,
+            muted: s.value,
+            onLoaded: C,
             src: e.videoUrl
           }, null, 8, ["muted", "src"])) : I("v-if", !0),
           v("div", Xe, [
@@ -521,72 +522,72 @@ const Ue = /* @__PURE__ */ D({
                   onDblclick: b[2] || (b[2] = y((z) => z.stopPropagation(), ["stop"]))
                 },
                 [
-                  p(l(w), {
+                  p(l(h), {
                     content: l(m)("声音")
                   }, {
                     default: f(() => [
-                      p(l($), {
+                      p(l(L), {
                         class: "icon icon-volume",
-                        icon: a.value ? "muted" : "volume",
-                        onClick: y(h, ["stop"])
+                        icon: s.value ? "muted" : "volume",
+                        onClick: y(w, ["stop"])
                       }, null, 8, ["icon"])
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"]),
-                  p(l(w), {
+                  p(l(h), {
                     content: l(m)("截图")
                   }, {
                     default: f(() => [
-                      p(l($), {
+                      p(l(L), {
                         class: "icon icon-screenshot",
                         icon: "screenshot",
-                        onClick: y(F, ["stop"])
+                        onClick: y(S, ["stop"])
                       })
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"]),
-                  U("control") ? (k(), E(l(w), {
+                  U("control") ? (g(), N(l(h), {
                     key: 0,
                     content: l(m)("聚焦-")
                   }, {
                     default: f(() => [
-                      ["live", "polling"].includes(e.type) ? (k(), E(l($), {
+                      ["live", "polling"].includes(e.type) ? (g(), N(l(L), {
                         key: 0,
                         class: "icon icon-shrink",
                         icon: "shrink",
-                        onClick: b[0] || (b[0] = y((z) => B("zoomOut"), ["stop"]))
+                        onClick: b[0] || (b[0] = y((z) => j("zoomOut"), ["stop"]))
                       })) : I("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : I("v-if", !0),
-                  U("control") ? (k(), E(l(w), {
+                  U("control") ? (g(), N(l(h), {
                     key: 1,
                     content: l(m)("聚焦+")
                   }, {
                     default: f(() => [
-                      ["live", "polling"].includes(e.type) ? (k(), E(l($), {
+                      ["live", "polling"].includes(e.type) ? (g(), N(l(L), {
                         key: 0,
                         class: "icon icon-enlarge",
                         icon: "enlarge",
-                        onClick: b[1] || (b[1] = y((z) => B("zoomIn"), ["stop"]))
+                        onClick: b[1] || (b[1] = y((z) => j("zoomIn"), ["stop"]))
                       })) : I("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : I("v-if", !0),
-                  U("control") ? (k(), E(l(w), {
+                  U("control") ? (g(), N(l(h), {
                     key: 2,
                     content: l(m)("方向控制")
                   }, {
                     default: f(() => [
-                      ["live", "polling"].includes(e.type) ? (k(), E(l($), {
+                      ["live", "polling"].includes(e.type) ? (g(), N(l(L), {
                         key: 0,
                         class: "icon icon-direction-control",
                         icon: "direction-control",
-                        onClick: y(N, ["stop"])
+                        onClick: y(E, ["stop"])
                       })) : I("v-if", !0)
                     ]),
                     _: 1
@@ -598,7 +599,7 @@ const Ue = /* @__PURE__ */ D({
               )
             ])
           ]),
-          s.value ? (k(), E(Qe, {
+          a.value ? (g(), N(Qe, {
             key: 1,
             onChange: se
           })) : I("v-if", !0)
@@ -608,7 +609,7 @@ const Ue = /* @__PURE__ */ D({
       }, 8, ["spinning", "tip"])
     ]));
   }
-}), tt = /* @__PURE__ */ x(et, [["__scopeId", "data-v-2bc90e59"]]), ot = "/api/device-relation/deviceproject/v1/project/device/video", nt = "v1", lt = ee(`/api/enterpriseright/permission/${nt}`), ie = ee(`${ot}`, it);
+}), tt = /* @__PURE__ */ T(et, [["__scopeId", "data-v-9cfa053b"]]), ot = "/api/device-relation/deviceproject/v1/project/device/video", nt = "v1", lt = ee(`/api/enterpriseright/permission/${nt}`), ie = ee(`${ot}`, it);
 function it(t) {
   const n = M() ? M().id : 1;
   return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
@@ -647,80 +648,86 @@ const at = /* @__PURE__ */ D({
     const {
       deviceInfo: e,
       source: i
-    } = me(t), a = _(!1), o = _(""), s = async () => {
-      var g;
-      if (!((g = e.value) != null && g.deviceId)) return;
-      a.value = !0;
-      const [d, c] = await rt({
+    } = me(t), s = _(!1), o = _(""), a = async () => {
+      var C;
+      if (!((C = e.value) != null && C.deviceId)) return;
+      s.value = !0;
+      const [u, c] = await rt({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         source: i.value
       });
-      d || (o.value = st(c == null ? void 0 : c.wsFlvStreamURL)), a.value = !1;
-    }, C = (d) => {
+      u || (o.value = st(c == null ? void 0 : c.wsFlvStreamURL)), s.value = !1;
+    }, k = (u) => {
       Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
-        direction: d,
+        direction: u,
         zoom: "",
         source: i.value || "web"
       });
-    }, r = (d) => {
+    }, r = (u) => {
       Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         direction: "",
-        zoom: d,
+        zoom: u,
         source: i.value || "web"
       });
     };
     return K(() => {
-      s();
-    }), S(() => e.value, () => {
-      s();
+      a();
+    }), F(() => e.value, () => {
+      a();
     }, {
       deep: !0
     }), () => p(J, null, [n.default({
       videoUrl: o.value,
-      loading: a.value,
-      onDirectionControl: C,
+      loading: s.value,
+      onDirectionControl: k,
       onZoomControl: r
     })]);
   }
 });
 function ct(t) {
   const n = _(0), e = _(), {
-    toggle: i
-  } = le(e);
+    toggle: i,
+    isFullscreen: s,
+    exit: o
+  } = le(e), a = (r, u) => {
+    s.value && o();
+  };
   return {
     render: () => p(Me, {
       ref: e,
       gridNum: t.gridNum,
       activeIndex: n.value,
-      "onUpdate:activeIndex": (o) => n.value = o,
-      showFn: (o) => !!t.deviceList[o]
+      "onUpdate:activeIndex": (r) => n.value = r,
+      showFn: (r) => !!t.deviceList[r]
     }, {
       default: ({
-        index: o
+        index: r
       }) => {
-        const s = t.deviceList[o], C = t.source;
+        const u = t.deviceList[r], c = t.source;
         return p(at, {
-          deviceInfo: s,
-          source: C
+          deviceInfo: u,
+          source: c
         }, {
           default: ({
-            videoUrl: r,
-            onDirectionControl: d,
-            onZoomControl: c,
-            loading: g
+            videoUrl: C,
+            onDirectionControl: w,
+            onZoomControl: E,
+            loading: $
           }) => p(tt, {
             type: "live",
-            loading: g,
-            videoUrl: r,
-            title: s.deviceName,
-            onDirectionControl: d,
-            onZoomControl: c,
-            authType: s.authType === 2 ? ["control"] : []
+            loading: $,
+            isFullscreen: s.value,
+            videoUrl: C,
+            title: u.deviceName,
+            onClose: () => a(),
+            onDirectionControl: w,
+            onZoomControl: E,
+            authType: u.authType === 2 ? ["control"] : []
           }, null)
         });
       }
@@ -738,10 +745,10 @@ const ut = /* @__PURE__ */ D({
   },
   emits: ["update:visible"],
   setup(t, { emit: n }) {
-    const e = t, i = n, a = P({
+    const e = t, i = n, s = x({
       get: () => e.visible,
       set: (r) => i("update:visible", r)
-    }), { render: o, toggleFullscreen: s } = ct(e), C = P(() => {
+    }), { render: o, toggleFullscreen: a } = ct(e), k = x(() => {
       let r = {};
       switch (e.gridNum) {
         case 1:
@@ -756,12 +763,12 @@ const ut = /* @__PURE__ */ D({
       }
       return r;
     });
-    return (r, d) => (k(), E(l(ke), {
+    return (r, u) => (g(), N(l(ke), {
       size: "mini",
       title: l(m)("视频监控"),
-      "custom-class": `das-linakge-video-dialog ${C.value}`,
-      modelValue: a.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (c) => a.value = c),
+      "custom-class": `das-linakge-video-dialog ${k.value}`,
+      modelValue: s.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
       bodyStyle: { padding: 0 },
       "close-on-click-modal": !1,
       "close-on-press-escape": !1,
@@ -778,14 +785,14 @@ const ut = /* @__PURE__ */ D({
             /* TEXT */
           )
         ]),
-        p(l(w), {
+        p(l(h), {
           content: l(m)("页面全屏")
         }, {
           default: f(() => [
             p(l(ye), {
               class: "icon",
               color: "#999",
-              onClick: l(s)
+              onClick: l(a)
             }, null, 8, ["onClick"])
           ]),
           _: 1
@@ -793,7 +800,7 @@ const ut = /* @__PURE__ */ D({
         }, 8, ["content"])
       ]),
       default: f(() => [
-        a.value ? (k(), E(l(o), { key: 0 })) : I("v-if", !0)
+        s.value ? (g(), N(l(o), { key: 0 })) : I("v-if", !0)
       ]),
       _: 1
       /* STABLE */
@@ -821,8 +828,8 @@ const ut = /* @__PURE__ */ D({
   "聚焦-": { "zh-CN": "聚焦-", en: "Focus-", _appCode: "framework" },
   "聚焦+": { "zh-CN": "聚焦+", en: "Focus+", _appCode: "framework" }
 };
-Ce(dt);
-const It = ge(ut), Et = () => _(null);
+ge(dt);
+const It = Ce(ut), Et = () => _(null);
 export {
   It as DasVideoDialog,
   Et as DasVideoDialogRef,