@das-fed/ui 6.4.0-dev.9 → 6.4.0-hot.10

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

@@ -1,57 +1,58 @@
 import '@das-fed/ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as Re, onScopeDispose as xe, unref as $, getCurrentInstance as Ne, onMounted as be, nextTick as oe, ref as R, watch as Q, defineComponent as K, useCssVars as Pe, computed as le, openBlock as E, createElementBlock as J, normalizeClass as Ue, renderSlot as Ce, Fragment as Ie, renderList as je, createBlock as V, withCtx as D, createCommentVNode as z, withModifiers as L, createVNode as C, createElementVNode as I, toDisplayString as ze, pushScopeId as Ve, popScopeId as Ae, toRefs as He } from "vue";
-import { withInstall as Ye } from "@das-fed/utils/with-install/index";
-import { DasDialog as We } from "@das-fed/ui/packages/components/dialog/index";
-import { DasTooltip as x } from "@das-fed/ui/packages/components/tooltip/index";
-import { DasIconFullscreen2 as Be } from "@das-fed/ui/packages/icons/fullscreen-2/index";
-import { DasAutoRegisterIcon as Qe, DasIcon as ne } from "@das-fed/ui/packages/components/icon/index";
-import { DasLivePlayer as qe } from "@das-fed/ui/packages/components/live-player/index";
-import { DasSpin as Ge } from "@das-fed/ui/packages/components/spin/index";
-import { createService as De } from "@das-fed/utils/api-services/src/create-service";
-import { getProjectInfo as pe, getToken as Ze } from "@das-fed/utils/common-info";
-var me;
-const fe = typeof window < "u", Je = (t) => typeof t == "string", Ke = () => {
+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 { DasTooltip as C } 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 we } from "@das-fed/ui/packages/components/spin/index";
+import Ce from "dayjs";
+import { createService as X } from "@das-fed/utils/api-services/src/create-service";
+import { getProjectInfo as V, getToken as be } from "@das-fed/utils/common-info";
+var B;
+const z = typeof window < "u", Ie = (t) => typeof t == "string", he = () => {
 };
