@das-fed/ui 6.4.0-dev.3 → 6.4.0-dev.5

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

@@ -1,27 +1,28 @@
 import '@das-fed/ui/packages/business-components/video-dialog/style.css';
-import { getCurrentScope as Le, onScopeDispose as Re, unref as $, getCurrentInstance as Ne, onMounted as be, nextTick as oe, ref as L, watch as Q, defineComponent as X, useCssVars as Pe, computed as le, openBlock as E, createElementBlock as K, normalizeClass as Ue, renderSlot as Ce, createCommentVNode as U, Fragment as Ie, renderList as je, createBlock as V, withCtx as D, withModifiers as x, createVNode as C, createElementVNode as I, toDisplayString as ze, pushScopeId as Ve, popScopeId as He, toRefs as Ye } from "vue";
-import { withInstall as Ae } from "@das-fed/utils/with-install/index";
+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 { DasIcon as J } from "@das-fed/ui/packages/components/icon/index";
-import { DasTooltip as R } from "@das-fed/ui/packages/components/tooltip/index";
-import { DasLivePlayer as Be } from "@das-fed/ui/packages/components/live-player/index";
-import { DasSpin as Qe } from "@das-fed/ui/packages/components/spin/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 qe } from "@das-fed/utils/common-info";
+import { getProjectInfo as pe, getToken as Ze } from "@das-fed/utils/common-info";
 var me;
-const fe = typeof window < "u", Ge = (t) => typeof t == "string", Ze = () => {
+const fe = typeof window < "u", Je = (t) => typeof t == "string", Ke = () => {
 };
 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);
 }
