smarteye-e-components 0.0.25 → 0.0.26

package/dist/smarteye-e-components.mjs

@@ -1,329 +1,345 @@
-import { defineComponent as j, computed as H, openBlock as g, createElementBlock as S, renderSlot as $, createElementVNode as v, toDisplayString as D, h as V, ref as y, normalizeStyle as O, Fragment as E, renderList as T, inject as it, resolveComponent as k, normalizeClass as x, createVNode as I, withCtx as C, createBlock as G, createCommentVNode as M, provide as st, pushScopeId as rt, popScopeId as at } from "vue";
-var N;
-((t) => {
-  ((o) => {
-    function i(r) {
-      const a = [];
-      for (let l = 0; l < r; l++)
-        a.push({
+import { defineComponent as H, computed as k, openBlock as m, createElementBlock as S, renderSlot as $, createElementVNode as g, toDisplayString as j, h as L, ref as b, normalizeStyle as D, Fragment as E, renderList as F, inject as se, resolveComponent as C, normalizeClass as x, createVNode as O, withCtx as P, createBlock as Y, createCommentVNode as V, provide as le, pushScopeId as ae, popScopeId as ce } from "vue";
+var A;
+((e) => {
+  ((t) => {
+    function s(l) {
+      const i = [];
+      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 a;
+      return i;
     }
-    function e(r) {
-      const a = [];
-      for (let l = 0; l < r; l++)
-        a.push({
-          id: `groupid-${l}`,
-          name: `group-${l}`,
+    function o(l) {
+      const i = [];
+      for (let a = 0; a < l; a++)
+        i.push({
+          id: `groupid-${a}`,
+          name: `group-${a}`,
           pid: "",
           onlineCount: 0,
           totalCount: 0,
-          devices: i(4),
-          items: e(r - l - 1)
+          devices: s(4),
+          items: o(l - a - 1)
         });
-      return a;
+      return i;
     }
-    function s(r) {
+    function r(l) {
       return {
         name: "hah",
         onlineCount: 0,
         totalCount: 0,
-        items: e(r)
+        items: o(l)
       };
     }
-    o.RandomDeviceGroup = s;
-  })(t.Test || (t.Test = {}));
-  function n(o, i) {
-    for (let e = 0; e < o.length; e++)
-      i(o[e]), n(o[e].items, i);
+    t.RandomDeviceGroup = r;
+  })(e.Test || (e.Test = {}));
+  function n(t, s) {
+    for (let o = 0; o < t.length; o++)
+      s(t[o]), n(t[o].items, s);
   }
-  ((o) => {
-    function i(e) {
-      const s = {}, r = {};
-      return n(e.items, (a) => {
-        s[a.id] = a;
-        for (let l = 0; l < a.devices.length; l++)
-          r[a.devices[l].id] = a.devices[l];
+  ((t) => {
+    function s(o) {
+      const r = {}, l = {};
+      return n(o.items, (i) => {
+        r[i.id] = i;
+        for (let a = 0; a < i.devices.length; a++)
+          l[i.devices[a].id] = i.devices[a];
       }), {
-        getGroup(a) {
-          return s[a];
+        getGroup(i) {
+          return r[i];
         },
-        getDevice(a) {
-          return r[a];
+        getDevice(i) {
+          return l[i];
         },
-        foreachGroup(a) {
-          for (let l in s)
-            a(s[l]);
+        foreachGroup(i) {
+          for (let a in r)
+            i(r[a]);
         }
       };
     }
-    o.AccessSession = i;
-  })(t.Utils || (t.Utils = {}));
-})(N || (N = {}));
-const lt = j({
+    t.AccessSession = s;
+  })(e.Utils || (e.Utils = {}));
+})(A || (A = {}));
+const ue = H({
   props: {
     countInfo: Object,
     controlParams: Object
   },
-  setup(t) {
-    function n(e, s) {
-      if (s) {
-        let r = 0;
-        return s.items.forEach((a) => {
-          r += n(e, a);
-        }), e(s) + r;
+  setup(e) {
+    function n(o, r) {
+      if (r) {
+        let l = 0;
+        return r.items.forEach((i) => {
+          l += n(o, i);
+        }), o(r) + l;
       }
       return 0;
     }
-    const o = H(() => n((e) => e.onlineCount, t.countInfo));
+    const t = k(() => n((o) => {
+      var r, l;
+      if (o.devices) {
+        let i = (r = o.devices) == null ? void 0 : r.filter((c) => c.online);
+        const a = (l = e.controlParams) == null ? void 0 : l.searchStr;
+        return a && (i = i.filter((c) => c.name.includes(a) || c.id.includes(a))), i.length;
+      }
+      return 0;
+    }, e.countInfo));
     return {
-      totalCount: H(() => n((e) => e.totalCount, t.countInfo)),
-      onlineCount: o
+      totalCount: k(() => n((o) => {
+        var r;
+        if (o.devices) {
+          let l = o.devices;
+          const i = (r = e.controlParams) == null ? void 0 : r.searchStr;
+          return i && (l = l.filter((a) => a.name.includes(i) || a.id.includes(i))), l.length;
+        }
+        return o.totalCount;
+      }, e.countInfo)),
+      onlineCount: t
     };
   }
 });
-const F = (t, n) => {
-  const o = t.__vccOpts || t;
-  for (const [i, e] of n)
-    o[i] = e;
-  return o;
-}, ct = { class: "root" }, ut = { class: "count-show" };
-function dt(t, n, o, i, e, s) {
-  return g(), S("div", ct, [
-    $(t.$slots, "default", {}, void 0, !0),
-    v("span", ut, D(t.onlineCount) + "/" + D(t.totalCount), 1)
+const z = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [s, o] of n)
+    t[s] = o;
+  return t;
+}, de = { class: "root" }, he = { class: "count-show" };
+function fe(e, n, t, s, o, r) {
+  return m(), S("div", de, [
+    $(e.$slots, "default", {}, void 0, !0),
+    g("span", he, j(e.onlineCount) + "/" + j(e.totalCount), 1)
   ]);
 }
-const X = /* @__PURE__ */ F(lt, [["render", dt], ["__scopeId", "data-v-6a3c7483"]]), Y = Object.freeze(
+const Z = /* @__PURE__ */ z(ue, [["render", fe], ["__scopeId", "data-v-1962595f"]]), ee = Object.freeze(
   {
     left: 0,
     top: 0,
     width: 16,
     height: 16
   }
-), Z = Object.freeze({
+), te = Object.freeze({
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), A = Object.freeze({
-  ...Y,
-  ...Z
+}), T = Object.freeze({
+  ...ee,
+  ...te
 });
 Object.freeze({
-  ...A,
+  ...T,
   body: "",
   hidden: !1
 });
 ({
-  ...Y
+  ...ee
 });
-const tt = Object.freeze({
+const ne = Object.freeze({
   width: null,
   height: null
-}), et = Object.freeze({
-  ...tt,
-  ...Z
+}), oe = Object.freeze({
+  ...ne,
+  ...te
 });
-function ht(t, n) {
-  const o = {
-    ...t
+function pe(e, n) {
+  const t = {
+    ...e
   };
-  for (const i in n) {
-    const e = n[i], s = typeof e;
-    i in tt ? (e === null || e && (s === "string" || s === "number")) && (o[i] = e) : s === typeof o[i] && (o[i] = i === "rotate" ? e % 4 : e);
+  for (const s in n) {
+    const o = n[s], r = typeof o;
+    s in ne ? (o === null || o && (r === "string" || r === "number")) && (t[s] = o) : r === typeof t[s] && (t[s] = s === "rotate" ? o % 4 : o);
   }
-  return o;
+  return t;
 }
-const ft = /[\s,]+/;
-function pt(t, n) {
-  n.split(ft).forEach((o) => {
-    switch (o.trim()) {
+const ve = /[\s,]+/;
+function ge(e, n) {
+  n.split(ve).forEach((t) => {
+    switch (t.trim()) {
       case "horizontal":
-        t.hFlip = !0;
+        e.hFlip = !0;
         break;
       case "vertical":
-        t.vFlip = !0;
+        e.vFlip = !0;
         break;
     }
   });
 }
-function gt(t, n = 0) {
-  const o = t.replace(/^-?[0-9.]*/, "");
-  function i(e) {
-    for (; e < 0; )
-      e += 4;
-    return e % 4;
+function me(e, n = 0) {
+  const t = e.replace(/^-?[0-9.]*/, "");
+  function s(o) {
+    for (; o < 0; )
+      o += 4;
+    return o % 4;
   }
-  if (o === "") {
-    const e = parseInt(t);
-    return isNaN(e) ? 0 : i(e);
-  } else if (o !== t) {
-    let e = 0;
-    switch (o) {
+  if (t === "") {
+    const o = parseInt(e);
+    return isNaN(o) ? 0 : s(o);
+  } else if (t !== e) {
+    let o = 0;
+    switch (t) {
       case "%":
-        e = 25;
+        o = 25;
         break;
       case "deg":
-        e = 90;
+        o = 90;
     }
-    if (e) {
-      let s = parseFloat(t.slice(0, t.length - o.length));
-      return isNaN(s) ? 0 : (s = s / e, s % 1 === 0 ? i(s) : 0);
+    if (o) {
+      let r = parseFloat(e.slice(0, e.length - t.length));
+      return isNaN(r) ? 0 : (r = r / o, r % 1 === 0 ? s(r) : 0);
     }
   }
   return n;
 }
-const vt = /(-?[0-9.]*[0-9]+[0-9.]*)/g, mt = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function B(t, n, o) {
+const _e = /(-?[0-9.]*[0-9]+[0-9.]*)/g, we = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function N(e, n, t) {
   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 i = t.split(vt);
-  if (i === null || !i.length)
-    return t;
-  const e = [];
-  let s = i.shift(), r = mt.test(s);
+    return e;
+  if (t = t || 100, typeof e == "number")
+    return Math.ceil(e * n * t) / t;
+  if (typeof e != "string")
+    return e;
+  const s = e.split(_e);
+  if (s === null || !s.length)
+    return e;
+  const o = [];
+  let r = s.shift(), l = we.test(r);
   for (; ; ) {
-    if (r) {
-      const a = parseFloat(s);
-      isNaN(a) ? e.push(s) : e.push(Math.ceil(a * n * o) / o);
+    if (l) {
+      const i = parseFloat(r);
+      isNaN(i) ? o.push(r) : o.push(Math.ceil(i * n * t) / t);
     } else
-      e.push(s);
-    if (s = i.shift(), s === void 0)
-      return e.join("");
-    r = !r;
+      o.push(r);
+    if (r = s.shift(), r === void 0)
+      return o.join("");
+    l = !l;
   }
 }
-function _t(t, n) {
-  const o = {
-    ...A,
-    ...t
-  }, i = {
-    ...et,
+function Se(e, n) {
+  const t = {
+    ...T,
+    ...e
+  }, s = {
+    ...oe,
     ...n
-  }, e = {
-    left: o.left,
-    top: o.top,
-    width: o.width,
-    height: o.height
+  }, o = {
+    left: t.left,
+    top: t.top,
+    width: t.width,
+    height: t.height
   };
-  let s = o.body;
-  [o, i].forEach((m) => {
-    const h = [], f = m.hFlip, c = m.vFlip;
-    let _ = m.rotate;
-    f ? c ? _ += 2 : (h.push(
-      "translate(" + (e.width + e.left).toString() + " " + (0 - e.top).toString() + ")"
-    ), h.push("scale(-1 1)"), e.top = e.left = 0) : c && (h.push(
-      "translate(" + (0 - e.left).toString() + " " + (e.height + e.top).toString() + ")"
-    ), h.push("scale(1 -1)"), e.top = e.left = 0);
-    let w;
-    switch (_ < 0 && (_ -= Math.floor(_ / 4) * 4), _ = _ % 4, _) {
+  let r = t.body;
+  [t, s].forEach((p) => {
+    const f = [], v = p.hFlip, d = p.vFlip;
+    let w = p.rotate;
+    v ? d ? w += 2 : (f.push(
+      "translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"
+    ), f.push("scale(-1 1)"), o.top = o.left = 0) : d && (f.push(
+      "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
+    ), f.push("scale(1 -1)"), o.top = o.left = 0);
+    let y;
+    switch (w < 0 && (w -= Math.floor(w / 4) * 4), w = w % 4, w) {
       case 1:
-        w = e.height / 2 + e.top, h.unshift(
-          "rotate(90 " + w.toString() + " " + w.toString() + ")"
+        y = o.height / 2 + o.top, f.unshift(
+          "rotate(90 " + y.toString() + " " + y.toString() + ")"
         );
         break;
       case 2:
-        h.unshift(
-          "rotate(180 " + (e.width / 2 + e.left).toString() + " " + (e.height / 2 + e.top).toString() + ")"
+        f.unshift(
+          "rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")"
         );
         break;
       case 3:
-        w = e.width / 2 + e.left, h.unshift(
-          "rotate(-90 " + w.toString() + " " + w.toString() + ")"
+        y = o.width / 2 + o.left, f.unshift(
+          "rotate(-90 " + y.toString() + " " + y.toString() + ")"
         );
         break;
     }
-    _ % 2 === 1 && (e.left !== e.top && (w = e.left, e.left = e.top, e.top = w), e.width !== e.height && (w = e.width, e.width = e.height, e.height = w)), h.length && (s = '<g transform="' + h.join(" ") + '">' + s + "</g>");
+    w % 2 === 1 && (o.left !== o.top && (y = o.left, o.left = o.top, o.top = y), o.width !== o.height && (y = o.width, o.width = o.height, o.height = y)), f.length && (r = '<g transform="' + f.join(" ") + '">' + r + "</g>");
   });
-  const r = i.width, a = i.height, l = e.width, u = e.height;
-  let p, d;
-  return r === null ? (d = a === null ? "1em" : a === "auto" ? u : a, p = B(d, l / u)) : (p = r === "auto" ? l : r, d = a === null ? B(p, u / l) : a === "auto" ? u : a), {
+  const l = s.width, i = s.height, a = o.width, c = o.height;
+  let h, u;
+  return l === null ? (u = i === null ? "1em" : i === "auto" ? c : i, h = N(u, a / c)) : (h = l === "auto" ? a : l, u = i === null ? N(h, c / a) : i === "auto" ? c : i), {
     attributes: {
-      width: p.toString(),
-      height: d.toString(),
-      viewBox: e.left.toString() + " " + e.top.toString() + " " + l.toString() + " " + u.toString()
+      width: h.toString(),
+      height: u.toString(),
+      viewBox: o.left.toString() + " " + o.top.toString() + " " + a.toString() + " " + c.toString()
     },
-    body: s
+    body: r
   };
 }
-const wt = /\sid="(\S+)"/g, St = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let bt = 0;
-function yt(t, n = St) {
-  const o = [];
-  let i;
-  for (; i = wt.exec(t); )
-    o.push(i[1]);
-  return o.length && o.forEach((e) => {
-    const s = typeof n == "function" ? n(e) : n + (bt++).toString(), r = e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    t = t.replace(
-      new RegExp('([#;"])(' + r + ')([")]|\\.[a-z])', "g"),
-      "$1" + s + "$3"
+const ye = /\sid="(\S+)"/g, be = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let $e = 0;
+function Pe(e, n = be) {
+  const t = [];
+  let s;
+  for (; s = ye.exec(e); )
+    t.push(s[1]);
+  return t.length && t.forEach((o) => {
+    const r = typeof n == "function" ? n(o) : n + ($e++).toString(), l = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    e = e.replace(
+      new RegExp('([#;"])(' + l + ')([")]|\\.[a-z])', "g"),
+      "$1" + r + "$3"
     );
-  }), t;
+  }), e;
 }
-function $t(t, n) {
-  let o = t.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-  for (const i in n)
-    o += " " + i + '="' + n[i] + '"';
-  return '<svg xmlns="http://www.w3.org/2000/svg"' + o + ">" + t + "</svg>";
+function Oe(e, n) {
+  let t = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
+  for (const s in n)
+    t += " " + s + '="' + n[s] + '"';
+  return '<svg xmlns="http://www.w3.org/2000/svg"' + t + ">" + e + "</svg>";
 }
-function Ct(t) {
-  return t.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
+function Ce(e) {
+  return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function kt(t) {
-  return 'url("data:image/svg+xml,' + Ct(t) + '")';
+function ke(e) {
+  return 'url("data:image/svg+xml,' + Ce(e) + '")';
 }
 const R = {
-  ...et,
+  ...oe,
   inline: !1
-}, It = {
+}, Ie = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, Pt = {
+}, De = {
   display: "inline-block"
-}, L = {
+}, M = {
   backgroundColor: "currentColor"
-}, ot = {
+}, ie = {
   backgroundColor: "transparent"
-}, U = {
+}, B = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
-}, W = {
-  webkitMask: L,
-  mask: L,
-  background: ot
+}, U = {
+  webkitMask: M,
+  mask: M,
+  background: ie
 };
-for (const t in W) {
-  const n = W[t];
-  for (const o in U)
-    n[t + o] = U[o];
+for (const e in U) {
+  const n = U[e];
+  for (const t in B)
+    n[e + t] = B[t];
 }
-const z = {};
-["horizontal", "vertical"].forEach((t) => {
-  const n = t.slice(0, 1) + "Flip";
-  z[t + "-flip"] = n, z[t.slice(0, 1) + "-flip"] = n, z[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 K(t) {
-  return t + (t.match(/^[-0-9.]+$/) ? "px" : "");
+function W(e) {
+  return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const Ot = (t, n) => {
-  const o = ht(R, n), i = { ...It }, e = n.mode || "svg", s = {}, r = n.style, a = typeof r == "object" && !(r instanceof Array) ? r : {};
-  for (let f in n) {
-    const c = n[f];
-    if (c !== void 0)
-      switch (f) {
+const Ge = (e, n) => {
+  const t = pe(R, n), s = { ...Ie }, o = n.mode || "svg", r = {}, l = n.style, i = typeof l == "object" && !(l instanceof Array) ? l : {};
+  for (let v in n) {
+    const d = n[v];
+    if (d !== void 0)
+      switch (v) {
         case "icon":
         case "style":
         case "onLoad":
@@ -332,73 +348,73 @@ const Ot = (t, n) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          o[f] = c === !0 || c === "true" || c === 1;
+          t[v] = d === !0 || d === "true" || d === 1;
           break;
         case "flip":
-          typeof c == "string" && pt(o, c);
+          typeof d == "string" && ge(t, d);
           break;
         case "color":
-          s.color = c;
+          r.color = d;
           break;
         case "rotate":
-          typeof c == "string" ? o[f] = gt(c) : typeof c == "number" && (o[f] = c);
+          typeof d == "string" ? t[v] = me(d) : typeof d == "number" && (t[v] = d);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          c !== !0 && c !== "true" && delete i["aria-hidden"];
+          d !== !0 && d !== "true" && delete s["aria-hidden"];
           break;
         default: {
-          const _ = z[f];
-          _ ? (c === !0 || c === "true" || c === 1) && (o[_] = !0) : R[f] === void 0 && (i[f] = c);
+          const w = G[v];
+          w ? (d === !0 || d === "true" || d === 1) && (t[w] = !0) : R[v] === void 0 && (s[v] = d);
         }
       }
   }
-  const l = _t(t, o), u = l.attributes;
-  if (o.inline && (s.verticalAlign = "-0.125em"), e === "svg") {
-    i.style = {
-      ...s,
-      ...a
-    }, Object.assign(i, u);
-    let f = 0, c = n.id;
-    return typeof c == "string" && (c = c.replace(/-/g, "_")), i.innerHTML = yt(l.body, c ? () => c + "ID" + f++ : "iconifyVue"), V("svg", i);
+  const a = Se(e, t), c = a.attributes;
+  if (t.inline && (r.verticalAlign = "-0.125em"), o === "svg") {
+    s.style = {
+      ...r,
+      ...i
+    }, Object.assign(s, c);
+    let v = 0, d = n.id;
+    return typeof d == "string" && (d = d.replace(/-/g, "_")), s.innerHTML = Pe(a.body, d ? () => d + "ID" + v++ : "iconifyVue"), L("svg", s);
   }
-  const { body: p, width: d, height: b } = t, m = e === "mask" || (e === "bg" ? !1 : p.indexOf("currentColor") !== -1), h = $t(p, {
-    ...u,
-    width: d + "",
-    height: b + ""
+  const { body: h, width: u, height: _ } = e, p = o === "mask" || (o === "bg" ? !1 : h.indexOf("currentColor") !== -1), f = Oe(h, {
+    ...c,
+    width: u + "",
+    height: _ + ""
   });
-  return i.style = {
-    ...s,
-    "--svg": kt(h),
-    width: K(u.width),
-    height: K(u.height),
-    ...Pt,
-    ...m ? L : ot,
-    ...a
-  }, V("span", i);
-}, nt = /* @__PURE__ */ Object.create(null);
-function P(t, n) {
-  nt[t] = n;
+  return s.style = {
+    ...r,
+    "--svg": ke(f),
+    width: W(c.width),
+    height: W(c.height),
+    ...De,
+    ...p ? M : ie,
+    ...i
+  }, L("span", s);
+}, re = /* @__PURE__ */ Object.create(null);
+function I(e, n) {
+  re[e] = n;
 }
-const Gt = j({
+const je = H({
   inheritAttrs: !1,
   render() {
-    const t = this.$attrs, n = t.icon, o = typeof n == "string" ? nt[n] : typeof n == "object" ? n : null;
-    return o === null || typeof o != "object" || typeof o.body != "string" ? this.$slots.default ? this.$slots.default() : null : Ot({
-      ...A,
-      ...o
-    }, t);
+    const e = this.$attrs, n = e.icon, t = typeof n == "string" ? re[n] : typeof n == "object" ? n : null;
+    return t === null || typeof t != "object" || typeof t.body != "string" ? this.$slots.default ? this.$slots.default() : null : Ge({
+      ...T,
+      ...t
+    }, e);
   }
 });
-var zt = Object.defineProperty, q = Object.getOwnPropertySymbols, Ht = Object.prototype.hasOwnProperty, Dt = Object.prototype.propertyIsEnumerable, J = (t, n, o) => n in t ? zt(t, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[n] = o, jt = (t, n) => {
-  for (var o in n || (n = {}))
-    Ht.call(n, o) && J(t, o, n[o]);
-  if (q)
-    for (var o of q(n))
-      Dt.call(n, o) && J(t, o, n[o]);
-  return t;
+var He = Object.defineProperty, K = Object.getOwnPropertySymbols, ze = Object.prototype.hasOwnProperty, Me = Object.prototype.propertyIsEnumerable, q = (e, n, t) => n in e ? He(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Ee = (e, n) => {
+  for (var t in n || (n = {}))
+    ze.call(n, t) && q(e, t, n[t]);
+  if (K)
+    for (var t of K(n))
+      Me.call(n, t) && q(e, t, n[t]);
+  return e;
 };
-const Ft = {
+const Fe = {
   name: "VirtualList",
   props: {
     listData: {
@@ -425,193 +441,202 @@ const Ft = {
     }
   },
   setup() {
-    const t = {
-      screenHeight: y(0),
-      startOffset: y(0),
-      start: y(0),
-      end: y(0)
-    }, n = y();
-    return jt({
+    const e = {
+      screenHeight: b(0),
+      startOffset: b(0),
+      start: b(0),
+      end: b(0)
+    }, n = b();
+    return Ee({
       virList: n
-    }, t);
+    }, e);
   },
   mounted() {
-    this.screenHeight = this.$el.clientHeight, this.screenHeight == 0 && (this.screenHeight = 400), this.start = 0, this.end = this.start + this.visibleCount, console.log("x");
+    this.screenHeight = this.$el.clientHeight, this.screenHeight == 0 && (this.screenHeight = 400), this.start = 0, this.end = this.start + this.visibleCount;
   },
   methods: {
     scrollEvent() {
       if (this.virList) {
-        let t = this.virList.scrollTop;
-        this.start = Math.floor(t / this.itemSize), this.end = this.start + this.visibleCount, this.startOffset = t - t % this.itemSize;
+        let e = this.virList.scrollTop;
+        this.start = Math.floor(e / this.itemSize), this.end = this.start + this.visibleCount, this.startOffset = e - e % this.itemSize;
       }
     }
   }
 };
-function Mt(t, n, o, i, e, s) {
-  return g(), S("div", {
+function Te(e, n, t, s, o, r) {
+  return m(), S("div", {
     ref: "virList",
     class: "infinite-list-container",
-    onScroll: n[0] || (n[0] = (r) => s.scrollEvent())
+    onScroll: n[0] || (n[0] = (l) => r.scrollEvent())
   }, [
-    v("div", {
+    g("div", {
       class: "infinite-list-phantom",
-      style: O({ height: s.listHeight + "px" })
+      style: D({ height: r.listHeight + "px" })
     }, null, 4),
-    v("div", {
+    g("div", {
       class: "infinite-list",
-      style: O({ transform: s.getTransform })
+      style: D({ transform: r.getTransform })
     }, [
-      (g(!0), S(E, null, T(s.visibleData, (r) => (g(), S("div", {
+      (m(!0), S(E, null, F(r.visibleData, (l) => (m(), S("div", {
         ref_for: !0,
         ref: "items",
         class: "infinite-list-item",
-        key: r.id,
-        style: O({ height: o.itemSize + "px", lineHeight: o.itemSize + "px" })
+        key: l.id,
+        style: D({ height: t.itemSize + "px", lineHeight: t.itemSize + "px" })
       }, [
-        $(t.$slots, "default", { data: r }, void 0, !0)
+        $(e.$slots, "default", { data: l }, void 0, !0)
       ], 4))), 128))
     ], 4)
   ], 544);
 }
-const Lt = /* @__PURE__ */ F(Ft, [["render", Mt], ["__scopeId", "data-v-aa3fae6b"]]), Et = j({
+const Le = /* @__PURE__ */ z(Fe, [["render", Te], ["__scopeId", "data-v-67c5afcc"]]);
+var xe = Object.defineProperty, Ve = Object.defineProperties, Ae = Object.getOwnPropertyDescriptors, J = Object.getOwnPropertySymbols, Ne = Object.prototype.hasOwnProperty, Re = Object.prototype.propertyIsEnumerable, Q = (e, n, t) => n in e ? xe(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, Be = (e, n) => {
+  for (var t in n || (n = {}))
+    Ne.call(n, t) && Q(e, t, n[t]);
+  if (J)
+    for (var t of J(n))
+      Re.call(n, t) && Q(e, t, n[t]);
+  return e;
+}, Ue = (e, n) => Ve(e, Ae(n));
+const We = H({
   components: {
-    VirtualList: Lt,
-    CountShow: X,
-    Icon: Gt
+    VirtualList: Le,
+    CountShow: Z,
+    Icon: je
   },
   name: "group-show",
   props: {
     deviceGroup: Object,
     controlParams: Object
   },
-  setup(t) {
-    const n = it("theme"), o = H(() => {
-      var r;
-      return i((r = t.deviceGroup) == null ? void 0 : r.devices);
-    });
-    function i(r) {
-      var a;
-      return ((a = r && r.filter((l) => {
-        var u;
-        return !((u = t.controlParams) != null && u.onlyShowOnline) || l.online;
-      })) == null ? void 0 : a.filter((l) => {
-        var u, p;
-        return t.controlParams ? l.name.indexOf((u = t.controlParams) == null ? void 0 : u.searchStr) >= 0 || l.id.indexOf((p = t.controlParams) == null ? void 0 : p.searchStr) >= 0 : !0;
-      })) || [];
-    }
-    const e = H(() => {
-      var r, a;
-      const l = t.controlParams.searchStr;
-      return l.length == 0 || t.deviceGroup && ((r = t.deviceGroup) == null ? void 0 : r.name.indexOf(l)) > 0 ? !0 : (a = t.deviceGroup) == null ? void 0 : a.devices.find((u) => u.name.indexOf(t.controlParams.searchStr) >= 0 || u.id.indexOf(t.controlParams.searchStr) >= 0);
-    }), s = y(!1);
-    return {
-      filteredDevices: o,
-      showGroup: e,
-      FilterDevice: i,
-      bShow: s,
+  setup(e) {
+    const n = se("theme"), t = {
+      filterDevice(i) {
+        var a, c, h, u;
+        let _ = !0;
+        (a = e.controlParams) != null && a.searchStr && (_ = i.name.indexOf((c = e.controlParams) == null ? void 0 : c.searchStr) >= 0 || i.id.indexOf((h = e.controlParams) == null ? void 0 : h.searchStr) >= 0);
+        let p = !0;
+        return (u = e.controlParams) != null && u.onlyShowOnline && (p = i.online), _ && p;
+      },
+      deviceText(i) {
+        return i.name.length > 0 ? i.name : i.id;
+      }
+    }, s = {
+      filteredDevices: k(() => {
+        var i;
+        const a = (i = e.deviceGroup) == null ? void 0 : i.devices, c = a && a.filter((u) => t.filterDevice(u)) || [];
+        return c.filter((u) => u.online).concat(c.filter((u) => !u.online));
+      })
+    }, o = k(() => s.filteredDevices.value.length > 10 ? "400px" : `${s.filteredDevices.value.length * 40}px`), r = k(() => {
+      var i, a;
+      const c = e.controlParams.searchStr;
+      return c.length == 0 || e.deviceGroup && ((i = e.deviceGroup) == null ? void 0 : i.name.indexOf(c)) > 0 ? !0 : (a = e.deviceGroup) == null ? void 0 : a.devices.find((h) => h.name.indexOf(e.controlParams.searchStr) >= 0 || h.id.indexOf(e.controlParams.searchStr) >= 0);
+    }), l = b(!1);
+    return Ue(Be({
+      innerUtils: t
+    }, s), {
+      devicePanelHeight: o,
+      showGroup: r,
+      bShow: l,
       theme: n
-    };
+    });
   }
 });
-const Tt = {
+const Ke = {
   key: 0,
   class: "head-op"
-}, At = ["title"], Vt = { class: "group-slot" }, xt = {
+}, qe = {
+  key: 1,
+  style: { display: "inline-block", width: "25px" }
+}, Je = ["title"], Qe = { class: "group-slot" }, Xe = {
   key: 0,
   style: { "margin-left": "26px" }
-}, Nt = ["title"], Bt = { class: "device-slot" };
-function Rt(t, n, o, i, e, s) {
-  var r;
-  const a = k("Icon"), l = k("CountShow"), u = k("group-show"), p = k("VirtualList");
-  return t.showGroup ? (g(), S("div", {
+}, Ye = ["title"], Ze = { class: "device-slot" };
+function et(e, n, t, s, o, r) {
+  var l;
+  const i = C("Icon"), a = C("CountShow"), c = C("group-show"), h = C("VirtualList");
+  return e.showGroup ? (m(), S("div", {
     key: 0,
-    class: x("group " + t.theme)
+    class: x("group " + e.theme)
   }, [
-    I(l, {
-      countInfo: t.deviceGroup,
-      controlParams: t.controlParams
+    O(a, {
+      countInfo: e.deviceGroup,
+      controlParams: e.controlParams
     }, {
-      default: C(() => {
-        var d, b, m, h, f;
+      default: P(() => {
+        var u, _, p, f, v;
         return [
-          t.deviceGroup && t.deviceGroup.devices.length + t.deviceGroup.items.length > 0 ? (g(), S("span", Tt, [
-            t.bShow ? (g(), G(a, {
-              key: 1,
-              icon: "minus",
+          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (m(), S("span", Ke, [
+            O(i, {
+              icon: e.bShow ? "minus" : "plus",
               width: "20",
-              onClick: n[1] || (n[1] = (c) => t.bShow = !t.bShow),
+              onClick: n[0] || (n[0] = (d) => e.bShow = !e.bShow),
               class: "handle-ls-svg"
-            })) : (g(), G(a, {
-              key: 0,
-              icon: "plus",
-              width: "20",
-              onClick: n[0] || (n[0] = (c) => t.bShow = !t.bShow),
-              class: "handle-ls-svg"
-            }))
-          ])) : M("", !0),
-          v("span", {
+            }, null, 8, ["icon"])
+          ])) : (m(), S("span", qe)),
+          g("span", {
             class: "group-head-db-click",
-            onDblclick: n[2] || (n[2] = (c) => t.bShow = !t.bShow)
+            onDblclick: n[1] || (n[1] = (d) => e.bShow = !e.bShow)
           }, [
-            I(a, {
+            O(i, {
               icon: "group",
               width: "24",
               class: "group-avatar"
             }),
-            v("span", {
+            g("span", {
               class: "group-name",
-              title: (d = t.deviceGroup) == null ? void 0 : d.name
-            }, D(((b = t.deviceGroup) == null ? void 0 : b.name) && ((m = t.deviceGroup) == null ? void 0 : m.name.length) > 0 ? (h = t.deviceGroup) == null ? void 0 : h.name : (f = t.deviceGroup) == null ? void 0 : f.id), 9, At)
+              title: (u = e.deviceGroup) == null ? void 0 : u.name
+            }, j(((_ = e.deviceGroup) == null ? void 0 : _.name) && ((p = e.deviceGroup) == null ? void 0 : p.name.length) > 0 ? (f = e.deviceGroup) == null ? void 0 : f.name : (v = e.deviceGroup) == null ? void 0 : v.id), 9, Je)
           ], 32),
-          v("div", Vt, [
-            $(t.$slots, "group", { group: t.deviceGroup }, void 0, !0)
+          g("div", Qe, [
+            $(e.$slots, "group", { group: e.deviceGroup }, void 0, !0)
           ])
         ];
       }),
       _: 3
     }, 8, ["countInfo", "controlParams"]),
-    t.bShow ? (g(), S("div", xt, [
-      (g(!0), S(E, null, T((r = t.deviceGroup) == null ? void 0 : r.items, (d, b) => (g(), G(u, {
-        key: b,
-        deviceGroup: d,
-        controlParams: t.controlParams
+    e.bShow ? (m(), S("div", Xe, [
+      (m(!0), S(E, null, F((l = e.deviceGroup) == null ? void 0 : l.items, (u, _) => (m(), Y(c, {
+        key: _,
+        deviceGroup: u,
+        controlParams: e.controlParams
       }, {
-        group: C(({ group: m }) => [
-          $(t.$slots, "group", { group: m }, void 0, !0)
+        group: P(({ group: p }) => [
+          $(e.$slots, "group", { group: p }, void 0, !0)
         ]),
-        device: C(({ device: m, group: h }) => [
-          $(t.$slots, "device", {
-            device: m,
-            group: h
+        device: P(({ device: p, group: f }) => [
+          $(e.$slots, "device", {
+            device: p,
+            group: f
           }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["deviceGroup", "controlParams"]))), 128)),
-      v("div", {
+      g("div", {
         class: "device-show-div",
-        style: O(`height: ${t.filteredDevices.length > 10 ? "400px" : `${t.filteredDevices.length * 40}px`}`)
+        style: D(`height: ${e.filteredDevices.length > 10 ? "400px" : `${e.filteredDevices.length * 40}px`}`)
       }, [
-        I(p, {
-          "list-data": t.filteredDevices,
+        O(h, {
+          "list-data": e.filteredDevices,
           "item-size": 40
         }, {
-          default: C(({ data: d }) => [
-            v("div", {
-              class: x(d.online && "online-device")
+          default: P(({ data: u }) => [
+            g("div", {
+              class: x(u.online && "online-device")
             }, [
-              I(a, {
+              O(i, {
                 icon: "user",
                 width: "16",
                 class: "device-avatar"
               }),
-              v("span", {
-                title: d.id,
+              g("span", {
+                title: u.id,
                 class: "device-name"
-              }, D(d.name.length > 0 ? d.name : d.id), 9, Nt),
-              v("div", Bt, [
-                $(t.$slots, "device", {
-                  device: d,
-                  group: t.deviceGroup
+              }, j(e.innerUtils.deviceText(u)), 9, Ye),
+              g("div", Ze, [
+                $(e.$slots, "device", {
+                  device: u,
+                  group: e.deviceGroup
                 }, void 0, !0)
               ])
             ], 2)
@@ -619,39 +644,39 @@ function Rt(t, n, o, i, e, s) {
           _: 3
         }, 8, ["list-data"])
       ], 4)
-    ])) : M("", !0)
-  ], 2)) : M("", !0);
+    ])) : V("", !0)
+  ], 2)) : V("", !0);
 }
-const Ut = /* @__PURE__ */ F(Et, [["render", Rt], ["__scopeId", "data-v-3b55c8be"]]), Wt = {
+const tt = /* @__PURE__ */ z(We, [["render", et], ["__scopeId", "data-v-ec49c748"]]), nt = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
-}, Kt = {
+}, ot = {
   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"/>'
-}, qt = {
+}, it = {
   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"/>'
-}, Jt = {
+}, rt = {
   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"/>'
-}, Qt = {
+}, st = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"/>'
 };
-P("right", Wt);
-P("group", Kt);
-P("user", qt);
-P("plus", Jt);
-P("minus", Qt);
-const Xt = j({
+I("right", nt);
+I("group", ot);
+I("user", it);
+I("plus", rt);
+I("minus", st);
+const lt = H({
   components: {
-    CountShow: X,
-    GroupShow: Ut
+    CountShow: Z,
+    GroupShow: tt
   },
   props: {
     deviceGroup: Object,
@@ -665,57 +690,57 @@ const Xt = j({
       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(t) {
-    st("theme", t.theme);
-    const n = y({
+  setup(e) {
+    le("theme", e.theme);
+    const n = b({
       onlyShowOnline: !1,
       searchStr: ""
     });
     return {
-      inputSearchRef: y(),
+      inputSearchRef: b(),
       controlParams: n
     };
   }
 });
-const Yt = (t) => (rt("data-v-7e0a8034"), t = t(), at(), t), Zt = { class: "device-group-list" }, te = { class: "search-panel" }, ee = /* @__PURE__ */ Yt(() => /* @__PURE__ */ v("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), oe = { class: "device-panel" };
-function ne(t, n, o, i, e, s) {
-  var r;
-  const a = k("CountShow"), l = k("group-show");
-  return g(), S("div", Zt, [
-    v("div", te, [
-      I(a, { countInfo: t.deviceGroup }, {
-        default: C(() => [
-          v("input", {
+const at = (e) => (ae("data-v-7e0a8034"), e = e(), ce(), e), ct = { class: "device-group-list" }, ut = { class: "search-panel" }, dt = /* @__PURE__ */ at(() => /* @__PURE__ */ g("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), ht = { class: "device-panel" };
+function ft(e, n, t, s, o, r) {
+  var l;
+  const i = C("CountShow"), a = C("group-show");
+  return m(), S("div", ct, [
+    g("div", ut, [
+      O(i, { countInfo: e.deviceGroup }, {
+        default: P(() => [
+          g("input", {
             type: "checkbox",
             id: "onlineShow",
             value: "onlineShow",
-            onChange: n[0] || (n[0] = (...u) => t.onCheckBoxChange && t.onCheckBoxChange(...u))
+            onChange: n[0] || (n[0] = (...c) => e.onCheckBoxChange && e.onCheckBoxChange(...c))
           }, null, 32),
-          ee
+          dt
         ]),
         _: 1
       }, 8, ["countInfo"])
     ]),
-    v("div", oe, [
-      (g(!0), S(E, null, T((r = t.deviceGroup) == null ? void 0 : r.items, (u, p) => (g(), G(l, {
-        controlParams: t.controlParams,
-        key: p,
-        deviceGroup: u
+    g("div", ht, [
+      (m(!0), S(E, null, F((l = e.deviceGroup) == null ? void 0 : l.items, (c, h) => (m(), Y(a, {
+        controlParams: e.controlParams,
+        key: h,
+        deviceGroup: c
       }, {
-        group: C(({ group: d }) => [
-          $(t.$slots, "group", { group: d }, void 0, !0)
+        group: P(({ group: u }) => [
+          $(e.$slots, "group", { group: u }, void 0, !0)
         ]),
-        device: C(({ device: d, group: b }) => [
-          $(t.$slots, "device", {
-            device: d,
-            group: b
+        device: P(({ device: u, group: _ }) => [
+          $(e.$slots, "device", {
+            device: u,
+            group: _
           }, void 0, !0)
         ]),
         _: 2
@@ -723,18 +748,18 @@ function ne(t, n, o, i, e, s) {
     ])
   ]);
 }
-const ie = /* @__PURE__ */ F(Xt, [["render", ne], ["__scopeId", "data-v-7e0a8034"]]), Q = {
-  RecursionDeviceGroup: ie
-}, re = {
-  install(t) {
-    for (const n in Q) {
-      const o = Q[n];
-      t.component(n, o);
+const pt = /* @__PURE__ */ z(lt, [["render", ft], ["__scopeId", "data-v-7e0a8034"]]), X = {
+  RecursionDeviceGroup: pt
+}, gt = {
+  install(e) {
+    for (const n in X) {
+      const t = X[n];
+      e.component(n, t);
     }
   }
 };
 export {
-  N as RecursionDeviceGroup,
-  re as default
+  A as RecursionDeviceGroup,
+  gt as default
 };
 //# sourceMappingURL=smarteye-e-components.mjs.map