@das-fed/ui 6.4.0-hot.9.1 → 6.4.0-test.2

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

@@ -1,57 +1,57 @@
 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 { getCurrentScope as se, onScopeDispose as re, unref as a, getCurrentInstance as ae, onMounted as ce, nextTick as P, ref as I, watch as F, defineComponent as L, useCssVars as ue, computed as x, openBlock as y, createElementBlock as D, normalizeClass as de, renderSlot as Y, createCommentVNode as b, Fragment as Z, renderList as ve, createBlock as h, withCtx as m, withModifiers as k, createVNode as v, createElementVNode as p, toDisplayString as pe } from "vue";
+import { withInstall as fe } from "@das-fed/utils/with-install/index";
+import { DasDialog as me } 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 { DasIconFullscreen2 as ge } from "@das-fed/ui/packages/icons/fullscreen-2/index";
+import { DasAutoRegisterIcon as ye, DasIcon as R } from "@das-fed/ui/packages/components/icon/index";
+import { DasLivePlayer as ke } from "@das-fed/ui/packages/components/live-player/index";
+import { DasSpin as _e } 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 { createService as K } 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 = () => {
+var M;
+const z = typeof window < "u", be = (t) => typeof t == "string", Ie = () => {
 };
-z && ((B = window == null ? void 0 : window.navigator) != null && B.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function J(t) {
+z && ((M = window == null ? void 0 : window.navigator) != null && M.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function X(t) {
   return typeof t == "function" ? t() : a(t);
 }
-function Ee(t) {
+function he(t) {
   return t;
 }
-function ee(t) {
-  return re() ? (ae(t), !0) : !1;
+function J(t) {
+  return se() ? (re(t), !0) : !1;
 }
-function Oe(t, n = !0) {
-  ce() ? Y(t) : n ? t() : L(t);
+function Ee(t, o = !0) {
+  ae() ? ce(t) : o ? t() : P(t);
 }
-function te(t) {
-  var n;
-  const e = J(t);
-  return (n = e == null ? void 0 : e.$el) != null ? n : e;
+function ee(t) {
+  var o;
+  const e = X(t);
+  return (o = e == null ? void 0 : e.$el) != null ? o : 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 Oe = z ? window : void 0, $e = z ? window.document : void 0;
+function Fe(...t) {
+  let o, e, l, r;
+  if (be(t[0]) || Array.isArray(t[0]) ? ([e, l, r] = t, o = Oe) : [o, e, l, r] = t, !o)
+    return Ie;
   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))));
+  const n = [], i = () => {
+    n.forEach((c) => c()), n.length = 0;
+  }, f = (c, g, _, E) => (c.addEventListener(g, _, E), () => c.removeEventListener(g, _, E)), s = F(() => [ee(o), X(r)], ([c, g]) => {
+    i(), c && n.push(...e.flatMap((_) => l.map((E) => f(c, _, E, g))));
   }, { immediate: !0, flush: "post" }), u = () => {
     s(), i();
   };
-  return ee(u), u;
+  return J(u), u;
 }
-function Re(t, n = !1) {
-  const e = _(), l = () => e.value = !!t();
-  return l(), Oe(l, n), e;
+function Se(t, o = !1) {
+  const e = I(), l = () => e.value = !!t();
+  return l(), Ee(l, o), 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 B = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Q = "__vueuse_ssr_handlers__";
+B[Q] = B[Q] || {};
 const A = [
   [
     "requestFullscreen",
@@ -94,38 +94,38 @@ 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);
+function te(t, o = {}) {
+  const { document: e = $e, autoExit: l = !1 } = o, r = t || (e == null ? void 0 : e.querySelector("html")), n = I(!1);
   let i = A[0];
-  const f = Re(() => {
+  const f = Se(() => {
     if (e) {
-      for (const F of A)
-        if (F[1] in e)
-          return i = F, !0;
+      for (const O of A)
+        if (O[1] in e)
+          return i = O, !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);
+  async function _() {
+    f.value && (e != null && e[c] && await e[u](), n.value = !1);
   }
   async function E() {
     if (!f.value)
       return;
-    await b();
-    const F = te(r);
-    F && (await F[s](), o.value = !0);
+    await _();
+    const O = ee(r);
+    O && (await O[s](), n.value = !0);
   }
   async function T() {
-    o.value ? await b() : await E();
+    n.value ? await _() : await E();
   }
-  return e && De(e, g, () => {
-    o.value = !!(e != null && e[c]);
-  }, !1), l && ee(b), {
+  return e && Fe(e, g, () => {
+    n.value = !!(e != null && e[c]);
+  }, !1), l && J(_), {
     isSupported: f,
-    isFullscreen: o,
+    isFullscreen: n,
     enter: E,
-    exit: b,
+    exit: _,
     toggle: T
   };
 }
@@ -133,15 +133,15 @@ var q;
 (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) => {
-  for (var e in n || (n = {}))
-    Pe.call(n, e) && W(t, e, n[e]);
+var De = Object.defineProperty, G = Object.getOwnPropertySymbols, Re = Object.prototype.hasOwnProperty, Pe = Object.prototype.propertyIsEnumerable, W = (t, o, e) => o in t ? De(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, Le = (t, o) => {
+  for (var e in o || (o = {}))
+    Re.call(o, e) && W(t, e, o[e]);
   if (G)
-    for (var e of G(n))
-      Le.call(n, e) && W(t, e, n[e]);
+    for (var e of G(o))
+      Pe.call(o, e) && W(t, e, o[e]);
   return t;
 };
-const Ne = {
+const xe = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -167,49 +167,49 @@ const Ne = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-xe({
-  linear: Ee
-}, Ne);
-const Te = /* @__PURE__ */ $({
+Le({
+  linear: he
+}, xe);
+const Ne = /* @__PURE__ */ L({
   __name: "GridItem",
   props: {
     active: { type: Boolean },
     gridNum: {}
   },
   emits: ["itemClick"],
-  setup(t, { emit: n }) {
+  setup(t, { emit: o }) {
     ue((c) => ({
       "9b3a2c32": u.value
     }));
-    const e = t, l = n, r = _(), { toggle: o, isFullscreen: i } = oe(r), f = () => {
-      r.value != document.fullscreenElement && (i.value ? (i.value = !1, L(() => {
-        o();
-      })) : o());
+    const e = t, l = o, r = I(), { toggle: n, isFullscreen: i } = te(r), f = () => {
+      r.value != document.fullscreenElement && (i.value ? (i.value = !1, P(() => {
+        n();
+      })) : n());
     }, s = () => {
       l("itemClick");
     }, u = x(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, g) => (y(), R(
+    return (c, g) => (y(), D(
       "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())
+        onDblclick: g[0] || (g[0] = (_) => f()),
+        onClick: g[1] || (g[1] = (_) => s())
       },
       [
-        Z(c.$slots, "default", {}, void 0, !0)
+        Y(c.$slots, "default", {}, void 0, !0)
       ],
       34
       /* CLASS, NEED_HYDRATION */
     ));
   }
-}), N = (t, n) => {
+}), N = (t, o) => {
   const e = t.__vccOpts || t;
-  for (const [l, r] of n)
+  for (const [l, r] of o)
     e[l] = r;
   return e;
-}, Ue = /* @__PURE__ */ N(Te, [["__scopeId", "data-v-100b67ca"]]), ze = { class: "layout-wrapper" }, je = /* @__PURE__ */ $({
+}, Te = /* @__PURE__ */ N(Ne, [["__scopeId", "data-v-100b67ca"]]), Ue = { class: "layout-wrapper" }, ze = /* @__PURE__ */ L({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -217,25 +217,25 @@ const Te = /* @__PURE__ */ $({
     showFn: {}
   },
   emits: ["update:activeIndex"],
-  setup(t, { emit: n }) {
-    const e = t, l = n, r = (o) => {
-      l("update:activeIndex", o);
+  setup(t, { emit: o }) {
+    const e = t, l = o, r = (n) => {
+      l("update:activeIndex", n);
     };
-    return (o, i) => (y(), R("div", ze, [
-      I(' :active="index === activeIndex" '),
-      (y(!0), R(
-        K,
+    return (n, i) => (y(), D("div", Ue, [
+      b(' :active="index === activeIndex" '),
+      (y(!0), D(
+        Z,
         null,
-        ve(e.gridNum, (f, s) => (y(), h(Ue, {
+        ve(e.gridNum, (f, s) => (y(), h(Te, {
           active: !1,
           "grid-num": e.gridNum,
           onItemClick: (u) => r(s)
         }, {
           default: m(() => [
-            o.showFn(s) ? Z(o.$slots, "default", {
+            n.showFn(s) ? Y(n.$slots, "default", {
               key: 0,
               index: s
-            }, void 0, !0) : I("v-if", !0)
+            }, void 0, !0) : b("v-if", !0)
           ]),
           _: 2
           /* DYNAMIC */
@@ -245,25 +245,25 @@ const Te = /* @__PURE__ */ $({
       ))
     ]));
   }
-}), Ve = /* @__PURE__ */ N(je, [["__scopeId", "data-v-661e2289"]]), Be = /* @__PURE__ */ $({
+}), je = /* @__PURE__ */ N(ze, [["__scopeId", "data-v-661e2289"]]), Ve = /* @__PURE__ */ L({
   __name: "DirectionControl",
   emits: ["change"],
-  setup(t, { emit: n }) {
-    const e = n, l = (r) => {
+  setup(t, { emit: o }) {
+    const e = o, l = (r) => {
       e("change", r);
     };
-    return (r, o) => (y(), R(
+    return (r, n) => (y(), D(
       "div",
       {
         class: "direction-control",
-        onDblclick: o[9] || (o[9] = k((i) => i.stopPropagation(), ["stop"]))
+        onDblclick: n[9] || (n[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"]))
+              onClick: n[0] || (n[0] = k((i) => l("leftUp"), ["stop"]))
             })
           ]),
           _: 1
@@ -273,7 +273,7 @@ const Te = /* @__PURE__ */ $({
           default: m(() => [
             p("div", {
               class: "icon icon-top",
-              onClick: o[1] || (o[1] = k((i) => l("up"), ["stop"]))
+              onClick: n[1] || (n[1] = k((i) => l("up"), ["stop"]))
             })
           ]),
           _: 1
@@ -283,7 +283,7 @@ const Te = /* @__PURE__ */ $({
           default: m(() => [
             p("div", {
               class: "icon icon-top-right",
-              onClick: o[2] || (o[2] = k((i) => l("rightUp"), ["stop"]))
+              onClick: n[2] || (n[2] = k((i) => l("rightUp"), ["stop"]))
             })
           ]),
           _: 1
@@ -293,7 +293,7 @@ const Te = /* @__PURE__ */ $({
           default: m(() => [
             p("div", {
               class: "icon icon-left",
-              onClick: o[3] || (o[3] = k((i) => l("left"), ["stop"]))
+              onClick: n[3] || (n[3] = k((i) => l("left"), ["stop"]))
             })
           ]),
           _: 1
@@ -303,7 +303,7 @@ const Te = /* @__PURE__ */ $({
           default: m(() => [
             p("div", {
               class: "icon icon-auto",
-              onClick: o[4] || (o[4] = k((i) => l("auto"), ["stop"]))
+              onClick: n[4] || (n[4] = k((i) => l("auto"), ["stop"]))
             })
           ]),
           _: 1
@@ -313,7 +313,7 @@ const Te = /* @__PURE__ */ $({
           default: m(() => [
             p("div", {
               class: "icon icon-right",
-              onClick: o[5] || (o[5] = k((i) => l("right"), ["stop"]))
+              onClick: n[5] || (n[5] = k((i) => l("right"), ["stop"]))
             })
           ]),
           _: 1
@@ -323,7 +323,7 @@ const Te = /* @__PURE__ */ $({
           default: m(() => [
             p("div", {
               class: "icon icon-bottom-left",
-              onClick: o[6] || (o[6] = k((i) => l("leftDown"), ["stop"]))
+              onClick: n[6] || (n[6] = k((i) => l("leftDown"), ["stop"]))
             })
           ]),
           _: 1
@@ -333,7 +333,7 @@ const Te = /* @__PURE__ */ $({
           default: m(() => [
             p("div", {
               class: "icon icon-bottom",
-              onClick: o[7] || (o[7] = k((i) => l("down"), ["stop"]))
+              onClick: n[7] || (n[7] = k((i) => l("down"), ["stop"]))
             })
           ]),
           _: 1
@@ -343,7 +343,7 @@ const Te = /* @__PURE__ */ $({
           default: m(() => [
             p("div", {
               class: "icon icon-bottom-right",
-              onClick: o[8] || (o[8] = k((i) => l("rightDown"), ["stop"]))
+              onClick: n[8] || (n[8] = k((i) => l("rightDown"), ["stop"]))
             })
           ]),
           _: 1
@@ -354,10 +354,10 @@ const Te = /* @__PURE__ */ $({
       /* NEED_HYDRATION */
     ));
   }
-}), 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 = {
+}), Me = /* @__PURE__ */ N(Ve, [["__scopeId", "data-v-ba723c84"]]), Be = { class: "video-wrapper" }, Qe = { class: "video-top" }, Ae = { class: "video-top_l" }, qe = { class: "video-title-wrapper" }, Ge = { class: "video-title" }, We = { class: "video-top_r" }, He = {
   key: 0,
   class: "play-status"
-}, Ze = { class: "video-bottom" }, Ke = { class: "video-bottom_r" }, Xe = /* @__PURE__ */ $({
+}, Ye = { class: "video-bottom" }, Ze = { class: "video-bottom_r" }, Ke = /* @__PURE__ */ L({
   __name: "index",
   props: {
     videoUrl: {},
@@ -370,64 +370,64 @@ const Te = /* @__PURE__ */ $({
     onReplay: {}
   },
   emits: ["close", "directionControl", "zoomControl"],
-  setup(t, { emit: n }) {
-    const e = t, l = n;
-    ke({
+  setup(t, { emit: o }) {
+    const e = t, l = o;
+    ye({
       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(() => {
+    const r = I(!0), n = I(), i = I(!1), f = I(), 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) => {
+    }), u = I(!1), c = I(!0), g = (d) => {
+      n.value = d, n.value.on(window.mpegts.Events.ERROR, (C) => {
       });
-    }, b = () => {
-      r.value = !r.value, o.value && (o.value.muted = r.value);
+    }, _ = () => {
+      r.value = !r.value, n.value && (n.value.muted = r.value);
     }, E = () => {
       i.value = !i.value;
-    }, T = _(""), F = () => {
+    }, T = I(""), O = () => {
       const d = 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);
+        const S = d.toDataURL("image/jpg"), ie = `【${e.title}】${we().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        if (T.value = S, "download" in document.createElement("a")) {
+          const $ = document.createElement("a");
+          $.download = ie, $.style.display = "none", $.href = S, document.body.appendChild($), document.body.appendChild(d), $.click(), URL.revokeObjectURL($.href), document.body.removeChild($), document.body.removeChild(d);
         }
       }
-    }, ie = (d) => {
+    }, le = (d) => {
       l("directionControl", d);
     }, j = (d) => {
       l("zoomControl", d);
     }, U = (d) => e.authType.includes(d);
-    return O(
+    return F(
       () => s.value,
       () => {
         s.value && s.value.addEventListener("ended", () => {
           u.value = !0, e.type === "playback" && (c.value = !1);
         });
       }
-    ), O(
+    ), F(
       () => s.value,
       () => {
-        s.value && L(() => {
+        s.value && P(() => {
           s.value.playbackRate = e.playbackRate || 1;
         });
       }
-    ), O(
-      () => o.value,
+    ), F(
+      () => n.value,
       () => {
-        o.value && L(() => {
-          o.value.muted = r.value;
+        n.value && P(() => {
+          n.value.muted = r.value;
         });
       }
-    ), O(
+    ), F(
       () => e.playbackRate,
       () => {
         s.value && (s.value.playbackRate = e.playbackRate || 1);
@@ -435,43 +435,43 @@ const Te = /* @__PURE__ */ $({
       {
         immediate: !0
       }
-    ), O(
+    ), F(
       () => e.paused,
       () => {
-        o.value && (e.paused ? o.value.pause() : o.value.play());
+        n.value && (e.paused ? n.value.pause() : n.value.play());
       }
-    ), O(
+    ), F(
       () => e.videoUrl,
       () => {
-        c.value = !1, L(() => {
+        c.value = !1, P(() => {
           c.value = !0;
         });
       }
-    ), (d, C) => (y(), R("div", Qe, [
-      v(a(be), {
+    ), (d, C) => (y(), D("div", Be, [
+      v(a(_e), {
         spinning: e.loading,
         type: "component",
         tip: "加载中..."
       }, {
         default: m(() => [
-          p("div", Ae, [
-            p("div", qe, [
-              p("div", Ge, [
+          p("div", Qe, [
+            p("div", Ae, [
+              p("div", qe, [
                 p(
                   "div",
-                  We,
+                  Ge,
                   pe(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
                   1
                   /* TEXT */
                 )
               ])
             ]),
-            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> ')
+            p("div", We, [
+              ["live"].includes(d.type) ? (y(), D("span", He, "正在实时预览")) : b("v-if", !0),
+              b(' <das-icon class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
             ])
           ]),
-          e.videoUrl && c.value ? (y(), h(a(_e), {
+          e.videoUrl && c.value ? (y(), h(a(ke), {
             key: 0,
             type: "flv",
             ref_key: "dasLivePlayerRef",
@@ -479,8 +479,8 @@ const Te = /* @__PURE__ */ $({
             muted: r.value,
             onLoaded: g,
             src: e.videoUrl
-          }, null, 8, ["muted", "src"])) : I("v-if", !0),
-          p("div", Ze, [
+          }, null, 8, ["muted", "src"])) : b("v-if", !0),
+          p("div", Ye, [
             C[3] || (C[3] = p(
               "div",
               { class: "video-bottom_l" },
@@ -488,20 +488,20 @@ const Te = /* @__PURE__ */ $({
               -1
               /* HOISTED */
             )),
-            p("div", Ke, [
+            p("div", Ze, [
               p(
                 "div",
                 {
                   class: "controls",
-                  onDblclick: C[2] || (C[2] = k((D) => D.stopPropagation(), ["stop"]))
+                  onDblclick: C[2] || (C[2] = k((S) => S.stopPropagation(), ["stop"]))
                 },
                 [
                   v(a(w), { content: "声音" }, {
                     default: m(() => [
-                      v(a(P), {
+                      v(a(R), {
                         class: "icon icon-volume",
                         icon: r.value ? "muted" : "volume",
-                        onClick: k(b, ["stop"])
+                        onClick: k(_, ["stop"])
                       }, null, 8, ["icon"])
                     ]),
                     _: 1
@@ -509,10 +509,10 @@ const Te = /* @__PURE__ */ $({
                   }),
                   v(a(w), { content: "截图" }, {
                     default: m(() => [
-                      v(a(P), {
+                      v(a(R), {
                         class: "icon icon-screenshot",
                         icon: "screenshot",
-                        onClick: k(F, ["stop"])
+                        onClick: k(O, ["stop"])
                       })
                     ]),
                     _: 1
@@ -523,46 +523,46 @@ const Te = /* @__PURE__ */ $({
                     content: "聚焦-"
                   }, {
                     default: m(() => [
-                      ["live", "polling"].includes(e.type) ? (y(), h(a(P), {
+                      ["live", "polling"].includes(e.type) ? (y(), h(a(R), {
                         key: 0,
                         class: "icon icon-shrink",
                         icon: "shrink",
-                        onClick: C[0] || (C[0] = k((D) => j("zoomOut"), ["stop"]))
-                      })) : I("v-if", !0)
+                        onClick: C[0] || (C[0] = k((S) => j("zoomOut"), ["stop"]))
+                      })) : b("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : I("v-if", !0),
+                  })) : b("v-if", !0),
                   U("control") ? (y(), h(a(w), {
                     key: 1,
                     content: "聚焦+"
                   }, {
                     default: m(() => [
-                      ["live", "polling"].includes(e.type) ? (y(), h(a(P), {
+                      ["live", "polling"].includes(e.type) ? (y(), h(a(R), {
                         key: 0,
                         class: "icon icon-enlarge",
                         icon: "enlarge",
-                        onClick: C[1] || (C[1] = k((D) => j("zoomIn"), ["stop"]))
-                      })) : I("v-if", !0)
+                        onClick: C[1] || (C[1] = k((S) => j("zoomIn"), ["stop"]))
+                      })) : b("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : I("v-if", !0),
+                  })) : b("v-if", !0),
                   U("control") ? (y(), h(a(w), {
                     key: 2,
                     content: "方向控制"
                   }, {
                     default: m(() => [
-                      ["live", "polling"].includes(e.type) ? (y(), h(a(P), {
+                      ["live", "polling"].includes(e.type) ? (y(), h(a(R), {
                         key: 0,
                         class: "icon icon-direction-control",
                         icon: "direction-control",
                         onClick: k(E, ["stop"])
-                      })) : I("v-if", !0)
+                      })) : b("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : I("v-if", !0)
+                  })) : b("v-if", !0)
                 ],
                 32
                 /* NEED_HYDRATION */
@@ -571,38 +571,38 @@ const Te = /* @__PURE__ */ $({
           ]),
           i.value ? (y(), h(Me, {
             key: 1,
-            onChange: ie
-          })) : I("v-if", !0)
+            onChange: le
+          })) : b("v-if", !0)
         ]),
         _: 1
         /* STABLE */
       }, 8, ["spinning"])
     ]));
   }
-}), 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);
+}), Xe = /* @__PURE__ */ N(Ke, [["__scopeId", "data-v-6f430425"]]), Je = "/api/device-relation/deviceproject/v1/project/device/video", et = "v1", tt = K(`/api/enterpriseright/permission/${et}`), ne = K(`${Je}`, nt);
 function nt(t) {
-  const n = V() ? V().id : 1;
-  return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
+  const o = V() ? V().id : 1;
+  return t.params || (t.params = {}), t.params.project = o, t.params.projectId = o, t;
 }
-function le(t) {
-  const n = new URLSearchParams("");
+function oe(t) {
+  const o = new URLSearchParams("");
   for (let [e, l] of Object.entries(t))
-    n.append(e, l);
-  return n.toString();
+    o.append(e, l);
+  return o.toString();
 }
 function H(t) {
-  return ne.post(`/ptz?${le(t)}`)().run();
+  return ne.post(`/ptz?${oe(t)}`)().run();
 }
-function lt(t) {
-  return ne.post(`/url/preview?${le(t)}`)().run();
+function ot(t) {
+  return ne.post(`/url/preview?${oe(t)}`)().run();
 }
-ot.post("data/device-auth");
-const it = (t) => {
-  const n = Ce();
-  return `${t}?token=${n}`;
+tt.post("data/device-auth");
+const lt = (t) => {
+  const o = Ce();
+  return `${t}?token=${o}`;
 };
-_([]);
-const st = /* @__PURE__ */ $({
+I([]);
+const it = /* @__PURE__ */ defineComponent({
   props: {
     deviceInfo: {
       type: Object,
@@ -613,21 +613,21 @@ const st = /* @__PURE__ */ $({
     }
   },
   setup(t, {
-    slots: n
+    slots: o
   }) {
     const {
       deviceInfo: e,
       source: l
-    } = fe(t), r = _(!1), o = _(""), i = async () => {
+    } = toRefs(t), r = ref(!1), n = ref(""), i = async () => {
       var g;
       if (!((g = e.value) != null && g.deviceId)) return;
       r.value = !0;
-      const [u, c] = await lt({
+      const [u, c] = await ot({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         source: l.value
       });
-      u || (o.value = it(c == null ? void 0 : c.wsFlvStreamURL)), r.value = !1;
+      u || (n.value = lt(c == null ? void 0 : c.wsFlvStreamURL)), r.value = !1;
     }, f = (u) => {
       H({
         productId: e.value.productId,
@@ -645,38 +645,38 @@ const st = /* @__PURE__ */ $({
         source: l.value || "web"
       });
     };
-    return Y(() => {
+    return onMounted(() => {
       i();
-    }), O(() => e.value, () => {
+    }), watch(() => e.value, () => {
       i();
     }, {
       deep: !0
-    }), () => v(K, null, [n.default({
-      videoUrl: o.value,
+    }), () => v(Z, null, [o.default({
+      videoUrl: n.value,
       loading: r.value,
       onDirectionControl: f,
       onZoomControl: s
     })]);
   }
 });
-function rt(t) {
-  const n = _(0), e = _(), {
+function st(t) {
+  const o = ref(0), e = ref(), {
     toggle: l,
     isFullscreen: r
-  } = oe(e);
+  } = te(e);
   return {
-    render: () => v(Ve, {
+    render: () => v(je, {
       ref: e,
       gridNum: t.gridNum,
-      activeIndex: n.value,
-      "onUpdate:activeIndex": (i) => n.value = i,
+      activeIndex: o.value,
+      "onUpdate:activeIndex": (i) => o.value = i,
       showFn: (i) => !!t.deviceList[i]
     }, {
       default: ({
         index: i
       }) => {
         const f = t.deviceList[i], s = t.source;
-        return v(st, {
+        return v(it, {
           deviceInfo: f,
           source: s
         }, {
@@ -684,10 +684,10 @@ function rt(t) {
             videoUrl: u,
             onDirectionControl: c,
             onZoomControl: g,
-            loading: b
-          }) => v(Je, {
+            loading: _
+          }) => v(Xe, {
             type: "live",
-            loading: b,
+            loading: _,
             videoUrl: u,
             title: f.deviceName,
             onDirectionControl: c,
@@ -700,7 +700,7 @@ function rt(t) {
     toggleFullscreen: l
   };
 }
-const at = /* @__PURE__ */ $({
+const rt = /* @__PURE__ */ L({
   __name: "index",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -709,11 +709,11 @@ const at = /* @__PURE__ */ $({
     source: {}
   },
   emits: ["update:visible"],
-  setup(t, { emit: n }) {
-    const e = t, l = n, r = x({
+  setup(t, { emit: o }) {
+    const e = t, l = o, r = x({
       get: () => e.visible,
       set: (s) => l("update:visible", s)
-    }), { render: o, toggleFullscreen: i } = rt(e), f = x(() => {
+    }), { render: n, toggleFullscreen: i } = st(e), f = x(() => {
       let s = {};
       switch (e.gridNum) {
         case 1:
@@ -728,7 +728,7 @@ const at = /* @__PURE__ */ $({
       }
       return s;
     });
-    return (s, u) => (y(), h(a(ge), {
+    return (s, u) => (y(), h(a(me), {
       size: "mini",
       title: "视频监控",
       "custom-class": `das-linakge-video-dialog ${f.value}`,
@@ -752,7 +752,7 @@ const at = /* @__PURE__ */ $({
         )),
         v(a(w), { content: "页面全屏" }, {
           default: m(() => [
-            v(a(ye), {
+            v(a(ge), {
               class: "icon",
               color: "#999",
               onClick: a(i)
@@ -763,15 +763,15 @@ const at = /* @__PURE__ */ $({
         })
       ]),
       default: m(() => [
-        r.value ? (y(), h(a(o), { key: 0 })) : I("v-if", !0)
+        r.value ? (y(), h(a(n), { key: 0 })) : b("v-if", !0)
       ]),
       _: 1
       /* STABLE */
     }, 8, ["custom-class", "modelValue"]));
   }
-}), bt = me(at), wt = () => _(null);
+}), _t = fe(rt), wt = () => I(null);
 export {
-  bt as DasVideoDialog,
+  _t as DasVideoDialog,
   wt as DasVideoDialogRef,
-  rt as useVideo
+  st as useVideo
 };