smarteye-e-components 0.0.20 → 0.0.22

package/dist/smarteye-e-components.mjs

@@ -1,327 +1,328 @@
-import { defineComponent as P, computed as F, openBlock as w, createElementBlock as b, renderSlot as y, createElementVNode as S, toDisplayString as G, h as T, ref as O, resolveComponent as k, createVNode as $, withCtx as C, Fragment as j, renderList as D, createBlock as W, withDirectives as tt, normalizeClass as et, vShow as ot, createCommentVNode as H, pushScopeId as nt, popScopeId as rt } from "vue";
-var x;
-((t) => {
+import { defineComponent as F, computed as M, openBlock as f, createElementBlock as b, renderSlot as y, createElementVNode as _, toDisplayString as O, h as L, inject as te, ref as z, resolveComponent as $, normalizeClass as B, createVNode as I, withCtx as C, createBlock as P, createCommentVNode as j, Fragment as H, renderList as A, provide as oe, pushScopeId as ne, popScopeId as se } from "vue";
+var N;
+((e) => {
   ((o) => {
-    function r(c) {
+    function s(l) {
       const i = [];
-      for (let l = 0; l < c; l++)
+      for (let a = 0; a < l; a++)
         i.push({
           id: "testId",
           pid: "",
-          name: `device-${l}`,
-          online: l % 2 == 0,
+          name: `device-${a}`,
+          online: a % 2 == 0,
           channels: []
         });
       return i;
     }
-    function e(c) {
+    function t(l) {
       const i = [];
-      for (let l = 0; l < c; l++)
+      for (let a = 0; a < l; a++)
         i.push({
-          id: `groupid-${l}`,
-          name: `group-${l}`,
+          id: `groupid-${a}`,
+          name: `group-${a}`,
           pid: "",
           onlineCount: 0,
           totalCount: 0,
-          devices: r(10),
-          items: e(c - l - 1)
+          devices: s(10),
+          items: t(l - a - 1)
         });
       return i;
     }
-    function s(c) {
+    function r(l) {
       return {
         name: "hah",
         onlineCount: 0,
         totalCount: 0,
-        items: e(c)
+        items: t(l)
       };
     }
-    o.RandomDeviceGroup = s;
-  })(t.Test || (t.Test = {}));
-  function n(o, r) {
-    for (let e = 0; e < o.length; e++)
-      r(o[e]), n(o[e].items, r);
+    o.RandomDeviceGroup = r;
+  })(e.Test || (e.Test = {}));
+  function n(o, s) {
+    for (let t = 0; t < o.length; t++)
+      s(o[t]), n(o[t].items, s);
   }
   ((o) => {
-    function r(e) {
-      const s = {}, c = {};
-      return n(e.items, (i) => {
-        s[i.id] = i;
-        for (let l = 0; l < i.devices.length; l++)
-          c[i.devices[l].id] = i.devices[l];
+    function s(t) {
+      const r = {}, l = {};
+      return n(t.items, (i) => {
+        r[i.id] = i;
+        for (let a = 0; a < i.devices.length; a++)
+          l[i.devices[a].id] = i.devices[a];
       }), {
         getGroup(i) {
-          return s[i];
+          return r[i];
         },
         getDevice(i) {
-          return c[i];
+          return l[i];
         },
         foreachGroup(i) {
-          for (let l in s)
-            i(s[l]);
+          for (let a in r)
+            i(r[a]);
         }
       };
     }
-    o.AccessSession = r;
-  })(t.Utils || (t.Utils = {}));
-})(x || (x = {}));
-const st = P({
+    o.AccessSession = s;
+  })(e.Utils || (e.Utils = {}));
+})(N || (N = {}));
+const re = F({
   props: {
-    countInfo: Object
+    countInfo: Object,
+    controlParams: Object
   },
-  setup(t) {
-    function n(e, s) {
-      if (s) {
-        let c = 0;
-        return s.items.forEach((i) => {
-          c += n(e, i);
-        }), e(s) + c;
+  setup(e) {
+    function n(t, r) {
+      if (r) {
+        let l = 0;
+        return r.items.forEach((i) => {
+          l += n(t, i);
+        }), t(r) + l;
       }
       return 0;
     }
-    const o = F(() => n((e) => e.onlineCount, t.countInfo));
+    const o = M(() => n((t) => t.onlineCount, e.countInfo));
     return {
-      totalCount: F(() => n((e) => e.totalCount, t.countInfo)),
+      totalCount: M(() => n((t) => t.totalCount, e.countInfo)),
       onlineCount: o
     };
   }
 });
-const A = (t, n) => {
-  const o = t.__vccOpts || t;
-  for (const [r, e] of n)
-    o[r] = e;
+const E = (e, n) => {
+  const o = e.__vccOpts || e;
+  for (const [s, t] of n)
+    o[s] = t;
   return o;
-}, it = { class: "root" }, ct = { class: "count-show" };
-function lt(t, n, o, r, e, s) {
-  return w(), b("div", it, [
-    y(t.$slots, "default", {}, void 0, !0),
-    S("span", ct, G(t.onlineCount) + "/" + G(t.totalCount), 1)
+}, ie = { class: "root" }, ae = { class: "count-show" };
+function le(e, n, o, s, t, r) {
+  return f(), b("div", ie, [
+    y(e.$slots, "default", {}, void 0, !0),
+    _("span", ae, O(e.onlineCount) + "/" + O(e.totalCount), 1)
   ]);
 }
-const K = /* @__PURE__ */ A(st, [["render", lt], ["__scopeId", "data-v-702e833c"]]), q = Object.freeze(
+const q = /* @__PURE__ */ E(re, [["render", le], ["__scopeId", "data-v-56ab9f59"]]), J = Object.freeze(
   {
     left: 0,
     top: 0,
     width: 16,
     height: 16
   }
-), J = Object.freeze({
+), Q = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), z = Object.freeze({
-  ...q,
-  ...J
+}), T = Object.freeze({
+  ...J,
+  ...Q
 });
 Object.freeze({
-  ...z,
+  ...T,
   body: "",
   hidden: !1
 });
 ({
-  ...q
+  ...J
 });
-const Q = Object.freeze({
+const X = Object.freeze({
   width: null,
   height: null
-}), X = Object.freeze({
-  ...Q,
-  ...J
+}), Y = Object.freeze({
+  ...X,
+  ...Q
 });
-function at(t, n) {
+function ce(e, n) {
   const o = {
-    ...t
+    ...e
   };
-  for (const r in n) {
-    const e = n[r], s = typeof e;
-    r in Q ? (e === null || e && (s === "string" || s === "number")) && (o[r] = e) : s === typeof o[r] && (o[r] = r === "rotate" ? e % 4 : e);
+  for (const s in n) {
+    const t = n[s], r = typeof t;
+    s in X ? (t === null || t && (r === "string" || r === "number")) && (o[s] = t) : r === typeof o[s] && (o[s] = s === "rotate" ? t % 4 : t);
   }
   return o;
 }
-const ut = /[\s,]+/;
-function dt(t, n) {
-  n.split(ut).forEach((o) => {
+const ue = /[\s,]+/;
+function de(e, n) {
+  n.split(ue).forEach((o) => {
     switch (o.trim()) {
       case "horizontal":
-        t.hFlip = !0;
+        e.hFlip = !0;
         break;
       case "vertical":
-        t.vFlip = !0;
+        e.vFlip = !0;
         break;
     }
   });
 }
-function ht(t, n = 0) {
-  const o = t.replace(/^-?[0-9.]*/, "");
-  function r(e) {
-    for (; e < 0; )
-      e += 4;
-    return e % 4;
+function he(e, n = 0) {
+  const o = e.replace(/^-?[0-9.]*/, "");
+  function s(t) {
+    for (; t < 0; )
+      t += 4;
+    return t % 4;
   }
   if (o === "") {
-    const e = parseInt(t);
-    return isNaN(e) ? 0 : r(e);
-  } else if (o !== t) {
-    let e = 0;
+    const t = parseInt(e);
+    return isNaN(t) ? 0 : s(t);
+  } else if (o !== e) {
+    let t = 0;
     switch (o) {
       case "%":
-        e = 25;
+        t = 25;
         break;
       case "deg":
-        e = 90;
+        t = 90;
     }
-    if (e) {
-      let s = parseFloat(t.slice(0, t.length - o.length));
-      return isNaN(s) ? 0 : (s = s / e, s % 1 === 0 ? r(s) : 0);
+    if (t) {
+      let r = parseFloat(e.slice(0, e.length - o.length));
+      return isNaN(r) ? 0 : (r = r / t, r % 1 === 0 ? s(r) : 0);
     }
   }
   return n;
 }
-const pt = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ft = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function L(t, n, o) {
+const pe = /(-?[0-9.]*[0-9]+[0-9.]*)/g, fe = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function R(e, n, o) {
   if (n === 1)
-    return t;
-  if (o = o || 100, typeof t == "number")
-    return Math.ceil(t * n * o) / o;
-  if (typeof t != "string")
-    return t;
-  const r = t.split(pt);
-  if (r === null || !r.length)
-    return t;
-  const e = [];
-  let s = r.shift(), c = ft.test(s);
+    return e;
+  if (o = o || 100, typeof e == "number")
+    return Math.ceil(e * n * o) / o;
+  if (typeof e != "string")
+    return e;
+  const s = e.split(pe);
+  if (s === null || !s.length)
+    return e;
+  const t = [];
+  let r = s.shift(), l = fe.test(r);
   for (; ; ) {
-    if (c) {
-      const i = parseFloat(s);
-      isNaN(i) ? e.push(s) : e.push(Math.ceil(i * n * o) / o);
+    if (l) {
+      const i = parseFloat(r);
+      isNaN(i) ? t.push(r) : t.push(Math.ceil(i * n * o) / o);
     } else
-      e.push(s);
-    if (s = r.shift(), s === void 0)
-      return e.join("");
-    c = !c;
+      t.push(r);
+    if (r = s.shift(), r === void 0)
+      return t.join("");
+    l = !l;
   }
 }
-function gt(t, n) {
+function ge(e, n) {
   const o = {
-    ...z,
-    ...t
-  }, r = {
-    ...X,
+    ...T,
+    ...e
+  }, s = {
+    ...Y,
     ...n
-  }, e = {
+  }, t = {
     left: o.left,
     top: o.top,
     width: o.width,
     height: o.height
   };
-  let s = o.body;
-  [o, r].forEach((f) => {
-    const h = [], p = f.hFlip, a = f.vFlip;
-    let m = f.rotate;
-    p ? a ? m += 2 : (h.push(
-      "translate(" + (e.width + e.left).toString() + " " + (0 - e.top).toString() + ")"
-    ), h.push("scale(-1 1)"), e.top = e.left = 0) : a && (h.push(
-      "translate(" + (0 - e.left).toString() + " " + (e.height + e.top).toString() + ")"
-    ), h.push("scale(1 -1)"), e.top = e.left = 0);
-    let _;
-    switch (m < 0 && (m -= Math.floor(m / 4) * 4), m = m % 4, m) {
+  let r = o.body;
+  [o, s].forEach((g) => {
+    const h = [], p = g.hFlip, c = g.vFlip;
+    let w = g.rotate;
+    p ? c ? w += 2 : (h.push(
+      "translate(" + (t.width + t.left).toString() + " " + (0 - t.top).toString() + ")"
+    ), h.push("scale(-1 1)"), t.top = t.left = 0) : c && (h.push(
+      "translate(" + (0 - t.left).toString() + " " + (t.height + t.top).toString() + ")"
+    ), h.push("scale(1 -1)"), t.top = t.left = 0);
+    let S;
+    switch (w < 0 && (w -= Math.floor(w / 4) * 4), w = w % 4, w) {
       case 1:
-        _ = e.height / 2 + e.top, h.unshift(
-          "rotate(90 " + _.toString() + " " + _.toString() + ")"
+        S = t.height / 2 + t.top, h.unshift(
+          "rotate(90 " + S.toString() + " " + S.toString() + ")"
         );
         break;
       case 2:
         h.unshift(
-          "rotate(180 " + (e.width / 2 + e.left).toString() + " " + (e.height / 2 + e.top).toString() + ")"
+          "rotate(180 " + (t.width / 2 + t.left).toString() + " " + (t.height / 2 + t.top).toString() + ")"
         );
         break;
       case 3:
-        _ = e.width / 2 + e.left, h.unshift(
-          "rotate(-90 " + _.toString() + " " + _.toString() + ")"
+        S = t.width / 2 + t.left, h.unshift(
+          "rotate(-90 " + S.toString() + " " + S.toString() + ")"
         );
         break;
     }
-    m % 2 === 1 && (e.left !== e.top && (_ = e.left, e.left = e.top, e.top = _), e.width !== e.height && (_ = e.width, e.width = e.height, e.height = _)), h.length && (s = '<g transform="' + h.join(" ") + '">' + s + "</g>");
+    w % 2 === 1 && (t.left !== t.top && (S = t.left, t.left = t.top, t.top = S), t.width !== t.height && (S = t.width, t.width = t.height, t.height = S)), h.length && (r = '<g transform="' + h.join(" ") + '">' + r + "</g>");
   });
-  const c = r.width, i = r.height, l = e.width, d = e.height;
-  let g, u;
-  return c === null ? (u = i === null ? "1em" : i === "auto" ? d : i, g = L(u, l / d)) : (g = c === "auto" ? l : c, u = i === null ? L(g, d / l) : i === "auto" ? d : i), {
+  const l = s.width, i = s.height, a = t.width, d = t.height;
+  let v, u;
+  return l === null ? (u = i === null ? "1em" : i === "auto" ? d : i, v = R(u, a / d)) : (v = l === "auto" ? a : l, u = i === null ? R(v, d / a) : i === "auto" ? d : i), {
     attributes: {
-      width: g.toString(),
+      width: v.toString(),
       height: u.toString(),
-      viewBox: e.left.toString() + " " + e.top.toString() + " " + l.toString() + " " + d.toString()
+      viewBox: t.left.toString() + " " + t.top.toString() + " " + a.toString() + " " + d.toString()
     },
-    body: s
+    body: r
   };
 }
-const vt = /\sid="(\S+)"/g, mt = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let _t = 0;
-function wt(t, n = mt) {
+const ve = /\sid="(\S+)"/g, me = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let we = 0;
+function _e(e, n = me) {
   const o = [];
-  let r;
-  for (; r = vt.exec(t); )
-    o.push(r[1]);
-  return o.length && o.forEach((e) => {
-    const s = typeof n == "function" ? n(e) : n + (_t++).toString(), c = e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    t = t.replace(
-      new RegExp('([#;"])(' + c + ')([")]|\\.[a-z])', "g"),
-      "$1" + s + "$3"
+  let s;
+  for (; s = ve.exec(e); )
+    o.push(s[1]);
+  return o.length && o.forEach((t) => {
+    const r = typeof n == "function" ? n(t) : n + (we++).toString(), l = t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    e = e.replace(
+      new RegExp('([#;"])(' + l + ')([")]|\\.[a-z])', "g"),
+      "$1" + r + "$3"
     );
-  }), t;
+  }), e;
 }
-function St(t, n) {
-  let o = t.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-  for (const r in n)
-    o += " " + r + '="' + n[r] + '"';
-  return '<svg xmlns="http://www.w3.org/2000/svg"' + o + ">" + t + "</svg>";
+function Se(e, n) {
+  let o = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
+  for (const s in n)
+    o += " " + s + '="' + n[s] + '"';
+  return '<svg xmlns="http://www.w3.org/2000/svg"' + o + ">" + e + "</svg>";
 }
-function bt(t) {
-  return t.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
+function be(e) {
+  return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function yt(t) {
-  return 'url("data:image/svg+xml,' + bt(t) + '")';
+function ye(e) {
+  return 'url("data:image/svg+xml,' + be(e) + '")';
 }
-const B = {
-  ...X,
+const V = {
+  ...Y,
   inline: !1
-}, Ct = {
+}, Ce = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, $t = {
+}, $e = {
   display: "inline-block"
-}, M = {
+}, D = {
   backgroundColor: "currentColor"
-}, Y = {
+}, Z = {
   backgroundColor: "transparent"
-}, N = {
+}, x = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
-}, R = {
-  webkitMask: M,
-  mask: M,
-  background: Y
+}, U = {
+  webkitMask: D,
+  mask: D,
+  background: Z
 };
-for (const t in R) {
-  const n = R[t];
-  for (const o in N)
-    n[t + o] = N[o];
+for (const e in U) {
+  const n = U[e];
+  for (const o in x)
+    n[e + o] = x[o];
 }
-const I = {};
-["horizontal", "vertical"].forEach((t) => {
-  const n = t.slice(0, 1) + "Flip";
-  I[t + "-flip"] = n, I[t.slice(0, 1) + "-flip"] = n, I[t + "Flip"] = n;
+const G = {};
+["horizontal", "vertical"].forEach((e) => {
+  const n = e.slice(0, 1) + "Flip";
+  G[e + "-flip"] = n, G[e.slice(0, 1) + "-flip"] = n, G[e + "Flip"] = n;
 });
-function V(t) {
-  return t + (t.match(/^[-0-9.]+$/) ? "px" : "");
+function W(e) {
+  return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const kt = (t, n) => {
-  const o = at(B, n), r = { ...Ct }, e = n.mode || "svg", s = {}, c = n.style, i = typeof c == "object" && !(c instanceof Array) ? c : {};
+const ke = (e, n) => {
+  const o = ce(V, n), s = { ...Ce }, t = n.mode || "svg", r = {}, l = n.style, i = typeof l == "object" && !(l instanceof Array) ? l : {};
   for (let p in n) {
-    const a = n[p];
-    if (a !== void 0)
+    const c = n[p];
+    if (c !== void 0)
       switch (p) {
         case "icon":
         case "style":
@@ -331,256 +332,291 @@ const kt = (t, n) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          o[p] = a === !0 || a === "true" || a === 1;
+          o[p] = c === !0 || c === "true" || c === 1;
           break;
         case "flip":
-          typeof a == "string" && dt(o, a);
+          typeof c == "string" && de(o, c);
           break;
         case "color":
-          s.color = a;
+          r.color = c;
           break;
         case "rotate":
-          typeof a == "string" ? o[p] = ht(a) : typeof a == "number" && (o[p] = a);
+          typeof c == "string" ? o[p] = he(c) : typeof c == "number" && (o[p] = c);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          a !== !0 && a !== "true" && delete r["aria-hidden"];
+          c !== !0 && c !== "true" && delete s["aria-hidden"];
           break;
         default: {
-          const m = I[p];
-          m ? (a === !0 || a === "true" || a === 1) && (o[m] = !0) : B[p] === void 0 && (r[p] = a);
+          const w = G[p];
+          w ? (c === !0 || c === "true" || c === 1) && (o[w] = !0) : V[p] === void 0 && (s[p] = c);
         }
       }
   }
-  const l = gt(t, o), d = l.attributes;
-  if (o.inline && (s.verticalAlign = "-0.125em"), e === "svg") {
-    r.style = {
-      ...s,
+  const a = ge(e, o), d = a.attributes;
+  if (o.inline && (r.verticalAlign = "-0.125em"), t === "svg") {
+    s.style = {
+      ...r,
       ...i
-    }, Object.assign(r, d);
-    let p = 0, a = n.id;
-    return typeof a == "string" && (a = a.replace(/-/g, "_")), r.innerHTML = wt(l.body, a ? () => a + "ID" + p++ : "iconifyVue"), T("svg", r);
+    }, Object.assign(s, d);
+    let p = 0, c = n.id;
+    return typeof c == "string" && (c = c.replace(/-/g, "_")), s.innerHTML = _e(a.body, c ? () => c + "ID" + p++ : "iconifyVue"), L("svg", s);
   }
-  const { body: g, width: u, height: v } = t, f = e === "mask" || (e === "bg" ? !1 : g.indexOf("currentColor") !== -1), h = St(g, {
+  const { body: v, width: u, height: m } = e, g = t === "mask" || (t === "bg" ? !1 : v.indexOf("currentColor") !== -1), h = Se(v, {
     ...d,
     width: u + "",
-    height: v + ""
+    height: m + ""
   });
-  return r.style = {
-    ...s,
-    "--svg": yt(h),
-    width: V(d.width),
-    height: V(d.height),
-    ...$t,
-    ...f ? M : Y,
+  return s.style = {
+    ...r,
+    "--svg": ye(h),
+    width: W(d.width),
+    height: W(d.height),
+    ...$e,
+    ...g ? D : Z,
     ...i
-  }, T("span", r);
-}, Z = /* @__PURE__ */ Object.create(null);
-function E(t, n) {
-  Z[t] = n;
+  }, L("span", s);
+}, ee = /* @__PURE__ */ Object.create(null);
+function k(e, n) {
+  ee[e] = n;
 }
-const It = P({
+const Ie = F({
   inheritAttrs: !1,
   render() {
-    const t = this.$attrs, n = t.icon, o = typeof n == "string" ? Z[n] : typeof n == "object" ? n : null;
-    return o === null || typeof o != "object" || typeof o.body != "string" ? this.$slots.default ? this.$slots.default() : null : kt({
-      ...z,
+    const e = this.$attrs, n = e.icon, o = typeof n == "string" ? ee[n] : typeof n == "object" ? n : null;
+    return o === null || typeof o != "object" || typeof o.body != "string" ? this.$slots.default ? this.$slots.default() : null : ke({
+      ...T,
       ...o
-    }, t);
+    }, e);
   }
-}), Gt = P({
+}), Pe = F({
   components: {
-    CountShow: K,
-    Icon: It
+    CountShow: q,
+    Icon: Ie
   },
   name: "group-show",
   props: {
     deviceGroup: Object,
     controlParams: Object
   },
-  setup(t) {
-    function n(s) {
-      return s && s.filter((c) => {
-        var i;
-        return !((i = t.controlParams) != null && i.onlyShowOnline) || c.online;
-      }) || [];
+  setup(e) {
+    const n = te("theme");
+    function o(r) {
+      var l;
+      return ((l = r && r.filter((i) => {
+        var a;
+        return !((a = e.controlParams) != null && a.onlyShowOnline) || i.online;
+      })) == null ? void 0 : l.filter((i) => {
+        var a, d;
+        return e.controlParams ? i.name.indexOf((a = e.controlParams) == null ? void 0 : a.searchStr) >= 0 || i.id.indexOf((d = e.controlParams) == null ? void 0 : d.searchStr) : !0;
+      })) || [];
     }
-    const o = F(() => {
-      var s, c;
-      const i = t.controlParams.searchStr;
-      return i.length == 0 || t.deviceGroup && ((s = t.deviceGroup) == null ? void 0 : s.name.indexOf(i)) > 0 ? !0 : (c = t.deviceGroup) == null ? void 0 : c.devices.find((l) => l.name.indexOf(t.controlParams.searchStr) > 0);
-    });
-    function r(s) {
-      return t.controlParams.searchStr.length == 0 ? !0 : s.name.indexOf(t.controlParams.searchStr) > 0;
-    }
-    const e = O(!1);
+    const s = M(() => {
+      var r, l;
+      const i = e.controlParams.searchStr;
+      return i.length == 0 || e.deviceGroup && ((r = e.deviceGroup) == null ? void 0 : r.name.indexOf(i)) > 0 ? !0 : (l = e.deviceGroup) == null ? void 0 : l.devices.find((a) => a.name.indexOf(e.controlParams.searchStr) > 0 || a.id.indexOf(e.controlParams.searchStr) > 0);
+    }), t = z(!1);
     return {
-      showGroup: o,
-      showDevice: r,
-      FilterDevice: n,
-      bShow: e
+      showGroup: s,
+      FilterDevice: o,
+      bShow: t,
+      theme: n
     };
   }
 });
-const Pt = {
+const Ge = {
   key: 0,
-  class: "group"
-}, Ft = ["title"], Ot = { class: "group-slot" }, jt = {
+  class: "head-op"
+}, Oe = ["title"], Fe = { class: "group-slot" }, je = {
   key: 0,
   style: { "margin-left": "26px" }
-}, Dt = ["title"], Mt = { class: "device-slot" };
-function At(t, n, o, r, e, s) {
-  var c, i;
-  const l = k("Icon"), d = k("CountShow"), g = k("group-show");
-  return t.showGroup ? (w(), b("div", Pt, [
-    $(d, { countInfo: t.deviceGroup }, {
+}, Me = { class: "device-show-div" }, ze = ["title"], He = { class: "device-slot" };
+function Ae(e, n, o, s, t, r) {
+  var l, i;
+  const a = $("Icon"), d = $("CountShow"), v = $("group-show");
+  return e.showGroup ? (f(), b("div", {
+    key: 0,
+    class: B("group " + e.theme)
+  }, [
+    I(d, {
+      countInfo: e.deviceGroup,
+      controlParams: e.controlParams
+    }, {
       default: C(() => {
-        var u, v, f, h, p;
+        var u, m, g, h, p;
         return [
-          $(l, {
-            icon: "right",
-            rotate: t.bShow && "90deg",
-            width: "20",
-            onClick: n[0] || (n[0] = (a) => t.bShow = !t.bShow),
-            class: "handle-ls-svg"
-          }, null, 8, ["rotate"]),
-          $(l, {
-            icon: "group",
-            width: "24",
-            class: "group-avatar"
-          }),
-          S("span", {
-            class: "group-name",
-            title: (u = t.deviceGroup) == null ? void 0 : u.name
-          }, G(((v = t.deviceGroup) == null ? void 0 : v.name) && ((f = t.deviceGroup) == null ? void 0 : f.name.length) > 0 ? (h = t.deviceGroup) == null ? void 0 : h.name : (p = t.deviceGroup) == null ? void 0 : p.id), 9, Ft),
-          S("div", Ot, [
-            y(t.$slots, "group", { group: t.deviceGroup }, void 0, !0)
+          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (f(), b("span", Ge, [
+            e.bShow ? (f(), P(a, {
+              key: 1,
+              icon: "minus",
+              width: "20",
+              onClick: n[1] || (n[1] = (c) => e.bShow = !e.bShow),
+              class: "handle-ls-svg"
+            })) : (f(), P(a, {
+              key: 0,
+              icon: "plus",
+              width: "20",
+              onClick: n[0] || (n[0] = (c) => e.bShow = !e.bShow),
+              class: "handle-ls-svg"
+            }))
+          ])) : j("", !0),
+          _("span", {
+            class: "group-head-db-click",
+            onDblclick: n[2] || (n[2] = (c) => e.bShow = !e.bShow)
+          }, [
+            I(a, {
+              icon: "group",
+              width: "24",
+              class: "group-avatar"
+            }),
+            _("span", {
+              class: "group-name",
+              title: (u = e.deviceGroup) == null ? void 0 : u.name
+            }, O(((m = e.deviceGroup) == null ? void 0 : m.name) && ((g = e.deviceGroup) == null ? void 0 : g.name.length) > 0 ? (h = e.deviceGroup) == null ? void 0 : h.name : (p = e.deviceGroup) == null ? void 0 : p.id), 9, Oe)
+          ], 32),
+          _("div", Fe, [
+            y(e.$slots, "group", { group: e.deviceGroup }, void 0, !0)
           ])
         ];
       }),
       _: 3
-    }, 8, ["countInfo"]),
-    t.bShow ? (w(), b("div", jt, [
-      (w(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (u, v) => (w(), W(g, {
-        key: v,
+    }, 8, ["countInfo", "controlParams"]),
+    e.bShow ? (f(), b("div", je, [
+      (f(!0), b(H, null, A((l = e.deviceGroup) == null ? void 0 : l.items, (u, m) => (f(), P(v, {
+        key: m,
         deviceGroup: u,
-        controlParams: t.controlParams
+        controlParams: e.controlParams
       }, {
-        group: C(({ group: f }) => [
-          y(t.$slots, "group", { group: f }, void 0, !0)
+        group: C(({ group: g }) => [
+          y(e.$slots, "group", { group: g }, void 0, !0)
         ]),
-        device: C(({ device: f, group: h }) => [
-          y(t.$slots, "device", {
-            device: f,
+        device: C(({ device: g, group: h }) => [
+          y(e.$slots, "device", {
+            device: g,
             group: h
           }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["deviceGroup", "controlParams"]))), 128)),
-      (w(!0), b(j, null, D(t.FilterDevice((i = t.deviceGroup) == null ? void 0 : i.devices), (u, v) => tt((w(), b("div", {
-        key: v,
-        class: et(["device", u.online && "online-device"])
-      }, [
-        $(l, {
-          icon: "user",
-          width: "16",
-          class: "device-avatar"
-        }),
-        S("span", {
-          title: u.id,
-          class: "device-name"
-        }, G(u.name.length > 0 ? u.name : u.id), 9, Dt),
-        S("div", Mt, [
-          y(t.$slots, "device", {
-            device: u,
-            group: t.deviceGroup
-          }, void 0, !0)
-        ])
-      ], 2)), [
-        [ot, t.showDevice(u)]
-      ])), 128))
-    ])) : H("", !0)
-  ])) : H("", !0);
+      _("div", Me, [
+        (f(!0), b(H, null, A(e.FilterDevice((i = e.deviceGroup) == null ? void 0 : i.devices), (u, m) => (f(), b("div", {
+          key: m,
+          class: B(["device", u.online && "online-device"])
+        }, [
+          I(a, {
+            icon: "user",
+            width: "16",
+            class: "device-avatar"
+          }),
+          _("span", {
+            title: u.id,
+            class: "device-name"
+          }, O(u.name.length > 0 ? u.name : u.id), 9, ze),
+          _("div", He, [
+            y(e.$slots, "device", {
+              device: u,
+              group: e.deviceGroup
+            }, void 0, !0)
+          ])
+        ], 2))), 128))
+      ])
+    ])) : j("", !0)
+  ], 2)) : j("", !0);
 }
-const zt = /* @__PURE__ */ A(Gt, [["render", At], ["__scopeId", "data-v-1a7c1ce0"]]), Et = {
+const De = /* @__PURE__ */ E(Pe, [["render", Ae], ["__scopeId", "data-v-a9d269de"]]), Ee = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
-}, Tt = {
+}, Te = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"/>'
-}, Ht = {
+}, Le = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z"/>'
+}, Be = {
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"/>'
+}, Ne = {
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"/>'
 };
-E("right", Et);
-E("group", Tt);
-E("user", Ht);
-const xt = P({
+k("right", Ee);
+k("group", Te);
+k("user", Le);
+k("plus", Be);
+k("minus", Ne);
+const Re = F({
   components: {
-    CountShow: K,
-    GroupShow: zt
+    CountShow: q,
+    GroupShow: De
   },
   props: {
-    deviceGroup: Object
+    deviceGroup: Object,
+    theme: {
+      type: String,
+      default: ""
+    }
   },
   methods: {
     onCheckBoxChange() {
       this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;
     },
     onSearchChange() {
-      var t;
-      this.inputSearchRef && (this.controlParams.searchStr = (t = this.inputSearchRef) == null ? void 0 : t.value);
+      var e;
+      this.inputSearchRef && (this.controlParams.searchStr = (e = this.inputSearchRef) == null ? void 0 : e.value);
     },
-    search(t) {
-      this.controlParams.searchStr = t;
+    search(e) {
+      this.controlParams.searchStr = e;
     }
   },
-  setup() {
-    const t = O({
+  setup(e) {
+    oe("theme", e.theme);
+    const n = z({
       onlyShowOnline: !1,
       searchStr: ""
     });
     return {
-      inputSearchRef: O(),
-      controlParams: t
+      inputSearchRef: z(),
+      controlParams: n
     };
   }
 });
-const Lt = (t) => (nt("data-v-62984bb5"), t = t(), rt(), t), Bt = { class: "device-group-list" }, Nt = { class: "search-panel" }, Rt = /* @__PURE__ */ Lt(() => /* @__PURE__ */ S("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), Vt = { class: "device-panel" };
-function Ut(t, n, o, r, e, s) {
-  var c;
-  const i = k("CountShow"), l = k("group-show");
-  return w(), b("div", Bt, [
-    S("div", Nt, [
-      $(i, { countInfo: t.deviceGroup }, {
+const Ve = (e) => (ne("data-v-7e0a8034"), e = e(), se(), e), xe = { class: "device-group-list" }, Ue = { class: "search-panel" }, We = /* @__PURE__ */ Ve(() => /* @__PURE__ */ _("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), Ke = { class: "device-panel" };
+function qe(e, n, o, s, t, r) {
+  var l;
+  const i = $("CountShow"), a = $("group-show");
+  return f(), b("div", xe, [
+    _("div", Ue, [
+      I(i, { countInfo: e.deviceGroup }, {
         default: C(() => [
-          S("input", {
+          _("input", {
             type: "checkbox",
             id: "onlineShow",
             value: "onlineShow",
-            onChange: n[0] || (n[0] = (...d) => t.onCheckBoxChange && t.onCheckBoxChange(...d))
+            onChange: n[0] || (n[0] = (...d) => e.onCheckBoxChange && e.onCheckBoxChange(...d))
           }, null, 32),
-          Rt
+          We
         ]),
         _: 1
       }, 8, ["countInfo"])
     ]),
-    S("div", Vt, [
-      (w(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (d, g) => (w(), W(l, {
-        controlParams: t.controlParams,
-        key: g,
+    _("div", Ke, [
+      (f(!0), b(H, null, A((l = e.deviceGroup) == null ? void 0 : l.items, (d, v) => (f(), P(a, {
+        controlParams: e.controlParams,
+        key: v,
         deviceGroup: d
       }, {
         group: C(({ group: u }) => [
-          y(t.$slots, "group", { group: u }, void 0, !0)
+          y(e.$slots, "group", { group: u }, void 0, !0)
         ]),
-        device: C(({ device: u, group: v }) => [
-          y(t.$slots, "device", {
+        device: C(({ device: u, group: m }) => [
+          y(e.$slots, "device", {
             device: u,
-            group: v
+            group: m
           }, void 0, !0)
         ]),
         _: 2
@@ -588,18 +624,18 @@ function Ut(t, n, o, r, e, s) {
     ])
   ]);
 }
-const Wt = /* @__PURE__ */ A(xt, [["render", Ut], ["__scopeId", "data-v-62984bb5"]]), U = {
-  RecursionDeviceGroup: Wt
-}, qt = {
-  install(t) {
-    for (const n in U) {
-      const o = U[n];
-      t.component(n, o);
+const Je = /* @__PURE__ */ E(Re, [["render", qe], ["__scopeId", "data-v-7e0a8034"]]), K = {
+  RecursionDeviceGroup: Je
+}, Xe = {
+  install(e) {
+    for (const n in K) {
+      const o = K[n];
+      e.component(n, o);
     }
   }
 };
 export {
-  x as RecursionDeviceGroup,
-  qt as default
+  N as RecursionDeviceGroup,
+  Xe as default
 };
 //# sourceMappingURL=smarteye-e-components.mjs.map