@das-fed/ui 6.4.0-hot.23 → 6.4.0-hot.24

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

@@ -1,59 +1,59 @@
 import '@das-fed/ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as ce, onScopeDispose as ue, unref as a, getCurrentInstance as de, onMounted as Z, nextTick as L, ref as _, watch as O, defineComponent as $, useCssVars as ve, computed as x, openBlock as y, createElementBlock as R, normalizeClass as pe, renderSlot as K, createCommentVNode as I, Fragment as X, renderList as fe, createBlock as h, withCtx as m, withModifiers as k, createVNode as v, createElementVNode as p, toDisplayString as J, toRefs as me } from "vue";
+import { getCurrentScope as ce, onScopeDispose as ue, unref as l, getCurrentInstance as de, onMounted as K, nextTick as x, ref as b, watch as F, defineComponent as P, useCssVars as ve, computed as N, openBlock as k, createElementBlock as $, normalizeClass as pe, renderSlot as X, createCommentVNode as h, Fragment as J, renderList as fe, createBlock as E, withCtx as m, withModifiers as _, createVNode as v, createElementVNode as p, toDisplayString as j, toRefs as me } from "vue";
 import { withInstall as ge } from "@das-fed/utils/with-install/index";
-import { t as z } from "@das-fed/web/packages/i18n/index";
+import { t as g } from "@das-fed/web/packages/i18n/index";
 import { DasDialog as ye } from "@das-fed/ui/packages/components/dialog/index";
 import { DasTooltip as C } from "@das-fed/ui/packages/components/tooltip/index";
 import { DasIconFullscreen2 as ke } from "@das-fed/ui/packages/icons/fullscreen-2/index";
-import { DasAutoRegisterIcon as _e, DasIcon as P } from "@das-fed/ui/packages/components/icon/index";
-import { DasLivePlayer as we } from "@das-fed/ui/packages/components/live-player/index";
-import { DasSpin as Ce } from "@das-fed/ui/packages/components/spin/index";
-import be from "dayjs";
+import { DasAutoRegisterIcon as _e, DasIcon as L } from "@das-fed/ui/packages/components/icon/index";
+import { DasLivePlayer as be } from "@das-fed/ui/packages/components/live-player/index";
+import { DasSpin as we } from "@das-fed/ui/packages/components/spin/index";
+import Ce from "dayjs";
 import { createService as ee } from "@das-fed/utils/api-services/src/create-service";
