@das-fed/ui 6.4.0-dev.54.8 → 6.4.0-dev.55

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

@@ -1,30 +1,30 @@
 import '@das-fed/ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as ce, onScopeDispose as ue, unref as l, getCurrentInstance as de, onMounted as K, nextTick as L, ref as h, watch as S, defineComponent as z, useCssVars as ve, computed as P, openBlock as C, createElementBlock as D, normalizeClass as pe, renderSlot as X, createCommentVNode as I, Fragment as J, renderList as fe, createBlock as E, withCtx as m, withModifiers as k, createVNode as v, createElementVNode as p, toDisplayString as B, toRefs as me } from "vue";
+import { getCurrentScope as ce, onScopeDispose as ue, unref as l, getCurrentInstance as de, onMounted as K, nextTick as L, ref as k, watch as F, defineComponent as D, useCssVars as ve, computed as P, openBlock as C, createElementBlock as R, normalizeClass as pe, renderSlot as X, createCommentVNode as I, Fragment as J, renderList as fe, createBlock as E, withCtx as m, withModifiers as h, createVNode as v, createElementVNode as p, toDisplayString as V, toRefs as me } from "vue";
 import { withInstall as ge } from "@das-fed/utils/with-install/index";
 import { t as g, setI18nRule as ye } from "@das-fed/web/packages/i18n/index";
 import { DasDialog as Ce } from "@das-fed/ui/packages/components/dialog/index";
-import { DasTooltip as b } from "@das-fed/ui/packages/components/tooltip/index";
-import { DasIconFullscreen2 as ke } from "@das-fed/ui/packages/icons/fullscreen-2/index";
-import { DasAutoRegisterIcon as he, DasIcon as $ } from "@das-fed/ui/packages/components/icon/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 ke, DasIcon as $ } 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 { DasSpin as we } from "@das-fed/ui/packages/components/spin/index";
+import be from "dayjs";
 import { createService as ee } from "@das-fed/utils/api-services/src/create-service";
 import { getProjectInfo as M, getToken as Ie } from "@das-fed/utils/common-info";
 var A;
