@das-fed/upf-ui 6.4.0-dev.164 → 6.4.0-dev.166

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

@@ -1,55 +1,55 @@
 import '@das-fed/upf-ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as ce, onScopeDispose as ue, getCurrentInstance as de, onMounted as K, nextTick as P, unref as l, ref as _, watch as F, defineComponent as D, useCssVars as pe, computed as x, createElementBlock as O, openBlock as C, normalizeClass as ve, renderSlot as X, Fragment as J, renderList as fe, createBlock as N, withCtx as f, createCommentVNode as E, withModifiers as k, createVNode as p, createElementVNode as v, toDisplayString as V, toRefs as me } from "vue";
+import { getCurrentScope as ce, onScopeDispose as ue, getCurrentInstance as de, onMounted as K, nextTick as L, unref as l, ref as k, watch as E, defineComponent as D, useCssVars as pe, computed as P, createElementBlock as R, openBlock as C, normalizeClass as ve, renderSlot as X, Fragment as J, renderList as fe, createBlock as O, withCtx as f, createCommentVNode as z, withModifiers as y, createVNode as p, createElementVNode as v, toDisplayString as U, toRefs as me } from "vue";
 import { withInstall as ge } from "@das-fed/upf-utils/with-install/index";
 import { t as m, setI18nRule as Ce } from "@das-fed/upf-web/packages/i18n/index";
-import { DasDialog as ye } from "@das-fed/upf-ui/packages/components/dialog/index";
-import { DasTooltip as h } from "@das-fed/upf-ui/packages/components/tooltip/index";
-import { DasIconFullscreen2 as ke } from "@das-fed/upf-ui/packages/icons/fullscreen-2/index";
-import { DasAutoRegisterIcon as _e, DasIcon as L } from "@das-fed/upf-ui/packages/components/icon/index";
-import { DasLivePlayer as we } from "@das-fed/upf-ui/packages/components/live-player/index";
-import { DasSpin as he } from "@das-fed/upf-ui/packages/components/spin/index";
+import { DasDialog as he } from "@das-fed/upf-ui/packages/components/dialog/index";
+import { DasTooltip as w } from "@das-fed/upf-ui/packages/components/tooltip/index";
+import { DasIconFullscreen2 as ye } from "@das-fed/upf-ui/packages/icons/fullscreen-2/index";
+import { DasAutoRegisterIcon as ke, DasIcon as $ } from "@das-fed/upf-ui/packages/components/icon/index";
+import { DasLivePlayer as _e } from "@das-fed/upf-ui/packages/components/live-player/index";
+import { DasSpin as we } from "@das-fed/upf-ui/packages/components/spin/index";
 import be from "dayjs";
 import { createService as ee } from "@das-fed/upf-utils/api-services/src/create-service";
-import { getProjectInfo as M, getToken as Ie } from "@das-fed/upf-utils/common-info";
+import { getProjectInfo as j, getToken as Ie } from "@das-fed/upf-utils/common-info";
 var A;
