@das-fed/upf-ui 6.4.0-dev.160 → 6.4.0-dev.162

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

@@ -1,10 +1,10 @@
 import '@das-fed/upf-ui/packages/business-components/video-dialog/style.css';
-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/upf-utils/with-install/index";
-import { t as m, setI18nRule as ge } from "@das-fed/upf-web/packages/i18n/index";
-import { DasDialog as ke } from "@das-fed/upf-ui/packages/components/dialog/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 C, normalizeClass as ve, renderSlot as X, Fragment as J, renderList as fe, createBlock as N, withCtx as f, createCommentVNode as E, withModifiers as k, createVNode as p, createElementVNode as v, toDisplayString as V, toRefs as me } from "vue";
+import { withInstall as ge } from "@das-fed/upf-utils/with-install/index";
+import { t as m, setI18nRule as Ce } from "@das-fed/upf-web/packages/i18n/index";
+import { DasDialog as ye } from "@das-fed/upf-ui/packages/components/dialog/index";
 import { DasTooltip as h } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { DasIconFullscreen2 as ye } from "@das-fed/upf-ui/packages/icons/fullscreen-2/index";
+import { DasIconFullscreen2 as ke } from "@das-fed/upf-ui/packages/icons/fullscreen-2/index";
 import { DasAutoRegisterIcon as _e, DasIcon as L } from "@das-fed/upf-ui/packages/components/icon/index";
 import { DasLivePlayer as we } from "@das-fed/upf-ui/packages/components/live-player/index";
 import { DasSpin as he } from "@das-fed/upf-ui/packages/components/spin/index";
@@ -34,22 +34,22 @@ function ne(t) {
 }
 const Re = B ? window : void 0, ze = B ? window.document : void 0;
 function Oe(...t) {
-  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)
+  let n, e, r, s;
+  if (Ee(t[0]) || Array.isArray(t[0]) ? ([e, r, s] = t, n = Re) : [n, e, r, s] = t, !n)
     return Ne;