-function Je(t) {
+function Xe(t) {
   return t;
 }
 function Oe(t) {
-  return Le() ? (Re(t), !0) : !1;
+  return Re() ? (xe(t), !0) : !1;
 }
-function Ke(t, a = !0) {
+function et(t, a = !0) {
   Ne() ? be(t) : a ? t() : oe(t);
 }
 function Me(t) {
@@ -29,11 +30,11 @@ function Me(t) {
   const e = Se(t);
   return (a = e == null ? void 0 : e.$el) != null ? a : e;
 }
-const Xe = fe ? window : void 0, et = fe ? window.document : void 0;
-function tt(...t) {
+const tt = fe ? window : void 0, nt = fe ? window.document : void 0;
+function ot(...t) {
   let a, e, l, p;
-  if (Ge(t[0]) || Array.isArray(t[0]) ? ([e, l, p] = t, a = Xe) : [a, e, l, p] = t, !a)
-    return Ze;
+  if (Je(t[0]) || Array.isArray(t[0]) ? ([e, l, p] = t, a = tt) : [a, e, l, p] = t, !a)
+    return Ke;
   Array.isArray(e) || (e = [e]), Array.isArray(l) || (l = [l]);
   const i = [], d = () => {
     i.forEach((m) => m()), i.length = 0;
@@ -44,9 +45,9 @@ function tt(...t) {
   };
   return Oe(y), y;
 }
-function nt(t, a = !1) {
-  const e = L(), l = () => e.value = !!t();
-  return l(), Ke(l, a), e;
+function rt(t, a = !1) {
+  const e = R(), l = () => e.value = !!t();
+  return l(), et(l, a), 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] || {};
@@ -93,13 +94,13 @@ const ge = [
   ]
 ];
 function Ee(t, a = {}) {
-  const { document: e = et, autoExit: l = !1 } = a, p = t || (e == null ? void 0 : e.querySelector("html")), i = L(!1);
+  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 _ = nt(() => {
+  const _ = rt(() => {
     if (e) {
-      for (const Y of ge)
-        if (Y[1] in e)
-          return d = Y, !0;
+      for (const H of ge)
+        if (H[1] in e)
+          return d = H, !0;
     } else
       return !1;
     return !1;
@@ -111,35 +112,35 @@ function Ee(t, a = {}) {
     if (!_.value)
       return;
     await F();
-    const Y = Me(p);
-    Y && (await Y[u](), i.value = !0);
+    const H = Me(p);
+    H && (await H[u](), i.value = !0);
   }
-  async function H() {
+  async function A() {
     i.value ? await F() : await S();
   }
-  return e && tt(e, g, () => {
+  return e && ot(e, g, () => {
     i.value = !!(e != null && e[m]);
   }, !1), l && Oe(F), {
     isSupported: _,
     isFullscreen: i,
     enter: S,
     exit: F,
-    toggle: H
+    toggle: A
   };
 }
 var $e;
 (function(t) {
   t.UP = "UP", t.RIGHT = "RIGHT", t.DOWN = "DOWN", t.LEFT = "LEFT", t.NONE = "NONE";
 })($e || ($e = {}));
-var ot = Object.defineProperty, _e = Object.getOwnPropertySymbols, rt = Object.prototype.hasOwnProperty, it = Object.prototype.propertyIsEnumerable, we = (t, a, e) => a in t ? ot(t, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[a] = e, st = (t, a) => {
+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 = {}))
-    rt.call(a, e) && we(t, e, a[e]);
+    st.call(a, e) && we(t, e, a[e]);
   if (_e)
     for (var e of _e(a))
-      it.call(a, e) && we(t, e, a[e]);
+      at.call(a, e) && we(t, e, a[e]);
   return t;
 };
-const at = {
+const ut = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -165,10 +166,10 @@ const at = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-st({
-  linear: Je
-}, at);
-const lt = /* @__PURE__ */ X({
+lt({
+  linear: Xe
+}, ut);
+const ct = /* @__PURE__ */ K({
   __name: "GridItem",
   props: {
     active: { type: Boolean },
@@ -179,35 +180,29 @@ const lt = /* @__PURE__ */ X({
     Pe((m) => ({
       "40d17f34": y.value
     }));
-    const e = t, l = a, p = L(), { toggle: i, isFullscreen: d } = Ee(p), _ = () => {
+    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 = () => {
       l("itemClick");
     }, y = le(() => `calc(100% / ${Math.sqrt(e.gridNum)})`);
-    return (m, g) => (E(), K(
-      "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
-      /* CLASS, NEED_HYDRATION */
-    ));
+    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));
   }
 }), ue = (t, a) => {
   const e = t.__vccOpts || t;
   for (const [l, p] of a)
     e[l] = p;
   return e;
-}, ut = /* @__PURE__ */ ue(lt, [["__scopeId", "data-v-1a6dbdfc"]]), ct = { class: "layout-wrapper" }, dt = /* @__PURE__ */ X({
+}, dt = /* @__PURE__ */ ue(ct, [["__scopeId", "data-v-1a6dbdfc"]]), ft = { class: "layout-wrapper" }, vt = /* @__PURE__ */ K({
   __name: "GridLayout",
   props: {
     gridNum: {},
@@ -219,41 +214,33 @@ const lt = /* @__PURE__ */ X({
     const e = t, l = a, p = (i) => {
       l("update:activeIndex", i);
     };
-    return (i, d) => (E(), K("div", ct, [
-      U(' :active="index === activeIndex" '),
-      (E(!0), K(
-        Ie,
-        null,
-        je(e.gridNum, (_, u) => (E(), V(ut, {
-          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) : U("v-if", !0)
-          ]),
-          _: 2
-          /* DYNAMIC */
-        }, 1032, ["grid-num", "onItemClick"]))),
-        256
-        /* UNKEYED_FRAGMENT */
-      ))
+    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))
     ]));
   }
-}), ft = /* @__PURE__ */ ue(dt, [["__scopeId", "data-v-6c66f7ad"]]);
-var vt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function pt(t) {
+}), 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();
-  })(vt, 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", H = "date", Y = "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, ee = { 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) {
+  })(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) {
@@ -269,16 +256,16 @@ var Fe = { exports: {} };
     }, 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: H, h: u, m: _, s: d, ms: i, Q: F }[c] || String(c || "").toLowerCase().replace(/s$/, "");
+      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;
-    } }, j = "en", W = {};
-    W[j] = ee;
-    var A = "$isDayjsObject", de = function(c) {
-      return c instanceof se || !(!c || !c[A]);
+    } }, 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 j;
+      if (!r) return U;
       if (typeof r == "string") {
         var f = r.toLowerCase();
         W[f] && (o = f), n && (W[f] = n, o = f);
@@ -288,7 +275,7 @@ var Fe = { exports: {} };
         var w = r.name;
         W[w] = r, o = w;
       }
-      return !s && o && (j = o), o || !s && j;
+      return !s && o && (U = o), o || !s && U;
     }, O = function(c, r) {
       if (de(c)) return c.clone();
       var n = typeof r == "object" ? r : {};
@@ -299,7 +286,7 @@ var Fe = { exports: {} };
     };
     var se = function() {
       function c(n) {
-        this.$L = ie(n.locale, null, !0), this.parse(n), this.$x = this.$x || n.x || {}, this[A] = !0;
+        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) {
@@ -323,7 +310,7 @@ var Fe = { exports: {} };
       }, r.$utils = function() {
         return h;
       }, r.isValid = function() {
-        return this.$d.toString() !== Y;
+        return this.$d.toString() !== H;
       }, r.isSame = function(n, s) {
         var o = O(n);
         return this.startOf(s) <= o && o <= this.endOf(s);
@@ -343,17 +330,17 @@ var Fe = { exports: {} };
           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, z = this.$D, Z = "set" + (this.$u ? "UTC" : "");
+        }, 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, te = (M < q ? M + 7 : M) - q;
-            return w(f ? z - te : z + (6 - te), T);
+            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 H:
+          case A:
             return b(Z + "Hours", 0);
           case u:
             return b(Z + "Minutes", 1);
@@ -367,10 +354,10 @@ var Fe = { exports: {} };
       }, 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[H] = 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;
+        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(H, 1);
-          M.$d[w](b), M.init(), this.$d = M.set(H, Math.min(this.$D, M.daysInMonth())).$d;
+          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) {
@@ -381,8 +368,8 @@ var Fe = { exports: {} };
         var o, f = this;
         n = Number(n);
         var v = h.p(s), w = function(T) {
-          var z = O(f);
-          return h.w(z.date(z.date() + Math.round(T * n)), f);
+          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);
@@ -394,18 +381,18 @@ var Fe = { exports: {} };
         return this.add(-1 * n, s);
       }, r.format = function(n) {
         var s = this, o = this.$locale();
-        if (!this.isValid()) return o.invalidDate || Y;
-        var f = n || "YYYY-MM-DDTHH:mm:ssZ", v = h.z(this), w = this.$H, b = this.$m, M = this.$M, T = o.weekdays, z = o.months, Z = o.meridiem, q = function(N, B, ne, ae) {
-          return N && (N[B] || N(s, f)) || ne[B].slice(0, ae);
-        }, te = function(N) {
+        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, ne) {
+        }, G = Z || function(N, B, te) {
           var ae = N < 12 ? "AM" : "PM";
-          return ne ? ae.toLowerCase() : ae;
+          return te ? ae.toLowerCase() : ae;
         };
         return f.replace(re, function(N, B) {
-          return B || function(ne) {
-            switch (ne) {
+          return B || function(te) {
+            switch (te) {
               case "YY":
                 return String(s.$y).slice(-2);
               case "YYYY":
@@ -415,9 +402,9 @@ var Fe = { exports: {} };
               case "MM":
                 return h.s(M + 1, 2, "0");
               case "MMM":
-                return q(o.monthsShort, M, z, 3);
+                return q(o.monthsShort, M, j, 3);
               case "MMMM":
-                return q(z, M);
+                return q(j, M);
               case "D":
                 return s.$D;
               case "DD":
@@ -435,9 +422,9 @@ var Fe = { exports: {} };
               case "HH":
                 return h.s(w, 2, "0");
               case "h":
-                return te(1);
+                return ee(1);
               case "hh":
-                return te(2);
+                return ee(2);
               case "a":
                 return G(w, b, !0);
               case "A":
@@ -461,18 +448,18 @@ var Fe = { exports: {} };
       }, 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, z = function() {
+        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 = z() / 12;
+            f = j() / 12;
             break;
           case g:
-            f = z();
+            f = j();
             break;
           case F:
-            f = z() / 3;
+            f = j() / 3;
             break;
           case m:
             f = (T - M) / 6048e5;
@@ -513,7 +500,7 @@ var Fe = { exports: {} };
         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", H]].forEach(function(c) {
+    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]);
       };
@@ -521,129 +508,108 @@ var Fe = { exports: {} };
       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[j], O.Ls = W, O.p = {}, O;
+    }, O.en = W[U], O.Ls = W, O.p = {}, O;
   });
 })(Fe);
-var mt = Fe.exports;
-const ht = /* @__PURE__ */ pt(mt), yt = /* @__PURE__ */ X({
+var yt = Fe.exports;
+const gt = /* @__PURE__ */ ht(yt), $t = /* @__PURE__ */ K({
   __name: "DirectionControl",
   emits: ["change"],
   setup(t, { emit: a }) {
     const e = a, l = (p) => {
       e("change", p);
     };
-    return (p, i) => (E(), K(
-      "div",
-      {
-        class: "direction-control",
-        onDblclick: i[9] || (i[9] = x((d) => d.stopPropagation(), ["stop"]))
-      },
-      [
-        C($(R), { content: "左上" }, {
-          default: D(() => [
-            I("div", {
-              class: "icon icon-top-left",
-              onClick: i[0] || (i[0] = x((d) => l("leftUp"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        C($(R), { content: "上" }, {
-          default: D(() => [
-            I("div", {
-              class: "icon icon-top",
-              onClick: i[1] || (i[1] = x((d) => l("up"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        C($(R), { content: "右上" }, {
-          default: D(() => [
-            I("div", {
-              class: "icon icon-top-right",
-              onClick: i[2] || (i[2] = x((d) => l("rightUp"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        C($(R), { content: "左" }, {
-          default: D(() => [
-            I("div", {
-              class: "icon icon-left",
-              onClick: i[3] || (i[3] = x((d) => l("left"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        C($(R), { content: "自动" }, {
-          default: D(() => [
-            I("div", {
-              class: "icon icon-auto",
-              onClick: i[4] || (i[4] = x((d) => l("auto"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        C($(R), { content: "右" }, {
-          default: D(() => [
-            I("div", {
-              class: "icon icon-right",
-              onClick: i[5] || (i[5] = x((d) => l("right"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        C($(R), { content: "左下" }, {
-          default: D(() => [
-            I("div", {
-              class: "icon icon-bottom-left",
-              onClick: i[6] || (i[6] = x((d) => l("leftDown"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        C($(R), { content: "下" }, {
-          default: D(() => [
-            I("div", {
-              class: "icon icon-bottom",
-              onClick: i[7] || (i[7] = x((d) => l("down"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        }),
-        C($(R), { content: "右下" }, {
-          default: D(() => [
-            I("div", {
-              class: "icon icon-bottom-right",
-              onClick: i[8] || (i[8] = x((d) => l("rightDown"), ["stop"]))
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        })
-      ],
-      32
-      /* NEED_HYDRATION */
-    ));
+    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));
   }
-}), gt = /* @__PURE__ */ ue(yt, [["__scopeId", "data-v-3b02830e"]]), $t = (t) => (Ve("data-v-f8c4c783"), t = t(), He(), t), _t = { class: "video-wrapper" }, wt = { class: "video-top" }, kt = { class: "video-top_l" }, bt = { class: "video-title-wrapper" }, Ct = { class: "video-title" }, It = { class: "video-top_r" }, Dt = {
+}), _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 = {
   key: 0,
   class: "play-status"
-}, St = { class: "video-bottom" }, Ot = /* @__PURE__ */ $t(() => /* @__PURE__ */ I(
-  "div",
-  { class: "video-bottom_l" },
-  null,
-  -1
-  /* HOISTED */
-)), Mt = { class: "video-bottom_r" }, Et = /* @__PURE__ */ X({
+}, Mt = { class: "video-bottom" }, Et = /* @__PURE__ */ wt(() => /* @__PURE__ */ I("div", { class: "video-bottom_l" }, null, -1)), Ft = { class: "video-bottom_r" }, Tt = /* @__PURE__ */ K({
   __name: "index",
   props: {
     videoUrl: {},
@@ -657,33 +623,41 @@ const ht = /* @__PURE__ */ pt(mt), yt = /* @__PURE__ */ X({
   },
   emits: ["close", "directionControl", "zoomControl"],
   setup(t, { emit: a }) {
-    const e = t, l = a, p = L(!0), i = L(), d = L(!1), _ = L(), u = le(() => {
+    const e = t, l = a;
+    Qe({
+      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 = L(!1), m = L(!0), g = (k) => {
+    }), y = R(!1), m = R(!0), g = (k) => {
       i.value = k, i.value.on(window.mpegts.Events.ERROR, (P) => {
       });
     }, F = () => {
       p.value = !p.value, i.value && (i.value.muted = p.value);
     }, S = () => {
       d.value = !d.value;
-    }, H = L(""), Y = () => {
+    }, 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 j = k.toDataURL("image/jpg"), W = `【${e.title}】${ht().format("YYYYMMDDHHmmss").toString()}.jpg`;
-        if (H.value = j, "download" in document.createElement("a")) {
-          const A = document.createElement("a");
-          A.download = W, A.style.display = "none", A.href = j, document.body.appendChild(A), document.body.appendChild(k), A.click(), URL.revokeObjectURL(A.href), document.body.removeChild(A), document.body.removeChild(k);
+        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);
         }
       }
     }, ce = (k) => {
       l("directionControl", k);
     }, re = (k) => {
       l("zoomControl", k);
-    }, ee = (k) => e.authType.includes(k);
+    }, X = (k) => e.authType.includes(k);
     return Q(
       () => u.value,
       () => {
@@ -725,31 +699,24 @@ const ht = /* @__PURE__ */ pt(mt), yt = /* @__PURE__ */ X({
           m.value = !0;
         });
       }
-    ), (k, P) => (E(), K("div", _t, [
-      C($(Qe), {
+    ), (k, P) => (E(), J("div", kt, [
+      C($(Ge), {
         spinning: e.loading,
         type: "component",
         tip: "加载中..."
       }, {
         default: D(() => [
-          I("div", wt, [
-            I("div", kt, [
-              I("div", bt, [
-                I(
-                  "div",
-                  Ct,
-                  ze(e.title.length > 20 ? e.title.slice(0, 19) + "..." : e.title),
-                  1
-                  /* TEXT */
-                )
+          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)
               ])
             ]),
-            I("div", It, [
-              ["live"].includes(k.type) ? (E(), K("span", Dt, "正在实时预览")) : U("v-if", !0),
-              U(' <das-icon class="icon close-icon" icon="close" @click.stop="handleClose"></das-icon> ')
+            I("div", St, [
+              ["live"].includes(k.type) ? (E(), J("span", Ot, "正在实时预览")) : z("", !0)
             ])
           ]),
-          e.videoUrl && m.value ? (E(), V($(Be), {
+          e.videoUrl && m.value ? (E(), V($(qe), {
             key: 0,
             type: "flv",
             ref_key: "dasLivePlayerRef",
@@ -757,124 +724,112 @@ const ht = /* @__PURE__ */ pt(mt), yt = /* @__PURE__ */ X({
             muted: p.value,
             onLoaded: g,
             src: e.videoUrl
-          }, null, 8, ["muted", "src"])) : U("v-if", !0),
-          I("div", St, [
-            Ot,
-            I("div", Mt, [
-              I(
-                "div",
-                {
-                  class: "controls",
-                  onDblclick: P[2] || (P[2] = x((j) => j.stopPropagation(), ["stop"]))
-                },
-                [
-                  C($(R), { content: "声音" }, {
-                    default: D(() => [
-                      C($(J), {
-                        class: "icon icon-volume",
-                        icon: p.value ? "muted" : "volume",
-                        onClick: x(F, ["stop"])
-                      }, null, 8, ["icon"])
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  C($(R), { content: "截图" }, {
-                    default: D(() => [
-                      C($(J), {
-                        class: "icon icon-screenshot",
-                        icon: "screenshot",
-                        onClick: x(Y, ["stop"])
-                      })
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  ee("control") ? (E(), V($(R), {
-                    key: 0,
-                    content: "聚焦-"
-                  }, {
-                    default: D(() => [
-                      ["live", "polling"].includes(e.type) ? (E(), V($(J), {
-                        key: 0,
-                        class: "icon icon-shrink",
-                        icon: "shrink",
-                        onClick: P[0] || (P[0] = x((j) => re("zoomOut"), ["stop"]))
-                      })) : U("v-if", !0)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })) : U("v-if", !0),
-                  ee("control") ? (E(), V($(R), {
-                    key: 1,
-                    content: "聚焦+"
-                  }, {
-                    default: D(() => [
-                      ["live", "polling"].includes(e.type) ? (E(), V($(J), {
-                        key: 0,
-                        class: "icon icon-enlarge",
-                        icon: "enlarge",
-                        onClick: P[1] || (P[1] = x((j) => re("zoomIn"), ["stop"]))
-                      })) : U("v-if", !0)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })) : U("v-if", !0),
-                  ee("control") ? (E(), V($(R), {
-                    key: 2,
-                    content: "方向控制"
-                  }, {
-                    default: D(() => [
-                      ["live", "polling"].includes(e.type) ? (E(), V($(J), {
-                        key: 0,
-                        class: "icon icon-direction-control",
-                        icon: "direction-control",
-                        onClick: x(S, ["stop"])
-                      })) : U("v-if", !0)
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })) : U("v-if", !0)
-                ],
-                32
-                /* NEED_HYDRATION */
-              )
+          }, 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)
             ])
           ]),
-          d.value ? (E(), V(gt, {
+          d.value ? (E(), V(_t, {
             key: 1,
             onChange: ce
-          })) : U("v-if", !0)
+          })) : z("", !0)
         ]),
         _: 1
-        /* STABLE */
       }, 8, ["spinning"])
     ]));
   }
-}), Ft = /* @__PURE__ */ ue(Et, [["__scopeId", "data-v-f8c4c783"]]), Tt = "/api/intelligent-security/video/v1", xt = "v1", Lt = De(`/api/enterpriseright/permission/${xt}`), Te = De(`${Tt}`, Rt);
-function Rt(t) {
+}), 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;
 }
-function xe(t) {
+function Le(t) {
   const a = new URLSearchParams("");
   for (let [e, l] of Object.entries(t))
     a.append(e, l);
   return a.toString();
 }
 function ke(t) {
-  return Te.post(`/device/ptz?${xe(t)}`)().run();
+  return Te.post(`/device/ptz?${Le(t)}`)().run();
 }
-function Nt(t) {
-  return Te.post(`/device/video/url/preview?${xe(t)}`)().run();
+function Ut(t) {
+  return Te.post(`/device/video/url/preview?${Le(t)}`)().run();
 }
-Lt.post("data/device-auth");
-const Pt = (t) => {
-  const a = qe();
+Nt.post("data/device-auth");
+const jt = (t) => {
+  const a = Ze();
   return `${t}?token=${a}`;
 };
-L([]);
-const Ut = /* @__PURE__ */ X({
+R([]);
+const zt = /* @__PURE__ */ K({
   props: {
     deviceInfo: {
       type: Object,
@@ -886,15 +841,15 @@ const Ut = /* @__PURE__ */ X({
   }) {
     const {
       deviceInfo: e
-    } = Ye(t), l = L(!1), p = L(""), i = async () => {
+    } = 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 Nt({
+      const [u, y] = await Ut({
         productId: e.value.productId,
         deviceId: e.value.deviceId
       });
-      u || (p.value = Pt(y == null ? void 0 : y.wsFlvStreamURL)), l.value = !1;
+      u || (p.value = jt(y == null ? void 0 : y.wsFlvStreamURL)), l.value = !1;
     }, d = (u) => {
       ke({
         productId: e.value.productId,
@@ -924,13 +879,13 @@ const Ut = /* @__PURE__ */ X({
     })]);
   }
 });
-function jt(t) {
-  const a = L(0), e = L(), {
+function Vt(t) {
+  const a = R(0), e = R(), {
     toggle: l,
     isFullscreen: p
   } = Ee(e);
   return {
-    render: () => C(ft, {
+    render: () => C(pt, {
       ref: e,
       gridNum: t.gridNum,
       activeIndex: a.value,
@@ -941,7 +896,7 @@ function jt(t) {
         index: d
       }) => {
         const _ = t.deviceList[d];
-        return C(Ut, {
+        return C(zt, {
           deviceInfo: _
         }, {
           default: ({
@@ -949,7 +904,7 @@ function jt(t) {
             onDirectionControl: y,
             onZoomControl: m,
             loading: g
-          }) => C(Ft, {
+          }) => C(Lt, {
             type: "live",
             loading: g,
             videoUrl: u,
@@ -964,15 +919,9 @@ function jt(t) {
     toggleFullscreen: l
   };
 }
-const zt = /* @__PURE__ */ I(
-  "div",
-  null,
-  [
-    /* @__PURE__ */ I("span", null, "视频监控")
-  ],
-  -1
-  /* HOISTED */
-), Vt = /* @__PURE__ */ X({
+const At = /* @__PURE__ */ I("div", null, [
+  /* @__PURE__ */ I("span", null, "视频监控")
+], -1), Ht = /* @__PURE__ */ K({
   __name: "index",
   props: {
     visible: { type: Boolean, default: !1 },
@@ -984,7 +933,7 @@ const zt = /* @__PURE__ */ I(
     const e = t, l = a, p = le({
       get: () => e.visible,
       set: (u) => l("update:visible", u)
-    }), { render: i, toggleFullscreen: d } = jt(e), _ = le(() => {
+    }), { render: i, toggleFullscreen: d } = Vt(e), _ = le(() => {
       let u = {};
       switch (e.gridNum) {
         case 1:
@@ -1012,30 +961,27 @@ const zt = /* @__PURE__ */ I(
       "header-style": { display: "flex", justifyContent: "space-between", alignItems: "center" }
     }, {
       header: D(() => [
-        zt,
-        C($(R), { content: "页面全屏" }, {
+        At,
+        C($(x), { content: "页面全屏" }, {
           default: D(() => [
-            C($(J), {
+            C($(Be), {
               class: "icon",
-              icon: "fullscreen2",
               color: "#999",
               onClick: $(d)
             }, null, 8, ["onClick"])
           ]),
           _: 1
-          /* STABLE */
         })
       ]),
       default: D(() => [
-        p.value ? (E(), V($(i), { key: 0 })) : U("v-if", !0)
+        p.value ? (E(), V($(i), { key: 0 })) : z("", !0)
       ]),
       _: 1
-      /* STABLE */
     }, 8, ["custom-class", "modelValue"]));
   }
-}), Jt = Ae(Vt), Kt = () => L(null);
+}), en = Ye(Ht), tn = () => R(null);
 export {
-  Jt as DasVideoDialog,
-  Kt as DasVideoDialogRef,
-  jt as useVideo
+  en as DasVideoDialog,
+  tn as DasVideoDialogRef,
+  Vt as useVideo
 };