-const B = typeof window < "u", Ee = (t) => typeof t == "string", Ne = () => {
+const V = typeof window < "u", ze = (t) => typeof t == "string", Oe = () => {
 };
-B && ((A = window == null ? void 0 : window.navigator) != null && A.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+V && ((A = window == null ? void 0 : window.navigator) != null && A.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function te(t) {
   return typeof t == "function" ? t() : l(t);
 }
-function Fe(t) {
+function Ee(t) {
   return t;
 }
 function oe(t) {
   return ce() ? (ue(t), !0) : !1;
 }
-function Se(t, n = !0) {
-  de() ? K(t) : n ? t() : P(t);
+function Ne(t, n = !0) {
+  de() ? K(t) : n ? t() : L(t);
 }
 function ne(t) {
   var n;
   const e = te(t);
   return (n = e == null ? void 0 : e.$el) != null ? n : e;
 }
-const Re = B ? window : void 0, ze = B ? window.document : void 0;
-function Oe(...t) {
+const Fe = V ? window : void 0, Se = V ? window.document : void 0;
+function Re(...t) {
   let n, e, r, s;
-  if (Ee(t[0]) || Array.isArray(t[0]) ? ([e, r, s] = t, n = Re) : [n, e, r, s] = t, !n)
-    return Ne;
+  if (ze(t[0]) || Array.isArray(t[0]) ? ([e, r, s] = t, n = Fe) : [n, e, r, s] = t, !n)
+    return Oe;
   Array.isArray(e) || (e = [e]), Array.isArray(r) || (r = [r]);
   const o = [], a = () => {
     o.forEach((c) => c()), o.length = 0;
-  }, y = (c, g, w, I) => (c.addEventListener(g, w, I), () => c.removeEventListener(g, w, I)), i = F(() => [ne(n), te(s)], ([c, g]) => {
-    a(), c && o.push(...e.flatMap((w) => r.map((I) => y(c, w, I, g))));
+  }, h = (c, g, _, I) => (c.addEventListener(g, _, I), () => c.removeEventListener(g, _, I)), i = E(() => [ne(n), te(s)], ([c, g]) => {
+    a(), c && o.push(...e.flatMap((_) => r.map((I) => h(c, _, I, g))));
   }, { immediate: !0, flush: "post" }), u = () => {
     i(), a();
   };
   return oe(u), u;
 }
 function De(t, n = !1) {
-  const e = _(), r = () => e.value = !!t();
-  return r(), Se(r, n), e;
+  const e = k(), r = () => e.value = !!t();
+  return r(), Ne(r, n), e;
 }
 const Q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, q = "__vueuse_ssr_handlers__";
 Q[q] = Q[q] || {};
@@ -96,53 +96,53 @@ const G = [
   ]
 ];
 function le(t, n = {}) {
-  const { document: e = ze, autoExit: r = !1 } = n, s = t || (e == null ? void 0 : e.querySelector("html")), o = _(!1);
+  const { document: e = Se, autoExit: r = !1 } = n, s = t || (e == null ? void 0 : e.querySelector("html")), o = k(!1);
   let a = G[0];
-  const y = De(() => {
+  const h = De(() => {
     if (e) {
-      for (const S of G)
-        if (S[1] in e)
-          return a = S, !0;
+      for (const N of G)
+        if (N[1] in e)
+          return a = N, !0;
     } else
       return !1;
     return !1;
   }), [i, u, c, , g] = a;
-  async function w() {
-    y.value && (e != null && e[c] && await e[u](), o.value = !1);
+  async function _() {
+    h.value && (e != null && e[c] && await e[u](), o.value = !1);
   }
   async function I() {
-    if (!y.value)
+    if (!h.value)
       return;
-    await w();
-    const S = ne(s);
-    S && (await S[i](), o.value = !0);
+    await _();
+    const N = ne(s);
+    N && (await N[i](), o.value = !0);
   }
-  async function $() {
-    o.value ? await w() : await I();
+  async function M() {
+    o.value ? await _() : await I();
   }
-  return e && Oe(e, g, () => {
+  return e && Re(e, g, () => {
     o.value = !!(e != null && e[c]);
-  }, !1), r && oe(w), {
-    isSupported: y,
+  }, !1), r && oe(_), {
+    isSupported: h,
     isFullscreen: o,
     enter: I,
-    exit: w,
-    toggle: $
+    exit: _,
+    toggle: M
   };
 }
 var W;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
 })(W || (W = {}));
-var $e = Object.defineProperty, H = Object.getOwnPropertySymbols, Le = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable, Y = (t, n, e) => n in t ? $e(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, xe = (t, n) => {
+var Me = Object.defineProperty, H = Object.getOwnPropertySymbols, $e = Object.prototype.hasOwnProperty, Le = Object.prototype.propertyIsEnumerable, Y = (t, n, e) => n in t ? Me(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, Pe = (t, n) => {
   for (var e in n || (n = {}))
-    Le.call(n, e) && Y(t, e, n[e]);
+    $e.call(n, e) && Y(t, e, n[e]);
   if (H)
     for (var e of H(n))
-      Pe.call(n, e) && Y(t, e, n[e]);
+      Le.call(n, e) && Y(t, e, n[e]);
   return t;
 };
-const Te = {
+const xe = {
   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 Te = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-xe({
-  linear: Fe
-}, Te);
-const Ue = /* @__PURE__ */ D({
+Pe({
+  linear: Ee
+}, xe);
+const Te = /* @__PURE__ */ D({
   __name: "GridItem",
   props: {
     active: { type: Boolean },
@@ -182,29 +182,29 @@ const Ue = /* @__PURE__ */ D({
     pe((c) => ({
       "9b3a2c32": u.value
     }));
-    const e = t, r = n, s = _(), { toggle: o, isFullscreen: a } = le(s), y = () => {
-      s.value != document.fullscreenElement && (a.value ? (a.value = !1, P(() => {
+    const e = t, r = n, s = k(), { toggle: o, isFullscreen: a } = le(s), h = () => {
+      s.value != document.fullscreenElement && (a.value ? (a.value = !1, L(() => {
         o();
       })) : o());
     }, i = () => {
       r("itemClick");
-    }, u = x(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, g) => (C(), O("div", {
+    }, u = P(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
+    return (c, g) => (C(), R("div", {
       ref_key: "containerRef",
       ref: s,
       class: ve(["wrapper", { "is-active": e.active }]),
-      onDblclick: g[0] || (g[0] = (w) => y()),
-      onClick: g[1] || (g[1] = (w) => i())
+      onDblclick: g[0] || (g[0] = (_) => h()),
+      onClick: g[1] || (g[1] = (_) => i())
     }, [
       X(c.$slots, "default", {}, void 0, !0)
     ], 34));
   }
-}), T = (t, n) => {
+}), x = (t, n) => {
   const e = t.__vccOpts || t;
   for (const [r, s] of n)
     e[r] = s;
   return e;
-}, Ve = /* @__PURE__ */ T(Ue, [["__scopeId", "data-v-100b67ca"]]), Be = { class: "layout-wrapper" }, je = /* @__PURE__ */ D({
+}, Ue = /* @__PURE__ */ x(Te, [["__scopeId", "data-v-100b67ca"]]), Ve = { class: "layout-wrapper" }, Be = /* @__PURE__ */ D({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -216,8 +216,8 @@ const Ue = /* @__PURE__ */ D({
     const e = t, r = n, s = (o) => {
       r("update:activeIndex", o);
     };
-    return (o, a) => (C(), O("div", Be, [
-      (C(!0), O(J, null, fe(e.gridNum, (y, i) => (C(), N(Ve, {
+    return (o, a) => (C(), R("div", Ve, [
+      (C(!0), R(J, null, fe(e.gridNum, (h, i) => (C(), O(Ue, {
         active: !1,
         "grid-num": e.gridNum,
         onItemClick: (u) => s(i)
@@ -226,125 +226,125 @@ const Ue = /* @__PURE__ */ D({
           o.showFn(i) ? X(o.$slots, "default", {
             key: 0,
             index: i
-          }, void 0, !0) : E("", !0)
+          }, void 0, !0) : z("", !0)
         ]),
         _: 2
       }, 1032, ["grid-num", "onItemClick"]))), 256))
     ]));
   }
-}), Me = /* @__PURE__ */ T(je, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
+}), je = /* @__PURE__ */ x(Be, [["__scopeId", "data-v-661e2289"]]), Ae = /* @__PURE__ */ D({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: n }) {
     const e = n, r = (s) => {
       e("change", s);
     };
-    return (s, o) => (C(), O("div", {
+    return (s, o) => (C(), R("div", {
       class: "direction-control",
-      onDblclick: o[9] || (o[9] = k((a) => a.stopPropagation(), ["stop"]))
+      onDblclick: o[9] || (o[9] = y((a) => a.stopPropagation(), ["stop"]))
     }, [
-      p(l(h), {
+      p(l(w), {
         content: l(m)("左上")
       }, {
         default: f(() => [
           v("div", {
             class: "icon icon-top-left",
-            onClick: o[0] || (o[0] = k((a) => r("leftUp"), ["stop"]))
+            onClick: o[0] || (o[0] = y((a) => r("leftUp"), ["stop"]))
           })
         ]),
         _: 1
       }, 8, ["content"]),
-      p(l(h), {
+      p(l(w), {
         content: l(m)("上")
       }, {
         default: f(() => [
           v("div", {
             class: "icon icon-top",
-            onClick: o[1] || (o[1] = k((a) => r("up"), ["stop"]))
+            onClick: o[1] || (o[1] = y((a) => r("up"), ["stop"]))
           })
         ]),
         _: 1
       }, 8, ["content"]),
-      p(l(h), {
+      p(l(w), {
         content: l(m)("右上")
       }, {
         default: f(() => [
           v("div", {
             class: "icon icon-top-right",
-            onClick: o[2] || (o[2] = k((a) => r("rightUp"), ["stop"]))
+            onClick: o[2] || (o[2] = y((a) => r("rightUp"), ["stop"]))
           })
         ]),
         _: 1
       }, 8, ["content"]),
-      p(l(h), {
+      p(l(w), {
         content: l(m)("左")
       }, {
         default: f(() => [
           v("div", {
             class: "icon icon-left",
-            onClick: o[3] || (o[3] = k((a) => r("left"), ["stop"]))
+            onClick: o[3] || (o[3] = y((a) => r("left"), ["stop"]))
           })
         ]),
         _: 1
       }, 8, ["content"]),
-      p(l(h), {
+      p(l(w), {
         content: l(m)("自动")
       }, {
         default: f(() => [
           v("div", {
             class: "icon icon-auto",
-            onClick: o[4] || (o[4] = k((a) => r("auto"), ["stop"]))
+            onClick: o[4] || (o[4] = y((a) => r("auto"), ["stop"]))
           })
         ]),
         _: 1
       }, 8, ["content"]),
-      p(l(h), {
+      p(l(w), {
         content: l(m)("右")
       }, {
         default: f(() => [
           v("div", {
             class: "icon icon-right",
-            onClick: o[5] || (o[5] = k((a) => r("right"), ["stop"]))
+            onClick: o[5] || (o[5] = y((a) => r("right"), ["stop"]))
           })
         ]),
         _: 1
       }, 8, ["content"]),
-      p(l(h), {
+      p(l(w), {
         content: l(m)("左下")
       }, {
         default: f(() => [
           v("div", {
             class: "icon icon-bottom-left",
-            onClick: o[6] || (o[6] = k((a) => r("leftDown"), ["stop"]))
+            onClick: o[6] || (o[6] = y((a) => r("leftDown"), ["stop"]))
           })
         ]),
         _: 1
       }, 8, ["content"]),
-      p(l(h), {
+      p(l(w), {
         content: l(m)("下")
       }, {
         default: f(() => [
           v("div", {
             class: "icon icon-bottom",
-            onClick: o[7] || (o[7] = k((a) => r("down"), ["stop"]))
+            onClick: o[7] || (o[7] = y((a) => r("down"), ["stop"]))
           })
         ]),
         _: 1
       }, 8, ["content"]),
-      p(l(h), {
+      p(l(w), {
         content: l(m)("右下")
       }, {
         default: f(() => [
           v("div", {
             class: "icon icon-bottom-right",
-            onClick: o[8] || (o[8] = k((a) => r("rightDown"), ["stop"]))
+            onClick: o[8] || (o[8] = y((a) => r("rightDown"), ["stop"]))
           })
         ]),
         _: 1
       }, 8, ["content"])
     ], 32));
   }
-}), Qe = /* @__PURE__ */ T(Ae, [["__scopeId", "data-v-84b1bc1f"]]), qe = { class: "video-wrapper" }, Ge = { class: "video-top" }, We = { class: "video-top_l" }, He = { class: "video-title-wrapper" }, Ye = { class: "video-title" }, Ze = { class: "video-top_r" }, Ke = {
+}), Qe = /* @__PURE__ */ x(Ae, [["__scopeId", "data-v-84b1bc1f"]]), qe = { class: "video-wrapper" }, Ge = { class: "video-top" }, We = { class: "video-top_l" }, He = { class: "video-title-wrapper" }, Ye = { class: "video-title" }, Ze = { class: "video-top_r" }, Ke = {
   key: 0,
   class: "play-status"
 }, Xe = { class: "video-bottom" }, Je = { class: "video-bottom_r" }, et = /* @__PURE__ */ D({
@@ -363,62 +363,62 @@ const Ue = /* @__PURE__ */ D({
   emits: ["close", "directionControl", "zoomControl"],
   setup(t, { emit: n }) {
     const e = t, r = n;
-    _e({
+    ke({
       muted: import("@das-fed/upf-ui/packages/icons/muted"),
       volume: import("@das-fed/upf-ui/packages/icons/volume"),
       shrink: import("@das-fed/upf-ui/packages/icons/shrink"),
       enlarge: import("@das-fed/upf-ui/packages/icons/enlarge"),
       "direction-control": import("@das-fed/upf-ui/packages/icons/direction-control")
     });
-    const s = _(!0), o = _(), a = _(!1), y = _(), i = x(() => {
+    const s = k(!0), o = k(), a = k(!1), h = k(), i = P(() => {
       var d;
-      return (d = y.value) == null ? void 0 : d.video;
-    }), u = _(!1), c = _(!0), g = (d) => {
+      return (d = h.value) == null ? void 0 : d.video;
+    }), u = k(!1), c = k(!0), g = (d) => {
       o.value = d, o.value.on(window.mpegts.Events.ERROR, (b) => {
       });
-    }, w = () => {
+    }, _ = () => {
       s.value = !s.value, o.value && (o.value.muted = s.value);
     }, I = () => {
       a.value = !a.value;
-    }, $ = _(""), S = () => {
+    }, M = k(""), N = () => {
       const d = document.createElement("canvas");
       if (i.value) {
         d.width = i.value.clientWidth, d.height = i.value.clientHeight;
         const b = d.getContext("2d");
         b == null || b.drawImage(i.value, 0, 0, d.width, d.height);
-        const z = d.toDataURL("image/jpg"), ae = `【${e.title}】${be().format("YYYYMMDDHHmmss").toString()}.jpg`;
-        if ($.value = z, "download" in document.createElement("a")) {
-          const R = document.createElement("a");
-          R.download = ae, R.style.display = "none", R.href = z, document.body.appendChild(R), document.body.appendChild(d), R.click(), URL.revokeObjectURL(R.href), document.body.removeChild(R), document.body.removeChild(d);
+        const S = d.toDataURL("image/jpg"), ae = `【${e.title}】${be().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        if (M.value = S, "download" in document.createElement("a")) {
+          const F = document.createElement("a");
+          F.download = ae, F.style.display = "none", F.href = S, document.body.appendChild(F), document.body.appendChild(d), F.click(), URL.revokeObjectURL(F.href), document.body.removeChild(F), document.body.removeChild(d);
         }
       }
     }, se = (d) => {
       r("directionControl", d);
-    }, j = (d) => {
+    }, B = (d) => {
       r("zoomControl", d);
-    }, U = (d) => e.authType.includes(d);
-    return F(
+    }, T = (d) => e.authType.includes(d);
+    return E(
       () => i.value,
       () => {
         i.value && i.value.addEventListener("ended", () => {
           u.value = !0, e.type === "playback" && (c.value = !1);
         });
       }
-    ), F(
+    ), E(
       () => i.value,
       () => {
-        i.value && P(() => {
+        i.value && L(() => {
           i.value.playbackRate = e.playbackRate || 1;
         });
       }
-    ), F(
+    ), E(
       () => o.value,
       () => {
-        o.value && P(() => {
+        o.value && L(() => {
           o.value.muted = s.value;
         });
       }
-    ), F(
+    ), E(
       () => e.playbackRate,
       () => {
         i.value && (i.value.playbackRate = e.playbackRate || 1);
@@ -426,20 +426,20 @@ const Ue = /* @__PURE__ */ D({
       {
         immediate: !0
       }
-    ), F(
+    ), E(
       () => e.paused,
       () => {
         o.value && (e.paused ? o.value.pause() : o.value.play());
       }
-    ), F(
+    ), E(
       () => e.videoUrl,
       () => {
-        c.value = !1, P(() => {
+        c.value = !1, L(() => {
           c.value = !0;
         });
       }
-    ), (d, b) => (C(), O("div", qe, [
-      p(l(he), {
+    ), (d, b) => (C(), R("div", qe, [
+      p(l(we), {
         spinning: e.loading,
         type: "component",
         tip: l(m)("加载中...")
@@ -448,110 +448,110 @@ const Ue = /* @__PURE__ */ D({
           v("div", Ge, [
             v("div", We, [
               v("div", He, [
-                v("div", Ye, V(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title), 1)
+                v("div", Ye, U(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title), 1)
               ])
             ]),
             v("div", Ze, [
-              ["live"].includes(d.type) ? (C(), O("span", Ke, V(l(m)("正在实时预览")), 1)) : E("", !0)
+              ["live"].includes(d.type) ? (C(), R("span", Ke, U(l(m)("正在实时预览")), 1)) : z("", !0)
             ])
           ]),
-          e.videoUrl && c.value ? (C(), N(l(we), {
+          e.videoUrl && c.value ? (C(), O(l(_e), {
             key: 0,
             type: "flv",
             ref_key: "dasLivePlayerRef",
-            ref: y,
+            ref: h,
             muted: s.value,
             onLoaded: g,
             src: e.videoUrl
-          }, null, 8, ["muted", "src"])) : E("", !0),
+          }, null, 8, ["muted", "src"])) : z("", !0),
           v("div", Xe, [
             b[3] || (b[3] = v("div", { class: "video-bottom_l" }, null, -1)),
             v("div", Je, [
               v("div", {
                 class: "controls",
-                onDblclick: b[2] || (b[2] = k((z) => z.stopPropagation(), ["stop"]))
+                onDblclick: b[2] || (b[2] = y((S) => S.stopPropagation(), ["stop"]))
               }, [
-                p(l(h), {
+                p(l(w), {
                   content: l(m)("声音")
                 }, {
                   default: f(() => [
-                    p(l(L), {
+                    p(l($), {
                       class: "icon icon-volume",
                       icon: s.value ? "muted" : "volume",
-                      onClick: k(w, ["stop"])
+                      onClick: y(_, ["stop"])
                     }, null, 8, ["icon"])
                   ]),
                   _: 1
                 }, 8, ["content"]),
-                p(l(h), {
+                p(l(w), {
                   content: l(m)("截图")
                 }, {
                   default: f(() => [
-                    p(l(L), {
+                    p(l($), {
                       class: "icon icon-screenshot",
                       icon: "screenshot",
-                      onClick: k(S, ["stop"])
+                      onClick: y(N, ["stop"])
                     })
                   ]),
                   _: 1
                 }, 8, ["content"]),
-                U("control") ? (C(), N(l(h), {
+                T("control") ? (C(), O(l(w), {
                   key: 0,
                   content: l(m)("聚焦-")
                 }, {
                   default: f(() => [
-                    ["live", "polling"].includes(e.type) ? (C(), N(l(L), {
+                    ["live", "polling"].includes(e.type) ? (C(), O(l($), {
                       key: 0,
                       class: "icon icon-shrink",
                       icon: "shrink",
-                      onClick: b[0] || (b[0] = k((z) => j("zoomOut"), ["stop"]))
-                    })) : E("", !0)
+                      onClick: b[0] || (b[0] = y((S) => B("zoomOut"), ["stop"]))
+                    })) : z("", !0)
                   ]),
                   _: 1
-                }, 8, ["content"])) : E("", !0),
-                U("control") ? (C(), N(l(h), {
+                }, 8, ["content"])) : z("", !0),
+                T("control") ? (C(), O(l(w), {
                   key: 1,
                   content: l(m)("聚焦+")
                 }, {
                   default: f(() => [
-                    ["live", "polling"].includes(e.type) ? (C(), N(l(L), {
+                    ["live", "polling"].includes(e.type) ? (C(), O(l($), {
                       key: 0,
                       class: "icon icon-enlarge",
                       icon: "enlarge",
-                      onClick: b[1] || (b[1] = k((z) => j("zoomIn"), ["stop"]))
-                    })) : E("", !0)
+                      onClick: b[1] || (b[1] = y((S) => B("zoomIn"), ["stop"]))
+                    })) : z("", !0)
                   ]),
                   _: 1
-                }, 8, ["content"])) : E("", !0),
-                U("control") ? (C(), N(l(h), {
+                }, 8, ["content"])) : z("", !0),
+                T("control") ? (C(), O(l(w), {
                   key: 2,
                   content: l(m)("方向控制")
                 }, {
                   default: f(() => [
-                    ["live", "polling"].includes(e.type) ? (C(), N(l(L), {
+                    ["live", "polling"].includes(e.type) ? (C(), O(l($), {
                       key: 0,
                       class: "icon icon-direction-control",
                       icon: "direction-control",
-                      onClick: k(I, ["stop"])
-                    })) : E("", !0)
+                      onClick: y(I, ["stop"])
+                    })) : z("", !0)
                   ]),
                   _: 1
-                }, 8, ["content"])) : E("", !0)
+                }, 8, ["content"])) : z("", !0)
               ], 32)
             ])
           ]),
-          a.value ? (C(), N(Qe, {
+          a.value ? (C(), O(Qe, {
             key: 1,
             onChange: se
-          })) : E("", !0)
+          })) : z("", !0)
         ]),
         _: 1
       }, 8, ["spinning", "tip"])
     ]));
   }
-}), tt = /* @__PURE__ */ T(et, [["__scopeId", "data-v-f810def3"]]), ot = "/api/device-relation/deviceproject/v1/project/device/video", nt = "v1", lt = ee(`/api/enterpriseright/permission/${nt}`), re = ee(`${ot}`, rt);
+}), tt = /* @__PURE__ */ x(et, [["__scopeId", "data-v-f810def3"]]), ot = "/api/device-relation/deviceproject/v1/project/device/video", nt = "v1", lt = ee(`/api/enterpriseright/permission/${nt}`), re = ee(`${ot}`, rt);
 function rt(t) {
-  const n = M() ? M().id : 1;
+  const n = j() ? j().id : 1;
   return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
 }
 function ie(t) {
@@ -571,7 +571,7 @@ const st = (t) => {
   const n = Ie();
   return `${t}?token=${n}`;
 };
-_([]);
+k([]);
 const at = /* @__PURE__ */ D({
   props: {
     deviceInfo: {
@@ -588,7 +588,7 @@ const at = /* @__PURE__ */ D({
     const {
       deviceInfo: e,
       source: r
-    } = me(t), s = _(!1), o = _(""), a = async () => {
+    } = me(t), s = k(!1), o = k(""), a = async () => {
       var g;
       if (!((g = e.value) != null && g.deviceId)) return;
       s.value = !0;
@@ -598,7 +598,7 @@ const at = /* @__PURE__ */ D({
         source: r.value
       });
       u || (o.value = st(c == null ? void 0 : c.wsFlvStreamURL)), s.value = !1;
-    }, y = (u) => {
+    }, h = (u) => {
       Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
@@ -617,20 +617,20 @@ const at = /* @__PURE__ */ D({
     };
     return K(() => {
       a();
-    }), F(() => e.value, () => {
+    }), E(() => e.value, () => {
       a();
     }, {
       deep: !0
     }), () => p(J, null, [n.default({
       videoUrl: o.value,
       loading: s.value,
-      onDirectionControl: y,
+      onDirectionControl: h,
       onZoomControl: i
     })]);
   }
 });
 function ct(t) {
-  const n = _(0), e = _(), {
+  const n = k(0), e = k(), {
     toggle: r,
     isFullscreen: s,
     exit: o
@@ -638,7 +638,7 @@ function ct(t) {
     s.value && o();
   };
   return {
-    render: () => p(Me, {
+    render: () => p(je, {
       ref: e,
       gridNum: t.gridNum,
       activeIndex: n.value,
@@ -655,17 +655,17 @@ function ct(t) {
         }, {
           default: ({
             videoUrl: g,
-            onDirectionControl: w,
+            onDirectionControl: _,
             onZoomControl: I,
-            loading: $
+            loading: M
           }) => p(tt, {
             type: "live",
-            loading: $,
+            loading: M,
             isFullscreen: s.value,
             videoUrl: g,
             title: u.deviceName,
             onClose: () => a(),
-            onDirectionControl: w,
+            onDirectionControl: _,
             onZoomControl: I,
             authType: u.authType === 2 ? ["control"] : []
           }, null)
@@ -685,10 +685,10 @@ const ut = /* @__PURE__ */ D({
   },
   emits: ["update:visible"],
   setup(t, { emit: n }) {
-    const e = t, r = n, s = x({
+    const e = t, r = n, s = P({
       get: () => e.visible,
       set: (i) => r("update:visible", i)
-    }), { render: o, toggleFullscreen: a } = ct(e), y = x(() => {
+    }), { render: o, toggleFullscreen: a } = ct(e), h = P(() => {
       let i = {};
       switch (e.gridNum) {
         case 1:
@@ -703,10 +703,10 @@ const ut = /* @__PURE__ */ D({
       }
       return i;
     });
-    return (i, u) => (C(), N(l(ye), {
+    return (i, u) => (C(), O(l(he), {
       size: "mini",
       title: l(m)("视频监控"),
-      "custom-class": `das-linakge-video-dialog ${y.value}`,
+      "custom-class": `das-linakge-video-dialog ${h.value}`,
       modelValue: s.value,
       "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
       bodyStyle: { padding: 0 },
@@ -717,13 +717,13 @@ const ut = /* @__PURE__ */ D({
     }, {
       header: f(() => [
         v("div", null, [
-          v("span", null, V(l(m)("视频监控")), 1)
+          v("span", null, U(l(m)("视频监控")), 1)
         ]),
-        p(l(h), {
+        p(l(w), {
           content: l(m)("页面全屏")
         }, {
           default: f(() => [
-            p(l(ke), {
+            p(l(ye), {
               class: "icon",
               color: "#999",
               onClick: l(a)
@@ -733,37 +733,37 @@ const ut = /* @__PURE__ */ D({
         }, 8, ["content"])
       ]),
       default: f(() => [
-        s.value ? (C(), N(l(o), { key: 0 })) : E("", !0)
+        s.value ? (C(), O(l(o), { key: 0 })) : z("", !0)
       ]),
       _: 1
     }, 8, ["title", "custom-class", "modelValue"]));
   }
 }), dt = {
-  加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" },
-  正在实时预览: { "zh-CN": "正在实时预览", en: "Real-time Video", _appCode: "framework" },
-  声音: { "zh-CN": "声音", en: "Sound", _appCode: "framework" },
-  截图: { "zh-CN": "截图", en: "Screenshot", _appCode: "framework" },
-  聚焦: { "zh-CN": "聚焦", en: "Focus", _appCode: "framework" },
-  方向控制: { "zh-CN": "方向控制", en: "Direction Control", _appCode: "framework" },
-  左上: { "zh-CN": "左上", en: "Top Left", _appCode: "framework" },
-  上: { "zh-CN": "上", en: "Up", _appCode: "framework" },
-  右上: { "zh-CN": "右上", en: "Top Right", _appCode: "framework" },
-  左: { "zh-CN": "左", en: "Left", _appCode: "framework" },
-  自动: { "zh-CN": "自动", en: "Auto", _appCode: "framework" },
-  右: { "zh-CN": "右", en: "Right", _appCode: "framework" },
-  左下: { "zh-CN": "左下", en: "Bottom Left", _appCode: "framework" },
-  下: { "zh-CN": "下", en: "Down", _appCode: "framework" },
-  右下: { "zh-CN": "右下", en: "Bottom Right", _appCode: "framework" },
-  视频监控: { "zh-CN": "视频监控", en: "Video Surveillance", _appCode: "framework" },
-  页面全屏: { "zh-CN": "页面全屏", en: "Full Screen", _appCode: "framework" },
-  "加载中...": { "zh-CN": "加载中...", en: "Loading...", _appCode: "framework" },
-  "聚焦-": { "zh-CN": "聚焦-", en: "Focus-", _appCode: "framework" },
-  "聚焦+": { "zh-CN": "聚焦+", en: "Focus+", _appCode: "framework" }
+  加载中: { "zh-CN": "加载中", en: "Loading", "zh-MO": "加載中", _appCode: "framework" },
+  正在实时预览: { "zh-CN": "正在实时预览", en: "Real-time Video", "zh-MO": "正在實時預覽", _appCode: "framework" },
+  声音: { "zh-CN": "声音", en: "Sound", "zh-MO": "聲音", _appCode: "framework" },
+  截图: { "zh-CN": "截图", en: "Screenshot", "zh-MO": "截圖", _appCode: "framework" },
+  聚焦: { "zh-CN": "聚焦", en: "Focus", "zh-MO": "聚焦", _appCode: "framework" },
+  方向控制: { "zh-CN": "方向控制", en: "Direction Control", "zh-MO": "方向控制", _appCode: "framework" },
+  左上: { "zh-CN": "左上", en: "Top Left", "zh-MO": "左上", _appCode: "framework" },
+  上: { "zh-CN": "上", en: "Up", "zh-MO": "上", _appCode: "framework" },
+  右上: { "zh-CN": "右上", en: "Top Right", "zh-MO": "右上", _appCode: "framework" },
+  左: { "zh-CN": "左", en: "Left", "zh-MO": "左", _appCode: "framework" },
+  自动: { "zh-CN": "自动", en: "Auto", "zh-MO": "自動", _appCode: "framework" },
+  右: { "zh-CN": "右", en: "Right", "zh-MO": "右", _appCode: "framework" },
+  左下: { "zh-CN": "左下", en: "Bottom Left", "zh-MO": "左下", _appCode: "framework" },
+  下: { "zh-CN": "下", en: "Down", "zh-MO": "下", _appCode: "framework" },
+  右下: { "zh-CN": "右下", en: "Bottom Right", "zh-MO": "右下", _appCode: "framework" },
+  视频监控: { "zh-CN": "视频监控", en: "Video Surveillance", "zh-MO": "視頻監控", _appCode: "framework" },
+  页面全屏: { "zh-CN": "页面全屏", en: "Full Screen", "zh-MO": "頁面全屏", _appCode: "framework" },
+  "加载中...": { "zh-CN": "加载中...", en: "Loading...", "zh-MO": "加載中...", _appCode: "framework" },
+  "聚焦-": { "zh-CN": "聚焦-", en: "Focus-", "zh-MO": "聚焦-", _appCode: "framework" },
+  "聚焦+": { "zh-CN": "聚焦+", en: "Focus+", "zh-MO": "聚焦+", _appCode: "framework" }
 };
 Ce(dt);
-const It = ge(ut), Et = () => _(null);
+const It = ge(ut), zt = () => k(null);
 export {
   It as DasVideoDialog,
-  Et as DasVideoDialogRef,
+  zt as DasVideoDialogRef,
   ct as useVideo
 };