-  Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
+  Array.isArray(e) || (e = [e]), Array.isArray(r) || (r = [r]);
   const o = [], a = () => {
     o.forEach((c) => c()), o.length = 0;
-  }, 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))));
+  }, y = (c, g, w, I) => (c.addEventListener(g, w, I), () => c.removeEventListener(g, w, I)), i = F(() => [ne(n), te(s)], ([c, g]) => {
+    a(), c && o.push(...e.flatMap((w) => r.map((I) => y(c, w, I, g))));
   }, { immediate: !0, flush: "post" }), u = () => {
-    r(), a();
+    i(), a();
   };
   return oe(u), u;
 }
 function De(t, n = !1) {
-  const e = _(), i = () => e.value = !!t();
-  return i(), Se(i, n), e;
+  const e = _(), r = () => e.value = !!t();
+  return r(), Se(r, 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,9 +96,9 @@ const G = [
   ]
 ];
 function le(t, n = {}) {
-  const { document: e = ze, autoExit: i = !1 } = n, s = t || (e == null ? void 0 : e.querySelector("html")), o = _(!1);
+  const { document: e = ze, autoExit: r = !1 } = n, s = t || (e == null ? void 0 : e.querySelector("html")), o = _(!1);
   let a = G[0];
-  const k = De(() => {
+  const y = De(() => {
     if (e) {
       for (const S of G)
         if (S[1] in e)
@@ -106,26 +106,26 @@ function le(t, n = {}) {
     } else
       return !1;
     return !1;
-  }), [r, u, c, , C] = a;
+  }), [i, u, c, , g] = a;
   async function w() {
-    k.value && (e != null && e[c] && await e[u](), o.value = !1);
+    y.value && (e != null && e[c] && await e[u](), o.value = !1);
   }
-  async function E() {
-    if (!k.value)
+  async function I() {
+    if (!y.value)
       return;
     await w();
     const S = ne(s);
-    S && (await S[r](), o.value = !0);
+    S && (await S[i](), o.value = !0);
   }
   async function $() {
-    o.value ? await w() : await E();
+    o.value ? await w() : await I();
   }
-  return e && Oe(e, C, () => {
+  return e && Oe(e, g, () => {
     o.value = !!(e != null && e[c]);
-  }, !1), i && oe(w), {
-    isSupported: k,
+  }, !1), r && oe(w), {
+    isSupported: y,
     isFullscreen: o,
-    enter: E,
+    enter: I,
     exit: w,
     toggle: $
   };
@@ -182,33 +182,27 @@ const Ue = /* @__PURE__ */ D({
     pe((c) => ({
       "9b3a2c32": u.value
     }));
-    const e = t, i = n, s = _(), { toggle: o, isFullscreen: a } = le(s), k = () => {
+    const e = t, r = n, s = _(), { toggle: o, isFullscreen: a } = le(s), y = () => {
       s.value != document.fullscreenElement && (a.value ? (a.value = !1, P(() => {
         o();
       })) : o());
-    }, r = () => {
-      i("itemClick");
+    }, i = () => {
+      r("itemClick");
     }, u = x(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, C) => (g(), O(
-      "div",
-      {
-        ref_key: "containerRef",
-        ref: s,
-        class: ve(["wrapper", { "is-active": e.active }]),
-        onDblclick: C[0] || (C[0] = (w) => k()),
-        onClick: C[1] || (C[1] = (w) => r())
-      },
-      [
-        X(c.$slots, "default", {}, void 0, !0)
-      ],
-      34
-      /* CLASS, NEED_HYDRATION */
-    ));
+    return (c, g) => (C(), O("div", {
+      ref_key: "containerRef",
+      ref: s,
+      class: ve(["wrapper", { "is-active": e.active }]),
+      onDblclick: g[0] || (g[0] = (w) => y()),
+      onClick: g[1] || (g[1] = (w) => i())
+    }, [
+      X(c.$slots, "default", {}, void 0, !0)
+    ], 34));
   }
 }), T = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [i, s] of n)
-    e[i] = s;
+  for (const [r, s] of n)
+    e[r] = s;
   return e;
 }, Ve = /* @__PURE__ */ T(Ue, [["__scopeId", "data-v-100b67ca"]]), Be = { class: "layout-wrapper" }, je = /* @__PURE__ */ D({
   __name: "GridLayout",
@@ -219,159 +213,136 @@ const Ue = /* @__PURE__ */ D({
   },
   emits: ["update:activeIndex"],
   setup(t, { emit: n }) {
-    const e = t, i = n, s = (o) => {
-      i("update:activeIndex", o);
+    const e = t, r = n, s = (o) => {
+      r("update:activeIndex", o);
     };
-    return (o, a) => (g(), O("div", Be, [
-      I(' :active="index === activeIndex" '),
-      (g(!0), O(
-        J,
-        null,
-        fe(e.gridNum, (k, r) => (g(), N(Ve, {
-          active: !1,
-          "grid-num": e.gridNum,
-          onItemClick: (u) => s(r)
-        }, {
-          default: f(() => [
-            o.showFn(r) ? X(o.$slots, "default", {
-              key: 0,
-              index: r
-            }, void 0, !0) : I("v-if", !0)
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, 1032, ["grid-num", "onItemClick"]))),
-        256
-        /* UNKEYED_FRAGMENT */
-      ))
+    return (o, a) => (C(), O("div", Be, [
+      (C(!0), O(J, null, fe(e.gridNum, (y, i) => (C(), N(Ve, {
+        active: !1,
+        "grid-num": e.gridNum,
+        onItemClick: (u) => s(i)
+      }, {
+        default: f(() => [
+          o.showFn(i) ? X(o.$slots, "default", {
+            key: 0,
+            index: i
+          }, void 0, !0) : E("", !0)
+        ]),
+        _: 2
+      }, 1032, ["grid-num", "onItemClick"]))), 256))
     ]));
   }
 }), Me = /* @__PURE__ */ T(je, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: n }) {
-    const e = n, i = (s) => {
+    const e = n, r = (s) => {
       e("change", s);
     };
-    return (s, o) => (g(), O(
-      "div",
-      {
-        class: "direction-control",
-        onDblclick: o[9] || (o[9] = y((a) => a.stopPropagation(), ["stop"]))
-      },
-      [
-        p(l(h), {
-          content: l(m)("左上")
-        }, {
-          default: f(() => [
-            v("div", {
-              class: "icon icon-top-left",
-              onClick: o[0] || (o[0] = y((a) => i("leftUp"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(h), {
-          content: l(m)("上")
-        }, {
-          default: f(() => [
-            v("div", {
-              class: "icon icon-top",
-              onClick: o[1] || (o[1] = y((a) => i("up"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(h), {
-          content: l(m)("右上")
-        }, {
-          default: f(() => [
-            v("div", {
-              class: "icon icon-top-right",
-              onClick: o[2] || (o[2] = y((a) => i("rightUp"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(h), {
-          content: l(m)("左")
-        }, {
-          default: f(() => [
-            v("div", {
-              class: "icon icon-left",
-              onClick: o[3] || (o[3] = y((a) => i("left"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(h), {
-          content: l(m)("自动")
-        }, {
-          default: f(() => [
-            v("div", {
-              class: "icon icon-auto",
-              onClick: o[4] || (o[4] = y((a) => i("auto"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(h), {
-          content: l(m)("右")
-        }, {
-          default: f(() => [
-            v("div", {
-              class: "icon icon-right",
-              onClick: o[5] || (o[5] = y((a) => i("right"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(h), {
-          content: l(m)("左下")
-        }, {
-          default: f(() => [
-            v("div", {
-              class: "icon icon-bottom-left",
-              onClick: o[6] || (o[6] = y((a) => i("leftDown"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(h), {
-          content: l(m)("下")
-        }, {
-          default: f(() => [
-            v("div", {
-              class: "icon icon-bottom",
-              onClick: o[7] || (o[7] = y((a) => i("down"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(h), {
-          content: l(m)("右下")
-        }, {
-          default: f(() => [
-            v("div", {
-              class: "icon icon-bottom-right",
-              onClick: o[8] || (o[8] = y((a) => i("rightDown"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"])
-      ],
-      32
-      /* NEED_HYDRATION */
-    ));
+    return (s, o) => (C(), O("div", {
+      class: "direction-control",
+      onDblclick: o[9] || (o[9] = k((a) => a.stopPropagation(), ["stop"]))
+    }, [
+      p(l(h), {
+        content: l(m)("左上")
+      }, {
+        default: f(() => [
+          v("div", {
+            class: "icon icon-top-left",
+            onClick: o[0] || (o[0] = k((a) => r("leftUp"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(h), {
+        content: l(m)("上")
+      }, {
+        default: f(() => [
+          v("div", {
+            class: "icon icon-top",
+            onClick: o[1] || (o[1] = k((a) => r("up"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(h), {
+        content: l(m)("右上")
+      }, {
+        default: f(() => [
+          v("div", {
+            class: "icon icon-top-right",
+            onClick: o[2] || (o[2] = k((a) => r("rightUp"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(h), {
+        content: l(m)("左")
+      }, {
+        default: f(() => [
+          v("div", {
+            class: "icon icon-left",
+            onClick: o[3] || (o[3] = k((a) => r("left"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(h), {
+        content: l(m)("自动")
+      }, {
+        default: f(() => [
+          v("div", {
+            class: "icon icon-auto",
+            onClick: o[4] || (o[4] = k((a) => r("auto"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(h), {
+        content: l(m)("右")
+      }, {
+        default: f(() => [
+          v("div", {
+            class: "icon icon-right",
+            onClick: o[5] || (o[5] = k((a) => r("right"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(h), {
+        content: l(m)("左下")
+      }, {
+        default: f(() => [
+          v("div", {
+            class: "icon icon-bottom-left",
+            onClick: o[6] || (o[6] = k((a) => r("leftDown"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(h), {
+        content: l(m)("下")
+      }, {
+        default: f(() => [
+          v("div", {
+            class: "icon icon-bottom",
+            onClick: o[7] || (o[7] = k((a) => r("down"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(h), {
+        content: l(m)("右下")
+      }, {
+        default: f(() => [
+          v("div", {
+            class: "icon icon-bottom-right",
+            onClick: o[8] || (o[8] = k((a) => r("rightDown"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"])
+    ], 32));
   }
 }), Qe = /* @__PURE__ */ T(Ae, [["__scopeId", "data-v-84b1bc1f"]]), 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,
@@ -391,7 +362,7 @@ const Ue = /* @__PURE__ */ D({
   },
   emits: ["close", "directionControl", "zoomControl"],
   setup(t, { emit: n }) {
-    const e = t, i = n;
+    const e = t, r = n;
     _e({
       muted: import("@das-fed/upf-ui/packages/icons/muted"),
       volume: import("@das-fed/upf-ui/packages/icons/volume"),
@@ -399,22 +370,22 @@ const Ue = /* @__PURE__ */ D({
       enlarge: import("@das-fed/upf-ui/packages/icons/enlarge"),
       "direction-control": import("@das-fed/upf-ui/packages/icons/direction-control")
     });
-    const s = _(!0), o = _(), a = _(!1), k = _(), r = x(() => {
+    const s = _(!0), o = _(), a = _(!1), y = _(), i = x(() => {
       var d;
-      return (d = k.value) == null ? void 0 : d.video;
-    }), u = _(!1), c = _(!0), C = (d) => {
+      return (d = y.value) == null ? void 0 : d.video;
+    }), u = _(!1), c = _(!0), g = (d) => {
       o.value = d, o.value.on(window.mpegts.Events.ERROR, (b) => {
       });
     }, w = () => {
       s.value = !s.value, o.value && (o.value.muted = s.value);
-    }, E = () => {
+    }, I = () => {
       a.value = !a.value;
     }, $ = _(""), S = () => {
       const d = document.createElement("canvas");
-      if (r.value) {
-        d.width = r.value.clientWidth, d.height = r.value.clientHeight;
+      if (i.value) {
+        d.width = i.value.clientWidth, d.height = i.value.clientHeight;
         const b = d.getContext("2d");
-        b == null || b.drawImage(r.value, 0, 0, d.width, d.height);
+        b == null || b.drawImage(i.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");
@@ -422,22 +393,22 @@ const Ue = /* @__PURE__ */ D({
         }
       }
     }, se = (d) => {
-      i("directionControl", d);
+      r("directionControl", d);
     }, j = (d) => {
-      i("zoomControl", d);
+      r("zoomControl", d);
     }, U = (d) => e.authType.includes(d);
     return F(
-      () => r.value,
+      () => i.value,
       () => {
-        r.value && r.value.addEventListener("ended", () => {
+        i.value && i.value.addEventListener("ended", () => {
           u.value = !0, e.type === "playback" && (c.value = !1);
         });
       }
     ), F(
-      () => r.value,
+      () => i.value,
       () => {
-        r.value && P(() => {
-          r.value.playbackRate = e.playbackRate || 1;
+        i.value && P(() => {
+          i.value.playbackRate = e.playbackRate || 1;
         });
       }
     ), F(
@@ -450,7 +421,7 @@ const Ue = /* @__PURE__ */ D({
     ), F(
       () => e.playbackRate,
       () => {
-        r.value && (r.value.playbackRate = e.playbackRate || 1);
+        i.value && (i.value.playbackRate = e.playbackRate || 1);
       },
       {
         immediate: !0
@@ -467,7 +438,7 @@ const Ue = /* @__PURE__ */ D({
           c.value = !0;
         });
       }
-    ), (d, b) => (g(), O("div", qe, [
+    ), (d, b) => (C(), O("div", qe, [
       p(l(he), {
         spinning: e.loading,
         type: "component",
@@ -477,154 +448,123 @@ const Ue = /* @__PURE__ */ D({
           v("div", Ge, [
             v("div", We, [
               v("div", He, [
-                v(
-                  "div",
-                  Ye,
-                  V(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
-                  1
-                  /* TEXT */
-                )
+                v("div", Ye, V(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title), 1)
               ])
             ]),
             v("div", Ze, [
-              ["live"].includes(d.type) ? (g(), O(
-                "span",
-                Ke,
-                V(l(m)("正在实时预览")),
-                1
-                /* TEXT */
-              )) : I("v-if", !0),
-              I(' <das-icon v-if="isFullscreen" class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
+              ["live"].includes(d.type) ? (C(), O("span", Ke, V(l(m)("正在实时预览")), 1)) : E("", !0)
             ])
           ]),
-          e.videoUrl && c.value ? (g(), N(l(we), {
+          e.videoUrl && c.value ? (C(), N(l(we), {
             key: 0,
             type: "flv",
             ref_key: "dasLivePlayerRef",
-            ref: k,
+            ref: y,
             muted: s.value,
-            onLoaded: C,
+            onLoaded: g,
             src: e.videoUrl
-          }, null, 8, ["muted", "src"])) : I("v-if", !0),
+          }, null, 8, ["muted", "src"])) : E("", !0),
           v("div", Xe, [
-            b[3] || (b[3] = v(
-              "div",
-              { class: "video-bottom_l" },
-              null,
-              -1
-              /* CACHED */
-            )),
+            b[3] || (b[3] = v("div", { class: "video-bottom_l" }, null, -1)),
             v("div", Je, [
-              v(
-                "div",
-                {
-                  class: "controls",
-                  onDblclick: b[2] || (b[2] = y((z) => z.stopPropagation(), ["stop"]))
-                },
-                [
-                  p(l(h), {
-                    content: l(m)("声音")
-                  }, {
-                    default: f(() => [
-                      p(l(L), {
-                        class: "icon icon-volume",
-                        icon: s.value ? "muted" : "volume",
-                        onClick: y(w, ["stop"])
-                      }, null, 8, ["icon"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"]),
-                  p(l(h), {
-                    content: l(m)("截图")
-                  }, {
-                    default: f(() => [
-                      p(l(L), {
-                        class: "icon icon-screenshot",
-                        icon: "screenshot",
-                        onClick: y(S, ["stop"])
-                      })
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"]),
-                  U("control") ? (g(), N(l(h), {
-                    key: 0,
-                    content: l(m)("聚焦-")
-                  }, {
-                    default: f(() => [
-                      ["live", "polling"].includes(e.type) ? (g(), N(l(L), {
-                        key: 0,
-                        class: "icon icon-shrink",
-                        icon: "shrink",
-                        onClick: b[0] || (b[0] = y((z) => j("zoomOut"), ["stop"]))
-                      })) : I("v-if", !0)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"])) : I("v-if", !0),
-                  U("control") ? (g(), N(l(h), {
-                    key: 1,
-                    content: l(m)("聚焦+")
-                  }, {
-                    default: f(() => [
-                      ["live", "polling"].includes(e.type) ? (g(), N(l(L), {
-                        key: 0,
-                        class: "icon icon-enlarge",
-                        icon: "enlarge",
-                        onClick: b[1] || (b[1] = y((z) => j("zoomIn"), ["stop"]))
-                      })) : I("v-if", !0)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"])) : I("v-if", !0),
-                  U("control") ? (g(), N(l(h), {
-                    key: 2,
-                    content: l(m)("方向控制")
-                  }, {
-                    default: f(() => [
-                      ["live", "polling"].includes(e.type) ? (g(), N(l(L), {
-                        key: 0,
-                        class: "icon icon-direction-control",
-                        icon: "direction-control",
-                        onClick: y(E, ["stop"])
-                      })) : I("v-if", !0)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"])) : I("v-if", !0)
-                ],
-                32
-                /* NEED_HYDRATION */
-              )
+              v("div", {
+                class: "controls",
+                onDblclick: b[2] || (b[2] = k((z) => z.stopPropagation(), ["stop"]))
+              }, [
+                p(l(h), {
+                  content: l(m)("声音")
+                }, {
+                  default: f(() => [
+                    p(l(L), {
+                      class: "icon icon-volume",
+                      icon: s.value ? "muted" : "volume",
+                      onClick: k(w, ["stop"])
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                }, 8, ["content"]),
+                p(l(h), {
+                  content: l(m)("截图")
+                }, {
+                  default: f(() => [
+                    p(l(L), {
+                      class: "icon icon-screenshot",
+                      icon: "screenshot",
+                      onClick: k(S, ["stop"])
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"]),
+                U("control") ? (C(), N(l(h), {
+                  key: 0,
+                  content: l(m)("聚焦-")
+                }, {
+                  default: f(() => [
+                    ["live", "polling"].includes(e.type) ? (C(), N(l(L), {
+                      key: 0,
+                      class: "icon icon-shrink",
+                      icon: "shrink",
+                      onClick: b[0] || (b[0] = k((z) => j("zoomOut"), ["stop"]))
+                    })) : E("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : E("", !0),
+                U("control") ? (C(), N(l(h), {
+                  key: 1,
+                  content: l(m)("聚焦+")
+                }, {
+                  default: f(() => [
+                    ["live", "polling"].includes(e.type) ? (C(), N(l(L), {
+                      key: 0,
+                      class: "icon icon-enlarge",
+                      icon: "enlarge",
+                      onClick: b[1] || (b[1] = k((z) => j("zoomIn"), ["stop"]))
+                    })) : E("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : E("", !0),
+                U("control") ? (C(), N(l(h), {
+                  key: 2,
+                  content: l(m)("方向控制")
+                }, {
+                  default: f(() => [
+                    ["live", "polling"].includes(e.type) ? (C(), N(l(L), {
+                      key: 0,
+                      class: "icon icon-direction-control",
+                      icon: "direction-control",
+                      onClick: k(I, ["stop"])
+                    })) : E("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : E("", !0)
+              ], 32)
             ])
           ]),
-          a.value ? (g(), N(Qe, {
+          a.value ? (C(), N(Qe, {
             key: 1,
             onChange: se
-          })) : I("v-if", !0)
+          })) : E("", !0)
         ]),
         _: 1
-        /* STABLE */
       }, 8, ["spinning", "tip"])
     ]));
   }
-}), tt = /* @__PURE__ */ T(et, [["__scopeId", "data-v-f810def3"]]), ot = "/api/device-relation/deviceproject/v1/project/device/video", nt = "v1", lt = ee(`/api/enterpriseright/permission/${nt}`), ie = ee(`${ot}`, it);
-function it(t) {
+}), tt = /* @__PURE__ */ T(et, [["__scopeId", "data-v-f810def3"]]), ot = "/api/device-relation/deviceproject/v1/project/device/video", nt = "v1", lt = ee(`/api/enterpriseright/permission/${nt}`), re = ee(`${ot}`, rt);
+function rt(t) {
   const n = M() ? M().id : 1;
   return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
 }
-function re(t) {
+function ie(t) {
   const n = new URLSearchParams("");
-  for (let [e, i] of Object.entries(t))
-    n.append(e, i);
+  for (let [e, r] of Object.entries(t))
+    n.append(e, r);
   return n.toString();
 }
 function Z(t) {
-  return ie.post(`/ptz?${re(t)}`)().run();
+  return re.post(`/ptz?${ie(t)}`)().run();
 }
-function rt(t) {
-  return ie.post(`/url/preview?${re(t)}`)().run();
+function it(t) {
+  return re.post(`/url/preview?${ie(t)}`)().run();
 }
 lt.post("data/device-auth");
 const st = (t) => {
@@ -647,32 +587,32 @@ const at = /* @__PURE__ */ D({
   }) {
     const {
       deviceInfo: e,
-      source: i
+      source: r
     } = me(t), s = _(!1), o = _(""), a = async () => {
-      var C;
-      if (!((C = e.value) != null && C.deviceId)) return;
+      var g;
+      if (!((g = e.value) != null && g.deviceId)) return;
       s.value = !0;
-      const [u, c] = await rt({
+      const [u, c] = await it({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
-        source: i.value
+        source: r.value
       });
       u || (o.value = st(c == null ? void 0 : c.wsFlvStreamURL)), s.value = !1;
-    }, k = (u) => {
+    }, y = (u) => {
       Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         direction: u,
         zoom: "",
-        source: i.value || "web"
+        source: r.value || "web"
       });
-    }, r = (u) => {
+    }, i = (u) => {
       Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         direction: "",
         zoom: u,
-        source: i.value || "web"
+        source: r.value || "web"
       });
     };
     return K(() => {
@@ -684,17 +624,17 @@ const at = /* @__PURE__ */ D({
     }), () => p(J, null, [n.default({
       videoUrl: o.value,
       loading: s.value,
-      onDirectionControl: k,
-      onZoomControl: r
+      onDirectionControl: y,
+      onZoomControl: i
     })]);
   }
 });
 function ct(t) {
   const n = _(0), e = _(), {
-    toggle: i,
+    toggle: r,
     isFullscreen: s,
     exit: o
-  } = le(e), a = (r, u) => {
+  } = le(e), a = (i, u) => {
     s.value && o();
   };
   return {
@@ -702,37 +642,37 @@ function ct(t) {
       ref: e,
       gridNum: t.gridNum,
       activeIndex: n.value,
-      "onUpdate:activeIndex": (r) => n.value = r,
-      showFn: (r) => !!t.deviceList[r]
+      "onUpdate:activeIndex": (i) => n.value = i,
+      showFn: (i) => !!t.deviceList[i]
     }, {
       default: ({
-        index: r
+        index: i
       }) => {
-        const u = t.deviceList[r], c = t.source;
+        const u = t.deviceList[i], c = t.source;
         return p(at, {
           deviceInfo: u,
           source: c
         }, {
           default: ({
-            videoUrl: C,
+            videoUrl: g,
             onDirectionControl: w,
-            onZoomControl: E,
+            onZoomControl: I,
             loading: $
           }) => p(tt, {
             type: "live",
             loading: $,
             isFullscreen: s.value,
-            videoUrl: C,
+            videoUrl: g,
             title: u.deviceName,
             onClose: () => a(),
             onDirectionControl: w,
-            onZoomControl: E,
+            onZoomControl: I,
             authType: u.authType === 2 ? ["control"] : []
           }, null)
         });
       }
     }),
-    toggleFullscreen: i
+    toggleFullscreen: r
   };
 }
 const ut = /* @__PURE__ */ D({
@@ -745,28 +685,28 @@ const ut = /* @__PURE__ */ D({
   },
   emits: ["update:visible"],
   setup(t, { emit: n }) {
-    const e = t, i = n, s = x({
+    const e = t, r = n, s = x({
       get: () => e.visible,
-      set: (r) => i("update:visible", r)
-    }), { render: o, toggleFullscreen: a } = ct(e), k = x(() => {
-      let r = {};
+      set: (i) => r("update:visible", i)
+    }), { render: o, toggleFullscreen: a } = ct(e), y = x(() => {
+      let i = {};
       switch (e.gridNum) {
         case 1:
-          r = "one-video";
+          i = "one-video";
           break;
         case 4:
-          r = "four-video";
+          i = "four-video";
           break;
         case 9:
-          r = "nine-video";
+          i = "nine-video";
           break;
       }
-      return r;
+      return i;
     });
-    return (r, u) => (g(), N(l(ke), {
+    return (i, u) => (C(), N(l(ye), {
       size: "mini",
       title: l(m)("视频监控"),
-      "custom-class": `das-linakge-video-dialog ${k.value}`,
+      "custom-class": `das-linakge-video-dialog ${y.value}`,
       modelValue: s.value,
       "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
       bodyStyle: { padding: 0 },
@@ -777,33 +717,25 @@ const ut = /* @__PURE__ */ D({
     }, {
       header: f(() => [
         v("div", null, [
-          v(
-            "span",
-            null,
-            V(l(m)("视频监控")),
-            1
-            /* TEXT */
-          )
+          v("span", null, V(l(m)("视频监控")), 1)
         ]),
         p(l(h), {
           content: l(m)("页面全屏")
         }, {
           default: f(() => [
-            p(l(ye), {
+            p(l(ke), {
               class: "icon",
               color: "#999",
               onClick: l(a)
             }, null, 8, ["onClick"])
           ]),
           _: 1
-          /* STABLE */
         }, 8, ["content"])
       ]),
       default: f(() => [
-        s.value ? (g(), N(l(o), { key: 0 })) : I("v-if", !0)
+        s.value ? (C(), N(l(o), { key: 0 })) : E("", !0)
       ]),
       _: 1
-      /* STABLE */
     }, 8, ["title", "custom-class", "modelValue"]));
   }
 }), dt = {
@@ -828,8 +760,8 @@ const ut = /* @__PURE__ */ D({
   "聚焦-": { "zh-CN": "聚焦-", en: "Focus-", _appCode: "framework" },
   "聚焦+": { "zh-CN": "聚焦+", en: "Focus+", _appCode: "framework" }
 };
-ge(dt);
-const It = Ce(ut), Et = () => _(null);
+Ce(dt);
+const It = ge(ut), Et = () => _(null);
 export {
   It as DasVideoDialog,
   Et as DasVideoDialogRef,