@das-fed/ui 6.4.0-test.2.1 → 6.4.0-test.20

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

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