@das-fed/ui 6.4.0-hot.52 → 6.4.0-hot.53

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

@@ -1,31 +1,31 @@
 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 h, watch as F, defineComponent as O, useCssVars as pe, computed as U, createElementBlock as R, openBlock as p, normalizeClass as ve, renderSlot as ee, Fragment as T, renderList as fe, createBlock as E, withCtx as y, createCommentVNode as b, withModifiers as _, createVNode as v, createElementVNode as f, toDisplayString as V, pushScopeId as me, popScopeId as ye, toRefs as ge } from "vue";
-import { withInstall as Ce } from "@das-fed/utils/with-install/index";
-import { t as g, setI18nRule as ke } from "@das-fed/web/packages/i18n/index";
-import { DasDialog as _e } from "@das-fed/ui/packages/components/dialog/index";
-import { DasTooltip as w } from "@das-fed/ui/packages/components/tooltip/index";
-import { DasIconFullscreen2 as he } from "@das-fed/ui/packages/icons/fullscreen-2/index";
-import { DasAutoRegisterIcon as we, DasIcon as $ } from "@das-fed/ui/packages/components/icon/index";
-import { DasLivePlayer as Ie } from "@das-fed/ui/packages/components/live-player/index";
-import { DasSpin as be } from "@das-fed/ui/packages/components/spin/index";
-import { DasHlsPlayer as Ee } from "@das-fed/ui/packages/components/hls-player/index";
-import Ne from "dayjs";
+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 { 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";
+import { DasTooltip as h } from "@das-fed/ui/packages/components/tooltip/index";
+import { DasIconFullscreen2 as ke } from "@das-fed/ui/packages/icons/fullscreen-2/index";
+import { DasAutoRegisterIcon as _e, DasIcon as $ } 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 { DasHlsPlayer as be } from "@das-fed/ui/packages/components/hls-player/index";
+import Ie from "dayjs";
 import { createService as te } from "@das-fed/utils/api-services/src/create-service";
-import { getProjectInfo as A, getToken as Se } from "@das-fed/utils/common-info";
+import { getProjectInfo as A, getToken as Ee } from "@das-fed/utils/common-info";
 var Q;
-const j = typeof window < "u", Fe = (t) => typeof t == "string", Re = () => {
+const j = typeof window < "u", Ne = (t) => typeof t == "string", Fe = () => {
 };
 j && ((Q = window == null ? void 0 : window.navigator) != null && Q.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function oe(t) {
   return typeof t == "function" ? t() : l(t);
 }
-function ze(t) {
+function Re(t) {
   return t;
 }
 function ne(t) {
   return ce() ? (ue(t), !0) : !1;
 }
-function De(t, n = !0) {
+function Se(t, n = !0) {
   de() ? J(t) : n ? t() : P(t);
 }
 function le(t) {
@@ -33,24 +33,24 @@ function le(t) {
   const e = oe(t);
   return (n = e == null ? void 0 : e.$el) != null ? n : e;
 }
-const Oe = j ? window : void 0, Le = j ? window.document : void 0;
-function $e(...t) {
-  let n, e, r, i;
-  if (Fe(t[0]) || Array.isArray(t[0]) ? ([e, r, i] = t, n = Oe) : [n, e, r, i] = t, !n)
-    return Re;
-  Array.isArray(e) || (e = [e]), Array.isArray(r) || (r = [r]);
+const ze = j ? window : void 0, De = j ? window.document : void 0;
+function Oe(...t) {
+  let n, e, i, r;
+  if (Ne(t[0]) || Array.isArray(t[0]) ? ([e, i, r] = t, n = ze) : [n, e, i, r] = t, !n)
+    return Fe;
+  Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
   const o = [], a = () => {
     o.forEach((c) => c()), o.length = 0;
-  }, C = (c, d, k, I) => (c.addEventListener(d, k, I), () => c.removeEventListener(d, k, I)), s = F(() => [le(n), oe(i)], ([c, d]) => {
-    a(), c && o.push(...e.flatMap((k) => r.map((I) => C(c, k, I, d))));
+  }, 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))));
   }, { immediate: !0, flush: "post" }), m = () => {
     s(), a();
   };
   return ne(m), m;
 }
-function Pe(t, n = !1) {
-  const e = h(), r = () => e.value = !!t();
-  return r(), De(r, n), e;
+function Le(t, n = !1) {
+  const e = w(), i = () => e.value = !!t();
+  return i(), Se(i, n), e;
 }
 const q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, G = "__vueuse_ssr_handlers__";
 q[G] = q[G] || {};
@@ -96,35 +96,35 @@ const W = [
     "MSFullscreenError"
   ]
 ];
-function re(t, n = {}) {
-  const { document: e = Le, autoExit: r = !1 } = n, i = t || (e == null ? void 0 : e.querySelector("html")), o = h(!1);
+function ie(t, n = {}) {
+  const { document: e = De, autoExit: i = !1 } = n, r = t || (e == null ? void 0 : e.querySelector("html")), o = w(!1);
   let a = W[0];
-  const C = Pe(() => {
+  const g = Le(() => {
     if (e) {
-      for (const S of W)
-        if (S[1] in e)
-          return a = S, !0;
+      for (const F of W)
+        if (F[1] in e)
+          return a = F, !0;
     } else
       return !1;
     return !1;
   }), [s, m, c, , d] = a;
   async function k() {
-    C.value && (e != null && e[c] && await e[m](), o.value = !1);
+    g.value && (e != null && e[c] && await e[m](), o.value = !1);
   }
   async function I() {
-    if (!C.value)
+    if (!g.value)
       return;
     await k();
-    const S = le(i);
-    S && (await S[s](), o.value = !0);
+    const F = le(r);
+    F && (await F[s](), o.value = !0);
   }
   async function L() {
     o.value ? await k() : await I();
   }
-  return e && $e(e, d, () => {
+  return e && Oe(e, d, () => {
     o.value = !!(e != null && e[c]);
-  }, !1), r && ne(k), {
-    isSupported: C,
+  }, !1), i && ne(k), {
+    isSupported: g,
     isFullscreen: o,
     enter: I,
     exit: k,
@@ -135,15 +135,15 @@ var Y;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
 })(Y || (Y = {}));
-var Ue = Object.defineProperty, Z = Object.getOwnPropertySymbols, Te = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable, K = (t, n, e) => n in t ? Ue(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, Be = (t, n) => {
+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) => {
   for (var e in n || (n = {}))
-    Te.call(n, e) && K(t, e, n[e]);
+    Pe.call(n, e) && K(t, e, n[e]);
   if (Z)
     for (var e of Z(n))
-      xe.call(n, e) && K(t, e, n[e]);
+      Ue.call(n, e) && K(t, e, n[e]);
   return t;
 };
-const He = {
+const Te = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -169,10 +169,10 @@ const He = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-Be({
-  linear: ze
-}, He);
-const Ve = /* @__PURE__ */ O({
+xe({
+  linear: Re
+}, Te);
+const Be = /* @__PURE__ */ O({
   __name: "GridItem",
   props: {
     active: { type: Boolean },
@@ -183,29 +183,35 @@ const Ve = /* @__PURE__ */ O({
     pe((c) => ({
       "9b3a2c32": m.value
     }));
-    const e = t, r = n, i = h(), { toggle: o, isFullscreen: a } = re(i), C = () => {
-      i.value != document.fullscreenElement && (a.value ? (a.value = !1, P(() => {
+    const e = t, i = n, r = w(), { toggle: o, isFullscreen: a } = ie(r), g = () => {
+      r.value != document.fullscreenElement && (a.value ? (a.value = !1, P(() => {
         o();
       })) : o());
     }, s = () => {
-      r("itemClick");
+      i("itemClick");
     }, m = U(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, d) => (p(), R("div", {
-      ref_key: "containerRef",
-      ref: i,
-      class: ve(["wrapper", { "is-active": e.active }]),
-      onDblclick: d[0] || (d[0] = (k) => C()),
-      onClick: d[1] || (d[1] = (k) => s())
-    }, [
-      ee(c.$slots, "default", {}, void 0, !0)
-    ], 34));
+    return (c, d) => (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())
+      },
+      [
+        ee(c.$slots, "default", {}, void 0, !0)
+      ],
+      34
+      /* CLASS, NEED_HYDRATION */
+    ));
   }
-}), x = (t, n) => {
+}), T = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [r, i] of n)
-    e[r] = i;
+  for (const [i, r] of n)
+    e[i] = r;
   return e;
-}, je = /* @__PURE__ */ x(Ve, [["__scopeId", "data-v-100b67ca"]]), Me = { class: "layout-wrapper" }, Ae = /* @__PURE__ */ O({
+}, He = /* @__PURE__ */ T(Be, [["__scopeId", "data-v-100b67ca"]]), Ve = { class: "layout-wrapper" }, je = /* @__PURE__ */ O({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -214,141 +220,164 @@ const Ve = /* @__PURE__ */ O({
   },
   emits: ["update:activeIndex"],
   setup(t, { emit: n }) {
-    const e = t, r = n, i = (o) => {
-      r("update:activeIndex", o);
+    const e = t, i = n, r = (o) => {
+      i("update:activeIndex", o);
     };
-    return (o, a) => (p(), R("div", Me, [
-      (p(!0), R(T, null, fe(e.gridNum, (C, s) => (p(), E(je, {
-        active: !1,
-        "grid-num": e.gridNum,
-        onItemClick: (m) => i(s)
-      }, {
-        default: y(() => [
-          o.showFn(s) ? ee(o.$slots, "default", {
-            key: 0,
-            index: s
-          }, void 0, !0) : b("", !0)
-        ]),
-        _: 2
-      }, 1032, ["grid-num", "onItemClick"]))), 256))
+    return (o, a) => (p(), S("div", Ve, [
+      b(' :active="index === activeIndex" '),
+      (p(!0), S(
+        x,
+        null,
+        fe(e.gridNum, (g, s) => (p(), N(He, {
+          active: !1,
+          "grid-num": e.gridNum,
+          onItemClick: (m) => r(s)
+        }, {
+          default: y(() => [
+            o.showFn(s) ? ee(o.$slots, "default", {
+              key: 0,
+              index: s
+            }, void 0, !0) : b("v-if", !0)
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, 1032, ["grid-num", "onItemClick"]))),
+        256
+        /* UNKEYED_FRAGMENT */
+      ))
     ]));
   }
-}), Qe = /* @__PURE__ */ x(Ae, [["__scopeId", "data-v-661e2289"]]), qe = /* @__PURE__ */ O({
+}), Me = /* @__PURE__ */ T(je, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ O({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: n }) {
-    const e = n, r = (i) => {
-      e("change", i);
+    const e = n, i = (r) => {
+      e("change", r);
     };
-    return (i, o) => (p(), R("div", {
-      class: "direction-control",
-      onDblclick: o[9] || (o[9] = _((a) => a.stopPropagation(), ["stop"]))
-    }, [
-      v(l(w), {
-        content: l(g)("左上")
-      }, {
-        default: y(() => [
-          f("div", {
-            class: "icon icon-top-left",
-            onClick: o[0] || (o[0] = _((a) => r("leftUp"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }, 8, ["content"]),
-      v(l(w), {
-        content: l(g)("上")
-      }, {
-        default: y(() => [
-          f("div", {
-            class: "icon icon-top",
-            onClick: o[1] || (o[1] = _((a) => r("up"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }, 8, ["content"]),
-      v(l(w), {
-        content: l(g)("右上")
-      }, {
-        default: y(() => [
-          f("div", {
-            class: "icon icon-top-right",
-            onClick: o[2] || (o[2] = _((a) => r("rightUp"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }, 8, ["content"]),
-      v(l(w), {
-        content: l(g)("左")
-      }, {
-        default: y(() => [
-          f("div", {
-            class: "icon icon-left",
-            onClick: o[3] || (o[3] = _((a) => r("left"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }, 8, ["content"]),
-      v(l(w), {
-        content: l(g)("自动")
-      }, {
-        default: y(() => [
-          f("div", {
-            class: "icon icon-auto",
-            onClick: o[4] || (o[4] = _((a) => r("auto"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }, 8, ["content"]),
-      v(l(w), {
-        content: l(g)("右")
-      }, {
-        default: y(() => [
-          f("div", {
-            class: "icon icon-right",
-            onClick: o[5] || (o[5] = _((a) => r("right"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }, 8, ["content"]),
-      v(l(w), {
-        content: l(g)("左下")
-      }, {
-        default: y(() => [
-          f("div", {
-            class: "icon icon-bottom-left",
-            onClick: o[6] || (o[6] = _((a) => r("leftDown"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }, 8, ["content"]),
-      v(l(w), {
-        content: l(g)("下")
-      }, {
-        default: y(() => [
-          f("div", {
-            class: "icon icon-bottom",
-            onClick: o[7] || (o[7] = _((a) => r("down"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }, 8, ["content"]),
-      v(l(w), {
-        content: l(g)("右下")
-      }, {
-        default: y(() => [
-          f("div", {
-            class: "icon icon-bottom-right",
-            onClick: o[8] || (o[8] = _((a) => r("rightDown"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }, 8, ["content"])
-    ], 32));
+    return (r, o) => (p(), S(
+      "div",
+      {
+        class: "direction-control",
+        onDblclick: o[9] || (o[9] = _((a) => a.stopPropagation(), ["stop"]))
+      },
+      [
+        v(l(h), {
+          content: l(C)("左上")
+        }, {
+          default: y(() => [
+            f("div", {
+              class: "icon icon-top-left",
+              onClick: o[0] || (o[0] = _((a) => i("leftUp"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"]),
+        v(l(h), {
+          content: l(C)("上")
+        }, {
+          default: y(() => [
+            f("div", {
+              class: "icon icon-top",
+              onClick: o[1] || (o[1] = _((a) => i("up"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"]),
+        v(l(h), {
+          content: l(C)("右上")
+        }, {
+          default: y(() => [
+            f("div", {
+              class: "icon icon-top-right",
+              onClick: o[2] || (o[2] = _((a) => i("rightUp"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"]),
+        v(l(h), {
+          content: l(C)("左")
+        }, {
+          default: y(() => [
+            f("div", {
+              class: "icon icon-left",
+              onClick: o[3] || (o[3] = _((a) => i("left"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"]),
+        v(l(h), {
+          content: l(C)("自动")
+        }, {
+          default: y(() => [
+            f("div", {
+              class: "icon icon-auto",
+              onClick: o[4] || (o[4] = _((a) => i("auto"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"]),
+        v(l(h), {
+          content: l(C)("右")
+        }, {
+          default: y(() => [
+            f("div", {
+              class: "icon icon-right",
+              onClick: o[5] || (o[5] = _((a) => i("right"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"]),
+        v(l(h), {
+          content: l(C)("左下")
+        }, {
+          default: y(() => [
+            f("div", {
+              class: "icon icon-bottom-left",
+              onClick: o[6] || (o[6] = _((a) => i("leftDown"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"]),
+        v(l(h), {
+          content: l(C)("下")
+        }, {
+          default: y(() => [
+            f("div", {
+              class: "icon icon-bottom",
+              onClick: o[7] || (o[7] = _((a) => i("down"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"]),
+        v(l(h), {
+          content: l(C)("右下")
+        }, {
+          default: y(() => [
+            f("div", {
+              class: "icon icon-bottom-right",
+              onClick: o[8] || (o[8] = _((a) => i("rightDown"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["content"])
+      ],
+      32
+      /* NEED_HYDRATION */
+    ));
   }
-}), Ge = /* @__PURE__ */ x(qe, [["__scopeId", "data-v-db2e8ec2"]]), We = (t) => (me("data-v-12f30393"), t = t(), ye(), t), Ye = { class: "video-wrapper" }, Ze = { class: "video-top" }, Ke = { class: "video-top_l" }, Xe = { class: "video-title-wrapper" }, Je = { class: "video-title" }, et = { class: "video-top_r" }, tt = {
+}), Qe = /* @__PURE__ */ T(Ae, [["__scopeId", "data-v-db2e8ec2"]]), qe = { class: "video-wrapper" }, Ge = { class: "video-top" }, We = { class: "video-top_l" }, Ye = { class: "video-title-wrapper" }, Ze = { class: "video-title" }, Ke = { class: "video-top_r" }, Xe = {
   key: 0,
   class: "play-status"
-}, ot = { class: "video-bottom" }, nt = /* @__PURE__ */ We(() => /* @__PURE__ */ f("div", { class: "video-bottom_l" }, null, -1)), lt = { class: "video-bottom_r" }, rt = /* @__PURE__ */ O({
+}, Je = { class: "video-bottom" }, et = { class: "video-bottom_r" }, tt = /* @__PURE__ */ O({
   __name: "index",
   props: {
     videoUrl: {},
@@ -364,63 +393,63 @@ const Ve = /* @__PURE__ */ O({
   },
   emits: ["close", "directionControl", "zoomControl"],
   setup(t, { emit: n }) {
-    const e = t, r = n;
-    we({
+    const e = t, i = n;
+    _e({
       muted: import("@das-fed/ui/packages/icons/muted"),
       volume: import("@das-fed/ui/packages/icons/volume"),
       shrink: import("@das-fed/ui/packages/icons/shrink"),
       enlarge: import("@das-fed/ui/packages/icons/enlarge"),
       "direction-control": import("@das-fed/ui/packages/icons/direction-control")
     });
-    const i = h(!0), o = h(), a = h(!1), C = h(), s = U(() => {
+    const r = w(!0), o = w(), a = w(!1), g = w(), s = U(() => {
       var u;
-      return (u = C.value) == null ? void 0 : u.video;
-    }), m = h(!1), c = h(!0), d = (u) => {
-      o.value = u, !e.isHls && o.value.on(window.mpegts.Events.ERROR, (N) => {
+      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) => {
       });
     }, k = () => {
-      i.value = !i.value, o.value && (o.value.muted = i.value);
+      r.value = !r.value, o.value && (o.value.muted = r.value);
     }, I = () => {
       a.value = !a.value;
-    }, L = h(""), S = () => {
+    }, L = w(""), F = () => {
       const u = document.createElement("canvas");
       if (s.value) {
         u.width = s.value.clientWidth, u.height = s.value.clientHeight;
-        const N = u.getContext("2d");
-        N == null || N.drawImage(s.value, 0, 0, u.width, u.height);
-        const D = u.toDataURL("image/jpg"), ae = `【${e.title}】${Ne().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        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`;
         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);
         }
       }
     }, B = (u) => {
-      r("directionControl", u);
+      i("directionControl", u);
     }, M = (u) => {
-      r("zoomControl", u);
+      i("zoomControl", u);
     }, H = (u) => e.authType.includes(u);
-    return F(
+    return R(
       () => s.value,
       () => {
         s.value && s.value.addEventListener("ended", () => {
           m.value = !0, e.type === "playback" && (c.value = !1);
         });
       }
-    ), F(
+    ), R(
       () => s.value,
       () => {
         s.value && P(() => {
           s.value.playbackRate = e.playbackRate || 1;
         });
       }
-    ), F(
+    ), R(
       () => o.value,
       () => {
         o.value && P(() => {
-          o.value.muted = i.value;
+          o.value.muted = r.value;
         });
       }
-    ), F(
+    ), R(
       () => e.playbackRate,
       () => {
         s.value && (s.value.playbackRate = e.playbackRate || 1);
@@ -428,164 +457,207 @@ const Ve = /* @__PURE__ */ O({
       {
         immediate: !0
       }
-    ), F(
+    ), R(
       () => e.paused,
       () => {
         o.value && (e.paused ? o.value.pause() : o.value.play());
       }
-    ), F(
+    ), R(
       () => e.videoUrl,
       () => {
         c.value = !1, P(() => {
           c.value = !0;
         });
       }
-    ), (u, N) => (p(), R("div", Ye, [
-      v(l(be), {
+    ), (u, E) => (p(), S("div", qe, [
+      v(l(he), {
         spinning: e.loading,
         type: "component",
-        tip: l(g)("加载中...")
+        tip: l(C)("加载中...")
       }, {
         default: y(() => [
-          f("div", Ze, [
-            f("div", Ke, [
-              f("div", Xe, [
-                f("div", Je, V(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title), 1)
+          f("div", Ge, [
+            f("div", We, [
+              f("div", Ye, [
+                f(
+                  "div",
+                  Ze,
+                  V(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
+                  1
+                  /* TEXT */
+                )
               ])
             ]),
-            f("div", et, [
-              ["live"].includes(u.type) ? (p(), R("span", tt, V(l(g)("正在实时预览")), 1)) : b("", !0)
+            f("div", Ke, [
+              ["live"].includes(u.type) ? (p(), S(
+                "span",
+                Xe,
+                V(l(C)("正在实时预览")),
+                1
+                /* TEXT */
+              )) : b("v-if", !0),
+              b(' <das-icon v-if="isFullscreen" class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
             ])
           ]),
-          u.isHls ? (p(), R(T, { key: 1 }, [
-            e.videoUrl && c.value ? (p(), E(l(Ee), {
-              key: 0,
-              ref_key: "dasLivePlayerRef",
-              ref: C,
-              muted: i.value,
-              onLoaded: d,
-              src: e.videoUrl
-            }, null, 8, ["muted", "src"])) : b("", !0)
-          ], 64)) : (p(), R(T, { key: 0 }, [
-            e.videoUrl && c.value ? (p(), E(l(Ie), {
-              key: 0,
-              type: "flv",
-              ref_key: "dasLivePlayerRef",
-              ref: C,
-              muted: i.value,
-              onLoaded: d,
-              src: e.videoUrl
-            }, null, 8, ["muted", "src"])) : b("", !0)
-          ], 64)),
-          f("div", ot, [
-            nt,
-            f("div", lt, [
-              f("div", {
-                class: "controls",
-                onDblclick: N[2] || (N[2] = _((D) => D.stopPropagation(), ["stop"]))
-              }, [
-                v(l(w), {
-                  content: l(g)("声音")
-                }, {
-                  default: y(() => [
-                    v(l($), {
-                      class: "icon icon-volume",
-                      icon: i.value ? "muted" : "volume",
-                      onClick: _(k, ["stop"])
-                    }, null, 8, ["icon"])
-                  ]),
-                  _: 1
-                }, 8, ["content"]),
-                v(l(w), {
-                  content: l(g)("截图")
-                }, {
-                  default: y(() => [
-                    v(l($), {
-                      class: "icon icon-screenshot",
-                      icon: "screenshot",
-                      onClick: _(S, ["stop"])
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["content"]),
-                H("control") ? (p(), E(l(w), {
-                  key: 0,
-                  content: l(g)("聚焦-")
-                }, {
-                  default: y(() => [
-                    ["live", "polling"].includes(e.type) ? (p(), E(l($), {
-                      key: 0,
-                      class: "icon icon-shrink",
-                      icon: "shrink",
-                      onClick: N[0] || (N[0] = _((D) => M("zoomOut"), ["stop"]))
-                    })) : b("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["content"])) : b("", !0),
-                H("control") ? (p(), E(l(w), {
-                  key: 1,
-                  content: l(g)("聚焦+")
-                }, {
-                  default: y(() => [
-                    ["live", "polling"].includes(e.type) ? (p(), E(l($), {
-                      key: 0,
-                      class: "icon icon-enlarge",
-                      icon: "enlarge",
-                      onClick: N[1] || (N[1] = _((D) => M("zoomIn"), ["stop"]))
-                    })) : b("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["content"])) : b("", !0),
-                H("control") ? (p(), E(l(w), {
-                  key: 2,
-                  content: l(g)("方向控制")
-                }, {
-                  default: y(() => [
-                    ["live", "polling"].includes(e.type) ? (p(), E(l($), {
-                      key: 0,
-                      class: "icon icon-direction-control",
-                      icon: "direction-control",
-                      onClick: _(I, ["stop"])
-                    })) : b("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["content"])) : b("", !0)
-              ], 32)
+          u.isHls ? (p(), S(
+            x,
+            { key: 1 },
+            [
+              e.videoUrl && c.value ? (p(), N(l(be), {
+                key: 0,
+                ref_key: "dasLivePlayerRef",
+                ref: g,
+                muted: r.value,
+                onLoaded: d,
+                src: e.videoUrl
+              }, null, 8, ["muted", "src"])) : b("v-if", !0)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )) : (p(), S(
+            x,
+            { key: 0 },
+            [
+              e.videoUrl && c.value ? (p(), N(l(we), {
+                key: 0,
+                type: "flv",
+                ref_key: "dasLivePlayerRef",
+                ref: g,
+                muted: r.value,
+                onLoaded: d,
+                src: e.videoUrl
+              }, null, 8, ["muted", "src"])) : b("v-if", !0)
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          )),
+          f("div", Je, [
+            E[3] || (E[3] = f(
+              "div",
+              { class: "video-bottom_l" },
+              null,
+              -1
+              /* HOISTED */
+            )),
+            f("div", et, [
+              f(
+                "div",
+                {
+                  class: "controls",
+                  onDblclick: E[2] || (E[2] = _((D) => D.stopPropagation(), ["stop"]))
+                },
+                [
+                  v(l(h), {
+                    content: l(C)("声音")
+                  }, {
+                    default: y(() => [
+                      v(l($), {
+                        class: "icon icon-volume",
+                        icon: r.value ? "muted" : "volume",
+                        onClick: _(k, ["stop"])
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["content"]),
+                  v(l(h), {
+                    content: l(C)("截图")
+                  }, {
+                    default: y(() => [
+                      v(l($), {
+                        class: "icon icon-screenshot",
+                        icon: "screenshot",
+                        onClick: _(F, ["stop"])
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["content"]),
+                  H("control") ? (p(), N(l(h), {
+                    key: 0,
+                    content: l(C)("聚焦-")
+                  }, {
+                    default: y(() => [
+                      ["live", "polling"].includes(e.type) ? (p(), N(l($), {
+                        key: 0,
+                        class: "icon icon-shrink",
+                        icon: "shrink",
+                        onClick: E[0] || (E[0] = _((D) => M("zoomOut"), ["stop"]))
+                      })) : b("v-if", !0)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["content"])) : b("v-if", !0),
+                  H("control") ? (p(), N(l(h), {
+                    key: 1,
+                    content: l(C)("聚焦+")
+                  }, {
+                    default: y(() => [
+                      ["live", "polling"].includes(e.type) ? (p(), N(l($), {
+                        key: 0,
+                        class: "icon icon-enlarge",
+                        icon: "enlarge",
+                        onClick: E[1] || (E[1] = _((D) => M("zoomIn"), ["stop"]))
+                      })) : b("v-if", !0)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["content"])) : b("v-if", !0),
+                  H("control") ? (p(), N(l(h), {
+                    key: 2,
+                    content: l(C)("方向控制")
+                  }, {
+                    default: y(() => [
+                      ["live", "polling"].includes(e.type) ? (p(), N(l($), {
+                        key: 0,
+                        class: "icon icon-direction-control",
+                        icon: "direction-control",
+                        onClick: _(I, ["stop"])
+                      })) : b("v-if", !0)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["content"])) : b("v-if", !0)
+                ],
+                32
+                /* NEED_HYDRATION */
+              )
             ])
           ]),
-          a.value ? (p(), E(Ge, {
+          a.value ? (p(), N(Qe, {
             key: 2,
             onChange: B
-          })) : b("", !0)
+          })) : b("v-if", !0)
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["spinning", "tip"])
     ]));
   }
-}), st = /* @__PURE__ */ x(rt, [["__scopeId", "data-v-12f30393"]]), it = "/api/device-relation/deviceproject/v1/project/device/video", at = "v1", ct = te(`/api/enterpriseright/permission/${at}`), se = te(`${it}`, ut);
-function ut(t) {
+}), ot = /* @__PURE__ */ T(tt, [["__scopeId", "data-v-12f30393"]]), nt = "/api/device-relation/deviceproject/v1/project/device/video", lt = "v1", it = te(`/api/enterpriseright/permission/${lt}`), se = te(`${nt}`, st);
+function st(t) {
   const n = A() ? A().id : 1;
   return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
 }
-function ie(t) {
+function re(t) {
   const n = new URLSearchParams("");
-  for (let [e, r] of Object.entries(t))
-    n.append(e, r);
+  for (let [e, i] of Object.entries(t))
+    n.append(e, i);
   return n.toString();
 }
 function X(t) {
-  return se.post(`/ptz?${ie(t)}`)().run();
+  return se.post(`/ptz?${re(t)}`)().run();
 }
-function dt(t) {
-  return se.post(`/url/preview?${ie(t)}`)().run();
+function rt(t) {
+  return se.post(`/url/preview?${re(t)}`)().run();
 }
-ct.post("data/device-auth");
-const pt = (t) => {
-  const n = Se();
+it.post("data/device-auth");
+const at = (t) => {
+  const n = Ee();
   return `${t}?token=${n}`;
 };
-h([]);
-const vt = /* @__PURE__ */ O({
+w([]);
+const ct = /* @__PURE__ */ O({
   props: {
     deviceInfo: {
       type: Object,
@@ -604,20 +676,20 @@ const vt = /* @__PURE__ */ O({
   }) {
     const {
       deviceInfo: e,
-      source: r,
-      isHls: i
-    } = ge(t), o = h(!1), a = h(""), C = async () => {
+      source: i,
+      isHls: r
+    } = me(t), o = w(!1), a = w(""), g = async () => {
       var k;
       if (!((k = e.value) != null && k.deviceId)) return;
       o.value = !0;
-      const [c, d] = await dt({
+      const [c, d] = await rt({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
-        source: r.value
+        source: i.value
       });
       if (!c) {
-        let I = i.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
-        a.value = pt(d == null ? void 0 : d[I]);
+        let I = r.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
+        a.value = at(d == null ? void 0 : d[I]);
       }
       o.value = !1;
     }, s = (c) => {
@@ -626,7 +698,7 @@ const vt = /* @__PURE__ */ O({
         deviceId: e.value.deviceId,
         direction: c,
         zoom: "",
-        source: r.value || "web"
+        source: i.value || "web"
       });
     }, m = (c) => {
       X({
@@ -634,34 +706,34 @@ const vt = /* @__PURE__ */ O({
         deviceId: e.value.deviceId,
         direction: "",
         zoom: c,
-        source: r.value || "web"
+        source: i.value || "web"
       });
     };
     return J(() => {
-      C();
-    }), F(() => e.value, () => {
-      C();
+      g();
+    }), R(() => e.value, () => {
+      g();
     }, {
       deep: !0
-    }), () => v(T, null, [n.default({
+    }), () => v(x, null, [n.default({
       videoUrl: a.value,
       loading: o.value,
       onDirectionControl: s,
       onZoomControl: m,
-      isHls: i.value
+      isHls: r.value
     })]);
   }
 });
-function ft(t) {
-  const n = h(0), e = h(), {
-    toggle: r,
-    isFullscreen: i,
+function ut(t) {
+  const n = w(0), e = w(), {
+    toggle: i,
+    isFullscreen: r,
     exit: o
-  } = re(e), a = (s, m) => {
-    i.value && o();
+  } = ie(e), a = (s, m) => {
+    r.value && o();
   };
   return {
-    render: () => v(Qe, {
+    render: () => v(Me, {
       ref: e,
       gridNum: t.gridNum,
       activeIndex: n.value,
@@ -672,7 +744,7 @@ function ft(t) {
         index: s
       }) => {
         const m = t.deviceList[s], c = t.source, d = t.isHls;
-        return v(vt, {
+        return v(ct, {
           deviceInfo: m,
           source: c,
           isHls: d
@@ -681,12 +753,12 @@ function ft(t) {
             videoUrl: k,
             onDirectionControl: I,
             onZoomControl: L,
-            loading: S,
+            loading: F,
             isHls: B
-          }) => v(st, {
+          }) => v(ot, {
             type: "live",
-            loading: S,
-            isFullscreen: i.value,
+            loading: F,
+            isFullscreen: r.value,
             videoUrl: k,
             title: m.deviceName,
             onClose: () => a(),
@@ -698,10 +770,10 @@ function ft(t) {
         });
       }
     }),
-    toggleFullscreen: r
+    toggleFullscreen: i
   };
 }
-const mt = /* @__PURE__ */ O({
+const dt = /* @__PURE__ */ O({
   __name: "index",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -712,10 +784,10 @@ const mt = /* @__PURE__ */ O({
   },
   emits: ["update:visible"],
   setup(t, { emit: n }) {
-    const e = t, r = n, i = U({
+    const e = t, i = n, r = U({
       get: () => e.visible,
-      set: (s) => r("update:visible", s)
-    }), { render: o, toggleFullscreen: a } = ft(e), C = U(() => {
+      set: (s) => i("update:visible", s)
+    }), { render: o, toggleFullscreen: a } = ut(e), g = U(() => {
       let s = {};
       switch (e.gridNum) {
         case 1:
@@ -730,12 +802,12 @@ const mt = /* @__PURE__ */ O({
       }
       return s;
     });
-    return (s, m) => (p(), E(l(_e), {
+    return (s, m) => (p(), N(l(ge), {
       size: "mini",
-      title: l(g)("视频监控"),
-      "custom-class": `das-linakge-video-dialog ${C.value}`,
-      modelValue: i.value,
-      "onUpdate:modelValue": m[0] || (m[0] = (c) => i.value = c),
+      title: l(C)("视频监控"),
+      "custom-class": `das-linakge-video-dialog ${g.value}`,
+      modelValue: r.value,
+      "onUpdate:modelValue": m[0] || (m[0] = (c) => r.value = c),
       bodyStyle: { padding: 0 },
       "close-on-click-modal": !1,
       "close-on-press-escape": !1,
@@ -744,28 +816,36 @@ const mt = /* @__PURE__ */ O({
     }, {
       header: y(() => [
         f("div", null, [
-          f("span", null, V(l(g)("视频监控")), 1)
+          f(
+            "span",
+            null,
+            V(l(C)("视频监控")),
+            1
+            /* TEXT */
+          )
         ]),
-        v(l(w), {
-          content: l(g)("页面全屏")
+        v(l(h), {
+          content: l(C)("页面全屏")
         }, {
           default: y(() => [
-            v(l(he), {
+            v(l(ke), {
               class: "icon",
               color: "#999",
               onClick: l(a)
             }, null, 8, ["onClick"])
           ]),
           _: 1
+          /* STABLE */
         }, 8, ["content"])
       ]),
       default: y(() => [
-        i.value ? (p(), E(l(o), { key: 0 })) : b("", !0)
+        r.value ? (p(), N(l(o), { key: 0 })) : b("v-if", !0)
       ]),
       _: 1
+      /* STABLE */
     }, 8, ["title", "custom-class", "modelValue"]));
   }
-}), yt = {
+}), pt = {
   加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" },
   正在实时预览: { "zh-CN": "正在实时预览", en: "Real-time Video", _appCode: "framework" },
   声音: { "zh-CN": "声音", en: "Sound", _appCode: "framework" },
@@ -787,10 +867,10 @@ const mt = /* @__PURE__ */ O({
   "聚焦-": { "zh-CN": "聚焦-", en: "Focus-", _appCode: "framework" },
   "聚焦+": { "zh-CN": "聚焦+", en: "Focus+", _appCode: "framework" }
 };
-ke(yt);
-const zt = Ce(mt), Dt = () => h(null);
+Ce(pt);
+const Nt = ye(dt), Ft = () => w(null);
 export {
-  zt as DasVideoDialog,
-  Dt as DasVideoDialogRef,
-  ft as useVideo
+  Nt as DasVideoDialog,
+  Ft as DasVideoDialogRef,
+  ut as useVideo
 };