@das-fed/ui 7.0.5-test.11 → 7.0.5-test.13

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

@@ -1,55 +1,55 @@
 import '@das-fed/ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as ue, onScopeDispose as de, getCurrentInstance as ve, onMounted as te, nextTick as x, unref as l, ref as h, watch as S, defineComponent as D, useCssVars as pe, computed as P, createElementBlock as F, openBlock as p, normalizeClass as fe, renderSlot as oe, createCommentVNode as I, Fragment as H, renderList as me, createBlock as R, withCtx as g, withModifiers as _, createVNode as f, createElementVNode as m, toDisplayString as j, toRefs as Ce } from "vue";
-import { withInstall as ge } from "@das-fed/utils/with-install/index";
-import { t as k, setI18nRule as ke } from "@das-fed/web/packages/i18n/index";
-import { DasDialog as ye } from "@das-fed/ui/packages/components/dialog/index";
-import { DasTooltip as w } from "@das-fed/ui/packages/components/tooltip/index";
-import { DasIconFullscreen2 as _e } from "@das-fed/ui/packages/icons/fullscreen-2/index";
-import { DasAutoRegisterIcon as he, DasIcon as $ } from "@das-fed/ui/packages/components/icon/index";
-import { DasLivePlayer as we } from "@das-fed/ui/packages/components/live-player/index";
-import { DasSpin as be } from "@das-fed/ui/packages/components/spin/index";
-import { DasHlsPlayer as Ie } from "@das-fed/ui/packages/components/hls-player/index";
-import Ee from "dayjs";
+import { getCurrentScope as ue, onScopeDispose as de, getCurrentInstance as pe, onMounted as te, nextTick as x, unref as l, ref as w, watch as N, defineComponent as D, useCssVars as ve, computed as P, createElementBlock as F, openBlock as v, normalizeClass as fe, renderSlot as oe, createCommentVNode as I, Fragment as B, renderList as me, createBlock as R, withCtx as y, withModifiers as h, createVNode as f, createElementVNode as m, toDisplayString as j, toRefs as ge, mergeProps as ye } from "vue";
+import { withInstall as Ce } from "@das-fed/utils/with-install/index";
+import { t as C, setI18nRule as ke } from "@das-fed/web/packages/i18n/index";
+import { DasDialog as he } from "@das-fed/ui/packages/components/dialog/index";
+import { DasTooltip as _ } from "@das-fed/ui/packages/components/tooltip/index";
+import { DasIconFullscreen2 as we } from "@das-fed/ui/packages/icons/fullscreen-2/index";
+import { DasAutoRegisterIcon as _e, DasIcon as $ } from "@das-fed/ui/packages/components/icon/index";
+import { DasLivePlayer as be } from "@das-fed/ui/packages/components/live-player/index";
+import { DasSpin as Ie } from "@das-fed/ui/packages/components/spin/index";
+import { DasHlsPlayer as Ee } from "@das-fed/ui/packages/components/hls-player/index";
+import Re from "dayjs";
 import { createService as M } from "@das-fed/utils/api-services/src/create-service";
-import { getProjectInfo as q, getToken as Re } from "@das-fed/utils/common-info";
+import { getProjectInfo as q, getToken as Se } from "@das-fed/utils/common-info";
 var G;
