@das-fed/upf-ui 6.4.0-dev.124

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

@@ -0,0 +1,837 @@
+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 { 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 { 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";
+import be from "dayjs";
+import { createService as ee } from "@das-fed/upf-utils/api-services/src/create-service";
+import { getProjectInfo as M, getToken as Ie } from "@das-fed/upf-utils/common-info";
+var A;
+const B = typeof window < "u", Ee = (t) => typeof t == "string", Ne = () => {
+};
+B && ((A = window == null ? void 0 : window.navigator) != null && A.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function te(t) {
+  return typeof t == "function" ? t() : l(t);
+}
+function Fe(t) {
+  return t;
+}
+function oe(t) {
+  return ce() ? (ue(t), !0) : !1;
+}
+function Se(t, n = !0) {
+  de() ? K(t) : n ? t() : P(t);
+}
+function ne(t) {
+  var n;
+  const e = te(t);
+  return (n = e == null ? void 0 : e.$el) != null ? n : e;
+}
+const Re = 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)
+    return Ne;
+  Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
+  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))));
+  }, { immediate: !0, flush: "post" }), u = () => {
+    r(), a();
+  };
+  return oe(u), u;
+}
+function De(t, n = !1) {
+  const e = _(), 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 : {}, q = "__vueuse_ssr_handlers__";
+Q[q] = Q[q] || {};
+const G = [
+  [
+    "requestFullscreen",
+    "exitFullscreen",
+    "fullscreenElement",
+    "fullscreenEnabled",
+    "fullscreenchange",
+    "fullscreenerror"
+  ],
+  [
+    "webkitRequestFullscreen",
+    "webkitExitFullscreen",
+    "webkitFullscreenElement",
+    "webkitFullscreenEnabled",
+    "webkitfullscreenchange",
+    "webkitfullscreenerror"
+  ],
+  [
+    "webkitRequestFullScreen",
+    "webkitCancelFullScreen",
+    "webkitCurrentFullScreenElement",
+    "webkitCancelFullScreen",
+    "webkitfullscreenchange",
+    "webkitfullscreenerror"
+  ],
+  [
+    "mozRequestFullScreen",
+    "mozCancelFullScreen",
+    "mozFullScreenElement",
+    "mozFullScreenEnabled",
+    "mozfullscreenchange",
+    "mozfullscreenerror"
+  ],
+  [
+    "msRequestFullscreen",
+    "msExitFullscreen",
+    "msFullscreenElement",
+    "msFullscreenEnabled",
+    "MSFullscreenChange",
+    "MSFullscreenError"
+  ]
+];
+function le(t, n = {}) {
+  const { document: e = ze, autoExit: i = !1 } = n, s = t || (e == null ? void 0 : e.querySelector("html")), o = _(!1);
+  let a = G[0];
+  const k = De(() => {
+    if (e) {
+      for (const S of G)
+        if (S[1] in e)
+          return a = S, !0;
+    } else
+      return !1;
+    return !1;
+  }), [r, u, c, , C] = a;
+  async function w() {
+    k.value && (e != null && e[c] && await e[u](), o.value = !1);
+  }
+  async function E() {
+    if (!k.value)
+      return;
+    await w();
+    const S = ne(s);
+    S && (await S[r](), o.value = !0);
+  }
+  async function $() {
+    o.value ? await w() : await E();
+  }
+  return e && Oe(e, C, () => {
+    o.value = !!(e != null && e[c]);
+  }, !1), i && oe(w), {
+    isSupported: k,
+    isFullscreen: o,
+    enter: E,
+    exit: w,
+    toggle: $
+  };
+}
+var W;
+(function(t) {
+  t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
+})(W || (W = {}));
+var $e = Object.defineProperty, H = Object.getOwnPropertySymbols, Le = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable, Y = (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 = {}))
+    Le.call(n, e) && Y(t, e, n[e]);
+  if (H)
+    for (var e of H(n))
+      Pe.call(n, e) && Y(t, e, n[e]);
+  return t;
+};
+const Te = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+xe({
+  linear: Fe
+}, Te);
+const Ue = /* @__PURE__ */ D({
+  __name: "GridItem",
+  props: {
+    active: { type: Boolean },
+    gridNum: {}
+  },
+  emits: ["itemClick"],
+  setup(t, { emit: n }) {
+    pe((c) => ({
+      "9b3a2c32": u.value
+    }));
+    const e = t, i = n, s = _(), { toggle: o, isFullscreen: a } = le(s), k = () => {
+      s.value != document.fullscreenElement && (a.value ? (a.value = !1, P(() => {
+        o();
+      })) : o());
+    }, r = () => {
+      i("itemClick");
+    }, 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 */
+    ));
+  }
+}), T = (t, n) => {
+  const e = t.__vccOpts || t;
+  for (const [i, s] of n)
+    e[i] = s;
+  return e;
+}, Ve = /* @__PURE__ */ T(Ue, [["__scopeId", "data-v-100b67ca"]]), Be = { class: "layout-wrapper" }, je = /* @__PURE__ */ D({
+  __name: "GridLayout",
+  props: {
+    gridNum: {},
+    activeIndex: { default: 0 },
+    showFn: {}
+  },
+  emits: ["update:activeIndex"],
+  setup(t, { emit: n }) {
+    const e = t, i = n, s = (o) => {
+      i("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 */
+      ))
+    ]));
+  }
+}), Me = /* @__PURE__ */ T(je, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
+  __name: "DirectionControl",
+  emits: ["change"],
+  setup(t, { emit: n }) {
+    const e = n, i = (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 */
+    ));
+  }
+}), 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,
+  class: "play-status"
+}, Xe = { class: "video-bottom" }, Je = { class: "video-bottom_r" }, et = /* @__PURE__ */ D({
+  __name: "index",
+  props: {
+    videoUrl: {},
+    title: {},
+    type: {},
+    loading: { type: Boolean },
+    isFullscreen: { type: Boolean },
+    playbackRate: { default: 1 },
+    paused: { type: Boolean, default: !1 },
+    authType: { default: () => [] },
+    onReplay: {}
+  },
+  emits: ["close", "directionControl", "zoomControl"],
+  setup(t, { emit: n }) {
+    const e = t, i = n;
+    _e({
+      muted: import("@das-fed/upf-ui/packages/icons/muted"),
+      volume: import("@das-fed/upf-ui/packages/icons/volume"),
+      shrink: import("@das-fed/upf-ui/packages/icons/shrink"),
+      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(() => {
+      var d;
+      return (d = k.value) == null ? void 0 : d.video;
+    }), u = _(!1), c = _(!0), C = (d) => {
+      o.value = d, o.value.on(window.mpegts.Events.ERROR, (b) => {
+      });
+    }, w = () => {
+      s.value = !s.value, o.value && (o.value.muted = s.value);
+    }, E = () => {
+      a.value = !a.value;
+    }, $ = _(""), S = () => {
+      const d = document.createElement("canvas");
+      if (r.value) {
+        d.width = r.value.clientWidth, d.height = r.value.clientHeight;
+        const b = d.getContext("2d");
+        b == null || b.drawImage(r.value, 0, 0, d.width, d.height);
+        const z = d.toDataURL("image/jpg"), ae = `【${e.title}】${be().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        if ($.value = z, "download" in document.createElement("a")) {
+          const R = document.createElement("a");
+          R.download = ae, R.style.display = "none", R.href = z, document.body.appendChild(R), document.body.appendChild(d), R.click(), URL.revokeObjectURL(R.href), document.body.removeChild(R), document.body.removeChild(d);
+        }
+      }
+    }, se = (d) => {
+      i("directionControl", d);
+    }, j = (d) => {
+      i("zoomControl", d);
+    }, U = (d) => e.authType.includes(d);
+    return F(
+      () => r.value,
+      () => {
+        r.value && r.value.addEventListener("ended", () => {
+          u.value = !0, e.type === "playback" && (c.value = !1);
+        });
+      }
+    ), F(
+      () => r.value,
+      () => {
+        r.value && P(() => {
+          r.value.playbackRate = e.playbackRate || 1;
+        });
+      }
+    ), F(
+      () => o.value,
+      () => {
+        o.value && P(() => {
+          o.value.muted = s.value;
+        });
+      }
+    ), F(
+      () => e.playbackRate,
+      () => {
+        r.value && (r.value.playbackRate = e.playbackRate || 1);
+      },
+      {
+        immediate: !0
+      }
+    ), F(
+      () => e.paused,
+      () => {
+        o.value && (e.paused ? o.value.pause() : o.value.play());
+      }
+    ), F(
+      () => e.videoUrl,
+      () => {
+        c.value = !1, P(() => {
+          c.value = !0;
+        });
+      }
+    ), (d, b) => (g(), O("div", qe, [
+      p(l(he), {
+        spinning: e.loading,
+        type: "component",
+        tip: l(m)("加载中...")
+      }, {
+        default: f(() => [
+          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", 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> ')
+            ])
+          ]),
+          e.videoUrl && c.value ? (g(), N(l(we), {
+            key: 0,
+            type: "flv",
+            ref_key: "dasLivePlayerRef",
+            ref: k,
+            muted: s.value,
+            onLoaded: C,
+            src: e.videoUrl
+          }, null, 8, ["muted", "src"])) : I("v-if", !0),
+          v("div", Xe, [
+            b[3] || (b[3] = v(
+              "div",
+              { class: "video-bottom_l" },
+              null,
+              -1
+              /* HOISTED */
+            )),
+            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 */
+              )
+            ])
+          ]),
+          a.value ? (g(), N(Qe, {
+            key: 1,
+            onChange: se
+          })) : I("v-if", !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) {
+  const n = M() ? M().id : 1;
+  return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
+}
+function re(t) {
+  const n = new URLSearchParams("");
+  for (let [e, i] of Object.entries(t))
+    n.append(e, i);
+  return n.toString();
+}
+function Z(t) {
+  return ie.post(`/ptz?${re(t)}`)().run();
+}
+function rt(t) {
+  return ie.post(`/url/preview?${re(t)}`)().run();
+}
+lt.post("data/device-auth");
+const st = (t) => {
+  const n = Ie();
+  return `${t}?token=${n}`;
+};
+_([]);
+const at = /* @__PURE__ */ D({
+  props: {
+    deviceInfo: {
+      type: Object,
+      required: !0
+    },
+    source: {
+      type: String
+    }
+  },
+  setup(t, {
+    slots: n
+  }) {
+    const {
+      deviceInfo: e,
+      source: i
+    } = me(t), s = _(!1), o = _(""), a = async () => {
+      var C;
+      if (!((C = e.value) != null && C.deviceId)) return;
+      s.value = !0;
+      const [u, c] = await rt({
+        productId: e.value.productId,
+        deviceId: e.value.deviceId,
+        source: i.value
+      });
+      u || (o.value = st(c == null ? void 0 : c.wsFlvStreamURL)), s.value = !1;
+    }, k = (u) => {
+      Z({
+        productId: e.value.productId,
+        deviceId: e.value.deviceId,
+        direction: u,
+        zoom: "",
+        source: i.value || "web"
+      });
+    }, r = (u) => {
+      Z({
+        productId: e.value.productId,
+        deviceId: e.value.deviceId,
+        direction: "",
+        zoom: u,
+        source: i.value || "web"
+      });
+    };
+    return K(() => {
+      a();
+    }), F(() => e.value, () => {
+      a();
+    }, {
+      deep: !0
+    }), () => p(J, null, [n.default({
+      videoUrl: o.value,
+      loading: s.value,
+      onDirectionControl: k,
+      onZoomControl: r
+    })]);
+  }
+});
+function ct(t) {
+  const n = _(0), e = _(), {
+    toggle: i,
+    isFullscreen: s,
+    exit: o
+  } = le(e), a = (r, u) => {
+    s.value && o();
+  };
+  return {
+    render: () => p(Me, {
+      ref: e,
+      gridNum: t.gridNum,
+      activeIndex: n.value,
+      "onUpdate:activeIndex": (r) => n.value = r,
+      showFn: (r) => !!t.deviceList[r]
+    }, {
+      default: ({
+        index: r
+      }) => {
+        const u = t.deviceList[r], c = t.source;
+        return p(at, {
+          deviceInfo: u,
+          source: c
+        }, {
+          default: ({
+            videoUrl: C,
+            onDirectionControl: w,
+            onZoomControl: E,
+            loading: $
+          }) => p(tt, {
+            type: "live",
+            loading: $,
+            isFullscreen: s.value,
+            videoUrl: C,
+            title: u.deviceName,
+            onClose: () => a(),
+            onDirectionControl: w,
+            onZoomControl: E,
+            authType: u.authType === 2 ? ["control"] : []
+          }, null)
+        });
+      }
+    }),
+    toggleFullscreen: i
+  };
+}
+const ut = /* @__PURE__ */ D({
+  __name: "index",
+  props: {
+    visible: { type: Boolean, default: !1 },
+    deviceList: { default: () => [] },
+    gridNum: { default: 4 },
+    source: {}
+  },
+  emits: ["update:visible"],
+  setup(t, { emit: n }) {
+    const e = t, i = n, s = x({
+      get: () => e.visible,
+      set: (r) => i("update:visible", r)
+    }), { render: o, toggleFullscreen: a } = ct(e), k = x(() => {
+      let r = {};
+      switch (e.gridNum) {
+        case 1:
+          r = "one-video";
+          break;
+        case 4:
+          r = "four-video";
+          break;
+        case 9:
+          r = "nine-video";
+          break;
+      }
+      return r;
+    });
+    return (r, u) => (g(), N(l(ke), {
+      size: "mini",
+      title: l(m)("视频监控"),
+      "custom-class": `das-linakge-video-dialog ${k.value}`,
+      modelValue: s.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
+      bodyStyle: { padding: 0 },
+      "close-on-click-modal": !1,
+      "close-on-press-escape": !1,
+      modal: !1,
+      "header-style": { display: "flex", justifyContent: "space-between", alignItems: "center" }
+    }, {
+      header: f(() => [
+        v("div", null, [
+          v(
+            "span",
+            null,
+            V(l(m)("视频监控")),
+            1
+            /* TEXT */
+          )
+        ]),
+        p(l(h), {
+          content: l(m)("页面全屏")
+        }, {
+          default: f(() => [
+            p(l(ye), {
+              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)
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["title", "custom-class", "modelValue"]));
+  }
+}), dt = {
+  加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" },
+  正在实时预览: { "zh-CN": "正在实时预览", en: "Real-time Video", _appCode: "framework" },
+  声音: { "zh-CN": "声音", en: "Sound", _appCode: "framework" },
+  截图: { "zh-CN": "截图", en: "Screenshot", _appCode: "framework" },
+  聚焦: { "zh-CN": "聚焦", en: "Focus", _appCode: "framework" },
+  方向控制: { "zh-CN": "方向控制", en: "Direction Control", _appCode: "framework" },
+  左上: { "zh-CN": "左上", en: "Top Left", _appCode: "framework" },
+  上: { "zh-CN": "上", en: "Up", _appCode: "framework" },
+  右上: { "zh-CN": "右上", en: "Top Right", _appCode: "framework" },
+  左: { "zh-CN": "左", en: "Left", _appCode: "framework" },
+  自动: { "zh-CN": "自动", en: "Auto", _appCode: "framework" },
+  右: { "zh-CN": "右", en: "Right", _appCode: "framework" },
+  左下: { "zh-CN": "左下", en: "Bottom Left", _appCode: "framework" },
+  下: { "zh-CN": "下", en: "Down", _appCode: "framework" },
+  右下: { "zh-CN": "右下", en: "Bottom Right", _appCode: "framework" },
+  视频监控: { "zh-CN": "视频监控", en: "Video Surveillance", _appCode: "framework" },
+  页面全屏: { "zh-CN": "页面全屏", en: "Full Screen", _appCode: "framework" },
+  "加载中...": { "zh-CN": "加载中...", en: "Loading...", _appCode: "framework" },
+  "聚焦-": { "zh-CN": "聚焦-", en: "Focus-", _appCode: "framework" },
+  "聚焦+": { "zh-CN": "聚焦+", en: "Focus+", _appCode: "framework" }
+};
+ge(dt);
+const It = Ce(ut), Et = () => _(null);
+export {
+  It as DasVideoDialog,
+  Et as DasVideoDialogRef,
+  ct as useVideo
+};