@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

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

@@ -1,11 +1,11 @@
 import '@das-fed/upf-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 y, watch as E, defineComponent as D, useCssVars as pe, computed as x, openBlock as g, createElementBlock as R, normalizeClass as fe, renderSlot as X, createCommentVNode as I, Fragment as J, renderList as ve, createBlock as O, withCtx as v, withModifiers as k, createVNode as p, createElementVNode as f, toDisplayString as U, 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 N, defineComponent as D, useCssVars as pe, computed as x, openBlock as h, createElementBlock as R, normalizeClass as fe, renderSlot as X, createCommentVNode as I, Fragment as J, renderList as ve, createBlock as O, withCtx as v, withModifiers as y, createVNode as p, createElementVNode as f, toDisplayString as U, toRefs as me } from "vue";
 import { withInstall as Ce } from "@das-fed/upf-utils/with-install/index";
 import { t as m, setI18nRule as ge } from "@das-fed/upf-web/packages/i18n/index";
 import { DasDialog as 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 ke } from "@das-fed/upf-ui/packages/icons/fullscreen-2/index";
-import { DasAutoRegisterIcon as ye, DasIcon as $ } from "@das-fed/upf-ui/packages/components/icon/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";
@@ -34,21 +34,21 @@ function oe(t) {
 }
 const Fe = V ? window : void 0, Se = V ? window.document : void 0;
 function Re(...t) {
-  let o, e, i, s;
-  if (ze(t[0]) || Array.isArray(t[0]) ? ([e, i, s] = t, o = Fe) : [o, e, i, s] = t, !o)
+  let o, e, i, r;
+  if (ze(t[0]) || Array.isArray(t[0]) ? ([e, i, r] = t, o = Fe) : [o, e, i, r] = t, !o)
     return Oe;
   Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
   const n = [], a = () => {
     n.forEach((c) => c()), n.length = 0;
-  }, h = (c, C, _, z) => (c.addEventListener(C, _, z), () => c.removeEventListener(C, _, z)), r = E(() => [oe(o), te(s)], ([c, C]) => {
-    a(), c && n.push(...e.flatMap((_) => i.map((z) => h(c, _, z, C))));
+  }, g = (c, C, _, z) => (c.addEventListener(C, _, z), () => c.removeEventListener(C, _, z)), s = N(() => [oe(o), te(r)], ([c, C]) => {
+    a(), c && n.push(...e.flatMap((_) => i.map((z) => g(c, _, z, C))));
   }, { immediate: !0, flush: "post" }), u = () => {
-    r(), a();
+    s(), a();
   };
   return ne(u), u;
 }
 function De(t, o = !1) {
-  const e = y(), i = () => e.value = !!t();
+  const e = k(), i = () => e.value = !!t();
   return i(), Ne(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__";
@@ -96,26 +96,26 @@ const G = [
   ]
 ];
 function le(t, o = {}) {
-  const { document: e = Se, autoExit: i = !1 } = o, s = t || (e == null ? void 0 : e.querySelector("html")), n = y(!1);
+  const { document: e = Se, autoExit: i = !1 } = o, r = t || (e == null ? void 0 : e.querySelector("html")), n = k(!1);
   let a = G[0];
-  const h = De(() => {
+  const g = De(() => {
     if (e) {
-      for (const N of G)
-        if (N[1] in e)
-          return a = N, !0;
+      for (const E of G)
+        if (E[1] in e)
+          return a = E, !0;
     } else
       return !1;
     return !1;
-  }), [r, u, c, , C] = a;
+  }), [s, u, c, , C] = a;
   async function _() {
-    h.value && (e != null && e[c] && await e[u](), n.value = !1);
+    g.value && (e != null && e[c] && await e[u](), n.value = !1);
   }
   async function z() {
-    if (!h.value)
+    if (!g.value)
       return;
     await _();
-    const N = oe(s);
-    N && (await N[r](), n.value = !0);
+    const E = oe(r);
+    E && (await E[s](), n.value = !0);
   }
   async function M() {
     n.value ? await _() : await z();
@@ -123,7 +123,7 @@ function le(t, o = {}) {
   return e && Re(e, C, () => {
     n.value = !!(e != null && e[c]);
   }, !1), i && ne(_), {
-    isSupported: h,
+    isSupported: g,
     isFullscreen: n,
     enter: z,
     exit: _,
@@ -182,21 +182,21 @@ const Te = /* @__PURE__ */ D({
     pe((c) => ({
       v9b3a2c32: u.value
     }));
-    const e = t, i = o, s = y(), { toggle: n, isFullscreen: a } = le(s), h = () => {
-      s.value != document.fullscreenElement && (a.value ? (a.value = !1, L(() => {
+    const e = t, i = o, r = k(), { toggle: n, isFullscreen: a } = le(r), g = () => {
+      r.value != document.fullscreenElement && (a.value ? (a.value = !1, L(() => {
         n();
       })) : n());
-    }, r = () => {
+    }, s = () => {
       i("itemClick");
     }, u = x(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, C) => (g(), R(
+    return (c, C) => (h(), R(
       "div",
       {
         ref_key: "containerRef",
-        ref: s,
+        ref: r,
         class: fe(["wrapper", { "is-active": e.active }]),
-        onDblclick: C[0] || (C[0] = (_) => h()),
-        onClick: C[1] || (C[1] = (_) => r())
+        onDblclick: C[0] || (C[0] = (_) => g()),
+        onClick: C[1] || (C[1] = (_) => s())
       },
       [
         X(c.$slots, "default", {}, void 0, !0)
@@ -207,8 +207,8 @@ const Te = /* @__PURE__ */ D({
   }
 }), P = (t, o) => {
   const e = t.__vccOpts || t;
-  for (const [i, s] of o)
-    e[i] = s;
+  for (const [i, r] of o)
+    e[i] = r;
   return e;
 }, Ue = /* @__PURE__ */ P(Te, [["__scopeId", "data-v-100b67ca"]]), Ve = { class: "layout-wrapper" }, Be = /* @__PURE__ */ D({
   __name: "GridLayout",
@@ -219,23 +219,23 @@ const Te = /* @__PURE__ */ D({
   },
   emits: ["update:activeIndex"],
   setup(t, { emit: o }) {
-    const e = t, i = o, s = (n) => {
+    const e = t, i = o, r = (n) => {
       i("update:activeIndex", n);
     };
-    return (n, a) => (g(), R("div", Ve, [
+    return (n, a) => (h(), R("div", Ve, [
       I(' :active="index === activeIndex" '),
-      (g(!0), R(
+      (h(!0), R(
         J,
         null,
-        ve(e.gridNum, (h, r) => (g(), O(Ue, {
+        ve(e.gridNum, (g, s) => (h(), O(Ue, {
           active: !1,
           "grid-num": e.gridNum,
-          onItemClick: (u) => s(r)
+          onItemClick: (u) => r(s)
         }, {
           default: v(() => [
-            t.showFn(r) ? X(n.$slots, "default", {
+            t.showFn(s) ? X(n.$slots, "default", {
               key: 0,
-              index: r
+              index: s
             }, void 0, !0) : I("v-if", !0)
           ]),
           _: 2
@@ -250,14 +250,14 @@ const Te = /* @__PURE__ */ D({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: o }) {
-    const e = o, i = (s) => {
-      e("change", s);
+    const e = o, i = (r) => {
+      e("change", r);
     };
-    return (s, n) => (g(), R(
+    return (r, n) => (h(), R(
       "div",
       {
         class: "direction-control",
-        onDblclick: n[9] || (n[9] = k((a) => a.stopPropagation(), ["stop"]))
+        onDblclick: n[9] || (n[9] = y((a) => a.stopPropagation(), ["stop"]))
       },
       [
         p(l(w), {
@@ -266,7 +266,7 @@ const Te = /* @__PURE__ */ D({
           default: v(() => [
             f("div", {
               class: "icon icon-top-left",
-              onClick: n[0] || (n[0] = k((a) => i("leftUp"), ["stop"]))
+              onClick: n[0] || (n[0] = y((a) => i("leftUp"), ["stop"]))
             })
           ]),
           _: 1
@@ -278,7 +278,7 @@ const Te = /* @__PURE__ */ D({
           default: v(() => [
             f("div", {
               class: "icon icon-top",
-              onClick: n[1] || (n[1] = k((a) => i("up"), ["stop"]))
+              onClick: n[1] || (n[1] = y((a) => i("up"), ["stop"]))
             })
           ]),
           _: 1
@@ -290,7 +290,7 @@ const Te = /* @__PURE__ */ D({
           default: v(() => [
             f("div", {
               class: "icon icon-top-right",
-              onClick: n[2] || (n[2] = k((a) => i("rightUp"), ["stop"]))
+              onClick: n[2] || (n[2] = y((a) => i("rightUp"), ["stop"]))
             })
           ]),
           _: 1
@@ -302,7 +302,7 @@ const Te = /* @__PURE__ */ D({
           default: v(() => [
             f("div", {
               class: "icon icon-left",
-              onClick: n[3] || (n[3] = k((a) => i("left"), ["stop"]))
+              onClick: n[3] || (n[3] = y((a) => i("left"), ["stop"]))
             })
           ]),
           _: 1
@@ -314,7 +314,7 @@ const Te = /* @__PURE__ */ D({
           default: v(() => [
             f("div", {
               class: "icon icon-auto",
-              onClick: n[4] || (n[4] = k((a) => i("auto"), ["stop"]))
+              onClick: n[4] || (n[4] = y((a) => i("auto"), ["stop"]))
             })
           ]),
           _: 1
@@ -326,7 +326,7 @@ const Te = /* @__PURE__ */ D({
           default: v(() => [
             f("div", {
               class: "icon icon-right",
-              onClick: n[5] || (n[5] = k((a) => i("right"), ["stop"]))
+              onClick: n[5] || (n[5] = y((a) => i("right"), ["stop"]))
             })
           ]),
           _: 1
@@ -338,7 +338,7 @@ const Te = /* @__PURE__ */ D({
           default: v(() => [
             f("div", {
               class: "icon icon-bottom-left",
-              onClick: n[6] || (n[6] = k((a) => i("leftDown"), ["stop"]))
+              onClick: n[6] || (n[6] = y((a) => i("leftDown"), ["stop"]))
             })
           ]),
           _: 1
@@ -350,7 +350,7 @@ const Te = /* @__PURE__ */ D({
           default: v(() => [
             f("div", {
               class: "icon icon-bottom",
-              onClick: n[7] || (n[7] = k((a) => i("down"), ["stop"]))
+              onClick: n[7] || (n[7] = y((a) => i("down"), ["stop"]))
             })
           ]),
           _: 1
@@ -362,7 +362,7 @@ const Te = /* @__PURE__ */ D({
           default: v(() => [
             f("div", {
               class: "icon icon-bottom-right",
-              onClick: n[8] || (n[8] = k((a) => i("rightDown"), ["stop"]))
+              onClick: n[8] || (n[8] = y((a) => i("rightDown"), ["stop"]))
             })
           ]),
           _: 1
@@ -392,29 +392,29 @@ const Te = /* @__PURE__ */ D({
   emits: ["close", "directionControl", "zoomControl"],
   setup(t, { emit: o }) {
     const e = t, i = o;
-    ye({
+    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 = y(!0), n = y(), a = y(!1), h = y(), r = x(() => {
+    const r = k(!0), n = k(), a = k(!1), g = k(), s = x(() => {
       var d;
-      return (d = h.value) == null ? void 0 : d.video;
-    }), u = y(!1), c = y(!0), C = (d) => {
+      return (d = g.value) == null ? void 0 : d.video;
+    }), u = k(!1), c = k(!0), C = (d) => {
       n.value = d, n.value.on(window.mpegts.Events.ERROR, (b) => {
       });
     }, _ = () => {
-      s.value = !s.value, n.value && (n.value.muted = s.value);
+      r.value = !r.value, n.value && (n.value.muted = r.value);
     }, z = () => {
       a.value = !a.value;
-    }, M = y(""), N = () => {
+    }, M = k(""), E = () => {
       const d = document.createElement("canvas");
-      if (r.value) {
-        d.width = r.value.clientWidth, d.height = r.value.clientHeight;
+      if (s.value) {
+        d.width = s.value.clientWidth, d.height = s.value.clientHeight;
         const b = d.getContext("2d");
-        b == null || b.drawImage(r.value, 0, 0, d.width, d.height);
+        b == null || b.drawImage(s.value, 0, 0, d.width, d.height);
         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");
@@ -426,48 +426,48 @@ const Te = /* @__PURE__ */ D({
     }, B = (d) => {
       i("zoomControl", d);
     }, T = (d) => e.authType.includes(d);
-    return E(
-      () => r.value,
+    return N(
+      () => s.value,
       () => {
-        r.value && r.value.addEventListener("ended", () => {
+        s.value && s.value.addEventListener("ended", () => {
           u.value = !0, e.type === "playback" && (c.value = !1);
         });
       }
-    ), E(
-      () => r.value,
+    ), N(
+      () => s.value,
       () => {
-        r.value && L(() => {
-          r.value.playbackRate = e.playbackRate || 1;
+        s.value && L(() => {
+          s.value.playbackRate = e.playbackRate || 1;
         });
       }
-    ), E(
+    ), N(
       () => n.value,
       () => {
         n.value && L(() => {
-          n.value.muted = s.value;
+          n.value.muted = r.value;
         });
       }
-    ), E(
+    ), N(
       () => e.playbackRate,
       () => {
-        r.value && (r.value.playbackRate = e.playbackRate || 1);
+        s.value && (s.value.playbackRate = e.playbackRate || 1);
       },
       {
         immediate: !0
       }
-    ), E(
+    ), N(
       () => e.paused,
       () => {
         n.value && (e.paused ? n.value.pause() : n.value.play());
       }
-    ), E(
+    ), N(
       () => e.videoUrl,
       () => {
         c.value = !1, L(() => {
           c.value = !0;
         });
       }
-    ), (d, b) => (g(), R("div", qe, [
+    ), (d, b) => (h(), R("div", qe, [
       p(l(we), {
         spinning: e.loading,
         type: "component",
@@ -487,7 +487,7 @@ const Te = /* @__PURE__ */ D({
               ])
             ]),
             f("div", Ze, [
-              ["live"].includes(t.type) ? (g(), R(
+              ["live"].includes(t.type) ? (h(), R(
                 "span",
                 Ke,
                 U(l(m)("正在实时预览")),
@@ -497,12 +497,12 @@ const Te = /* @__PURE__ */ D({
               I(' <das-icon v-if="isFullscreen" class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
             ])
           ]),
-          e.videoUrl && c.value ? (g(), O(l(_e), {
+          e.videoUrl && c.value ? (h(), O(l(_e), {
             key: 0,
             type: "flv",
             ref_key: "dasLivePlayerRef",
-            ref: h,
-            muted: s.value,
+            ref: g,
+            muted: r.value,
             onLoaded: C,
             src: e.videoUrl
           }, null, 8, ["muted", "src"])) : I("v-if", !0),
@@ -519,7 +519,7 @@ const Te = /* @__PURE__ */ D({
                 "div",
                 {
                   class: "controls",
-                  onDblclick: b[2] || (b[2] = k((S) => S.stopPropagation(), ["stop"]))
+                  onDblclick: b[2] || (b[2] = y((S) => S.stopPropagation(), ["stop"]))
                 },
                 [
                   p(l(w), {
@@ -528,8 +528,8 @@ const Te = /* @__PURE__ */ D({
                     default: v(() => [
                       p(l($), {
                         class: "icon icon-volume",
-                        icon: s.value ? "muted" : "volume",
-                        onClick: k(_, ["stop"])
+                        icon: r.value ? "muted" : "volume",
+                        onClick: y(_, ["stop"])
                       }, null, 8, ["icon"])
                     ]),
                     _: 1
@@ -542,52 +542,52 @@ const Te = /* @__PURE__ */ D({
                       p(l($), {
                         class: "icon icon-screenshot",
                         icon: "screenshot",
-                        onClick: k(N, ["stop"])
+                        onClick: y(E, ["stop"])
                       })
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"]),
-                  T("control") ? (g(), O(l(w), {
+                  T("control") ? (h(), O(l(w), {
                     key: 0,
                     content: l(m)("聚焦-")
                   }, {
                     default: v(() => [
-                      ["live", "polling"].includes(e.type) ? (g(), O(l($), {
+                      ["live", "polling"].includes(e.type) ? (h(), O(l($), {
                         key: 0,
                         class: "icon icon-shrink",
                         icon: "shrink",
-                        onClick: b[0] || (b[0] = k((S) => B("zoomOut"), ["stop"]))
+                        onClick: b[0] || (b[0] = y((S) => B("zoomOut"), ["stop"]))
                       })) : I("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : I("v-if", !0),
-                  T("control") ? (g(), O(l(w), {
+                  T("control") ? (h(), O(l(w), {
                     key: 1,
                     content: l(m)("聚焦+")
                   }, {
                     default: v(() => [
-                      ["live", "polling"].includes(e.type) ? (g(), O(l($), {
+                      ["live", "polling"].includes(e.type) ? (h(), O(l($), {
                         key: 0,
                         class: "icon icon-enlarge",
                         icon: "enlarge",
-                        onClick: b[1] || (b[1] = k((S) => B("zoomIn"), ["stop"]))
+                        onClick: b[1] || (b[1] = y((S) => B("zoomIn"), ["stop"]))
                       })) : I("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : I("v-if", !0),
-                  T("control") ? (g(), O(l(w), {
+                  T("control") ? (h(), O(l(w), {
                     key: 2,
                     content: l(m)("方向控制")
                   }, {
                     default: v(() => [
-                      ["live", "polling"].includes(e.type) ? (g(), O(l($), {
+                      ["live", "polling"].includes(e.type) ? (h(), O(l($), {
                         key: 0,
                         class: "icon icon-direction-control",
                         icon: "direction-control",
-                        onClick: k(z, ["stop"])
+                        onClick: y(z, ["stop"])
                       })) : I("v-if", !0)
                     ]),
                     _: 1
@@ -599,7 +599,7 @@ const Te = /* @__PURE__ */ D({
               )
             ])
           ]),
-          a.value ? (g(), O(Qe, {
+          a.value ? (h(), O(Qe, {
             key: 1,
             onChange: se
           })) : I("v-if", !0)
@@ -631,7 +631,7 @@ const st = (t) => {
   const o = Ie();
   return `${t}?token=${o}`;
 };
-y([]);
+k([]);
 const at = /* @__PURE__ */ D({
   props: {
     deviceInfo: {
@@ -648,17 +648,17 @@ const at = /* @__PURE__ */ D({
     const {
       deviceInfo: e,
       source: i
-    } = me(t), s = y(!1), n = y(""), a = async () => {
+    } = me(t), r = k(!1), n = k(""), a = async () => {
       var C;
       if (!((C = e.value) != null && C.deviceId)) return;
-      s.value = !0;
+      r.value = !0;
       const [u, c] = await rt({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         source: i.value
       });
-      u || (n.value = st(c == null ? void 0 : c.wsFlvStreamURL)), s.value = !1;
-    }, h = (u) => {
+      u || (n.value = st(c == null ? void 0 : c.wsFlvStreamURL)), r.value = !1;
+    }, g = (u) => {
       Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
@@ -666,7 +666,7 @@ const at = /* @__PURE__ */ D({
         zoom: "",
         source: i.value || "web"
       });
-    }, r = (u) => {
+    }, s = (u) => {
       Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
@@ -677,62 +677,62 @@ const at = /* @__PURE__ */ D({
     };
     return K(() => {
       a();
-    }), E(() => e.value, () => {
+    }), N(() => e.value, () => {
       a();
     }, {
       deep: !0
     }), () => p(J, null, [o.default({
       videoUrl: n.value,
-      loading: s.value,
-      onDirectionControl: h,
-      onZoomControl: r
+      loading: r.value,
+      onDirectionControl: g,
+      onZoomControl: s
     })]);
   }
 });
 function ct(t) {
-  const o = y(0), e = y(), {
-    toggle: i,
-    isFullscreen: s,
-    exit: n
-  } = le(e), a = (r, u) => {
-    s.value && n();
+  const o = k(0), e = k(null), i = je, {
+    toggle: r,
+    isFullscreen: n,
+    exit: a
+  } = le(e), g = (u, c) => {
+    n.value && a();
   };
   return {
-    render: () => p(je, {
+    render: () => p(i, {
       ref: e,
       gridNum: t.gridNum,
       activeIndex: o.value,
-      "onUpdate:activeIndex": (r) => o.value = r,
-      showFn: (r) => !!t.deviceList[r]
+      "onUpdate:activeIndex": (u) => o.value = u,
+      showFn: (u) => !!t.deviceList[u]
     }, {
       default: ({
-        index: r
+        index: u
       }) => {
-        const u = t.deviceList[r], c = t.source;
+        const c = t.deviceList[u], C = t.source;
         return p(at, {
-          deviceInfo: u,
-          source: c
+          deviceInfo: c,
+          source: C
         }, {
           default: ({
-            videoUrl: C,
-            onDirectionControl: _,
-            onZoomControl: z,
-            loading: M
+            videoUrl: _,
+            onDirectionControl: z,
+            onZoomControl: M,
+            loading: E
           }) => p(tt, {
             type: "live",
-            loading: M,
-            isFullscreen: s.value,
-            videoUrl: C,
-            title: u.deviceName,
-            onClose: () => a(),
-            onDirectionControl: _,
-            onZoomControl: z,
-            authType: u.authType === 2 ? ["control"] : []
+            loading: E,
+            isFullscreen: n.value,
+            videoUrl: _,
+            title: c.deviceName,
+            onClose: () => g(),
+            onDirectionControl: z,
+            onZoomControl: M,
+            authType: c.authType === 2 ? ["control"] : []
           }, null)
         });
       }
     }),
-    toggleFullscreen: i
+    toggleFullscreen: r
   };
 }
 const ut = /* @__PURE__ */ D({
@@ -745,30 +745,30 @@ const ut = /* @__PURE__ */ D({
   },
   emits: ["update:visible"],
   setup(t, { emit: o }) {
-    const e = t, i = o, s = x({
+    const e = t, i = o, r = x({
       get: () => e.visible,
-      set: (r) => i("update:visible", r)
-    }), { render: n, toggleFullscreen: a } = ct(e), h = x(() => {
-      let r = {};
+      set: (s) => i("update:visible", s)
+    }), { render: n, toggleFullscreen: a } = ct(e), g = x(() => {
+      let s = {};
       switch (e.gridNum) {
         case 1:
-          r = "one-video";
+          s = "one-video";
           break;
         case 4:
-          r = "four-video";
+          s = "four-video";
           break;
         case 9:
-          r = "nine-video";
+          s = "nine-video";
           break;
       }
-      return r;
+      return s;
     });
-    return (r, u) => (g(), O(l(he), {
+    return (s, u) => (h(), O(l(he), {
       size: "mini",
       title: l(m)("视频监控"),
-      "custom-class": `das-linakge-video-dialog ${h.value}`,
-      modelValue: s.value,
-      "onUpdate:modelValue": u[0] || (u[0] = (c) => s.value = c),
+      "custom-class": `das-linakge-video-dialog ${g.value}`,
+      modelValue: r.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
       bodyStyle: { padding: 0 },
       "close-on-click-modal": !1,
       "close-on-press-escape": !1,
@@ -789,7 +789,7 @@ const ut = /* @__PURE__ */ D({
           content: l(m)("页面全屏")
         }, {
           default: v(() => [
-            p(l(ke), {
+            p(l(ye), {
               class: "icon",
               color: "#999",
               onClick: l(a)
@@ -800,7 +800,7 @@ const ut = /* @__PURE__ */ D({
         }, 8, ["content"])
       ]),
       default: v(() => [
-        s.value ? (g(), O(l(n), { key: 0 })) : I("v-if", !0)
+        r.value ? (h(), O(l(n), { key: 0 })) : I("v-if", !0)
       ]),
       _: 1
       /* STABLE */
@@ -829,7 +829,7 @@ const ut = /* @__PURE__ */ D({
   "聚焦+": { "zh-CN": "聚焦+", en: "Focus+", "zh-MO": "聚焦+", _appCode: "framework" }
 };
 ge(dt);
-const It = Ce(ut), zt = () => y(null);
+const It = Ce(ut), zt = () => k(null);
 export {
   It as DasVideoDialog,
   zt as DasVideoDialogRef,