-const A = typeof window < "u", Ne = (t) => typeof t == "string", Se = () => {
+const A = typeof window < "u", Ne = (t) => typeof t == "string", Fe = () => {
 };
 A && ((G = window == null ? void 0 : window.navigator) != null && G.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function ne(t) {
   return typeof t == "function" ? t() : l(t);
 }
-function Fe(t) {
+function ze(t) {
   return t;
 }
 function le(t) {
   return ue() ? (de(t), !0) : !1;
 }
 function Le(t, n = !0) {
-  ve() ? te(t) : n ? t() : x(t);
+  pe() ? te(t) : n ? t() : x(t);
 }
 function ie(t) {
   var n;
   const e = ne(t);
   return (n = e == null ? void 0 : e.$el) != null ? n : e;
 }
-const Oe = A ? window : void 0, ze = A ? window.document : void 0;
-function De(...t) {
-  let n, e, i, s;
-  if (Ne(t[0]) || Array.isArray(t[0]) ? ([e, i, s] = t, n = Oe) : [n, e, i, s] = t, !n)
-    return Se;
+const Oe = A ? window : void 0, De = A ? window.document : void 0;
+function Ue(...t) {
+  let n, e, i, r;
+  if (Ne(t[0]) || Array.isArray(t[0]) ? ([e, i, r] = t, n = Oe) : [n, e, i, r] = t, !n)
+    return Fe;
   Array.isArray(e) || (e = [e]), Array.isArray(i) || (i = [i]);
-  const o = [], r = () => {
+  const o = [], c = () => {
     o.forEach((a) => a()), o.length = 0;
-  }, C = (a, v, y, b) => (a.addEventListener(v, y, b), () => a.removeEventListener(v, y, b)), u = S(() => [ie(n), ne(s)], ([a, v]) => {
-    r(), a && o.push(...e.flatMap((y) => i.map((b) => C(a, y, b, v))));
-  }, { immediate: !0, flush: "post" }), c = () => {
-    u(), r();
+  }, g = (a, p, k, b) => (a.addEventListener(p, k, b), () => a.removeEventListener(p, k, b)), u = N(() => [ie(n), ne(r)], ([a, p]) => {
+    c(), a && o.push(...e.flatMap((k) => i.map((b) => g(a, k, b, p))));
+  }, { immediate: !0, flush: "post" }), s = () => {
+    u(), c();
   };
-  return le(c), c;
+  return le(s), s;
 }
-function Ue(t, n = !1) {
-  const e = h(), i = () => e.value = !!t();
+function $e(t, n = !1) {
+  const e = w(), i = () => e.value = !!t();
   return i(), Le(i, n), e;
 }
 const W = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Y = "__vueuse_ssr_handlers__";
@@ -97,50 +97,50 @@ const Z = [
   ]
 ];
 function ae(t, n = {}) {
-  const { document: e = ze, autoExit: i = !1 } = n, s = t || (e == null ? void 0 : e.querySelector("html")), o = h(!1);
-  let r = Z[0];
-  const C = Ue(() => {
+  const { document: e = De, autoExit: i = !1 } = n, r = t || (e == null ? void 0 : e.querySelector("html")), o = w(!1);
+  let c = Z[0];
+  const g = $e(() => {
     if (e) {
-      for (const N of Z)
-        if (N[1] in e)
-          return r = N, !0;
+      for (const S of Z)
+        if (S[1] in e)
+          return c = S, !0;
     } else
       return !1;
     return !1;
-  }), [u, c, a, , v] = r;
-  async function y() {
-    C.value && (e != null && e[a] && await e[c](), o.value = !1);
+  }), [u, s, a, , p] = c;
+  async function k() {
+    g.value && (e != null && e[a] && await e[s](), o.value = !1);
   }
   async function b() {
-    if (!C.value)
+    if (!g.value)
       return;
-    await y();
-    const N = ie(s);
-    N && (await N[u](), o.value = !0);
+    await k();
+    const S = ie(r);
+    S && (await S[u](), o.value = !0);
   }
-  async function L() {
-    o.value ? await y() : await b();
+  async function z() {
+    o.value ? await k() : await b();
   }
-  return e && De(e, v, () => {
+  return e && Ue(e, p, () => {
     o.value = !!(e != null && e[a]);
-  }, !1), i && le(y), {
-    isSupported: C,
+  }, !1), i && le(k), {
+    isSupported: g,
     isFullscreen: o,
     enter: b,
-    exit: y,
-    toggle: L
+    exit: k,
+    toggle: z
   };
 }
 var K;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
 })(K || (K = {}));
-var $e = Object.defineProperty, X = Object.getOwnPropertySymbols, Pe = Object.prototype.hasOwnProperty, Te = Object.prototype.propertyIsEnumerable, J = (t, n, e) => n in t ? $e(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, xe = (t, n) => {
+var Pe = Object.defineProperty, X = Object.getOwnPropertySymbols, Te = Object.prototype.hasOwnProperty, xe = Object.prototype.propertyIsEnumerable, J = (t, n, e) => n in t ? Pe(t, n, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[n] = e, Be = (t, n) => {
   for (var e in n || (n = {}))
-    Pe.call(n, e) && J(t, e, n[e]);
+    Te.call(n, e) && J(t, e, n[e]);
   if (X)
     for (var e of X(n))
-      Te.call(n, e) && J(t, e, n[e]);
+      xe.call(n, e) && J(t, e, n[e]);
   return t;
 };
 const He = {
@@ -169,10 +169,10 @@ const He = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-xe({
-  linear: Fe
+Be({
+  linear: ze
 }, He);
-const Be = /* @__PURE__ */ D({
+const Ve = /* @__PURE__ */ D({
   __name: "GridItem",
   props: {
     active: { type: Boolean },
@@ -180,36 +180,36 @@ const Be = /* @__PURE__ */ D({
   },
   emits: ["itemClick"],
   setup(t, { emit: n }) {
-    pe((c) => ({
+    ve((s) => ({
       a769b0be: u.value
     }));
-    const e = t, i = n, s = h(), { toggle: o } = ae(s), r = () => {
+    const e = t, i = n, r = w(), { toggle: o } = ae(r), c = () => {
       o();
-    }, C = () => {
+    }, g = () => {
       i("itemClick");
     }, u = P(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (c, a) => (p(), F(
+    return (s, a) => (v(), F(
       "div",
       {
         ref_key: "containerRef",
-        ref: s,
+        ref: r,
         class: fe(["wrapper", { "is-active": e.active }]),
-        onDblclick: a[0] || (a[0] = (v) => r()),
-        onClick: a[1] || (a[1] = (v) => C())
+        onDblclick: a[0] || (a[0] = (p) => c()),
+        onClick: a[1] || (a[1] = (p) => g())
       },
       [
-        oe(c.$slots, "default", {}, void 0, !0)
+        oe(s.$slots, "default", {}, void 0, !0)
       ],
       34
       /* CLASS, NEED_HYDRATION */
     ));
   }
-}), B = (t, n) => {
+}), H = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [i, s] of n)
-    e[i] = s;
+  for (const [i, r] of n)
+    e[i] = r;
   return e;
-}, Ve = /* @__PURE__ */ B(Be, [["__scopeId", "data-v-97d987a9"]]), je = { class: "layout-wrapper" }, Me = /* @__PURE__ */ D({
+}, je = /* @__PURE__ */ H(Ve, [["__scopeId", "data-v-97d987a9"]]), Me = { class: "layout-wrapper" }, Ae = /* @__PURE__ */ D({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -218,20 +218,20 @@ const Be = /* @__PURE__ */ D({
   },
   emits: ["update:activeIndex"],
   setup(t, { emit: n }) {
-    const e = t, i = n, s = (o) => {
+    const e = t, i = n, r = (o) => {
       i("update:activeIndex", o);
     };
-    return (o, r) => (p(), F("div", je, [
+    return (o, c) => (v(), F("div", Me, [
       I(' :active="index === activeIndex" '),
-      (p(!0), F(
-        H,
+      (v(!0), F(
+        B,
         null,
-        me(e.gridNum, (C, u) => (p(), R(Ve, {
+        me(e.gridNum, (g, u) => (v(), R(je, {
           active: !1,
           "grid-num": e.gridNum,
-          onItemClick: (c) => s(u)
+          onItemClick: (s) => r(u)
         }, {
-          default: g(() => [
+          default: y(() => [
             o.showFn(u) ? oe(o.$slots, "default", {
               key: 0,
               index: u
@@ -245,123 +245,123 @@ const Be = /* @__PURE__ */ D({
       ))
     ]));
   }
-}), Ae = /* @__PURE__ */ B(Me, [["__scopeId", "data-v-661e2289"]]), Qe = /* @__PURE__ */ D({
+}), Qe = /* @__PURE__ */ H(Ae, [["__scopeId", "data-v-661e2289"]]), qe = /* @__PURE__ */ D({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: n }) {
-    const e = n, i = (s) => {
-      e("change", s);
+    const e = n, i = (r) => {
+      e("change", r);
     };
-    return (s, o) => (p(), F(
+    return (r, o) => (v(), F(
       "div",
       {
         class: "direction-control",
-        onDblclick: o[9] || (o[9] = _((r) => r.stopPropagation(), ["stop"]))
+        onDblclick: o[9] || (o[9] = h((c) => c.stopPropagation(), ["stop"]))
       },
       [
-        f(l(w), {
-          content: l(k)("左上")
+        f(l(_), {
+          content: l(C)("左上")
         }, {
-          default: g(() => [
+          default: y(() => [
             m("div", {
               class: "icon icon-top-left",
-              onClick: o[0] || (o[0] = _((r) => i("leftUp"), ["stop"]))
+              onClick: o[0] || (o[0] = h((c) => i("leftUp"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        f(l(w), {
-          content: l(k)("上")
+        f(l(_), {
+          content: l(C)("上")
         }, {
-          default: g(() => [
+          default: y(() => [
             m("div", {
               class: "icon icon-top",
-              onClick: o[1] || (o[1] = _((r) => i("up"), ["stop"]))
+              onClick: o[1] || (o[1] = h((c) => i("up"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        f(l(w), {
-          content: l(k)("右上")
+        f(l(_), {
+          content: l(C)("右上")
         }, {
-          default: g(() => [
+          default: y(() => [
             m("div", {
               class: "icon icon-top-right",
-              onClick: o[2] || (o[2] = _((r) => i("rightUp"), ["stop"]))
+              onClick: o[2] || (o[2] = h((c) => i("rightUp"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        f(l(w), {
-          content: l(k)("左")
+        f(l(_), {
+          content: l(C)("左")
         }, {
-          default: g(() => [
+          default: y(() => [
             m("div", {
               class: "icon icon-left",
-              onClick: o[3] || (o[3] = _((r) => i("left"), ["stop"]))
+              onClick: o[3] || (o[3] = h((c) => i("left"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        f(l(w), {
-          content: l(k)("自动")
+        f(l(_), {
+          content: l(C)("自动")
         }, {
-          default: g(() => [
+          default: y(() => [
             m("div", {
               class: "icon icon-auto",
-              onClick: o[4] || (o[4] = _((r) => i("auto"), ["stop"]))
+              onClick: o[4] || (o[4] = h((c) => i("auto"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        f(l(w), {
-          content: l(k)("右")
+        f(l(_), {
+          content: l(C)("右")
         }, {
-          default: g(() => [
+          default: y(() => [
             m("div", {
               class: "icon icon-right",
-              onClick: o[5] || (o[5] = _((r) => i("right"), ["stop"]))
+              onClick: o[5] || (o[5] = h((c) => i("right"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        f(l(w), {
-          content: l(k)("左下")
+        f(l(_), {
+          content: l(C)("左下")
         }, {
-          default: g(() => [
+          default: y(() => [
             m("div", {
               class: "icon icon-bottom-left",
-              onClick: o[6] || (o[6] = _((r) => i("leftDown"), ["stop"]))
+              onClick: o[6] || (o[6] = h((c) => i("leftDown"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        f(l(w), {
-          content: l(k)("下")
+        f(l(_), {
+          content: l(C)("下")
         }, {
-          default: g(() => [
+          default: y(() => [
             m("div", {
               class: "icon icon-bottom",
-              onClick: o[7] || (o[7] = _((r) => i("down"), ["stop"]))
+              onClick: o[7] || (o[7] = h((c) => i("down"), ["stop"]))
             })
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"]),
-        f(l(w), {
-          content: l(k)("右下")
+        f(l(_), {
+          content: l(C)("右下")
         }, {
-          default: g(() => [
+          default: y(() => [
             m("div", {
               class: "icon icon-bottom-right",
-              onClick: o[8] || (o[8] = _((r) => i("rightDown"), ["stop"]))
+              onClick: o[8] || (o[8] = h((c) => i("rightDown"), ["stop"]))
             })
           ]),
           _: 1
@@ -372,10 +372,10 @@ const Be = /* @__PURE__ */ D({
       /* NEED_HYDRATION */
     ));
   }
-}), qe = /* @__PURE__ */ B(Qe, [["__scopeId", "data-v-db2e8ec2"]]), Ge = { class: "video-wrapper" }, We = { class: "video-top" }, Ye = { class: "video-top_l" }, Ze = { class: "video-title-wrapper" }, Ke = { class: "video-title" }, Xe = { class: "video-top_r" }, Je = {
+}), Ge = /* @__PURE__ */ H(qe, [["__scopeId", "data-v-db2e8ec2"]]), We = { class: "video-wrapper" }, Ye = { class: "video-top" }, Ze = { class: "video-top_l" }, Ke = { class: "video-title-wrapper" }, Xe = { class: "video-title" }, Je = { class: "video-top_r" }, et = {
   key: 0,
   class: "play-status"
-}, et = { class: "video-bottom" }, tt = { class: "video-bottom_r" }, ot = /* @__PURE__ */ D({
+}, tt = { class: "video-bottom" }, ot = { class: "video-bottom_r" }, nt = /* @__PURE__ */ D({
   __name: "index",
   props: {
     videoUrl: {},
@@ -392,7 +392,7 @@ const Be = /* @__PURE__ */ D({
   emits: ["close", "directionControl", "zoomControl", "handleClick"],
   setup(t, { emit: n }) {
     const e = t, i = n;
-    he({
+    _e({
       muted: import("@das-fed/ui/packages/icons/muted"),
       volume: import("@das-fed/ui/packages/icons/volume"),
       shrink: import("@das-fed/ui/packages/icons/shrink"),
@@ -400,26 +400,26 @@ const Be = /* @__PURE__ */ D({
       "direction-control": import("@das-fed/ui/packages/icons/direction-control"),
       screenshot: import("@das-fed/ui/packages/icons/screenshot")
     });
-    const s = h(!0), o = h(), r = h(!1), C = h(), u = P(() => {
+    const r = w(!0), o = w(), c = w(!1), g = w(), u = P(() => {
       var d;
-      return (d = C.value) == null ? void 0 : d.video;
-    }), c = h(!1), a = h(!0), v = (d) => {
+      return (d = g.value) == null ? void 0 : d.video;
+    }), s = w(!1), a = w(!0), p = (d) => {
       o.value = d, !e.isHls && o.value.on(window.mpegts.Events.ERROR, (E) => {
       });
-    }, y = () => {
-      s.value = !s.value, i("handleClick", s.value ? "MUTE" : "UNMUTE"), o.value && (o.value.muted = s.value);
+    }, k = () => {
+      r.value = !r.value, i("handleClick", r.value ? "MUTE" : "UNMUTE"), o.value && (o.value.muted = r.value);
     }, b = () => {
-      r.value = !r.value;
-    }, L = h(""), N = () => {
+      c.value = !c.value;
+    }, z = w(""), S = () => {
       const d = document.createElement("canvas");
       if (i("handleClick", "SCREENSHOT"), u.value) {
         d.width = u.value.clientWidth, d.height = u.value.clientHeight;
         const E = d.getContext("2d");
         E == null || E.drawImage(u.value, 0, 0, d.width, d.height);
-        const z = d.toDataURL("image/jpg"), ce = `【${e.title}】${Ee().format("YYYYMMDDHHmmss").toString()}.jpg`;
-        if (L.value = z, "download" in document.createElement("a")) {
-          const O = document.createElement("a");
-          O.download = ce, O.style.display = "none", O.href = z, document.body.appendChild(O), document.body.appendChild(d), O.click(), URL.revokeObjectURL(O.href), document.body.removeChild(O), document.body.removeChild(d);
+        const O = d.toDataURL("image/jpg"), ce = `【${e.title}】${Re().format("YYYYMMDDHHmmss").toString()}.jpg`;
+        if (z.value = O, "download" in document.createElement("a")) {
+          const L = document.createElement("a");
+          L.download = ce, L.style.display = "none", L.href = O, document.body.appendChild(L), document.body.appendChild(d), L.click(), URL.revokeObjectURL(L.href), document.body.removeChild(L), document.body.removeChild(d);
         }
       }
     }, V = (d) => {
@@ -427,28 +427,28 @@ const Be = /* @__PURE__ */ D({
     }, T = (d) => {
       i("zoomControl", d);
     }, U = (d) => e.authType.includes(d);
-    return S(
+    return N(
       () => u.value,
       () => {
         u.value && u.value.addEventListener("ended", () => {
-          c.value = !0, e.type === "playback" && (a.value = !1);
+          s.value = !0, e.type === "playback" && (a.value = !1);
         });
       }
-    ), S(
+    ), N(
       () => u.value,
       () => {
         u.value && x(() => {
           u.value.playbackRate = e.playbackRate || 1;
         });
       }
-    ), S(
+    ), N(
       () => o.value,
       () => {
         o.value && x(() => {
-          o.value.muted = s.value;
+          o.value.muted = r.value;
         });
       }
-    ), S(
+    ), N(
       () => e.playbackRate,
       () => {
         u.value && (u.value.playbackRate = e.playbackRate || 1);
@@ -456,81 +456,81 @@ const Be = /* @__PURE__ */ D({
       {
         immediate: !0
       }
-    ), S(
+    ), N(
       () => e.paused,
       () => {
         o.value && (e.paused ? o.value.pause() : o.value.play());
       }
-    ), S(
+    ), N(
       () => e.videoUrl,
       () => {
         a.value = !1, x(() => {
           a.value = !0;
         });
       }
-    ), (d, E) => (p(), F("div", Ge, [
-      f(l(be), {
+    ), (d, E) => (v(), F("div", We, [
+      f(l(Ie), {
         spinning: e.loading,
         type: "component",
-        tip: l(k)("加载中...")
+        tip: l(C)("加载中...")
       }, {
-        default: g(() => [
-          m("div", We, [
-            m("div", Ye, [
-              m("div", Ze, [
+        default: y(() => [
+          m("div", Ye, [
+            m("div", Ze, [
+              m("div", Ke, [
                 m(
                   "div",
-                  Ke,
+                  Xe,
                   j(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
                   1
                   /* TEXT */
                 )
               ])
             ]),
-            m("div", Xe, [
-              ["live"].includes(d.type) ? (p(), F(
+            m("div", Je, [
+              ["live"].includes(d.type) ? (v(), F(
                 "span",
-                Je,
-                j(l(k)("正在实时预览")),
+                et,
+                j(l(C)("正在实时预览")),
                 1
                 /* TEXT */
               )) : I("v-if", !0),
               I(' <das-icon v-if="isFullscreen" class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
             ])
           ]),
-          d.isHls ? (p(), F(
-            H,
+          d.isHls ? (v(), F(
+            B,
             { key: 1 },
             [
-              e.videoUrl && a.value ? (p(), R(l(Ie), {
+              e.videoUrl && a.value ? (v(), R(l(Ee), {
                 key: 0,
                 ref_key: "dasLivePlayerRef",
-                ref: C,
-                muted: s.value,
-                onLoaded: v,
+                ref: g,
+                muted: r.value,
+                onLoaded: p,
                 src: e.videoUrl
               }, null, 8, ["muted", "src"])) : I("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
-          )) : (p(), F(
-            H,
+          )) : (v(), F(
+            B,
             { key: 0 },
             [
-              e.videoUrl && a.value ? (p(), R(l(we), {
+              e.videoUrl && a.value ? (v(), R(l(be), {
                 key: 0,
                 type: "flv",
                 ref_key: "dasLivePlayerRef",
-                ref: C,
-                muted: s.value,
-                onLoaded: v,
+                ref: g,
+                muted: r.value,
+                onLoaded: p,
                 src: e.videoUrl
               }, null, 8, ["muted", "src"])) : I("v-if", !0)
             ],
             64
             /* STABLE_FRAGMENT */
           )),
-          m("div", et, [
+          m("div", tt, [
             E[3] || (E[3] = m(
               "div",
               { class: "video-bottom_l" },
@@ -538,80 +538,80 @@ const Be = /* @__PURE__ */ D({
               -1
               /* CACHED */
             )),
-            m("div", tt, [
+            m("div", ot, [
               m(
                 "div",
                 {
                   class: "controls",
-                  onDblclick: E[2] || (E[2] = _((z) => z.stopPropagation(), ["stop"]))
+                  onDblclick: E[2] || (E[2] = h((O) => O.stopPropagation(), ["stop"]))
                 },
                 [
-                  f(l(w), {
-                    content: l(k)("声音")
+                  f(l(_), {
+                    content: l(C)("声音")
                   }, {
-                    default: g(() => [
+                    default: y(() => [
                       f(l($), {
                         class: "icon icon-volume",
-                        icon: s.value ? "muted" : "volume",
-                        onClick: _(y, ["stop"])
+                        icon: r.value ? "muted" : "volume",
+                        onClick: h(k, ["stop"])
                       }, null, 8, ["icon"])
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"]),
-                  f(l(w), {
-                    content: l(k)("截图")
+                  f(l(_), {
+                    content: l(C)("截图")
                   }, {
-                    default: g(() => [
+                    default: y(() => [
                       f(l($), {
                         class: "icon icon-screenshot",
                         icon: "screenshot",
-                        onClick: _(N, ["stop"])
+                        onClick: h(S, ["stop"])
                       })
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"]),
-                  U("control") ? (p(), R(l(w), {
+                  U("control") ? (v(), R(l(_), {
                     key: 0,
-                    content: l(k)("聚焦-")
+                    content: l(C)("聚焦-")
                   }, {
-                    default: g(() => [
-                      ["live", "polling"].includes(e.type) ? (p(), R(l($), {
+                    default: y(() => [
+                      ["live", "polling"].includes(e.type) ? (v(), R(l($), {
                         key: 0,
                         class: "icon icon-shrink",
                         icon: "shrink",
-                        onClick: E[0] || (E[0] = _((z) => T("zoomOut"), ["stop"]))
+                        onClick: E[0] || (E[0] = h((O) => T("zoomOut"), ["stop"]))
                       })) : I("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : I("v-if", !0),
-                  U("control") ? (p(), R(l(w), {
+                  U("control") ? (v(), R(l(_), {
                     key: 1,
-                    content: l(k)("聚焦+")
+                    content: l(C)("聚焦+")
                   }, {
-                    default: g(() => [
-                      ["live", "polling"].includes(e.type) ? (p(), R(l($), {
+                    default: y(() => [
+                      ["live", "polling"].includes(e.type) ? (v(), R(l($), {
                         key: 0,
                         class: "icon icon-enlarge",
                         icon: "enlarge",
-                        onClick: E[1] || (E[1] = _((z) => T("zoomIn"), ["stop"]))
+                        onClick: E[1] || (E[1] = h((O) => T("zoomIn"), ["stop"]))
                       })) : I("v-if", !0)
                     ]),
                     _: 1
                     /* STABLE */
                   }, 8, ["content"])) : I("v-if", !0),
-                  U("control") ? (p(), R(l(w), {
+                  U("control") ? (v(), R(l(_), {
                     key: 2,
-                    content: l(k)("方向控制")
+                    content: l(C)("方向控制")
                   }, {
-                    default: g(() => [
-                      ["live", "polling"].includes(e.type) ? (p(), R(l($), {
+                    default: y(() => [
+                      ["live", "polling"].includes(e.type) ? (v(), R(l($), {
                         key: 0,
                         class: "icon icon-direction-control",
                         icon: "direction-control",
-                        onClick: _(b, ["stop"])
+                        onClick: h(b, ["stop"])
                       })) : I("v-if", !0)
                     ]),
                     _: 1
@@ -623,7 +623,7 @@ const Be = /* @__PURE__ */ D({
               )
             ])
           ]),
-          r.value ? (p(), R(qe, {
+          c.value ? (v(), R(Ge, {
             key: 2,
             onChange: V
           })) : I("v-if", !0)
@@ -633,36 +633,36 @@ const Be = /* @__PURE__ */ D({
       }, 8, ["spinning", "tip"])
     ]));
   }
-}), nt = /* @__PURE__ */ B(ot, [["__scopeId", "data-v-4db322a4"]]), lt = "/api/device-relation/deviceproject/v1/project/device/video", it = "v1", at = M(`/api/enterpriseright/permission/${it}`);
-let Q = M(`${lt}`, se);
-function se(t) {
+}), lt = /* @__PURE__ */ H(nt, [["__scopeId", "data-v-4db322a4"]]), it = "/api/device-relation/deviceproject/v1/project/device/video", at = "v1", rt = M(`/api/enterpriseright/permission/${at}`);
+let Q = M(`${it}`, re);
+function re(t) {
   const n = q() ? q().id : 1;
   return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
 }
-function re(t) {
+function se(t) {
   const n = new URLSearchParams("");
   for (let [e, i] of Object.entries(t))
     n.append(e, i);
   return n.toString();
 }
 function ee(t) {
-  return Q.post(`/ptz?${re(t)}`)().run();
+  return Q.post(`/ptz?${se(t)}`)().run();
 }
 function st(t) {
-  return Q.post(`/url/preview?${re(t)}`)().run();
+  return Q.post(`/url/preview?${se(t)}`)().run();
 }
-at.post("data/device-auth");
-function rt(t) {
+rt.post("data/device-auth");
+function ct(t) {
   return new Promise((n) => {
-    Q = M(t, se), n("");
+    Q = M(t, re), n("");
   });
 }
-const ct = (t) => {
-  const n = Re();
+const ut = (t) => {
+  const n = Se();
   return `${t}?token=${n}`;
 };
-h([]);
-const ut = /* @__PURE__ */ D({
+w([]);
+const dt = /* @__PURE__ */ D({
   props: {
     deviceInfo: {
       type: Object,
@@ -685,99 +685,99 @@ const ut = /* @__PURE__ */ D({
     const {
       deviceInfo: e,
       source: i,
-      isHls: s,
+      isHls: r,
       baseURL: o
-    } = Ce(t), r = h(!1), C = h(""), u = async () => {
+    } = ge(t), c = w(!1), g = w(""), u = async () => {
       var b;
       if (!((b = e.value) != null && b.deviceId)) return;
-      r.value = !0;
-      const [v, y] = await st({
+      c.value = !0;
+      const [p, k] = await st({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         source: i.value
       });
-      if (!v) {
-        let L = s.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
-        C.value = ct(y == null ? void 0 : y[L]);
+      if (!p) {
+        let z = r.value ? "httpHlsStreamURL" : "wsFlvStreamURL";
+        g.value = ut(k == null ? void 0 : k[z]);
       }
-      r.value = !1;
-    }, c = (v) => {
+      c.value = !1;
+    }, s = (p) => {
       ee({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
-        direction: v,
+        direction: p,
         zoom: "",
         source: i.value || "web"
       });
-    }, a = (v) => {
+    }, a = (p) => {
       ee({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         direction: "",
-        zoom: v,
+        zoom: p,
         source: i.value || "web"
       });
     };
     return te(async () => {
-      o.value && await rt(o.value), u();
-    }), S(() => e.value, () => {
+      o.value && await ct(o.value), u();
+    }), N(() => e.value, () => {
       u();
     }, {
       deep: !0
-    }), () => f(H, null, [n.default({
-      videoUrl: C.value,
-      loading: r.value,
-      onDirectionControl: c,
+    }), () => f(B, null, [n.default({
+      videoUrl: g.value,
+      loading: c.value,
+      onDirectionControl: s,
       onZoomControl: a,
-      isHls: s.value
+      isHls: r.value
     })]);
   }
 });
-function dt(t) {
-  const n = h(0), e = h(), {
+function pt(t) {
+  const n = w(0), e = w(), {
     toggle: i,
-    isFullscreen: s,
+    isFullscreen: r,
     exit: o
-  } = ae(e), r = (c, a) => {
-    s.value && o();
-  }, C = (c) => {
+  } = ae(e), c = (s, a) => {
+    r.value && o();
+  }, g = (s) => {
     var a;
-    (a = t == null ? void 0 : t.handleClick) == null || a.call(t, c);
+    (a = t == null ? void 0 : t.handleClick) == null || a.call(t, s);
   };
   return {
-    render: () => f(Ae, {
+    render: () => f(Qe, {
       ref: e,
       gridNum: t.gridNum,
       activeIndex: n.value,
-      "onUpdate:activeIndex": (c) => n.value = c,
-      showFn: (c) => !!t.deviceList[c]
+      "onUpdate:activeIndex": (s) => n.value = s,
+      showFn: (s) => !!t.deviceList[s]
     }, {
       default: ({
-        index: c
+        index: s
       }) => {
-        const a = t.deviceList[c], v = t.source, y = t.isHls, b = t.baseURL;
-        return f(ut, {
+        const a = t.deviceList[s], p = t.source, k = t.isHls, b = t.baseURL;
+        return f(dt, {
           deviceInfo: a,
           baseURL: b,
-          source: v,
-          isHls: y
+          source: p,
+          isHls: k
         }, {
           default: ({
-            videoUrl: L,
-            onDirectionControl: N,
+            videoUrl: z,
+            onDirectionControl: S,
             onZoomControl: V,
             loading: T,
             isHls: U
-          }) => f(nt, {
+          }) => f(lt, {
             type: "live",
             loading: T,
-            isFullscreen: s.value,
-            videoUrl: L,
+            isFullscreen: r.value,
+            videoUrl: z,
             title: a.deviceName,
-            onClose: () => r(),
-            onDirectionControl: N,
+            onClose: () => c(),
+            onDirectionControl: S,
             onZoomControl: V,
-            onHandleClick: C,
+            onHandleClick: g,
             authType: a.authType === 2 ? ["control"] : [],
             isHls: U
           }, null)
@@ -795,43 +795,48 @@ const vt = /* @__PURE__ */ D({
     gridNum: { default: 4 },
     source: {},
     isHls: { type: Boolean, default: !1 },
+    draggable: { type: Boolean, default: !0 },
+    resizable: { type: Boolean, default: !0 },
     dialogTitle: { default: "" },
     baseURL: { default: "/api/device-relation/deviceproject/v1/project/device/video" },
     handleClick: {}
   },
   emits: ["update:visible"],
   setup(t, { emit: n }) {
-    const e = t, i = P(() => e.dialogTitle || k("视频监控")), s = n, o = P({
+    const e = t, i = P(() => e.dialogTitle || C("视频监控")), r = n, o = P({
       get: () => e.visible,
-      set: (c) => s("update:visible", c)
-    }), { render: r, toggleFullscreen: C } = dt(e), u = P(() => {
-      let c = {};
+      set: (s) => r("update:visible", s)
+    }), { render: c, toggleFullscreen: g } = pt(e), u = P(() => {
+      let s = {};
       switch (e.gridNum) {
         case 1:
-          c = "one-video";
+          s = { width: "933px", height: "595px" };
           break;
         case 4:
-          c = "four-video";
+          s = { width: "933px", height: "595px" };
           break;
         case 9:
-          c = "nine-video";
+          s = { width: "1370px", height: "840px" };
           break;
       }
-      return c;
+      return s;
     });
-    return (c, a) => (p(), R(l(ye), {
+    return (s, a) => (v(), R(l(he), ye({
       size: "mini",
       title: i.value,
-      "custom-class": `das-linakge-video-dialog ${u.value}`,
+      "custom-class": "das-linakge-video-dialog",
       modelValue: o.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (v) => o.value = v),
+      "onUpdate:modelValue": a[0] || (a[0] = (p) => o.value = p),
       bodyStyle: { padding: 0 },
       "close-on-click-modal": !1,
       "close-on-press-escape": !1,
       modal: !1,
-      "header-style": { display: "flex", justifyContent: "space-between", alignItems: "center" }
-    }, {
-      header: g(() => [
+      "header-style": { display: "flex", justifyContent: "space-between", alignItems: "center" },
+      draggable: s.draggable,
+      resizable: s.resizable,
+      dialogStyle: u.value
+    }, s.$attrs), {
+      header: y(() => [
         m("div", null, [
           m(
             "span",
@@ -841,28 +846,28 @@ const vt = /* @__PURE__ */ D({
             /* TEXT */
           )
         ]),
-        f(l(w), {
-          content: l(k)("页面全屏")
+        f(l(_), {
+          content: l(C)("页面全屏")
         }, {
-          default: g(() => [
-            f(l(_e), {
+          default: y(() => [
+            f(l(we), {
               class: "icon",
               color: "#999",
-              onClick: l(C)
+              onClick: l(g)
             }, null, 8, ["onClick"])
           ]),
           _: 1
           /* STABLE */
         }, 8, ["content"])
       ]),
-      default: g(() => [
-        o.value ? (p(), R(l(r), { key: 0 })) : I("v-if", !0)
+      default: y(() => [
+        o.value ? (v(), R(l(c), { key: 0 })) : I("v-if", !0)
       ]),
       _: 1
       /* STABLE */
-    }, 8, ["title", "custom-class", "modelValue"]));
+    }, 16, ["title", "modelValue", "draggable", "resizable", "dialogStyle"]));
   }
-}), pt = {
+}), ft = {
   加载中: { "zh-CN": "加载中", en: "Loading", _appCode: "framework" },
   正在实时预览: { "zh-CN": "正在实时预览", en: "Real-time Video", _appCode: "framework" },
   声音: { "zh-CN": "声音", en: "Sound", _appCode: "framework" },
@@ -884,10 +889,10 @@ const vt = /* @__PURE__ */ D({
   "聚焦-": { "zh-CN": "聚焦-", en: "Focus-", _appCode: "framework" },
   "聚焦+": { "zh-CN": "聚焦+", en: "Focus+", _appCode: "framework" }
 };
-ke(pt);
-const Nt = ge(vt), St = () => h(null);
+ke(ft);
+const Nt = Ce(vt), Ft = () => w(null);
 export {
   Nt as DasVideoDialog,
-  St as DasVideoDialogRef,
-  dt as useVideo
+  Ft as DasVideoDialogRef,
+  pt as useVideo
 };