@das-fed/upf-ui 6.4.0-dev.298 → 6.4.0-dev.300

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

@@ -1,4 +1,4 @@
-import { getCurrentScope as ce, onScopeDispose as ue, unref as l, getCurrentInstance as de, onMounted as K, nextTick as L, ref as k, watch as N, defineComponent as D, useCssVars as pe, computed as x, openBlock as h, createElementBlock as R, normalizeClass as fe, renderSlot as X, createCommentVNode as I, Fragment as J, renderList as ve, createBlock as O, withCtx as v, withModifiers as y, createVNode as p, createElementVNode as f, toDisplayString as U, toRefs as me } from "vue";
+import { getCurrentScope as ce, onScopeDispose as ue, unref as l, getCurrentInstance as de, onMounted as K, nextTick as L, ref as k, watch as N, defineComponent as D, useCssVars as pe, computed as P, openBlock as h, createElementBlock as R, normalizeClass as fe, renderSlot as X, Fragment as J, renderList as ve, createBlock as O, withCtx as v, createCommentVNode as z, withModifiers as y, createVNode as p, createElementVNode as f, toDisplayString as U, 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 he } from "@das-fed/upf-ui/packages/components/dialog/index";
@@ -35,22 +35,22 @@ function oe(t) {
 }
 const Fe = V ? window : void 0, Se = V ? window.document : void 0;
 function Re(...t) {
-  let o, e, i, r;
-  if (ze(t[0]) || Array.isArray(t[0]) ? ([e, i, r] = t, o = Fe) : [o, e, i, r] = t, !o)
+  let o, e, r, i;
+  if (ze(t[0]) || Array.isArray(t[0]) ? ([e, r, i] = t, o = Fe) : [o, e, r, i] = t, !o)
     return Oe;
-  Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
+  Array.isArray(e) || (e = [e]), Array.isArray(r) || (r = [r]);
   const n = [], a = () => {
     n.forEach((c) => c()), n.length = 0;
-  }, g = (c, C, _, z) => (c.addEventListener(C, _, z), () => c.removeEventListener(C, _, z)), s = N(() => [oe(o), te(r)], ([c, C]) => {
-    a(), c && n.push(...e.flatMap((_) => i.map((z) => g(c, _, z, C))));
+  }, g = (c, C, _, I) => (c.addEventListener(C, _, I), () => c.removeEventListener(C, _, I)), s = N(() => [oe(o), te(i)], ([c, C]) => {
+    a(), c && n.push(...e.flatMap((_) => r.map((I) => g(c, _, I, C))));
   }, { immediate: !0, flush: "post" }), u = () => {
     s(), a();
   };
   return ne(u), u;
 }
 function De(t, o = !1) {
-  const e = k(), i = () => e.value = !!t();
-  return i(), Ne(i, o), e;
+  const e = k(), r = () => e.value = !!t();
+  return r(), Ne(r, o), 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] || {};
@@ -97,7 +97,7 @@ const G = [
   ]
 ];
 function le(t, o = {}) {
-  const { document: e = Se, autoExit: i = !1 } = o, r = t || (e == null ? void 0 : e.querySelector("html")), n = k(!1);
+  const { document: e = Se, autoExit: r = !1 } = o, i = t || (e == null ? void 0 : e.querySelector("html")), n = k(!1);
   let a = G[0];
   const g = De(() => {
     if (e) {
@@ -111,22 +111,22 @@ function le(t, o = {}) {
   async function _() {
     g.value && (e != null && e[c] && await e[u](), n.value = !1);
   }
-  async function z() {
+  async function I() {
     if (!g.value)
       return;
     await _();
-    const E = oe(r);
+    const E = oe(i);
     E && (await E[s](), n.value = !0);
   }
   async function M() {
-    n.value ? await _() : await z();
+    n.value ? await _() : await I();
   }
   return e && Re(e, C, () => {
     n.value = !!(e != null && e[c]);
-  }, !1), i && ne(_), {
+  }, !1), r && ne(_), {
     isSupported: g,
     isFullscreen: n,
-    enter: z,
+    enter: I,
     exit: _,
     toggle: M
   };
@@ -135,7 +135,7 @@ var W;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
 })(W || (W = {}));
-var Me = Object.defineProperty, H = Object.getOwnPropertySymbols, $e = Object.prototype.hasOwnProperty, Le = Object.prototype.propertyIsEnumerable, Y = (t, o, e) => o in t ? Me(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, xe = (t, o) => {
+var Me = Object.defineProperty, H = Object.getOwnPropertySymbols, $e = Object.prototype.hasOwnProperty, Le = Object.prototype.propertyIsEnumerable, Y = (t, o, e) => o in t ? Me(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, Pe = (t, o) => {
   for (var e in o)
     $e.call(o, e) && Y(t, e, o[e]);
   if (H)
@@ -143,7 +143,7 @@ var Me = Object.defineProperty, H = Object.getOwnPropertySymbols, $e = Object.pr
       Le.call(o, e) && Y(t, e, o[e]);
   return t;
 };
-const Pe = {
+const xe = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -169,9 +169,9 @@ const Pe = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-xe({
+Pe({
   linear: Ee
-}, Pe);
+}, xe);
 const Te = /* @__PURE__ */ D({
   __name: "GridItem",
   props: {
@@ -181,37 +181,31 @@ const Te = /* @__PURE__ */ D({
   emits: ["itemClick"],
   setup(t, { emit: o }) {
     pe((c) => ({
-      v9b3a2c32: u.value
+      "9b3a2c32": u.value
     }));
-    const e = t, i = o, r = k(), { toggle: n, isFullscreen: a } = le(r), g = () => {
-      r.value != document.fullscreenElement && (a.value ? (a.value = !1, L(() => {
+    const e = t, r = o, i = k(), { toggle: n, isFullscreen: a } = le(i), g = () => {
+      i.value != document.fullscreenElement && (a.value ? (a.value = !1, L(() => {
         n();
       })) : n());
     }, s = () => {
-      i("itemClick");
-    }, u = x(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, C) => (h(), R(
-      "div",
-      {
-        ref_key: "containerRef",
-        ref: r,
-        class: fe(["wrapper", { "is-active": e.active }]),
-        onDblclick: C[0] || (C[0] = (_) => g()),
-        onClick: C[1] || (C[1] = (_) => s())
-      },
-      [
-        X(c.$slots, "default", {}, void 0, !0)
-      ],
-      34
-      /* CLASS, NEED_HYDRATION */
-    ));
+      r("itemClick");
+    }, u = P(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
+    return (c, C) => (h(), R("div", {
+      ref_key: "containerRef",
+      ref: i,
+      class: fe(["wrapper", { "is-active": e.active }]),
+      onDblclick: C[0] || (C[0] = (_) => g()),
+      onClick: C[1] || (C[1] = (_) => s())
+    }, [
+      X(c.$slots, "default", {}, void 0, !0)
+    ], 34));
   }
-}), P = (t, o) => {
+}), x = (t, o) => {
   const e = t.__vccOpts || t;
-  for (const [i, r] of o)
-    e[i] = r;
+  for (const [r, i] of o)
+    e[r] = i;
   return e;
-}, Ue = /* @__PURE__ */ P(Te, [["__scopeId", "data-v-100b67ca"]]), Ve = { class: "layout-wrapper" }, Be = /* @__PURE__ */ D({
+}, Ue = /* @__PURE__ */ x(Te, [["__scopeId", "data-v-100b67ca"]]), Ve = { class: "layout-wrapper" }, Be = /* @__PURE__ */ D({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -220,161 +214,138 @@ const Te = /* @__PURE__ */ D({
   },
   emits: ["update:activeIndex"],
   setup(t, { emit: o }) {
-    const e = t, i = o, r = (n) => {
-      i("update:activeIndex", n);
+    const e = t, r = o, i = (n) => {
+      r("update:activeIndex", n);
     };
     return (n, a) => (h(), R("div", Ve, [
-      I(' :active="index === activeIndex" '),
-      (h(!0), R(
-        J,
-        null,
-        ve(e.gridNum, (g, s) => (h(), O(Ue, {
-          active: !1,
-          "grid-num": e.gridNum,
-          onItemClick: (u) => r(s)
-        }, {
-          default: v(() => [
-            t.showFn(s) ? X(n.$slots, "default", {
-              key: 0,
-              index: s
-            }, void 0, !0) : I("v-if", !0)
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, 1032, ["grid-num", "onItemClick"]))),
-        256
-        /* UNKEYED_FRAGMENT */
-      ))
+      (h(!0), R(J, null, ve(e.gridNum, (g, s) => (h(), O(Ue, {
+        active: !1,
+        "grid-num": e.gridNum,
+        onItemClick: (u) => i(s)
+      }, {
+        default: v(() => [
+          n.showFn(s) ? X(n.$slots, "default", {
+            key: 0,
+            index: s
+          }, void 0, !0) : z("", !0)
+        ]),
+        _: 2
+      }, 1032, ["grid-num", "onItemClick"]))), 256))
     ]));
   }
-}), je = /* @__PURE__ */ P(Be, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
+}), je = /* @__PURE__ */ x(Be, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: o }) {
-    const e = o, i = (r) => {
-      e("change", r);
+    const e = o, r = (i) => {
+      e("change", i);
     };
-    return (r, n) => (h(), R(
-      "div",
-      {
-        class: "direction-control",
-        onDblclick: n[9] || (n[9] = y((a) => a.stopPropagation(), ["stop"]))
-      },
-      [
-        p(l(w), {
-          content: l(m)("左上")
-        }, {
-          default: v(() => [
-            f("div", {
-              class: "icon icon-top-left",
-              onClick: n[0] || (n[0] = y((a) => i("leftUp"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(w), {
-          content: l(m)("上")
-        }, {
-          default: v(() => [
-            f("div", {
-              class: "icon icon-top",
-              onClick: n[1] || (n[1] = y((a) => i("up"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(w), {
-          content: l(m)("右上")
-        }, {
-          default: v(() => [
-            f("div", {
-              class: "icon icon-top-right",
-              onClick: n[2] || (n[2] = y((a) => i("rightUp"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(w), {
-          content: l(m)("左")
-        }, {
-          default: v(() => [
-            f("div", {
-              class: "icon icon-left",
-              onClick: n[3] || (n[3] = y((a) => i("left"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(w), {
-          content: l(m)("自动")
-        }, {
-          default: v(() => [
-            f("div", {
-              class: "icon icon-auto",
-              onClick: n[4] || (n[4] = y((a) => i("auto"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(w), {
-          content: l(m)("右")
-        }, {
-          default: v(() => [
-            f("div", {
-              class: "icon icon-right",
-              onClick: n[5] || (n[5] = y((a) => i("right"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(w), {
-          content: l(m)("左下")
-        }, {
-          default: v(() => [
-            f("div", {
-              class: "icon icon-bottom-left",
-              onClick: n[6] || (n[6] = y((a) => i("leftDown"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(w), {
-          content: l(m)("下")
-        }, {
-          default: v(() => [
-            f("div", {
-              class: "icon icon-bottom",
-              onClick: n[7] || (n[7] = y((a) => i("down"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"]),
-        p(l(w), {
-          content: l(m)("右下")
-        }, {
-          default: v(() => [
-            f("div", {
-              class: "icon icon-bottom-right",
-              onClick: n[8] || (n[8] = y((a) => i("rightDown"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["content"])
-      ],
-      32
-      /* NEED_HYDRATION */
-    ));
+    return (i, n) => (h(), R("div", {
+      class: "direction-control",
+      onDblclick: n[9] || (n[9] = y((a) => a.stopPropagation(), ["stop"]))
+    }, [
+      p(l(w), {
+        content: l(m)("左上")
+      }, {
+        default: v(() => [
+          f("div", {
+            class: "icon icon-top-left",
+            onClick: n[0] || (n[0] = y((a) => r("leftUp"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(w), {
+        content: l(m)("上")
+      }, {
+        default: v(() => [
+          f("div", {
+            class: "icon icon-top",
+            onClick: n[1] || (n[1] = y((a) => r("up"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(w), {
+        content: l(m)("右上")
+      }, {
+        default: v(() => [
+          f("div", {
+            class: "icon icon-top-right",
+            onClick: n[2] || (n[2] = y((a) => r("rightUp"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(w), {
+        content: l(m)("左")
+      }, {
+        default: v(() => [
+          f("div", {
+            class: "icon icon-left",
+            onClick: n[3] || (n[3] = y((a) => r("left"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(w), {
+        content: l(m)("自动")
+      }, {
+        default: v(() => [
+          f("div", {
+            class: "icon icon-auto",
+            onClick: n[4] || (n[4] = y((a) => r("auto"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(w), {
+        content: l(m)("右")
+      }, {
+        default: v(() => [
+          f("div", {
+            class: "icon icon-right",
+            onClick: n[5] || (n[5] = y((a) => r("right"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(w), {
+        content: l(m)("左下")
+      }, {
+        default: v(() => [
+          f("div", {
+            class: "icon icon-bottom-left",
+            onClick: n[6] || (n[6] = y((a) => r("leftDown"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(w), {
+        content: l(m)("下")
+      }, {
+        default: v(() => [
+          f("div", {
+            class: "icon icon-bottom",
+            onClick: n[7] || (n[7] = y((a) => r("down"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"]),
+      p(l(w), {
+        content: l(m)("右下")
+      }, {
+        default: v(() => [
+          f("div", {
+            class: "icon icon-bottom-right",
+            onClick: n[8] || (n[8] = y((a) => r("rightDown"), ["stop"]))
+          })
+        ]),
+        _: 1
+      }, 8, ["content"])
+    ], 32));
   }
-}), Qe = /* @__PURE__ */ P(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 = {
+}), Qe = /* @__PURE__ */ x(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,
   class: "play-status"
 }, Xe = { class: "video-bottom" }, Je = { class: "video-bottom_r" }, et = /* @__PURE__ */ D({
@@ -392,7 +363,7 @@ const Te = /* @__PURE__ */ D({
   },
   emits: ["close", "directionControl", "zoomControl"],
   setup(t, { emit: o }) {
-    const e = t, i = o;
+    const e = t, r = o;
     ke({
       muted: import("@das-fed/upf-ui/packages/icons/muted"),
       volume: import("@das-fed/upf-ui/packages/icons/volume"),
@@ -400,15 +371,15 @@ const Te = /* @__PURE__ */ D({
       enlarge: import("@das-fed/upf-ui/packages/icons/enlarge"),
       "direction-control": import("@das-fed/upf-ui/packages/icons/direction-control")
     });
-    const r = k(!0), n = k(), a = k(!1), g = k(), s = x(() => {
+    const i = k(!0), n = k(), a = k(!1), g = k(), s = P(() => {
       var d;
       return (d = g.value) == null ? void 0 : d.video;
     }), u = k(!1), c = k(!0), C = (d) => {
       n.value = d, n.value.on(window.mpegts.Events.ERROR, (b) => {
       });
     }, _ = () => {
-      r.value = !r.value, n.value && (n.value.muted = r.value);
-    }, z = () => {
+      i.value = !i.value, n.value && (n.value.muted = i.value);
+    }, I = () => {
       a.value = !a.value;
     }, M = k(""), E = () => {
       const d = document.createElement("canvas");
@@ -423,9 +394,9 @@ const Te = /* @__PURE__ */ D({
         }
       }
     }, se = (d) => {
-      i("directionControl", d);
+      r("directionControl", d);
     }, B = (d) => {
-      i("zoomControl", d);
+      r("zoomControl", d);
     }, T = (d) => e.authType.includes(d);
     return N(
       () => s.value,
@@ -445,7 +416,7 @@ const Te = /* @__PURE__ */ D({
       () => n.value,
       () => {
         n.value && L(() => {
-          n.value.muted = r.value;
+          n.value.muted = i.value;
         });
       }
     ), N(
@@ -478,24 +449,11 @@ const Te = /* @__PURE__ */ D({
           f("div", Ge, [
             f("div", We, [
               f("div", He, [
-                f(
-                  "div",
-                  Ye,
-                  U(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
-                  1
-                  /* TEXT */
-                )
+                f("div", Ye, U(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title), 1)
               ])
             ]),
             f("div", Ze, [
-              ["live"].includes(t.type) ? (h(), R(
-                "span",
-                Ke,
-                U(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) ? (h(), R("span", Ke, U(l(m)("正在实时预览")), 1)) : z("", !0)
             ])
           ]),
           e.videoUrl && c.value ? (h(), O(l(_e), {
@@ -503,129 +461,111 @@ const Te = /* @__PURE__ */ D({
             type: "flv",
             ref_key: "dasLivePlayerRef",
             ref: g,
-            muted: r.value,
+            muted: i.value,
             onLoaded: C,
             src: e.videoUrl
-          }, null, 8, ["muted", "src"])) : I("v-if", !0),
+          }, null, 8, ["muted", "src"])) : z("", !0),
           f("div", Xe, [
-            b[3] || (b[3] = f(
-              "div",
-              { class: "video-bottom_l" },
-              null,
-              -1
-              /* CACHED */
-            )),
+            b[3] || (b[3] = f("div", { class: "video-bottom_l" }, null, -1)),
             f("div", Je, [
-              f(
-                "div",
-                {
-                  class: "controls",
-                  onDblclick: b[2] || (b[2] = y((S) => S.stopPropagation(), ["stop"]))
-                },
-                [
-                  p(l(w), {
-                    content: l(m)("声音")
-                  }, {
-                    default: v(() => [
-                      p(l($), {
-                        class: "icon icon-volume",
-                        icon: r.value ? "muted" : "volume",
-                        onClick: y(_, ["stop"])
-                      }, null, 8, ["icon"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"]),
-                  p(l(w), {
-                    content: l(m)("截图")
-                  }, {
-                    default: v(() => [
-                      p(l($), {
-                        class: "icon icon-screenshot",
-                        icon: "screenshot",
-                        onClick: y(E, ["stop"])
-                      })
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"]),
-                  T("control") ? (h(), O(l(w), {
-                    key: 0,
-                    content: l(m)("聚焦-")
-                  }, {
-                    default: v(() => [
-                      ["live", "polling"].includes(e.type) ? (h(), O(l($), {
-                        key: 0,
-                        class: "icon icon-shrink",
-                        icon: "shrink",
-                        onClick: b[0] || (b[0] = y((S) => B("zoomOut"), ["stop"]))
-                      })) : I("v-if", !0)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"])) : I("v-if", !0),
-                  T("control") ? (h(), O(l(w), {
-                    key: 1,
-                    content: l(m)("聚焦+")
-                  }, {
-                    default: v(() => [
-                      ["live", "polling"].includes(e.type) ? (h(), O(l($), {
-                        key: 0,
-                        class: "icon icon-enlarge",
-                        icon: "enlarge",
-                        onClick: b[1] || (b[1] = y((S) => B("zoomIn"), ["stop"]))
-                      })) : I("v-if", !0)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"])) : I("v-if", !0),
-                  T("control") ? (h(), O(l(w), {
-                    key: 2,
-                    content: l(m)("方向控制")
-                  }, {
-                    default: v(() => [
-                      ["live", "polling"].includes(e.type) ? (h(), O(l($), {
-                        key: 0,
-                        class: "icon icon-direction-control",
-                        icon: "direction-control",
-                        onClick: y(z, ["stop"])
-                      })) : I("v-if", !0)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["content"])) : I("v-if", !0)
-                ],
-                32
-                /* NEED_HYDRATION */
-              )
+              f("div", {
+                class: "controls",
+                onDblclick: b[2] || (b[2] = y((S) => S.stopPropagation(), ["stop"]))
+              }, [
+                p(l(w), {
+                  content: l(m)("声音")
+                }, {
+                  default: v(() => [
+                    p(l($), {
+                      class: "icon icon-volume",
+                      icon: i.value ? "muted" : "volume",
+                      onClick: y(_, ["stop"])
+                    }, null, 8, ["icon"])
+                  ]),
+                  _: 1
+                }, 8, ["content"]),
+                p(l(w), {
+                  content: l(m)("截图")
+                }, {
+                  default: v(() => [
+                    p(l($), {
+                      class: "icon icon-screenshot",
+                      icon: "screenshot",
+                      onClick: y(E, ["stop"])
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"]),
+                T("control") ? (h(), O(l(w), {
+                  key: 0,
+                  content: l(m)("聚焦-")
+                }, {
+                  default: v(() => [
+                    ["live", "polling"].includes(e.type) ? (h(), O(l($), {
+                      key: 0,
+                      class: "icon icon-shrink",
+                      icon: "shrink",
+                      onClick: b[0] || (b[0] = y((S) => B("zoomOut"), ["stop"]))
+                    })) : z("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : z("", !0),
+                T("control") ? (h(), O(l(w), {
+                  key: 1,
+                  content: l(m)("聚焦+")
+                }, {
+                  default: v(() => [
+                    ["live", "polling"].includes(e.type) ? (h(), O(l($), {
+                      key: 0,
+                      class: "icon icon-enlarge",
+                      icon: "enlarge",
+                      onClick: b[1] || (b[1] = y((S) => B("zoomIn"), ["stop"]))
+                    })) : z("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : z("", !0),
+                T("control") ? (h(), O(l(w), {
+                  key: 2,
+                  content: l(m)("方向控制")
+                }, {
+                  default: v(() => [
+                    ["live", "polling"].includes(e.type) ? (h(), O(l($), {
+                      key: 0,
+                      class: "icon icon-direction-control",
+                      icon: "direction-control",
+                      onClick: y(I, ["stop"])
+                    })) : z("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : z("", !0)
+              ], 32)
             ])
           ]),
           a.value ? (h(), O(Qe, {
             key: 1,
             onChange: se
-          })) : I("v-if", !0)
+          })) : z("", !0)
         ]),
         _: 1
-        /* STABLE */
       }, 8, ["spinning", "tip"])
     ]));
   }
-}), tt = /* @__PURE__ */ P(et, [["__scopeId", "data-v-f810def3"]]), nt = "/api/device-relation/deviceproject/v1/project/device/video", ot = "v1", lt = ee(`/api/enterpriseright/permission/${ot}`), ie = ee(`${nt}`, it);
-function it(t) {
+}), tt = /* @__PURE__ */ x(et, [["__scopeId", "data-v-f810def3"]]), nt = "/api/device-relation/deviceproject/v1/project/device/video", ot = "v1", lt = ee(`/api/enterpriseright/permission/${ot}`), re = ee(`${nt}`, rt);
+function rt(t) {
   const o = j() ? j().id : 1;
   return t.params || (t.params = {}), t.params.project = o, t.params.projectId = o, t;
 }
-function re(t) {
+function ie(t) {
   const o = new URLSearchParams("");
-  for (let [e, i] of Object.entries(t))
-    o.append(e, i);
+  for (let [e, r] of Object.entries(t))
+    o.append(e, r);
   return o.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) => {
@@ -648,24 +588,24 @@ const at = /* @__PURE__ */ D({
   }) {
     const {
       deviceInfo: e,
-      source: i
-    } = me(t), r = k(!1), n = k(""), a = async () => {
+      source: r
+    } = me(t), i = k(!1), n = k(""), a = async () => {
       var C;
       if (!((C = e.value) != null && C.deviceId)) return;
-      r.value = !0;
-      const [u, c] = await rt({
+      i.value = !0;
+      const [u, c] = await it({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
-        source: i.value
+        source: r.value
       });
-      u || (n.value = st(c == null ? void 0 : c.wsFlvStreamURL)), r.value = !1;
+      u || (n.value = st(c == null ? void 0 : c.wsFlvStreamURL)), i.value = !1;
     }, g = (u) => {
       Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         direction: u,
         zoom: "",
-        source: i.value || "web"
+        source: r.value || "web"
       });
     }, s = (u) => {
       Z({
@@ -673,7 +613,7 @@ const at = /* @__PURE__ */ D({
         deviceId: e.value.deviceId,
         direction: "",
         zoom: u,
-        source: i.value || "web"
+        source: r.value || "web"
       });
     };
     return K(() => {
@@ -684,22 +624,22 @@ const at = /* @__PURE__ */ D({
       deep: !0
     }), () => p(J, null, [o.default({
       videoUrl: n.value,
-      loading: r.value,
+      loading: i.value,
       onDirectionControl: g,
       onZoomControl: s
     })]);
   }
 });
 function ct(t) {
-  const o = k(0), e = k(null), i = je, {
-    toggle: r,
+  const o = k(0), e = k(null), r = je, {
+    toggle: i,
     isFullscreen: n,
     exit: a
   } = le(e), g = (u, c) => {
     n.value && a();
   };
   return {
-    render: () => p(i, {
+    render: () => p(r, {
       ref: e,
       gridNum: t.gridNum,
       activeIndex: o.value,
@@ -716,7 +656,7 @@ function ct(t) {
         }, {
           default: ({
             videoUrl: _,
-            onDirectionControl: z,
+            onDirectionControl: I,
             onZoomControl: M,
             loading: E
           }) => p(tt, {
@@ -726,14 +666,14 @@ function ct(t) {
             videoUrl: _,
             title: c.deviceName,
             onClose: () => g(),
-            onDirectionControl: z,
+            onDirectionControl: I,
             onZoomControl: M,
             authType: c.authType === 2 ? ["control"] : []
           }, null)
         });
       }
     }),
-    toggleFullscreen: r
+    toggleFullscreen: i
   };
 }
 const ut = /* @__PURE__ */ D({
@@ -746,10 +686,10 @@ const ut = /* @__PURE__ */ D({
   },
   emits: ["update:visible"],
   setup(t, { emit: o }) {
-    const e = t, i = o, r = x({
+    const e = t, r = o, i = P({
       get: () => e.visible,
-      set: (s) => i("update:visible", s)
-    }), { render: n, toggleFullscreen: a } = ct(e), g = x(() => {
+      set: (s) => r("update:visible", s)
+    }), { render: n, toggleFullscreen: a } = ct(e), g = P(() => {
       let s = {};
       switch (e.gridNum) {
         case 1:
@@ -768,8 +708,8 @@ const ut = /* @__PURE__ */ D({
       size: "mini",
       title: l(m)("视频监控"),
       "custom-class": `das-linakge-video-dialog ${g.value}`,
-      modelValue: r.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
+      modelValue: i.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (c) => i.value = c),
       bodyStyle: { padding: 0 },
       "close-on-click-modal": !1,
       "close-on-press-escape": !1,
@@ -778,13 +718,7 @@ const ut = /* @__PURE__ */ D({
     }, {
       header: v(() => [
         f("div", null, [
-          f(
-            "span",
-            null,
-            U(l(m)("视频监控")),
-            1
-            /* TEXT */
-          )
+          f("span", null, U(l(m)("视频监控")), 1)
         ]),
         p(l(w), {
           content: l(m)("页面全屏")
@@ -797,14 +731,12 @@ const ut = /* @__PURE__ */ D({
             }, null, 8, ["onClick"])
           ]),
           _: 1
-          /* STABLE */
         }, 8, ["content"])
       ]),
       default: v(() => [
-        r.value ? (h(), O(l(n), { key: 0 })) : I("v-if", !0)
+        i.value ? (h(), O(l(n), { key: 0 })) : z("", !0)
       ]),
       _: 1
-      /* STABLE */
     }, 8, ["title", "custom-class", "modelValue"]));
   }
 }), dt = {