@das-fed/ui 6.4.0-hot.5 → 6.4.0-hot.50

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

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