-import { getProjectInfo as B, getToken as Ie } from "@das-fed/utils/common-info";
-var M;
-const j = typeof window < "u", he = (t) => typeof t == "string", Ee = () => {
+import { getProjectInfo as M, getToken as Ie } from "@das-fed/utils/common-info";
+var Q;
+const V = typeof window < "u", he = (t) => typeof t == "string", Ee = () => {
 };
-j && ((M = window == null ? void 0 : window.navigator) != null && M.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+V && ((Q = window == null ? void 0 : window.navigator) != null && Q.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function te(t) {
-  return typeof t == "function" ? t() : a(t);
+  return typeof t == "function" ? t() : l(t);
 }
 function Oe(t) {
   return t;
 }
-function oe(t) {
+function ne(t) {
   return ce() ? (ue(t), !0) : !1;
 }
-function Fe(t, n = !0) {
-  de() ? Z(t) : n ? t() : L(t);
+function Fe(t, o = !0) {
+  de() ? K(t) : o ? t() : x(t);
 }
-function ne(t) {
-  var n;
+function oe(t) {
+  var o;
   const e = te(t);
-  return (n = e == null ? void 0 : e.$el) != null ? n : e;
+  return (o = e == null ? void 0 : e.$el) != null ? o : e;
 }
-const Se = j ? window : void 0, De = j ? window.document : void 0;
+const Se = V ? window : void 0, De = V ? window.document : void 0;
 function Re(...t) {
-  let n, e, l, r;
-  if (he(t[0]) || Array.isArray(t[0]) ? ([e, l, r] = t, n = Se) : [n, e, l, r] = t, !n)
+  let o, e, i, a;
+  if (he(t[0]) || Array.isArray(t[0]) ? ([e, i, a] = t, o = Se) : [o, e, i, a] = t, !o)
     return Ee;
-  Array.isArray(e) || (e = [e]), Array.isArray(l) || (l = [l]);
-  const o = [], i = () => {
-    o.forEach((c) => c()), o.length = 0;
-  }, f = (c, g, w, E) => (c.addEventListener(g, w, E), () => c.removeEventListener(g, w, E)), s = O(() => [ne(n), te(r)], ([c, g]) => {
-    i(), c && o.push(...e.flatMap((w) => l.map((E) => f(c, w, E, g))));
+  Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
+  const n = [], s = () => {
+    n.forEach((c) => c()), n.length = 0;
+  }, f = (c, y, w, O) => (c.addEventListener(y, w, O), () => c.removeEventListener(y, w, O)), r = F(() => [oe(o), te(a)], ([c, y]) => {
+    s(), c && n.push(...e.flatMap((w) => i.map((O) => f(c, w, O, y))));
   }, { immediate: !0, flush: "post" }), d = () => {
-    s(), i();
+    r(), s();
   };
-  return oe(d), d;
+  return ne(d), d;
 }
-function $e(t, n = !1) {
-  const e = _(), l = () => e.value = !!t();
-  return l(), Fe(l, n), e;
+function $e(t, o = !1) {
+  const e = b(), i = () => e.value = !!t();
+  return i(), Fe(i, o), e;
 }
-const Q = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, A = "__vueuse_ssr_handlers__";
-Q[A] = Q[A] || {};
-const q = [
+const A = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, q = "__vueuse_ssr_handlers__";
+A[q] = A[q] || {};
+const G = [
   [
     "requestFullscreen",
     "exitFullscreen",
@@ -95,51 +95,51 @@ const q = [
     "MSFullscreenError"
   ]
 ];
-function le(t, n = {}) {
-  const { document: e = De, autoExit: l = !1 } = n, r = t || (e == null ? void 0 : e.querySelector("html")), o = _(!1);
-  let i = q[0];
+function le(t, o = {}) {
+  const { document: e = De, autoExit: i = !1 } = o, a = t || (e == null ? void 0 : e.querySelector("html")), n = b(!1);
+  let s = G[0];
   const f = $e(() => {
     if (e) {
-      for (const F of q)
-        if (F[1] in e)
-          return i = F, !0;
+      for (const S of G)
+        if (S[1] in e)
+          return s = S, !0;
     } else
       return !1;
     return !1;
-  }), [s, d, c, , g] = i;
+  }), [r, d, c, , y] = s;
   async function w() {
-    f.value && (e != null && e[c] && await e[d](), o.value = !1);
+    f.value && (e != null && e[c] && await e[d](), n.value = !1);
   }
-  async function E() {
+  async function O() {
     if (!f.value)
       return;
     await w();
-    const F = ne(r);
-    F && (await F[s](), o.value = !0);
+    const S = oe(a);
+    S && (await S[r](), n.value = !0);
   }
-  async function T() {
-    o.value ? await w() : await E();
+  async function U() {
+    n.value ? await w() : await O();
   }
-  return e && Re(e, g, () => {
-    o.value = !!(e != null && e[c]);
-  }, !1), l && oe(w), {
+  return e && Re(e, y, () => {
+    n.value = !!(e != null && e[c]);
+  }, !1), i && ne(w), {
     isSupported: f,
-    isFullscreen: o,
-    enter: E,
+    isFullscreen: n,
+    enter: O,
     exit: w,
-    toggle: T
+    toggle: U
   };
 }
-var G;
+var W;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
-})(G || (G = {}));
-var Pe = Object.defineProperty, W = Object.getOwnPropertySymbols, Le = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable, H = (t, n, e) => n in t ? Pe(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, Ne = (t, n) => {
-  for (var e in n || (n = {}))
-    Le.call(n, e) && H(t, e, n[e]);
-  if (W)
-    for (var e of W(n))
-      xe.call(n, e) && H(t, e, n[e]);
+})(W || (W = {}));
+var Pe = Object.defineProperty, H = Object.getOwnPropertySymbols, Le = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable, Y = (t, o, e) => o in t ? Pe(t, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[o] = e, Ne = (t, o) => {
+  for (var e in o || (o = {}))
+    Le.call(o, e) && Y(t, e, o[e]);
+  if (H)
+    for (var e of H(o))
+      xe.call(o, e) && Y(t, e, o[e]);
   return t;
 };
 const Te = {
@@ -171,46 +171,46 @@ const Te = {
 Ne({
   linear: Oe
 }, Te);
-const Ue = /* @__PURE__ */ $({
+const Ue = /* @__PURE__ */ P({
   __name: "GridItem",
   props: {
     active: { type: Boolean },
     gridNum: {}
   },
   emits: ["itemClick"],
-  setup(t, { emit: n }) {
+  setup(t, { emit: o }) {
     ve((c) => ({
       "40d17f34": d.value
     }));
-    const e = t, l = n, r = _(), { toggle: o, isFullscreen: i } = le(r), f = () => {
-      r.value != document.fullscreenElement && (i.value ? (i.value = !1, L(() => {
-        o();
-      })) : o());
-    }, s = () => {
-      l("itemClick");
-    }, d = x(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, g) => (y(), R(
+    const e = t, i = o, a = b(), { toggle: n, isFullscreen: s } = le(a), f = () => {
+      a.value != document.fullscreenElement && (s.value ? (s.value = !1, x(() => {
+        n();
+      })) : n());
+    }, r = () => {
+      i("itemClick");
+    }, d = N(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
+    return (c, y) => (k(), $(
       "div",
       {
         ref_key: "containerRef",
-        ref: r,
+        ref: a,
         class: pe(["wrapper", { "is-active": e.active }]),
-        onDblclick: g[0] || (g[0] = (w) => f()),
-        onClick: g[1] || (g[1] = (w) => s())
+        onDblclick: y[0] || (y[0] = (w) => f()),
+        onClick: y[1] || (y[1] = (w) => r())
       },
       [
-        K(c.$slots, "default", {}, void 0, !0)
+        X(c.$slots, "default", {}, void 0, !0)
       ],
       34
       /* CLASS, NEED_HYDRATION */
     ));
   }
-}), N = (t, n) => {
+}), T = (t, o) => {
   const e = t.__vccOpts || t;
-  for (const [l, r] of n)
-    e[l] = r;
+  for (const [i, a] of o)
+    e[i] = a;
   return e;
-}, ze = /* @__PURE__ */ N(Ue, [["__scopeId", "data-v-1a6dbdfc"]]), je = { class: "layout-wrapper" }, Ve = /* @__PURE__ */ $({
+}, ze = /* @__PURE__ */ T(Ue, [["__scopeId", "data-v-1a6dbdfc"]]), je = { class: "layout-wrapper" }, Ve = /* @__PURE__ */ P({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -218,25 +218,25 @@ const Ue = /* @__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, i = o, a = (n) => {
+      i("update:activeIndex", n);
     };
-    return (o, i) => (y(), R("div", je, [
-      I(' :active="index === activeIndex" '),
-      (y(!0), R(
-        X,
+    return (n, s) => (k(), $("div", je, [
+      h(' :active="index === activeIndex" '),
+      (k(!0), $(
+        J,
         null,
-        fe(e.gridNum, (f, s) => (y(), h(ze, {
+        fe(e.gridNum, (f, r) => (k(), E(ze, {
           active: !1,
           "grid-num": e.gridNum,
-          onItemClick: (d) => r(s)
+          onItemClick: (d) => a(r)
         }, {
           default: m(() => [
-            o.showFn(s) ? K(o.$slots, "default", {
+            n.showFn(r) ? X(n.$slots, "default", {
               key: 0,
-              index: s
-            }, void 0, !0) : I("v-if", !0)
+              index: r
+            }, void 0, !0) : h("v-if", !0)
           ]),
           _: 2
           /* DYNAMIC */
@@ -246,119 +246,137 @@ const Ue = /* @__PURE__ */ $({
       ))
     ]));
   }
-}), Be = /* @__PURE__ */ N(Ve, [["__scopeId", "data-v-6c66f7ad"]]), Me = /* @__PURE__ */ $({
+}), Be = /* @__PURE__ */ T(Ve, [["__scopeId", "data-v-6c66f7ad"]]), Me = /* @__PURE__ */ P({
   __name: "DirectionControl",
   emits: ["change"],
-  setup(t, { emit: n }) {
-    const e = n, l = (r) => {
-      e("change", r);
+  setup(t, { emit: o }) {
+    const e = o, i = (a) => {
+      e("change", a);
     };
-    return (r, o) => (y(), R(
+    return (a, n) => (k(), $(
       "div",
       {
         class: "direction-control",
-        onDblclick: o[9] || (o[9] = k((i) => i.stopPropagation(), ["stop"]))
+        onDblclick: n[9] || (n[9] = _((s) => s.stopPropagation(), ["stop"]))
       },
       [
-        v(a(C), { content: "左上" }, {
+        v(l(C), {
+          content: l(g)("左上")
+        }, {
           default: m(() => [
             p("div", {
               class: "icon icon-top-left",
-              onClick: o[0] || (o[0] = k((i) => l("leftUp"), ["stop"]))
+              onClick: n[0] || (n[0] = _((s) => i("leftUp"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
-        }),
-        v(a(C), { content: "上" }, {
+        }, 8, ["content"]),
+        v(l(C), {
+          content: l(g)("上")
+        }, {
           default: m(() => [
             p("div", {
               class: "icon icon-top",
-              onClick: o[1] || (o[1] = k((i) => l("up"), ["stop"]))
+              onClick: n[1] || (n[1] = _((s) => i("up"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
-        }),
-        v(a(C), { content: "右上" }, {
+        }, 8, ["content"]),
+        v(l(C), {
+          content: l(g)("右上")
+        }, {
           default: m(() => [
             p("div", {
               class: "icon icon-top-right",
-              onClick: o[2] || (o[2] = k((i) => l("rightUp"), ["stop"]))
+              onClick: n[2] || (n[2] = _((s) => i("rightUp"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
-        }),
-        v(a(C), { content: "左" }, {
+        }, 8, ["content"]),
+        v(l(C), {
+          content: l(g)("左")
+        }, {
           default: m(() => [
             p("div", {
               class: "icon icon-left",
-              onClick: o[3] || (o[3] = k((i) => l("left"), ["stop"]))
+              onClick: n[3] || (n[3] = _((s) => i("left"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
-        }),
-        v(a(C), { content: "自动" }, {
+        }, 8, ["content"]),
+        v(l(C), {
+          content: l(g)("自动")
+        }, {
           default: m(() => [
             p("div", {
               class: "icon icon-auto",
-              onClick: o[4] || (o[4] = k((i) => l("auto"), ["stop"]))
+              onClick: n[4] || (n[4] = _((s) => i("auto"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
-        }),
-        v(a(C), { content: "右" }, {
+        }, 8, ["content"]),
+        v(l(C), {
+          content: l(g)("右")
+        }, {
           default: m(() => [
             p("div", {
               class: "icon icon-right",
-              onClick: o[5] || (o[5] = k((i) => l("right"), ["stop"]))
+              onClick: n[5] || (n[5] = _((s) => i("right"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
-        }),
-        v(a(C), { content: "左下" }, {
+        }, 8, ["content"]),
+        v(l(C), {
+          content: l(g)("左下")
+        }, {
           default: m(() => [
             p("div", {
               class: "icon icon-bottom-left",
-              onClick: o[6] || (o[6] = k((i) => l("leftDown"), ["stop"]))
+              onClick: n[6] || (n[6] = _((s) => i("leftDown"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
-        }),
-        v(a(C), { content: "下" }, {
+        }, 8, ["content"]),
+        v(l(C), {
+          content: l(g)("下")
+        }, {
           default: m(() => [
             p("div", {
               class: "icon icon-bottom",
-              onClick: o[7] || (o[7] = k((i) => l("down"), ["stop"]))
+              onClick: n[7] || (n[7] = _((s) => i("down"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
-        }),
-        v(a(C), { content: "右下" }, {
+        }, 8, ["content"]),
+        v(l(C), {
+          content: l(g)("右下")
+        }, {
           default: m(() => [
             p("div", {
               class: "icon icon-bottom-right",
-              onClick: o[8] || (o[8] = k((i) => l("rightDown"), ["stop"]))
+              onClick: n[8] || (n[8] = _((s) => i("rightDown"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
-        })
+        }, 8, ["content"])
       ],
       32
       /* NEED_HYDRATION */
     ));
   }
-}), Qe = /* @__PURE__ */ N(Me, [["__scopeId", "data-v-3b02830e"]]), Ae = { class: "video-wrapper" }, qe = { class: "video-top" }, Ge = { class: "video-top_l" }, We = { class: "video-title-wrapper" }, He = { class: "video-title" }, Ye = { class: "video-top_r" }, Ze = {
+}), Qe = /* @__PURE__ */ T(Me, [["__scopeId", "data-v-bada78e3"]]), Ae = { class: "video-wrapper" }, qe = { class: "video-top" }, Ge = { class: "video-top_l" }, We = { class: "video-title-wrapper" }, He = { class: "video-title" }, Ye = { class: "video-top_r" }, Ze = {
   key: 0,
   class: "play-status"
-}, Ke = { class: "video-bottom" }, Xe = { class: "video-bottom_r" }, Je = /* @__PURE__ */ $({
+}, Ke = { class: "video-bottom" }, Xe = { class: "video-bottom_r" }, Je = /* @__PURE__ */ P({
   __name: "index",
   props: {
     videoUrl: {},
@@ -371,8 +389,8 @@ const Ue = /* @__PURE__ */ $({
     onReplay: {}
   },
   emits: ["close", "directionControl", "zoomControl"],
-  setup(t, { emit: n }) {
-    const e = t, l = n;
+  setup(t, { emit: o }) {
+    const e = t, i = o;
     _e({
       muted: import("@das-fed/ui/packages/icons/muted"),
       volume: import("@das-fed/ui/packages/icons/volume"),
@@ -380,79 +398,79 @@ const Ue = /* @__PURE__ */ $({
       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 a = b(!0), n = b(), s = b(!1), f = b(), r = N(() => {
       var u;
       return (u = f.value) == null ? void 0 : u.video;
-    }), d = _(!1), c = _(!0), g = (u) => {
-      o.value = u, o.value.on(window.mpegts.Events.ERROR, (b) => {
+    }), d = b(!1), c = b(!0), y = (u) => {
+      n.value = u, n.value.on(window.mpegts.Events.ERROR, (I) => {
       });
     }, w = () => {
-      r.value = !r.value, o.value && (o.value.muted = r.value);
-    }, E = () => {
-      i.value = !i.value;
-    }, T = _(""), F = () => {
+      a.value = !a.value, n.value && (n.value.muted = a.value);
+    }, O = () => {
+      s.value = !s.value;
+    }, U = b(""), S = () => {
       const u = document.createElement("canvas");
-      if (s.value) {
-        u.width = s.value.clientWidth, u.height = s.value.clientHeight;
-        const b = u.getContext("2d");
-        b == null || b.drawImage(s.value, 0, 0, u.width, u.height);
-        const D = u.toDataURL("image/jpg"), ae = `【${e.title}】${be().format("YYYYMMDDHHmmss").toString()}.jpg`;
-        if (T.value = D, "download" in document.createElement("a")) {
-          const S = document.createElement("a");
-          S.download = ae, S.style.display = "none", S.href = D, document.body.appendChild(S), document.body.appendChild(u), S.click(), URL.revokeObjectURL(S.href), document.body.removeChild(S), document.body.removeChild(u);
+      if (r.value) {
+        u.width = r.value.clientWidth, u.height = r.value.clientHeight;
+        const I = u.getContext("2d");
+        I == null || I.drawImage(r.value, 0, 0, u.width, u.height);
+        const R = u.toDataURL("image/jpg"), ae = `【${e.title}】${Ce().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        if (U.value = R, "download" in document.createElement("a")) {
+          const D = document.createElement("a");
+          D.download = ae, D.style.display = "none", D.href = R, document.body.appendChild(D), document.body.appendChild(u), D.click(), URL.revokeObjectURL(D.href), document.body.removeChild(D), document.body.removeChild(u);
         }
       }
     }, re = (u) => {
-      l("directionControl", u);
-    }, V = (u) => {
-      l("zoomControl", u);
-    }, U = (u) => e.authType.includes(u);
-    return O(
-      () => s.value,
+      i("directionControl", u);
+    }, B = (u) => {
+      i("zoomControl", u);
+    }, z = (u) => e.authType.includes(u);
+    return F(
+      () => r.value,
       () => {
-        s.value && s.value.addEventListener("ended", () => {
+        r.value && r.value.addEventListener("ended", () => {
           d.value = !0, e.type === "playback" && (c.value = !1);
         });
       }
-    ), O(
-      () => s.value,
+    ), F(
+      () => r.value,
       () => {
-        s.value && L(() => {
-          s.value.playbackRate = e.playbackRate || 1;
+        r.value && x(() => {
+          r.value.playbackRate = e.playbackRate || 1;
         });
       }
-    ), O(
-      () => o.value,
+    ), F(
+      () => n.value,
       () => {
-        o.value && L(() => {
-          o.value.muted = r.value;
+        n.value && x(() => {
+          n.value.muted = a.value;
         });
       }
-    ), O(
+    ), F(
       () => e.playbackRate,
       () => {
-        s.value && (s.value.playbackRate = e.playbackRate || 1);
+        r.value && (r.value.playbackRate = e.playbackRate || 1);
       },
       {
         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, x(() => {
           c.value = !0;
         });
       }
-    ), (u, b) => (y(), R("div", Ae, [
-      v(a(Ce), {
+    ), (u, I) => (k(), $("div", Ae, [
+      v(l(we), {
         spinning: e.loading,
         type: "component",
-        tip: "加载中..."
+        tip: l(g)("加载中...")
       }, {
         default: m(() => [
           p("div", qe, [
@@ -461,28 +479,34 @@ const Ue = /* @__PURE__ */ $({
                 p(
                   "div",
                   He,
-                  J(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
+                  j(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
                   1
                   /* TEXT */
                 )
               ])
             ]),
             p("div", Ye, [
-              ["live"].includes(u.type) ? (y(), R("span", Ze, "正在实时预览")) : I("v-if", !0),
-              I(' <das-icon class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
+              ["live"].includes(u.type) ? (k(), $(
+                "span",
+                Ze,
+                j(l(g)("正在实时预览")),
+                1
+                /* TEXT */
+              )) : h("v-if", !0),
+              h(' <das-icon class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
             ])
           ]),
-          e.videoUrl && c.value ? (y(), h(a(we), {
+          e.videoUrl && c.value ? (k(), E(l(be), {
             key: 0,
             type: "flv",
             ref_key: "dasLivePlayerRef",
             ref: f,
-            muted: r.value,
-            onLoaded: g,
+            muted: a.value,
+            onLoaded: y,
             src: e.videoUrl
-          }, null, 8, ["muted", "src"])) : I("v-if", !0),
+          }, null, 8, ["muted", "src"])) : h("v-if", !0),
           p("div", Ke, [
-            b[3] || (b[3] = p(
+            I[3] || (I[3] = p(
               "div",
               { class: "video-bottom_l" },
               null,
@@ -494,116 +518,120 @@ const Ue = /* @__PURE__ */ $({
                 "div",
                 {
                   class: "controls",
-                  onDblclick: b[2] || (b[2] = k((D) => D.stopPropagation(), ["stop"]))
+                  onDblclick: I[2] || (I[2] = _((R) => R.stopPropagation(), ["stop"]))
                 },
                 [
-                  v(a(C), { content: "声音" }, {
+                  v(l(C), {
+                    content: l(g)("声音")
+                  }, {
                     default: m(() => [
-                      v(a(P), {
+                      v(l(L), {
                         class: "icon icon-volume",
-                        icon: r.value ? "muted" : "volume",
-                        onClick: k(w, ["stop"])
+                        icon: a.value ? "muted" : "volume",
+                        onClick: _(w, ["stop"])
                       }, null, 8, ["icon"])
                     ]),
                     _: 1
                     /* STABLE */
-                  }),
-                  v(a(C), { content: "截图" }, {
+                  }, 8, ["content"]),
+                  v(l(C), {
+                    content: l(g)("截图")
+                  }, {
                     default: m(() => [
-                      v(a(P), {
+                      v(l(L), {
                         class: "icon icon-screenshot",
                         icon: "screenshot",
-                        onClick: k(F, ["stop"])
+                        onClick: _(S, ["stop"])
                       })
                     ]),
                     _: 1
                     /* STABLE */
-                  }),
-                  U("control") ? (y(), h(a(C), {
+                  }, 8, ["content"]),
+                  z("control") ? (k(), E(l(C), {
                     key: 0,
-                    content: "聚焦-"
+                    content: l(g)("聚焦-")
                   }, {
                     default: m(() => [
-                      ["live", "polling"].includes(e.type) ? (y(), h(a(P), {
+                      ["live", "polling"].includes(e.type) ? (k(), E(l(L), {
                         key: 0,
                         class: "icon icon-shrink",
                         icon: "shrink",
-                        onClick: b[0] || (b[0] = k((D) => V("zoomOut"), ["stop"]))
-                      })) : I("v-if", !0)
+                        onClick: I[0] || (I[0] = _((R) => B("zoomOut"), ["stop"]))
+                      })) : h("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : I("v-if", !0),
-                  U("control") ? (y(), h(a(C), {
+                  }, 8, ["content"])) : h("v-if", !0),
+                  z("control") ? (k(), E(l(C), {
                     key: 1,
-                    content: "聚焦+"
+                    content: l(g)("聚焦+")
                   }, {
                     default: m(() => [
-                      ["live", "polling"].includes(e.type) ? (y(), h(a(P), {
+                      ["live", "polling"].includes(e.type) ? (k(), E(l(L), {
                         key: 0,
                         class: "icon icon-enlarge",
                         icon: "enlarge",
-                        onClick: b[1] || (b[1] = k((D) => V("zoomIn"), ["stop"]))
-                      })) : I("v-if", !0)
+                        onClick: I[1] || (I[1] = _((R) => B("zoomIn"), ["stop"]))
+                      })) : h("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : I("v-if", !0),
-                  U("control") ? (y(), h(a(C), {
+                  }, 8, ["content"])) : h("v-if", !0),
+                  z("control") ? (k(), E(l(C), {
                     key: 2,
-                    content: "方向控制"
+                    content: l(g)("方向控制")
                   }, {
                     default: m(() => [
-                      ["live", "polling"].includes(e.type) ? (y(), h(a(P), {
+                      ["live", "polling"].includes(e.type) ? (k(), E(l(L), {
                         key: 0,
                         class: "icon icon-direction-control",
                         icon: "direction-control",
-                        onClick: k(E, ["stop"])
-                      })) : I("v-if", !0)
+                        onClick: _(O, ["stop"])
+                      })) : h("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
-                  })) : I("v-if", !0)
+                  }, 8, ["content"])) : h("v-if", !0)
                 ],
                 32
                 /* NEED_HYDRATION */
               )
             ])
           ]),
-          i.value ? (y(), h(Qe, {
+          s.value ? (k(), E(Qe, {
             key: 1,
             onChange: re
-          })) : I("v-if", !0)
+          })) : h("v-if", !0)
         ]),
         _: 1
         /* STABLE */
-      }, 8, ["spinning"])
+      }, 8, ["spinning", "tip"])
     ]));
   }
-}), et = /* @__PURE__ */ N(Je, [["__scopeId", "data-v-a46773e1"]]), tt = "/api/device-relation/deviceproject/v1/project/device/video", ot = "v1", nt = ee(`/api/enterpriseright/permission/${ot}`), ie = ee(`${tt}`, lt);
+}), et = /* @__PURE__ */ T(Je, [["__scopeId", "data-v-61b73bc3"]]), tt = "/api/device-relation/deviceproject/v1/project/device/video", nt = "v1", ot = ee(`/api/enterpriseright/permission/${nt}`), ie = ee(`${tt}`, lt);
 function lt(t) {
-  const n = B() ? B().id : 1;
-  return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
+  const o = M() ? M().id : 1;
+  return t.params || (t.params = {}), t.params.project = o, t.params.projectId = o, t;
 }
 function se(t) {
-  const n = new URLSearchParams("");
-  for (let [e, l] of Object.entries(t))
-    n.append(e, l);
-  return n.toString();
+  const o = new URLSearchParams("");
+  for (let [e, i] of Object.entries(t))
+    o.append(e, i);
+  return o.toString();
 }
-function Y(t) {
+function Z(t) {
   return ie.post(`/ptz?${se(t)}`)().run();
 }
 function it(t) {
   return ie.post(`/url/preview?${se(t)}`)().run();
 }
-nt.post("data/device-auth");
+ot.post("data/device-auth");
 const st = (t) => {
-  const n = Ie();
-  return `${t}?token=${n}`;
+  const o = Ie();
+  return `${t}?token=${o}`;
 };
-_([]);
-const rt = /* @__PURE__ */ $({
+b([]);
+const rt = /* @__PURE__ */ P({
   props: {
     deviceInfo: {
       type: Object,
@@ -614,77 +642,77 @@ const rt = /* @__PURE__ */ $({
     }
   },
   setup(t, {
-    slots: n
+    slots: o
   }) {
     const {
       deviceInfo: e,
-      source: l
-    } = me(t), r = _(!1), o = _(""), i = async () => {
-      var g;
-      if (!((g = e.value) != null && g.deviceId)) return;
-      r.value = !0;
+      source: i
+    } = me(t), a = b(!1), n = b(""), s = async () => {
+      var y;
+      if (!((y = e.value) != null && y.deviceId)) return;
+      a.value = !0;
       const [d, c] = await it({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
-        source: l.value
+        source: i.value
       });
-      d || (o.value = st(c == null ? void 0 : c.wsFlvStreamURL)), r.value = !1;
+      d || (n.value = st(c == null ? void 0 : c.wsFlvStreamURL)), a.value = !1;
     }, f = (d) => {
-      Y({
+      Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         direction: d,
         zoom: "",
-        source: l.value || "web"
+        source: i.value || "web"
       });
-    }, s = (d) => {
-      Y({
+    }, r = (d) => {
+      Z({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         direction: "",
         zoom: d,
-        source: l.value || "web"
+        source: i.value || "web"
       });
     };
-    return Z(() => {
-      i();
-    }), O(() => e.value, () => {
-      i();
+    return K(() => {
+      s();
+    }), F(() => e.value, () => {
+      s();
     }, {
       deep: !0
-    }), () => v(X, null, [n.default({
-      videoUrl: o.value,
-      loading: r.value,
+    }), () => v(J, null, [o.default({
+      videoUrl: n.value,
+      loading: a.value,
       onDirectionControl: f,
-      onZoomControl: s
+      onZoomControl: r
     })]);
   }
 });
 function at(t) {
-  const n = _(0), e = _(), {
-    toggle: l,
-    isFullscreen: r
+  const o = b(0), e = b(), {
+    toggle: i,
+    isFullscreen: a
   } = le(e);
   return {
     render: () => v(Be, {
       ref: e,
       gridNum: t.gridNum,
-      activeIndex: n.value,
-      "onUpdate:activeIndex": (i) => n.value = i,
-      showFn: (i) => !!t.deviceList[i]
+      activeIndex: o.value,
+      "onUpdate:activeIndex": (s) => o.value = s,
+      showFn: (s) => !!t.deviceList[s]
     }, {
       default: ({
-        index: i
+        index: s
       }) => {
-        const f = t.deviceList[i], s = t.source;
+        const f = t.deviceList[s], r = t.source;
         return v(rt, {
           deviceInfo: f,
-          source: s
+          source: r
         }, {
           default: ({
             videoUrl: d,
             onDirectionControl: c,
-            onZoomControl: g,
+            onZoomControl: y,
             loading: w
           }) => v(et, {
             type: "live",
@@ -692,16 +720,16 @@ function at(t) {
             videoUrl: d,
             title: f.deviceName,
             onDirectionControl: c,
-            onZoomControl: g,
+            onZoomControl: y,
             authType: f.authType === 2 ? ["control"] : []
           }, null)
         });
       }
     }),
-    toggleFullscreen: l
+    toggleFullscreen: i
   };
 }
-const ct = /* @__PURE__ */ $({
+const ct = /* @__PURE__ */ P({
   __name: "index",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -710,31 +738,31 @@ const ct = /* @__PURE__ */ $({
     source: {}
   },
   emits: ["update:visible"],
-  setup(t, { emit: n }) {
-    const e = t, l = n, r = x({
+  setup(t, { emit: o }) {
+    const e = t, i = o, a = N({
       get: () => e.visible,
-      set: (s) => l("update:visible", s)
-    }), { render: o, toggleFullscreen: i } = at(e), f = x(() => {
-      let s = {};
+      set: (r) => i("update:visible", r)
+    }), { render: n, toggleFullscreen: s } = at(e), f = N(() => {
+      let r = {};
       switch (e.gridNum) {
         case 1:
-          s = "one-video";
+          r = "one-video";
           break;
         case 4:
-          s = "four-video";
+          r = "four-video";
           break;
         case 9:
-          s = "nine-video";
+          r = "nine-video";
           break;
       }
-      return s;
+      return r;
     });
-    return (s, d) => (y(), h(a(ye), {
+    return (r, d) => (k(), E(l(ye), {
       size: "mini",
-      title: a(z)("视频监控"),
+      title: l(g)("视频监控"),
       "custom-class": `das-linakge-video-dialog ${f.value}`,
-      modelValue: r.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
+      modelValue: a.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (c) => a.value = c),
       bodyStyle: { padding: 0 },
       "close-on-click-modal": !1,
       "close-on-press-escape": !1,
@@ -746,19 +774,19 @@ const ct = /* @__PURE__ */ $({
           p(
             "span",
             null,
-            J(a(z)("视频监控")),
+            j(l(g)("视频监控")),
             1
             /* TEXT */
           )
         ]),
-        v(a(C), {
-          content: a(z)("页面全屏")
+        v(l(C), {
+          content: l(g)("页面全屏")
         }, {
           default: m(() => [
-            v(a(ke), {
+            v(l(ke), {
               class: "icon",
               color: "#999",
-              onClick: a(i)
+              onClick: l(s)
             }, null, 8, ["onClick"])
           ]),
           _: 1
@@ -766,15 +794,15 @@ const ct = /* @__PURE__ */ $({
         }, 8, ["content"])
       ]),
       default: m(() => [
-        r.value ? (y(), h(a(o), { key: 0 })) : I("v-if", !0)
+        a.value ? (k(), E(l(n), { key: 0 })) : h("v-if", !0)
       ]),
       _: 1
       /* STABLE */
     }, 8, ["title", "custom-class", "modelValue"]));
   }
-}), bt = ge(ct), It = () => _(null);
+}), Ct = ge(ct), It = () => b(null);
 export {
-  bt as DasVideoDialog,
+  Ct as DasVideoDialog,
   It as DasVideoDialogRef,
   at as useVideo
 };