-const V = typeof window < "u", Ee = (t) => typeof t == "string", Ne = () => {
+const j = typeof window < "u", Ee = (t) => typeof t == "string", Ne = () => {
 };
-V && ((A = window == null ? void 0 : window.navigator) != null && A.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+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() : l(t);
 }
-function Se(t) {
+function Fe(t) {
   return t;
 }
 function ne(t) {
   return ce() ? (ue(t), !0) : !1;
 }
-function Re(t, o = !0) {
+function Se(t, o = !0) {
   de() ? K(t) : o ? t() : L(t);
 }
 function oe(t) {
@@ -32,24 +32,24 @@ function oe(t) {
   const e = te(t);
   return (o = e == null ? void 0 : e.$el) != null ? o : e;
 }
-const Fe = V ? window : void 0, Oe = V ? window.document : void 0;
-function De(...t) {
+const ze = j ? window : void 0, Oe = j ? window.document : void 0;
+function Re(...t) {
   let o, e, i, a;
-  if (Ee(t[0]) || Array.isArray(t[0]) ? ([e, i, a] = t, o = Fe) : [o, e, i, a] = t, !o)
+  if (Ee(t[0]) || Array.isArray(t[0]) ? ([e, i, a] = t, o = ze) : [o, e, i, a] = t, !o)
     return Ne;
   Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
   const n = [], s = () => {
     n.forEach((c) => c()), n.length = 0;
-  }, f = (c, y, _, N) => (c.addEventListener(y, _, N), () => c.removeEventListener(y, _, N)), r = S(() => [oe(o), te(a)], ([c, y]) => {
+  }, f = (c, y, _, N) => (c.addEventListener(y, _, N), () => c.removeEventListener(y, _, N)), r = F(() => [oe(o), te(a)], ([c, y]) => {
     s(), c && n.push(...e.flatMap((_) => i.map((N) => f(c, _, N, y))));
   }, { immediate: !0, flush: "post" }), d = () => {
     r(), s();
   };
   return ne(d), d;
 }
-function ze(t, o = !1) {
-  const e = h(), i = () => e.value = !!t();
-  return i(), Re(i, o), e;
+function De(t, o = !1) {
+  const e = k(), i = () => e.value = !!t();
+  return i(), Se(i, o), e;
 }
 const Q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, q = "__vueuse_ssr_handlers__";
 Q[q] = Q[q] || {};
@@ -96,13 +96,13 @@ const G = [
   ]
 ];
 function le(t, o = {}) {
-  const { document: e = Oe, autoExit: i = !1 } = o, a = t || (e == null ? void 0 : e.querySelector("html")), n = h(!1);
+  const { document: e = Oe, autoExit: i = !1 } = o, a = t || (e == null ? void 0 : e.querySelector("html")), n = k(!1);
   let s = G[0];
-  const f = ze(() => {
+  const f = De(() => {
     if (e) {
-      for (const R of G)
-        if (R[1] in e)
-          return s = R, !0;
+      for (const S of G)
+        if (S[1] in e)
+          return s = S, !0;
     } else
       return !1;
     return !1;
@@ -114,27 +114,27 @@ function le(t, o = {}) {
     if (!f.value)
       return;
     await _();
-    const R = oe(a);
-    R && (await R[r](), n.value = !0);
+    const S = oe(a);
+    S && (await S[r](), n.value = !0);
   }
-  async function x() {
+  async function T() {
     n.value ? await _() : await N();
   }
-  return e && De(e, y, () => {
+  return e && Re(e, y, () => {
     n.value = !!(e != null && e[c]);
   }, !1), i && ne(_), {
     isSupported: f,
     isFullscreen: n,
     enter: N,
     exit: _,
-    toggle: x
+    toggle: T
   };
 }
 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, o, e) => o in t ? $e(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, Te = (t, o) => {
+var $e = Object.defineProperty, H = Object.getOwnPropertySymbols, Le = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable, Y = (t, o, e) => o in t ? $e(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, xe = (t, o) => {
   for (var e in o || (o = {}))
     Le.call(o, e) && Y(t, e, o[e]);
   if (H)
@@ -142,7 +142,7 @@ var $e = Object.defineProperty, H = Object.getOwnPropertySymbols, Le = Object.pr
       Pe.call(o, e) && Y(t, e, o[e]);
   return t;
 };
-const xe = {
+const Te = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -168,10 +168,10 @@ const xe = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-Te({
-  linear: Se
-}, xe);
-const Ue = /* @__PURE__ */ z({
+xe({
+  linear: Fe
+}, Te);
+const Ue = /* @__PURE__ */ D({
   __name: "GridItem",
   props: {
     active: { type: Boolean },
@@ -182,14 +182,14 @@ const Ue = /* @__PURE__ */ z({
     ve((c) => ({
       "9b3a2c32": d.value
     }));
-    const e = t, i = o, a = h(), { toggle: n, isFullscreen: s } = le(a), f = () => {
+    const e = t, i = o, a = k(), { toggle: n, isFullscreen: s } = le(a), f = () => {
       a.value != document.fullscreenElement && (s.value ? (s.value = !1, L(() => {
         n();
       })) : n());
     }, r = () => {
       i("itemClick");
     }, d = P(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, y) => (C(), D(
+    return (c, y) => (C(), R(
       "div",
       {
         ref_key: "containerRef",
@@ -205,12 +205,12 @@ const Ue = /* @__PURE__ */ z({
       /* CLASS, NEED_HYDRATION */
     ));
   }
-}), T = (t, o) => {
+}), x = (t, o) => {
   const e = t.__vccOpts || t;
   for (const [i, a] of o)
     e[i] = a;
   return e;
-}, Be = /* @__PURE__ */ T(Ue, [["__scopeId", "data-v-100b67ca"]]), Ve = { class: "layout-wrapper" }, je = /* @__PURE__ */ z({
+}, Ve = /* @__PURE__ */ x(Ue, [["__scopeId", "data-v-100b67ca"]]), je = { class: "layout-wrapper" }, Be = /* @__PURE__ */ D({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -222,12 +222,12 @@ const Ue = /* @__PURE__ */ z({
     const e = t, i = o, a = (n) => {
       i("update:activeIndex", n);
     };
-    return (n, s) => (C(), D("div", Ve, [
+    return (n, s) => (C(), R("div", je, [
       I(' :active="index === activeIndex" '),
-      (C(!0), D(
+      (C(!0), R(
         J,
         null,
-        fe(e.gridNum, (f, r) => (C(), E(Be, {
+        fe(e.gridNum, (f, r) => (C(), E(Ve, {
           active: !1,
           "grid-num": e.gridNum,
           onItemClick: (d) => a(r)
@@ -246,123 +246,123 @@ const Ue = /* @__PURE__ */ z({
       ))
     ]));
   }
-}), Me = /* @__PURE__ */ T(je, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ z({
+}), Me = /* @__PURE__ */ x(Be, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: o }) {
     const e = o, i = (a) => {
       e("change", a);
     };
-    return (a, n) => (C(), D(
+    return (a, n) => (C(), R(
       "div",
       {
         class: "direction-control",
-        onDblclick: n[9] || (n[9] = k((s) => s.stopPropagation(), ["stop"]))
+        onDblclick: n[9] || (n[9] = h((s) => s.stopPropagation(), ["stop"]))
       },
       [
-        v(l(b), {
+        v(l(w), {
           content: l(g)("左上")
         }, {
           default: m(() => [
             p("div", {
               class: "icon icon-top-left",
-              onClick: n[0] || (n[0] = k((s) => i("leftUp"), ["stop"]))
+              onClick: n[0] || (n[0] = h((s) => i("leftUp"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(b), {
+        v(l(w), {
           content: l(g)("上")
         }, {
           default: m(() => [
             p("div", {
               class: "icon icon-top",
-              onClick: n[1] || (n[1] = k((s) => i("up"), ["stop"]))
+              onClick: n[1] || (n[1] = h((s) => i("up"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(b), {
+        v(l(w), {
           content: l(g)("右上")
         }, {
           default: m(() => [
             p("div", {
               class: "icon icon-top-right",
-              onClick: n[2] || (n[2] = k((s) => i("rightUp"), ["stop"]))
+              onClick: n[2] || (n[2] = h((s) => i("rightUp"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(b), {
+        v(l(w), {
           content: l(g)("左")
         }, {
           default: m(() => [
             p("div", {
               class: "icon icon-left",
-              onClick: n[3] || (n[3] = k((s) => i("left"), ["stop"]))
+              onClick: n[3] || (n[3] = h((s) => i("left"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(b), {
+        v(l(w), {
           content: l(g)("自动")
         }, {
           default: m(() => [
             p("div", {
               class: "icon icon-auto",
-              onClick: n[4] || (n[4] = k((s) => i("auto"), ["stop"]))
+              onClick: n[4] || (n[4] = h((s) => i("auto"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(b), {
+        v(l(w), {
           content: l(g)("右")
         }, {
           default: m(() => [
             p("div", {
               class: "icon icon-right",
-              onClick: n[5] || (n[5] = k((s) => i("right"), ["stop"]))
+              onClick: n[5] || (n[5] = h((s) => i("right"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(b), {
+        v(l(w), {
           content: l(g)("左下")
         }, {
           default: m(() => [
             p("div", {
               class: "icon icon-bottom-left",
-              onClick: n[6] || (n[6] = k((s) => i("leftDown"), ["stop"]))
+              onClick: n[6] || (n[6] = h((s) => i("leftDown"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(b), {
+        v(l(w), {
           content: l(g)("下")
         }, {
           default: m(() => [
             p("div", {
               class: "icon icon-bottom",
-              onClick: n[7] || (n[7] = k((s) => i("down"), ["stop"]))
+              onClick: n[7] || (n[7] = h((s) => i("down"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        v(l(b), {
+        v(l(w), {
           content: l(g)("右下")
         }, {
           default: m(() => [
             p("div", {
               class: "icon icon-bottom-right",
-              onClick: n[8] || (n[8] = k((s) => i("rightDown"), ["stop"]))
+              onClick: n[8] || (n[8] = h((s) => i("rightDown"), ["stop"]))
             })
           ]),
           _: 1
@@ -373,10 +373,10 @@ const Ue = /* @__PURE__ */ z({
       /* NEED_HYDRATION */
     ));
   }
-}), Qe = /* @__PURE__ */ T(Ae, [["__scopeId", "data-v-db2e8ec2"]]), qe = { class: "video-wrapper" }, Ge = { class: "video-top" }, We = { class: "video-top_l" }, He = { class: "video-title-wrapper" }, Ye = { class: "video-title" }, Ze = { class: "video-top_r" }, Ke = {
+}), Qe = /* @__PURE__ */ x(Ae, [["__scopeId", "data-v-db2e8ec2"]]), 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__ */ z({
+}, Xe = { class: "video-bottom" }, Je = { class: "video-bottom_r" }, et = /* @__PURE__ */ D({
   __name: "index",
   props: {
     videoUrl: {},
@@ -391,62 +391,62 @@ const Ue = /* @__PURE__ */ z({
   emits: ["close", "directionControl", "zoomControl"],
   setup(t, { emit: o }) {
     const e = t, i = o;
-    he({
+    ke({
       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 a = h(!0), n = h(), s = h(!1), f = h(), r = P(() => {
+    const a = k(!0), n = k(), s = k(!1), f = k(), r = P(() => {
       var u;
       return (u = f.value) == null ? void 0 : u.video;
-    }), d = h(!1), c = h(!0), y = (u) => {
-      n.value = u, n.value.on(window.mpegts.Events.ERROR, (w) => {
+    }), d = k(!1), c = k(!0), y = (u) => {
+      n.value = u, n.value.on(window.mpegts.Events.ERROR, (b) => {
       });
     }, _ = () => {
       a.value = !a.value, n.value && (n.value.muted = a.value);
     }, N = () => {
       s.value = !s.value;
-    }, x = h(""), R = () => {
+    }, T = k(""), S = () => {
       const u = document.createElement("canvas");
       if (r.value) {
         u.width = r.value.clientWidth, u.height = r.value.clientHeight;
-        const w = u.getContext("2d");
-        w == null || w.drawImage(r.value, 0, 0, u.width, u.height);
-        const O = u.toDataURL("image/jpg"), ae = `【${e.title}】${we().format("YYYYMMDDHHmmss").toString()}.jpg`;
-        if (x.value = O, "download" in document.createElement("a")) {
-          const F = document.createElement("a");
-          F.download = ae, F.style.display = "none", F.href = O, document.body.appendChild(F), document.body.appendChild(u), F.click(), URL.revokeObjectURL(F.href), document.body.removeChild(F), document.body.removeChild(u);
+        const b = u.getContext("2d");
+        b == null || b.drawImage(r.value, 0, 0, u.width, u.height);
+        const O = u.toDataURL("image/jpg"), ae = `【${e.title}】${be().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        if (T.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);
         }
       }
     }, re = (u) => {
       i("directionControl", u);
-    }, j = (u) => {
+    }, B = (u) => {
       i("zoomControl", u);
     }, U = (u) => e.authType.includes(u);
-    return S(
+    return F(
       () => r.value,
       () => {
         r.value && r.value.addEventListener("ended", () => {
           d.value = !0, e.type === "playback" && (c.value = !1);
         });
       }
-    ), S(
+    ), F(
       () => r.value,
       () => {
         r.value && L(() => {
           r.value.playbackRate = e.playbackRate || 1;
         });
       }
-    ), S(
+    ), F(
       () => n.value,
       () => {
         n.value && L(() => {
           n.value.muted = a.value;
         });
       }
-    ), S(
+    ), F(
       () => e.playbackRate,
       () => {
         r.value && (r.value.playbackRate = e.playbackRate || 1);
@@ -454,20 +454,20 @@ const Ue = /* @__PURE__ */ z({
       {
         immediate: !0
       }
-    ), S(
+    ), F(
       () => e.paused,
       () => {
         n.value && (e.paused ? n.value.pause() : n.value.play());
       }
-    ), S(
+    ), F(
       () => e.videoUrl,
       () => {
         c.value = !1, L(() => {
           c.value = !0;
         });
       }
-    ), (u, w) => (C(), D("div", qe, [
-      v(l(be), {
+    ), (u, b) => (C(), R("div", qe, [
+      v(l(we), {
         spinning: e.loading,
         type: "component",
         tip: l(g)("加载中...")
@@ -479,17 +479,17 @@ const Ue = /* @__PURE__ */ z({
                 p(
                   "div",
                   Ye,
-                  B(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
+                  V(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
                   1
                   /* TEXT */
                 )
               ])
             ]),
             p("div", Ze, [
-              ["live"].includes(u.type) ? (C(), D(
+              ["live"].includes(u.type) ? (C(), R(
                 "span",
                 Ke,
-                B(l(g)("正在实时预览")),
+                V(l(g)("正在实时预览")),
                 1
                 /* TEXT */
               )) : I("v-if", !0),
@@ -506,7 +506,7 @@ const Ue = /* @__PURE__ */ z({
             src: e.videoUrl
           }, null, 8, ["muted", "src"])) : I("v-if", !0),
           p("div", Xe, [
-            w[3] || (w[3] = p(
+            b[3] || (b[3] = p(
               "div",
               { class: "video-bottom_l" },
               null,
@@ -518,36 +518,36 @@ const Ue = /* @__PURE__ */ z({
                 "div",
                 {
                   class: "controls",
-                  onDblclick: w[2] || (w[2] = k((O) => O.stopPropagation(), ["stop"]))
+                  onDblclick: b[2] || (b[2] = h((O) => O.stopPropagation(), ["stop"]))
                 },
                 [
-                  v(l(b), {
+                  v(l(w), {
                     content: l(g)("声音")
                   }, {
                     default: m(() => [
                       v(l($), {
                         class: "icon icon-volume",
                         icon: a.value ? "muted" : "volume",
-                        onClick: k(_, ["stop"])
+                        onClick: h(_, ["stop"])
                       }, null, 8, ["icon"])
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"]),
-                  v(l(b), {
+                  v(l(w), {
                     content: l(g)("截图")
                   }, {
                     default: m(() => [
                       v(l($), {
                         class: "icon icon-screenshot",
                         icon: "screenshot",
-                        onClick: k(R, ["stop"])
+                        onClick: h(S, ["stop"])
                       })
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"]),
-                  U("control") ? (C(), E(l(b), {
+                  U("control") ? (C(), E(l(w), {
                     key: 0,
                     content: l(g)("聚焦-")
                   }, {
@@ -556,13 +556,13 @@ const Ue = /* @__PURE__ */ z({
                         key: 0,
                         class: "icon icon-shrink",
                         icon: "shrink",
-                        onClick: w[0] || (w[0] = k((O) => j("zoomOut"), ["stop"]))
+                        onClick: b[0] || (b[0] = h((O) => B("zoomOut"), ["stop"]))
                       })) : I("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : I("v-if", !0),
-                  U("control") ? (C(), E(l(b), {
+                  U("control") ? (C(), E(l(w), {
                     key: 1,
                     content: l(g)("聚焦+")
                   }, {
@@ -571,13 +571,13 @@ const Ue = /* @__PURE__ */ z({
                         key: 0,
                         class: "icon icon-enlarge",
                         icon: "enlarge",
-                        onClick: w[1] || (w[1] = k((O) => j("zoomIn"), ["stop"]))
+                        onClick: b[1] || (b[1] = h((O) => B("zoomIn"), ["stop"]))
                       })) : I("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : I("v-if", !0),
-                  U("control") ? (C(), E(l(b), {
+                  U("control") ? (C(), E(l(w), {
                     key: 2,
                     content: l(g)("方向控制")
                   }, {
@@ -586,7 +586,7 @@ const Ue = /* @__PURE__ */ z({
                         key: 0,
                         class: "icon icon-direction-control",
                         icon: "direction-control",
-                        onClick: k(N, ["stop"])
+                        onClick: h(N, ["stop"])
                       })) : I("v-if", !0)
                     ]),
                     _: 1
@@ -608,7 +608,7 @@ const Ue = /* @__PURE__ */ z({
       }, 8, ["spinning", "tip"])
     ]));
   }
-}), tt = /* @__PURE__ */ T(et, [["__scopeId", "data-v-2bc90e59"]]), nt = "/api/device-relation/deviceproject/v1/project/device/video", ot = "v1", lt = ee(`/api/enterpriseright/permission/${ot}`), ie = ee(`${nt}`, it);
+}), tt = /* @__PURE__ */ x(et, [["__scopeId", "data-v-2bc90e59"]]), nt = "/api/device-relation/deviceproject/v1/project/device/video", ot = "v1", lt = ee(`/api/enterpriseright/permission/${ot}`), ie = ee(`${nt}`, it);
 function it(t) {
   const o = M() ? M().id : 1;
   return t.params || (t.params = {}), t.params.project = o, t.params.projectId = o, t;
@@ -630,8 +630,8 @@ const rt = (t) => {
   const o = Ie();
   return `${t}?token=${o}`;
 };
-h([]);
-const at = /* @__PURE__ */ z({
+k([]);
+const at = /* @__PURE__ */ D({
   props: {
     deviceInfo: {
       type: Object,
@@ -647,7 +647,7 @@ const at = /* @__PURE__ */ z({
     const {
       deviceInfo: e,
       source: i
-    } = me(t), a = h(!1), n = h(""), s = async () => {
+    } = me(t), a = k(!1), n = k(""), s = async () => {
       var y;
       if (!((y = e.value) != null && y.deviceId)) return;
       a.value = !0;
@@ -676,7 +676,7 @@ const at = /* @__PURE__ */ z({
     };
     return K(() => {
       s();
-    }), S(() => e.value, () => {
+    }), F(() => e.value, () => {
       s();
     }, {
       deep: !0
@@ -689,7 +689,7 @@ const at = /* @__PURE__ */ z({
   }
 });
 function ct(t) {
-  const o = h(0), e = h(), {
+  const o = k(0), e = k(), {
     toggle: i,
     isFullscreen: a
   } = le(e);
@@ -729,7 +729,7 @@ function ct(t) {
     toggleFullscreen: i
   };
 }
-const ut = /* @__PURE__ */ z({
+const ut = /* @__PURE__ */ D({
   __name: "index",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -774,16 +774,16 @@ const ut = /* @__PURE__ */ z({
           p(
             "span",
             null,
-            B(l(g)("视频监控")),
+            V(l(g)("视频监控")),
             1
             /* TEXT */
           )
         ]),
-        v(l(b), {
+        v(l(w), {
           content: l(g)("页面全屏")
         }, {
           default: m(() => [
-            v(l(ke), {
+            v(l(he), {
               class: "icon",
               color: "#999",
               onClick: l(s)
@@ -802,25 +802,28 @@ const ut = /* @__PURE__ */ z({
   }
 }), dt = {
   加载中: { "zh-CN": "加载中", en: "Loading" },
-  正在实时预览: { "zh-CN": "正在实时预览", en: "Real-time Preview" },
+  正在实时预览: { "zh-CN": "正在实时预览", en: "Live Previewing" },
   声音: { "zh-CN": "声音", en: "Sound" },
   截图: { "zh-CN": "截图", en: "Screenshot" },
   聚焦: { "zh-CN": "聚焦", en: "Focus" },
   方向控制: { "zh-CN": "方向控制", en: "Direction Control" },
   左上: { "zh-CN": "左上", en: "Top Left" },
-  上: { "zh-CN": "上", en: "Top" },
+  上: { "zh-CN": "上", en: "Up" },
   右上: { "zh-CN": "右上", en: "Top Right" },
   左: { "zh-CN": "左", en: "Left" },
   自动: { "zh-CN": "自动", en: "Auto" },
   右: { "zh-CN": "右", en: "Right" },
   左下: { "zh-CN": "左下", en: "Bottom Left" },
-  下: { "zh-CN": "下", en: "Bottom" },
+  下: { "zh-CN": "下", en: "Down" },
   右下: { "zh-CN": "右下", en: "Bottom Right" },
   视频监控: { "zh-CN": "视频监控", en: "Video Surveillance" },
-  页面全屏: { "zh-CN": "页面全屏", en: "Page Full Screen" }
+  页面全屏: { "zh-CN": "页面全屏", en: "Full Screen" },
+  "加载中...": { "zh-CN": "加载中...", en: "Loading..." },
+  "聚焦-": { "zh-CN": "聚焦-", en: "Focus-" },
+  "聚焦+": { "zh-CN": "聚焦+", en: "Focus+" }
 };
 ye(dt);
-const It = ge(ut), Et = () => h(null);
+const It = ge(ut), Et = () => k(null);
 export {
   It as DasVideoDialog,
   Et as DasVideoDialogRef,