-fe && ((me = window == null ? void 0 : window.navigator) != null && me.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function Se(t) {
-  return typeof t == "function" ? t() : $(t);
+z && ((B = window == null ? void 0 : window.navigator) != null && B.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function J(t) {
+  return typeof t == "function" ? t() : a(t);
 }
-function Xe(t) {
+function Ee(t) {
   return t;
 }
-function Oe(t) {
-  return Re() ? (xe(t), !0) : !1;
+function ee(t) {
+  return re() ? (ae(t), !0) : !1;
 }
-function et(t, a = !0) {
-  Ne() ? be(t) : a ? t() : oe(t);
+function Oe(t, n = !0) {
+  ce() ? Y(t) : n ? t() : L(t);
 }
-function Me(t) {
-  var a;
-  const e = Se(t);
-  return (a = e == null ? void 0 : e.$el) != null ? a : e;
+function te(t) {
+  var n;
+  const e = J(t);
+  return (n = e == null ? void 0 : e.$el) != null ? n : e;
 }
-const tt = fe ? window : void 0, nt = fe ? window.document : void 0;
-function ot(...t) {
-  let a, e, l, p;
-  if (Je(t[0]) || Array.isArray(t[0]) ? ([e, l, p] = t, a = tt) : [a, e, l, p] = t, !a)
-    return Ke;
+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;
   Array.isArray(e) || (e = [e]), Array.isArray(l) || (l = [l]);
-  const i = [], d = () => {
-    i.forEach((m) => m()), i.length = 0;
-  }, _ = (m, g, F, S) => (m.addEventListener(g, F, S), () => m.removeEventListener(g, F, S)), u = Q(() => [Me(a), Se(p)], ([m, g]) => {
-    d(), m && i.push(...e.flatMap((F) => l.map((S) => _(m, F, S, g))));
-  }, { immediate: !0, flush: "post" }), y = () => {
-    u(), d();
+  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(() => [te(n), J(r)], ([c, g]) => {
+    i(), c && o.push(...e.flatMap((w) => l.map((E) => f(c, w, E, g))));
+  }, { immediate: !0, flush: "post" }), u = () => {
+    s(), i();
   };
-  return Oe(y), y;
+  return ee(u), u;
 }
-function rt(t, a = !1) {
-  const e = R(), l = () => e.value = !!t();
-  return l(), et(l, a), e;
+function Re(t, n = !1) {
+  const e = _(), l = () => e.value = !!t();
+  return l(), Oe(l, n), e;
 }
-const he = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, ye = "__vueuse_ssr_handlers__";
-he[ye] = he[ye] || {};
-const ge = [
+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 A = [
   [
     "requestFullscreen",
     "exitFullscreen",
@@ -93,54 +94,54 @@ const ge = [
     "MSFullscreenError"
   ]
 ];
-function Ee(t, a = {}) {
-  const { document: e = nt, autoExit: l = !1 } = a, p = t || (e == null ? void 0 : e.querySelector("html")), i = R(!1);
-  let d = ge[0];
-  const _ = rt(() => {
+function oe(t, n = {}) {
+  const { document: e = Se, autoExit: l = !1 } = n, r = t || (e == null ? void 0 : e.querySelector("html")), o = _(!1);
+  let i = A[0];
+  const f = Re(() => {
     if (e) {
-      for (const H of ge)
-        if (H[1] in e)
-          return d = H, !0;
+      for (const F of A)
+        if (F[1] in e)
+          return i = F, !0;
     } else
       return !1;
     return !1;
-  }), [u, y, m, , g] = d;
-  async function F() {
-    _.value && (e != null && e[m] && await e[y](), i.value = !1);
+  }), [s, u, c, , g] = i;
+  async function w() {
+    f.value && (e != null && e[c] && await e[u](), o.value = !1);
   }
-  async function S() {
-    if (!_.value)
+  async function E() {
+    if (!f.value)
       return;
-    await F();
-    const H = Me(p);
-    H && (await H[u](), i.value = !0);
+    await w();
+    const F = te(r);
+    F && (await F[s](), o.value = !0);
   }
-  async function A() {
-    i.value ? await F() : await S();
+  async function T() {
+    o.value ? await w() : await E();
   }
-  return e && ot(e, g, () => {
-    i.value = !!(e != null && e[m]);
-  }, !1), l && Oe(F), {
-    isSupported: _,
-    isFullscreen: i,
-    enter: S,
-    exit: F,
-    toggle: A
+  return e && De(e, g, () => {
+    o.value = !!(e != null && e[c]);
+  }, !1), l && ee(w), {
+    isSupported: f,
+    isFullscreen: o,
+    enter: E,
+    exit: w,
+    toggle: T
   };
 }
-var $e;
+var q;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
-})($e || ($e = {}));
-var it = Object.defineProperty, _e = Object.getOwnPropertySymbols, st = Object.prototype.hasOwnProperty, at = Object.prototype.propertyIsEnumerable, we = (t, a, e) => a in t ? it(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, lt = (t, a) => {
-  for (var e in a || (a = {}))
-    st.call(a, e) && we(t, e, a[e]);
-  if (_e)
-    for (var e of _e(a))
-      at.call(a, e) && we(t, e, a[e]);
+})(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]);
+  if (G)
+    for (var e of G(n))
+      Le.call(n, e) && W(t, e, n[e]);
   return t;
 };
-const ut = {
+const Ne = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -166,43 +167,49 @@ const ut = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-lt({
-  linear: Xe
-}, ut);
-const ct = /* @__PURE__ */ K({
+xe({
+  linear: Ee
+}, Ne);
+const Te = /* @__PURE__ */ $({
   __name: "GridItem",
   props: {
     active: { type: Boolean },
     gridNum: {}
   },
   emits: ["itemClick"],
-  setup(t, { emit: a }) {
-    Pe((m) => ({
-      "40d17f34": y.value
+  setup(t, { emit: n }) {
+    ue((c) => ({
+      "40d17f34": u.value
     }));
-    const e = t, l = a, p = R(), { toggle: i, isFullscreen: d } = Ee(p), _ = () => {
-      p.value != document.fullscreenElement && (d.value ? (d.value = !1, oe(() => {
-        i();
-      })) : i());
-    }, u = () => {
+    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());
+    }, s = () => {
       l("itemClick");
-    }, y = le(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (m, g) => (E(), J("div", {
-      ref_key: "containerRef",
-      ref: p,
-      class: Ue(["wrapper", { "is-active": e.active }]),
-      onDblclick: g[0] || (g[0] = (F) => _()),
-      onClick: g[1] || (g[1] = (F) => u())
-    }, [
-      Ce(m.$slots, "default", {}, void 0, !0)
-    ], 34));
+    }, u = x(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
+    return (c, g) => (y(), R(
+      "div",
+      {
+        ref_key: "containerRef",
+        ref: r,
+        class: de(["wrapper", { "is-active": e.active }]),
+        onDblclick: g[0] || (g[0] = (w) => f()),
+        onClick: g[1] || (g[1] = (w) => s())
+      },
+      [
+        Z(c.$slots, "default", {}, void 0, !0)
+      ],
+      34
+      /* CLASS, NEED_HYDRATION */
+    ));
   }
-}), ue = (t, a) => {
+}), N = (t, n) => {
   const e = t.__vccOpts || t;
-  for (const [l, p] of a)
-    e[l] = p;
+  for (const [l, r] of n)
+    e[l] = r;
   return e;
-}, dt = /* @__PURE__ */ ue(ct, [["__scopeId", "data-v-1a6dbdfc"]]), ft = { class: "layout-wrapper" }, vt = /* @__PURE__ */ K({
+}, Ue = /* @__PURE__ */ N(Te, [["__scopeId", "data-v-1a6dbdfc"]]), ze = { class: "layout-wrapper" }, je = /* @__PURE__ */ $({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -210,406 +217,147 @@ const ct = /* @__PURE__ */ K({
     showFn: {}
   },
   emits: ["update:activeIndex"],
-  setup(t, { emit: a }) {
-    const e = t, l = a, p = (i) => {
-      l("update:activeIndex", i);
+  setup(t, { emit: n }) {
+    const e = t, l = n, r = (o) => {
+      l("update:activeIndex", o);
     };
-    return (i, d) => (E(), J("div", ft, [
-      (E(!0), J(Ie, null, je(e.gridNum, (_, u) => (E(), V(dt, {
-        active: !1,
-        "grid-num": e.gridNum,
-        onItemClick: (y) => p(u)
-      }, {
-        default: D(() => [
-          i.showFn(u) ? Ce(i.$slots, "default", {
-            key: 0,
-            index: u
-          }, void 0, !0) : z("", !0)
-        ]),
-        _: 2
-      }, 1032, ["grid-num", "onItemClick"]))), 256))
+    return (o, i) => (y(), R("div", ze, [
+      I(' :active="index === activeIndex" '),
+      (y(!0), R(
+        K,
+        null,
+        ve(e.gridNum, (f, s) => (y(), h(Ue, {
+          active: !1,
+          "grid-num": e.gridNum,
+          onItemClick: (u) => r(s)
+        }, {
+          default: m(() => [
+            o.showFn(s) ? Z(o.$slots, "default", {
+              key: 0,
+              index: s
+            }, void 0, !0) : I("v-if", !0)
+          ]),
+          _: 2
+          /* DYNAMIC */
+        }, 1032, ["grid-num", "onItemClick"]))),
+        256
+        /* UNKEYED_FRAGMENT */
+      ))
     ]));
   }
-}), pt = /* @__PURE__ */ ue(vt, [["__scopeId", "data-v-6c66f7ad"]]);
-var mt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function ht(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-var Fe = { exports: {} };
-(function(t, a) {
-  (function(e, l) {
-    t.exports = l();
-  })(mt, function() {
-    var e = 1e3, l = 6e4, p = 36e5, i = "millisecond", d = "second", _ = "minute", u = "hour", y = "day", m = "week", g = "month", F = "quarter", S = "year", A = "date", H = "Invalid Date", ce = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, re = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, X = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(c) {
-      var r = ["th", "st", "nd", "rd"], n = c % 100;
-      return "[" + c + (r[(n - 20) % 10] || r[n] || r[0]) + "]";
-    } }, k = function(c, r, n) {
-      var s = String(c);
-      return !s || s.length >= r ? c : "" + Array(r + 1 - s.length).join(n) + c;
-    }, P = { s: k, z: function(c) {
-      var r = -c.utcOffset(), n = Math.abs(r), s = Math.floor(n / 60), o = n % 60;
-      return (r <= 0 ? "+" : "-") + k(s, 2, "0") + ":" + k(o, 2, "0");
-    }, m: function c(r, n) {
-      if (r.date() < n.date()) return -c(n, r);
-      var s = 12 * (n.year() - r.year()) + (n.month() - r.month()), o = r.clone().add(s, g), f = n - o < 0, v = r.clone().add(s + (f ? -1 : 1), g);
-      return +(-(s + (n - o) / (f ? o - v : v - o)) || 0);
-    }, a: function(c) {
-      return c < 0 ? Math.ceil(c) || 0 : Math.floor(c);
-    }, p: function(c) {
-      return { M: g, y: S, w: m, d: y, D: A, h: u, m: _, s: d, ms: i, Q: F }[c] || String(c || "").toLowerCase().replace(/s$/, "");
-    }, u: function(c) {
-      return c === void 0;
-    } }, U = "en", W = {};
-    W[U] = X;
-    var Y = "$isDayjsObject", de = function(c) {
-      return c instanceof se || !(!c || !c[Y]);
-    }, ie = function c(r, n, s) {
-      var o;
-      if (!r) return U;
-      if (typeof r == "string") {
-        var f = r.toLowerCase();
-        W[f] && (o = f), n && (W[f] = n, o = f);
-        var v = r.split("-");
-        if (!o && v.length > 1) return c(v[0]);
-      } else {
-        var w = r.name;
-        W[w] = r, o = w;
-      }
-      return !s && o && (U = o), o || !s && U;
-    }, O = function(c, r) {
-      if (de(c)) return c.clone();
-      var n = typeof r == "object" ? r : {};
-      return n.date = c, n.args = arguments, new se(n);
-    }, h = P;
-    h.l = ie, h.i = de, h.w = function(c, r) {
-      return O(c, { locale: r.$L, utc: r.$u, x: r.$x, $offset: r.$offset });
-    };
-    var se = function() {
-      function c(n) {
-        this.$L = ie(n.locale, null, !0), this.parse(n), this.$x = this.$x || n.x || {}, this[Y] = !0;
-      }
-      var r = c.prototype;
-      return r.parse = function(n) {
-        this.$d = function(s) {
-          var o = s.date, f = s.utc;
-          if (o === null) return /* @__PURE__ */ new Date(NaN);
-          if (h.u(o)) return /* @__PURE__ */ new Date();
-          if (o instanceof Date) return new Date(o);
-          if (typeof o == "string" && !/Z$/i.test(o)) {
-            var v = o.match(ce);
-            if (v) {
-              var w = v[2] - 1 || 0, b = (v[7] || "0").substring(0, 3);
-              return f ? new Date(Date.UTC(v[1], w, v[3] || 1, v[4] || 0, v[5] || 0, v[6] || 0, b)) : new Date(v[1], w, v[3] || 1, v[4] || 0, v[5] || 0, v[6] || 0, b);
-            }
-          }
-          return new Date(o);
-        }(n), this.init();
-      }, r.init = function() {
-        var n = this.$d;
-        this.$y = n.getFullYear(), this.$M = n.getMonth(), this.$D = n.getDate(), this.$W = n.getDay(), this.$H = n.getHours(), this.$m = n.getMinutes(), this.$s = n.getSeconds(), this.$ms = n.getMilliseconds();
-      }, r.$utils = function() {
-        return h;
-      }, r.isValid = function() {
-        return this.$d.toString() !== H;
-      }, r.isSame = function(n, s) {
-        var o = O(n);
-        return this.startOf(s) <= o && o <= this.endOf(s);
-      }, r.isAfter = function(n, s) {
-        return O(n) < this.startOf(s);
-      }, r.isBefore = function(n, s) {
-        return this.endOf(s) < O(n);
-      }, r.$g = function(n, s, o) {
-        return h.u(n) ? this[s] : this.set(o, n);
-      }, r.unix = function() {
-        return Math.floor(this.valueOf() / 1e3);
-      }, r.valueOf = function() {
-        return this.$d.getTime();
-      }, r.startOf = function(n, s) {
-        var o = this, f = !!h.u(s) || s, v = h.p(n), w = function(G, N) {
-          var B = h.w(o.$u ? Date.UTC(o.$y, N, G) : new Date(o.$y, N, G), o);
-          return f ? B : B.endOf(y);
-        }, b = function(G, N) {
-          return h.w(o.toDate()[G].apply(o.toDate("s"), (f ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(N)), o);
-        }, M = this.$W, T = this.$M, j = this.$D, Z = "set" + (this.$u ? "UTC" : "");
-        switch (v) {
-          case S:
-            return f ? w(1, 0) : w(31, 11);
-          case g:
-            return f ? w(1, T) : w(0, T + 1);
-          case m:
-            var q = this.$locale().weekStart || 0, ee = (M < q ? M + 7 : M) - q;
-            return w(f ? j - ee : j + (6 - ee), T);
-          case y:
-          case A:
-            return b(Z + "Hours", 0);
-          case u:
-            return b(Z + "Minutes", 1);
-          case _:
-            return b(Z + "Seconds", 2);
-          case d:
-            return b(Z + "Milliseconds", 3);
-          default:
-            return this.clone();
-        }
-      }, r.endOf = function(n) {
-        return this.startOf(n, !1);
-      }, r.$set = function(n, s) {
-        var o, f = h.p(n), v = "set" + (this.$u ? "UTC" : ""), w = (o = {}, o[y] = v + "Date", o[A] = v + "Date", o[g] = v + "Month", o[S] = v + "FullYear", o[u] = v + "Hours", o[_] = v + "Minutes", o[d] = v + "Seconds", o[i] = v + "Milliseconds", o)[f], b = f === y ? this.$D + (s - this.$W) : s;
-        if (f === g || f === S) {
-          var M = this.clone().set(A, 1);
-          M.$d[w](b), M.init(), this.$d = M.set(A, Math.min(this.$D, M.daysInMonth())).$d;
-        } else w && this.$d[w](b);
-        return this.init(), this;
-      }, r.set = function(n, s) {
-        return this.clone().$set(n, s);
-      }, r.get = function(n) {
-        return this[h.p(n)]();
-      }, r.add = function(n, s) {
-        var o, f = this;
-        n = Number(n);
-        var v = h.p(s), w = function(T) {
-          var j = O(f);
-          return h.w(j.date(j.date() + Math.round(T * n)), f);
-        };
-        if (v === g) return this.set(g, this.$M + n);
-        if (v === S) return this.set(S, this.$y + n);
-        if (v === y) return w(1);
-        if (v === m) return w(7);
-        var b = (o = {}, o[_] = l, o[u] = p, o[d] = e, o)[v] || 1, M = this.$d.getTime() + n * b;
-        return h.w(M, this);
-      }, r.subtract = function(n, s) {
-        return this.add(-1 * n, s);
-      }, r.format = function(n) {
-        var s = this, o = this.$locale();
-        if (!this.isValid()) return o.invalidDate || H;
-        var f = n || "YYYY-MM-DDTHH:mm:ssZ", v = h.z(this), w = this.$H, b = this.$m, M = this.$M, T = o.weekdays, j = o.months, Z = o.meridiem, q = function(N, B, te, ae) {
-          return N && (N[B] || N(s, f)) || te[B].slice(0, ae);
-        }, ee = function(N) {
-          return h.s(w % 12 || 12, N, "0");
-        }, G = Z || function(N, B, te) {
-          var ae = N < 12 ? "AM" : "PM";
-          return te ? ae.toLowerCase() : ae;
-        };
-        return f.replace(re, function(N, B) {
-          return B || function(te) {
-            switch (te) {
-              case "YY":
-                return String(s.$y).slice(-2);
-              case "YYYY":
-                return h.s(s.$y, 4, "0");
-              case "M":
-                return M + 1;
-              case "MM":
-                return h.s(M + 1, 2, "0");
-              case "MMM":
-                return q(o.monthsShort, M, j, 3);
-              case "MMMM":
-                return q(j, M);
-              case "D":
-                return s.$D;
-              case "DD":
-                return h.s(s.$D, 2, "0");
-              case "d":
-                return String(s.$W);
-              case "dd":
-                return q(o.weekdaysMin, s.$W, T, 2);
-              case "ddd":
-                return q(o.weekdaysShort, s.$W, T, 3);
-              case "dddd":
-                return T[s.$W];
-              case "H":
-                return String(w);
-              case "HH":
-                return h.s(w, 2, "0");
-              case "h":
-                return ee(1);
-              case "hh":
-                return ee(2);
-              case "a":
-                return G(w, b, !0);
-              case "A":
-                return G(w, b, !1);
-              case "m":
-                return String(b);
-              case "mm":
-                return h.s(b, 2, "0");
-              case "s":
-                return String(s.$s);
-              case "ss":
-                return h.s(s.$s, 2, "0");
-              case "SSS":
-                return h.s(s.$ms, 3, "0");
-              case "Z":
-                return v;
-            }
-            return null;
-          }(N) || v.replace(":", "");
-        });
-      }, r.utcOffset = function() {
-        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, r.diff = function(n, s, o) {
-        var f, v = this, w = h.p(s), b = O(n), M = (b.utcOffset() - this.utcOffset()) * l, T = this - b, j = function() {
-          return h.m(v, b);
-        };
-        switch (w) {
-          case S:
-            f = j() / 12;
-            break;
-          case g:
-            f = j();
-            break;
-          case F:
-            f = j() / 3;
-            break;
-          case m:
-            f = (T - M) / 6048e5;
-            break;
-          case y:
-            f = (T - M) / 864e5;
-            break;
-          case u:
-            f = T / p;
-            break;
-          case _:
-            f = T / l;
-            break;
-          case d:
-            f = T / e;
-            break;
-          default:
-            f = T;
-        }
-        return o ? f : h.a(f);
-      }, r.daysInMonth = function() {
-        return this.endOf(g).$D;
-      }, r.$locale = function() {
-        return W[this.$L];
-      }, r.locale = function(n, s) {
-        if (!n) return this.$L;
-        var o = this.clone(), f = ie(n, s, !0);
-        return f && (o.$L = f), o;
-      }, r.clone = function() {
-        return h.w(this.$d, this);
-      }, r.toDate = function() {
-        return new Date(this.valueOf());
-      }, r.toJSON = function() {
-        return this.isValid() ? this.toISOString() : null;
-      }, r.toISOString = function() {
-        return this.$d.toISOString();
-      }, r.toString = function() {
-        return this.$d.toUTCString();
-      }, c;
-    }(), ve = se.prototype;
-    return O.prototype = ve, [["$ms", i], ["$s", d], ["$m", _], ["$H", u], ["$W", y], ["$M", g], ["$y", S], ["$D", A]].forEach(function(c) {
-      ve[c[1]] = function(r) {
-        return this.$g(r, c[0], c[1]);
-      };
-    }), O.extend = function(c, r) {
-      return c.$i || (c(r, se, O), c.$i = !0), O;
-    }, O.locale = ie, O.isDayjs = de, O.unix = function(c) {
-      return O(1e3 * c);
-    }, O.en = W[U], O.Ls = W, O.p = {}, O;
-  });
-})(Fe);
-var yt = Fe.exports;
-const gt = /* @__PURE__ */ ht(yt), $t = /* @__PURE__ */ K({
+}), Ve = /* @__PURE__ */ N(je, [["__scopeId", "data-v-6c66f7ad"]]), Be = /* @__PURE__ */ $({
   __name: "DirectionControl",
   emits: ["change"],
-  setup(t, { emit: a }) {
-    const e = a, l = (p) => {
-      e("change", p);
+  setup(t, { emit: n }) {
+    const e = n, l = (r) => {
+      e("change", r);
     };
-    return (p, i) => (E(), J("div", {
-      class: "direction-control",
-      onDblclick: i[9] || (i[9] = L((d) => d.stopPropagation(), ["stop"]))
-    }, [
-      C($(x), { content: "左上" }, {
-        default: D(() => [
-          I("div", {
-            class: "icon icon-top-left",
-            onClick: i[0] || (i[0] = L((d) => l("leftUp"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }),
-      C($(x), { content: "上" }, {
-        default: D(() => [
-          I("div", {
-            class: "icon icon-top",
-            onClick: i[1] || (i[1] = L((d) => l("up"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }),
-      C($(x), { content: "右上" }, {
-        default: D(() => [
-          I("div", {
-            class: "icon icon-top-right",
-            onClick: i[2] || (i[2] = L((d) => l("rightUp"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }),
-      C($(x), { content: "左" }, {
-        default: D(() => [
-          I("div", {
-            class: "icon icon-left",
-            onClick: i[3] || (i[3] = L((d) => l("left"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }),
-      C($(x), { content: "自动" }, {
-        default: D(() => [
-          I("div", {
-            class: "icon icon-auto",
-            onClick: i[4] || (i[4] = L((d) => l("auto"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }),
-      C($(x), { content: "右" }, {
-        default: D(() => [
-          I("div", {
-            class: "icon icon-right",
-            onClick: i[5] || (i[5] = L((d) => l("right"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }),
-      C($(x), { content: "左下" }, {
-        default: D(() => [
-          I("div", {
-            class: "icon icon-bottom-left",
-            onClick: i[6] || (i[6] = L((d) => l("leftDown"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }),
-      C($(x), { content: "下" }, {
-        default: D(() => [
-          I("div", {
-            class: "icon icon-bottom",
-            onClick: i[7] || (i[7] = L((d) => l("down"), ["stop"]))
-          })
-        ]),
-        _: 1
-      }),
-      C($(x), { content: "右下" }, {
-        default: D(() => [
-          I("div", {
-            class: "icon icon-bottom-right",
-            onClick: i[8] || (i[8] = L((d) => l("rightDown"), ["stop"]))
-          })
-        ]),
-        _: 1
-      })
-    ], 32));
+    return (r, o) => (y(), R(
+      "div",
+      {
+        class: "direction-control",
+        onDblclick: o[9] || (o[9] = k((i) => i.stopPropagation(), ["stop"]))
+      },
+      [
+        v(a(C), { content: "左上" }, {
+          default: m(() => [
+            p("div", {
+              class: "icon icon-top-left",
+              onClick: o[0] || (o[0] = k((i) => l("leftUp"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        v(a(C), { content: "上" }, {
+          default: m(() => [
+            p("div", {
+              class: "icon icon-top",
+              onClick: o[1] || (o[1] = k((i) => l("up"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        v(a(C), { content: "右上" }, {
+          default: m(() => [
+            p("div", {
+              class: "icon icon-top-right",
+              onClick: o[2] || (o[2] = k((i) => l("rightUp"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        v(a(C), { content: "左" }, {
+          default: m(() => [
+            p("div", {
+              class: "icon icon-left",
+              onClick: o[3] || (o[3] = k((i) => l("left"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        v(a(C), { content: "自动" }, {
+          default: m(() => [
+            p("div", {
+              class: "icon icon-auto",
+              onClick: o[4] || (o[4] = k((i) => l("auto"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        v(a(C), { content: "右" }, {
+          default: m(() => [
+            p("div", {
+              class: "icon icon-right",
+              onClick: o[5] || (o[5] = k((i) => l("right"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        v(a(C), { content: "左下" }, {
+          default: m(() => [
+            p("div", {
+              class: "icon icon-bottom-left",
+              onClick: o[6] || (o[6] = k((i) => l("leftDown"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        v(a(C), { content: "下" }, {
+          default: m(() => [
+            p("div", {
+              class: "icon icon-bottom",
+              onClick: o[7] || (o[7] = k((i) => l("down"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        v(a(C), { content: "右下" }, {
+          default: m(() => [
+            p("div", {
+              class: "icon icon-bottom-right",
+              onClick: o[8] || (o[8] = k((i) => l("rightDown"), ["stop"]))
+            })
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ],
+      32
+      /* NEED_HYDRATION */
+    ));
   }
-}), _t = /* @__PURE__ */ ue($t, [["__scopeId", "data-v-3b02830e"]]), wt = (t) => (Ve("data-v-a46773e1"), t = t(), Ae(), t), kt = { class: "video-wrapper" }, bt = { class: "video-top" }, Ct = { class: "video-top_l" }, It = { class: "video-title-wrapper" }, Dt = { class: "video-title" }, St = { class: "video-top_r" }, Ot = {
+}), Me = /* @__PURE__ */ N(Be, [["__scopeId", "data-v-3b02830e"]]), 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 = {
   key: 0,
   class: "play-status"
-}, Mt = { class: "video-bottom" }, Et = /* @__PURE__ */ wt(() => /* @__PURE__ */ I("div", { class: "video-bottom_l" }, null, -1)), Ft = { class: "video-bottom_r" }, Tt = /* @__PURE__ */ K({
+}, Ze = { class: "video-bottom" }, Ke = { class: "video-bottom_r" }, Xe = /* @__PURE__ */ $({
   __name: "index",
   props: {
     videoUrl: {},
@@ -622,296 +370,329 @@ const gt = /* @__PURE__ */ ht(yt), $t = /* @__PURE__ */ K({
     onReplay: {}
   },
   emits: ["close", "directionControl", "zoomControl"],
-  setup(t, { emit: a }) {
-    const e = t, l = a;
-    Qe({
+  setup(t, { emit: n }) {
+    const e = t, l = n;
+    ke({
       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 p = R(!0), i = R(), d = R(!1), _ = R(), u = le(() => {
-      var k;
-      return (k = _.value) == null ? void 0 : k.video;
-    }), y = R(!1), m = R(!0), g = (k) => {
-      i.value = k, i.value.on(window.mpegts.Events.ERROR, (P) => {
+    const r = _(!0), o = _(), i = _(!1), f = _(), 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, (b) => {
       });
-    }, F = () => {
-      p.value = !p.value, i.value && (i.value.muted = p.value);
-    }, S = () => {
-      d.value = !d.value;
-    }, A = R(""), H = () => {
-      const k = document.createElement("canvas");
-      if (u.value) {
-        k.width = u.value.clientWidth, k.height = u.value.clientHeight;
-        const P = k.getContext("2d");
-        P == null || P.drawImage(u.value, 0, 0, k.width, k.height);
-        const U = k.toDataURL("image/jpg"), W = `【${e.title}】${gt().format("YYYYMMDDHHmmss").toString()}.jpg`;
-        if (A.value = U, "download" in document.createElement("a")) {
-          const Y = document.createElement("a");
-          Y.download = W, Y.style.display = "none", Y.href = U, document.body.appendChild(Y), document.body.appendChild(k), Y.click(), URL.revokeObjectURL(Y.href), document.body.removeChild(Y), document.body.removeChild(k);
+    }, w = () => {
+      r.value = !r.value, o.value && (o.value.muted = r.value);
+    }, E = () => {
+      i.value = !i.value;
+    }, T = _(""), F = () => {
+      const d = document.createElement("canvas");
+      if (s.value) {
+        d.width = s.value.clientWidth, d.height = s.value.clientHeight;
+        const b = d.getContext("2d");
+        b == null || b.drawImage(s.value, 0, 0, d.width, d.height);
+        const D = d.toDataURL("image/jpg"), se = `【${e.title}】${Ce().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);
         }
       }
-    }, ce = (k) => {
-      l("directionControl", k);
-    }, re = (k) => {
-      l("zoomControl", k);
-    }, X = (k) => e.authType.includes(k);
-    return Q(
-      () => u.value,
+    }, ie = (d) => {
+      l("directionControl", d);
+    }, j = (d) => {
+      l("zoomControl", d);
+    }, U = (d) => e.authType.includes(d);
+    return O(
+      () => s.value,
       () => {
-        u.value && u.value.addEventListener("ended", () => {
-          y.value = !0, e.type === "playback" && (m.value = !1);
+        s.value && s.value.addEventListener("ended", () => {
+          u.value = !0, e.type === "playback" && (c.value = !1);
         });
       }
-    ), Q(
-      () => u.value,
+    ), O(
+      () => s.value,
       () => {
-        u.value && oe(() => {
-          u.value.playbackRate = e.playbackRate || 1;
+        s.value && L(() => {
+          s.value.playbackRate = e.playbackRate || 1;
         });
       }
-    ), Q(
-      () => i.value,
+    ), O(
+      () => o.value,
       () => {
-        i.value && oe(() => {
-          i.value.muted = p.value;
+        o.value && L(() => {
+          o.value.muted = r.value;
         });
       }
-    ), Q(
+    ), O(
       () => e.playbackRate,
       () => {
-        u.value && (u.value.playbackRate = e.playbackRate || 1);
+        s.value && (s.value.playbackRate = e.playbackRate || 1);
       },
       {
         immediate: !0
       }
-    ), Q(
+    ), O(
       () => e.paused,
       () => {
-        i.value && (e.paused ? i.value.pause() : i.value.play());
+        o.value && (e.paused ? o.value.pause() : o.value.play());
       }
-    ), Q(
+    ), O(
       () => e.videoUrl,
       () => {
-        m.value = !1, oe(() => {
-          m.value = !0;
+        c.value = !1, L(() => {
+          c.value = !0;
         });
       }
-    ), (k, P) => (E(), J("div", kt, [
-      C($(Ge), {
+    ), (d, b) => (y(), R("div", Qe, [
+      v(a(we), {
         spinning: e.loading,
         type: "component",
         tip: "加载中..."
       }, {
-        default: D(() => [
-          I("div", bt, [
-            I("div", Ct, [
-              I("div", It, [
-                I("div", Dt, ze(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title), 1)
+        default: m(() => [
+          p("div", Ae, [
+            p("div", qe, [
+              p("div", Ge, [
+                p(
+                  "div",
+                  We,
+                  pe(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
+                  1
+                  /* TEXT */
+                )
               ])
             ]),
-            I("div", St, [
-              ["live"].includes(k.type) ? (E(), J("span", Ot, "正在实时预览")) : z("", !0)
+            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> ')
             ])
           ]),
-          e.videoUrl && m.value ? (E(), V($(qe), {
+          e.videoUrl && c.value ? (y(), h(a(_e), {
             key: 0,
             type: "flv",
             ref_key: "dasLivePlayerRef",
-            ref: _,
-            muted: p.value,
+            ref: f,
+            muted: r.value,
             onLoaded: g,
             src: e.videoUrl
-          }, null, 8, ["muted", "src"])) : z("", !0),
-          I("div", Mt, [
-            Et,
-            I("div", Ft, [
-              I("div", {
-                class: "controls",
-                onDblclick: P[2] || (P[2] = L((U) => U.stopPropagation(), ["stop"]))
-              }, [
-                C($(x), { content: "声音" }, {
-                  default: D(() => [
-                    C($(ne), {
-                      class: "icon icon-volume",
-                      icon: p.value ? "muted" : "volume",
-                      onClick: L(F, ["stop"])
-                    }, null, 8, ["icon"])
-                  ]),
-                  _: 1
-                }),
-                C($(x), { content: "截图" }, {
-                  default: D(() => [
-                    C($(ne), {
-                      class: "icon icon-screenshot",
-                      icon: "screenshot",
-                      onClick: L(H, ["stop"])
-                    })
-                  ]),
-                  _: 1
-                }),
-                X("control") ? (E(), V($(x), {
-                  key: 0,
-                  content: "聚焦-"
-                }, {
-                  default: D(() => [
-                    ["live", "polling"].includes(e.type) ? (E(), V($(ne), {
-                      key: 0,
-                      class: "icon icon-shrink",
-                      icon: "shrink",
-                      onClick: P[0] || (P[0] = L((U) => re("zoomOut"), ["stop"]))
-                    })) : z("", !0)
-                  ]),
-                  _: 1
-                })) : z("", !0),
-                X("control") ? (E(), V($(x), {
-                  key: 1,
-                  content: "聚焦+"
-                }, {
-                  default: D(() => [
-                    ["live", "polling"].includes(e.type) ? (E(), V($(ne), {
-                      key: 0,
-                      class: "icon icon-enlarge",
-                      icon: "enlarge",
-                      onClick: P[1] || (P[1] = L((U) => re("zoomIn"), ["stop"]))
-                    })) : z("", !0)
-                  ]),
-                  _: 1
-                })) : z("", !0),
-                X("control") ? (E(), V($(x), {
-                  key: 2,
-                  content: "方向控制"
-                }, {
-                  default: D(() => [
-                    ["live", "polling"].includes(e.type) ? (E(), V($(ne), {
-                      key: 0,
-                      class: "icon icon-direction-control",
-                      icon: "direction-control",
-                      onClick: L(S, ["stop"])
-                    })) : z("", !0)
-                  ]),
-                  _: 1
-                })) : z("", !0)
-              ], 32)
+          }, null, 8, ["muted", "src"])) : I("v-if", !0),
+          p("div", Ze, [
+            b[3] || (b[3] = p(
+              "div",
+              { class: "video-bottom_l" },
+              null,
+              -1
+              /* HOISTED */
+            )),
+            p("div", Ke, [
+              p(
+                "div",
+                {
+                  class: "controls",
+                  onDblclick: b[2] || (b[2] = k((D) => D.stopPropagation(), ["stop"]))
+                },
+                [
+                  v(a(C), { content: "声音" }, {
+                    default: m(() => [
+                      v(a(P), {
+                        class: "icon icon-volume",
+                        icon: r.value ? "muted" : "volume",
+                        onClick: k(w, ["stop"])
+                      }, null, 8, ["icon"])
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  v(a(C), { content: "截图" }, {
+                    default: m(() => [
+                      v(a(P), {
+                        class: "icon icon-screenshot",
+                        icon: "screenshot",
+                        onClick: k(F, ["stop"])
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }),
+                  U("control") ? (y(), h(a(C), {
+                    key: 0,
+                    content: "聚焦-"
+                  }, {
+                    default: m(() => [
+                      ["live", "polling"].includes(e.type) ? (y(), h(a(P), {
+                        key: 0,
+                        class: "icon icon-shrink",
+                        icon: "shrink",
+                        onClick: b[0] || (b[0] = k((D) => j("zoomOut"), ["stop"]))
+                      })) : I("v-if", !0)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })) : I("v-if", !0),
+                  U("control") ? (y(), h(a(C), {
+                    key: 1,
+                    content: "聚焦+"
+                  }, {
+                    default: m(() => [
+                      ["live", "polling"].includes(e.type) ? (y(), h(a(P), {
+                        key: 0,
+                        class: "icon icon-enlarge",
+                        icon: "enlarge",
+                        onClick: b[1] || (b[1] = k((D) => j("zoomIn"), ["stop"]))
+                      })) : I("v-if", !0)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })) : I("v-if", !0),
+                  U("control") ? (y(), h(a(C), {
+                    key: 2,
+                    content: "方向控制"
+                  }, {
+                    default: m(() => [
+                      ["live", "polling"].includes(e.type) ? (y(), h(a(P), {
+                        key: 0,
+                        class: "icon icon-direction-control",
+                        icon: "direction-control",
+                        onClick: k(E, ["stop"])
+                      })) : I("v-if", !0)
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  })) : I("v-if", !0)
+                ],
+                32
+                /* NEED_HYDRATION */
+              )
             ])
           ]),
-          d.value ? (E(), V(_t, {
+          i.value ? (y(), h(Me, {
             key: 1,
-            onChange: ce
-          })) : z("", !0)
+            onChange: ie
+          })) : I("v-if", !0)
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["spinning"])
     ]));
   }
-}), Lt = /* @__PURE__ */ ue(Tt, [["__scopeId", "data-v-a46773e1"]]), Rt = "/api/intelligent-security/video/v1", xt = "v1", Nt = De(`/api/enterpriseright/permission/${xt}`), Te = De(`${Rt}`, Pt);
-function Pt(t) {
-  const a = pe() ? pe().id : 1;
-  return t.params || (t.params = {}), t.params.project = a, t.params.projectId = a, t;
+}), Je = /* @__PURE__ */ N(Xe, [["__scopeId", "data-v-a46773e1"]]), et = "/api/device-relation/deviceproject/v1/project/device/video", tt = "v1", ot = X(`/api/enterpriseright/permission/${tt}`), ne = X(`${et}`, nt);
+function nt(t) {
+  const n = V() ? V().id : 1;
+  return t.params || (t.params = {}), t.params.project = n, t.params.projectId = n, t;
 }
-function Le(t) {
-  const a = new URLSearchParams("");
+function le(t) {
+  const n = new URLSearchParams("");
   for (let [e, l] of Object.entries(t))
-    a.append(e, l);
-  return a.toString();
+    n.append(e, l);
+  return n.toString();
 }
-function ke(t) {
-  return Te.post(`/device/ptz?${Le(t)}`)().run();
+function H(t) {
+  return ne.post(`/ptz?${le(t)}`)().run();
 }
-function Ut(t) {
-  return Te.post(`/device/video/url/preview?${Le(t)}`)().run();
+function lt(t) {
+  return ne.post(`/url/preview?${le(t)}`)().run();
 }
-Nt.post("data/device-auth");
-const jt = (t) => {
-  const a = Ze();
-  return `${t}?token=${a}`;
+ot.post("data/device-auth");
+const it = (t) => {
+  const n = be();
+  return `${t}?token=${n}`;
 };
-R([]);
-const zt = /* @__PURE__ */ K({
+_([]);
+const st = /* @__PURE__ */ $({
   props: {
     deviceInfo: {
       type: Object,
       required: !0
+    },
+    source: {
+      type: String
     }
   },
   setup(t, {
-    slots: a
+    slots: n
   }) {
     const {
-      deviceInfo: e
-    } = He(t), l = R(!1), p = R(""), i = async () => {
-      var m;
-      if (!((m = e.value) != null && m.deviceId)) return;
-      l.value = !0;
-      const [u, y] = await Ut({
+      deviceInfo: e,
+      source: l
+    } = fe(t), r = _(!1), o = _(""), i = async () => {
+      var g;
+      if (!((g = e.value) != null && g.deviceId)) return;
+      r.value = !0;
+      const [u, c] = await lt({
         productId: e.value.productId,
-        deviceId: e.value.deviceId
+        deviceId: e.value.deviceId,
+        source: l.value
       });
-      u || (p.value = jt(y == null ? void 0 : y.wsFlvStreamURL)), l.value = !1;
-    }, d = (u) => {
-      ke({
+      u || (o.value = it(c == null ? void 0 : c.wsFlvStreamURL)), r.value = !1;
+    }, f = (u) => {
+      H({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         direction: u,
-        zoom: ""
+        zoom: "",
+        source: l.value || "web"
       });
-    }, _ = (u) => {
-      ke({
+    }, s = (u) => {
+      H({
         productId: e.value.productId,
         deviceId: e.value.deviceId,
         direction: "",
-        zoom: u
+        zoom: u,
+        source: l.value || "web"
       });
     };
-    return be(() => {
+    return Y(() => {
       i();
-    }), Q(() => e.value, () => {
+    }), O(() => e.value, () => {
       i();
     }, {
       deep: !0
-    }), () => C(Ie, null, [a.default({
-      videoUrl: p.value,
-      loading: l.value,
-      onDirectionControl: d,
-      onZoomControl: _
+    }), () => v(K, null, [n.default({
+      videoUrl: o.value,
+      loading: r.value,
+      onDirectionControl: f,
+      onZoomControl: s
     })]);
   }
 });
-function Vt(t) {
-  const a = R(0), e = R(), {
+function rt(t) {
+  const n = _(0), e = _(), {
     toggle: l,
-    isFullscreen: p
-  } = Ee(e);
+    isFullscreen: r
+  } = oe(e);
   return {
-    render: () => C(pt, {
+    render: () => v(Ve, {
       ref: e,
       gridNum: t.gridNum,
-      activeIndex: a.value,
-      "onUpdate:activeIndex": (d) => a.value = d,
-      showFn: (d) => !!t.deviceList[d]
+      activeIndex: n.value,
+      "onUpdate:activeIndex": (i) => n.value = i,
+      showFn: (i) => !!t.deviceList[i]
     }, {
       default: ({
-        index: d
+        index: i
       }) => {
-        const _ = t.deviceList[d];
-        return C(zt, {
-          deviceInfo: _
+        const f = t.deviceList[i], s = t.source;
+        return v(st, {
+          deviceInfo: f,
+          source: s
         }, {
           default: ({
             videoUrl: u,
-            onDirectionControl: y,
-            onZoomControl: m,
-            loading: g
-          }) => C(Lt, {
+            onDirectionControl: c,
+            onZoomControl: g,
+            loading: w
+          }) => v(Je, {
             type: "live",
-            loading: g,
+            loading: w,
             videoUrl: u,
-            title: _.deviceName,
-            onDirectionControl: y,
-            onZoomControl: m,
-            authType: _.authType === 2 ? ["control"] : []
+            title: f.deviceName,
+            onDirectionControl: c,
+            onZoomControl: g,
+            authType: f.authType === 2 ? ["control"] : []
           }, null)
         });
       }
@@ -919,69 +700,78 @@ function Vt(t) {
     toggleFullscreen: l
   };
 }
-const At = /* @__PURE__ */ I("div", null, [
-  /* @__PURE__ */ I("span", null, "视频监控")
-], -1), Ht = /* @__PURE__ */ K({
+const at = /* @__PURE__ */ $({
   __name: "index",
   props: {
     visible: { type: Boolean, default: !1 },
     deviceList: { default: () => [] },
-    gridNum: { default: 4 }
+    gridNum: { default: 4 },
+    source: {}
   },
   emits: ["update:visible"],
-  setup(t, { emit: a }) {
-    const e = t, l = a, p = le({
+  setup(t, { emit: n }) {
+    const e = t, l = n, r = x({
       get: () => e.visible,
-      set: (u) => l("update:visible", u)
-    }), { render: i, toggleFullscreen: d } = Vt(e), _ = le(() => {
-      let u = {};
+      set: (s) => l("update:visible", s)
+    }), { render: o, toggleFullscreen: i } = rt(e), f = x(() => {
+      let s = {};
       switch (e.gridNum) {
         case 1:
-          u = "one-video";
+          s = "one-video";
           break;
         case 4:
-          u = "four-video";
+          s = "four-video";
           break;
         case 9:
-          u = "nine-video";
+          s = "nine-video";
           break;
       }
-      return u;
+      return s;
     });
-    return (u, y) => (E(), V($(We), {
+    return (s, u) => (y(), h(a(ge), {
       size: "mini",
       title: "视频监控",
-      "custom-class": `das-linakge-video-dialog ${_.value}`,
-      modelValue: p.value,
-      "onUpdate:modelValue": y[0] || (y[0] = (m) => p.value = m),
+      "custom-class": `das-linakge-video-dialog ${f.value}`,
+      modelValue: r.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (c) => r.value = c),
       bodyStyle: { padding: 0 },
       "close-on-click-modal": !1,
       "close-on-press-escape": !1,
       modal: !1,
       "header-style": { display: "flex", justifyContent: "space-between", alignItems: "center" }
     }, {
-      header: D(() => [
-        At,
-        C($(x), { content: "页面全屏" }, {
-          default: D(() => [
-            C($(Be), {
+      header: m(() => [
+        u[1] || (u[1] = p(
+          "div",
+          null,
+          [
+            p("span", null, "视频监控")
+          ],
+          -1
+          /* HOISTED */
+        )),
+        v(a(C), { content: "页面全屏" }, {
+          default: m(() => [
+            v(a(ye), {
               class: "icon",
               color: "#999",
-              onClick: $(d)
+              onClick: a(i)
             }, null, 8, ["onClick"])
           ]),
           _: 1
+          /* STABLE */
         })
       ]),
-      default: D(() => [
-        p.value ? (E(), V($(i), { key: 0 })) : z("", !0)
+      default: m(() => [
+        r.value ? (y(), h(a(o), { key: 0 })) : I("v-if", !0)
       ]),
       _: 1
+      /* STABLE */
     }, 8, ["custom-class", "modelValue"]));
   }
-}), en = Ye(Ht), tn = () => R(null);
+}), wt = me(at), Ct = () => _(null);
 export {
-  en as DasVideoDialog,
-  tn as DasVideoDialogRef,
-  Vt as useVideo
+  wt as DasVideoDialog,
+  Ct as DasVideoDialogRef,
+  rt as useVideo
 };