smarteye-e-components 0.0.19 → 0.0.21

package/dist/smarteye-e-components.mjs

@@ -1,34 +1,34 @@
-import { defineComponent as P, computed as F, openBlock as S, createElementBlock as y, renderSlot as b, createElementVNode as g, 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 et, normalizeClass as ot, vShow as nt, createCommentVNode as H, pushScopeId as st, popScopeId as rt } from "vue";
+import { defineComponent as G, computed as O, openBlock as w, createElementBlock as b, renderSlot as y, createElementVNode as S, toDisplayString as P, h as T, ref as F, resolveComponent as k, createVNode as $, withCtx as C, Fragment as j, renderList as M, createBlock as W, normalizeClass as tt, createCommentVNode as H, pushScopeId as et, popScopeId as ot } from "vue";
 var x;
 ((t) => {
   ((o) => {
-    function s(c) {
+    function r(c) {
       const i = [];
-      for (let l = 0; l < c; l++)
+      for (let a = 0; a < c; 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) {
       const i = [];
-      for (let l = 0; l < c; l++)
+      for (let a = 0; a < c; a++)
         i.push({
-          id: `groupid-${l}`,
-          name: `group-${l}`,
+          id: `groupid-${a}`,
+          name: `group-${a}`,
           pid: "",
           onlineCount: 0,
           totalCount: 0,
-          devices: s(10),
-          items: e(c - l - 1)
+          devices: r(10),
+          items: e(c - a - 1)
         });
       return i;
     }
-    function r(c) {
+    function s(c) {
       return {
         name: "hah",
         onlineCount: 0,
@@ -36,69 +36,70 @@ var x;
         items: e(c)
       };
     }
-    o.RandomDeviceGroup = r;
+    o.RandomDeviceGroup = s;
   })(t.Test || (t.Test = {}));
-  function n(o, s) {
+  function n(o, r) {
     for (let e = 0; e < o.length; e++)
-      s(o[e]), n(o[e].items, s);
+      r(o[e]), n(o[e].items, r);
   }
   ((o) => {
-    function s(e) {
-      const r = {}, c = {};
+    function r(e) {
+      const s = {}, c = {};
       return n(e.items, (i) => {
-        r[i.id] = i;
-        for (let l = 0; l < i.devices.length; l++)
-          c[i.devices[l].id] = i.devices[l];
+        s[i.id] = i;
+        for (let a = 0; a < i.devices.length; a++)
+          c[i.devices[a].id] = i.devices[a];
       }), {
         getGroup(i) {
-          return r[i];
+          return s[i];
         },
         getDevice(i) {
           return c[i];
         },
         foreachGroup(i) {
-          for (let l in r)
-            i(r[l]);
+          for (let a in s)
+            i(s[a]);
         }
       };
     }
-    o.AccessSession = s;
+    o.AccessSession = r;
   })(t.Utils || (t.Utils = {}));
 })(x || (x = {}));
-const it = P({
+const nt = G({
   props: {
-    countInfo: Object
+    countInfo: Object,
+    controlParams: Object
   },
   setup(t) {
-    function n(e, r) {
-      if (r) {
+    function n(e, s) {
+      if (s) {
         let c = 0;
-        return r.items.forEach((i) => {
+        return s.items.forEach((i) => {
           c += n(e, i);
-        }), e(r) + c;
+        }), e(s) + c;
       }
       return 0;
     }
-    const o = F(() => n((e) => e.onlineCount, t.countInfo));
+    const o = O(() => n((e) => e.onlineCount, t.countInfo));
     return {
-      totalCount: F(() => n((e) => e.totalCount, t.countInfo)),
+      totalCount: O(() => n((e) => e.totalCount, t.countInfo)),
       onlineCount: o
     };
   }
 });
-const A = (t, n) => {
+const D = (t, n) => {
   const o = t.__vccOpts || t;
-  for (const [s, e] of n)
-    o[s] = e;
+  for (const [r, e] of n)
+    o[r] = e;
   return o;
-}, ct = { class: "root" }, lt = { class: "count-show" };
-function at(t, n, o, s, e, r) {
-  return S(), y("div", ct, [
-    b(t.$slots, "default", {}, void 0, !0),
-    g("span", lt, G(t.onlineCount) + "/" + G(t.totalCount), 1)
+}, rt = { class: "root" }, st = { class: "count-show" };
+function it(t, n, o, r, e, s) {
+  return w(), b("div", rt, [
+    y(t.$slots, "default", {}, void 0, !0),
+    S("span", st, P(t.onlineCount) + "/" + P(t.totalCount), 1)
   ]);
 }
-const K = /* @__PURE__ */ A(it, [["render", at], ["__scopeId", "data-v-702e833c"]]), q = Object.freeze(
+const K = /* @__PURE__ */ D(nt, [["render", it], ["__scopeId", "data-v-56ab9f59"]]), q = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -128,19 +129,19 @@ const Q = Object.freeze({
   ...Q,
   ...J
 });
-function ut(t, n) {
+function ct(t, n) {
   const o = {
     ...t
   };
-  for (const s in n) {
-    const e = n[s], r = typeof e;
-    s in Q ? (e === null || e && (r === "string" || r === "number")) && (o[s] = e) : r === typeof o[s] && (o[s] = s === "rotate" ? e % 4 : 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);
   }
   return o;
 }
-const dt = /[\s,]+/;
-function ht(t, n) {
-  n.split(dt).forEach((o) => {
+const at = /[\s,]+/;
+function lt(t, n) {
+  n.split(at).forEach((o) => {
     switch (o.trim()) {
       case "horizontal":
         t.hFlip = !0;
@@ -151,16 +152,16 @@ function ht(t, n) {
     }
   });
 }
-function pt(t, n = 0) {
+function ut(t, n = 0) {
   const o = t.replace(/^-?[0-9.]*/, "");
-  function s(e) {
+  function r(e) {
     for (; e < 0; )
       e += 4;
     return e % 4;
   }
   if (o === "") {
     const e = parseInt(t);
-    return isNaN(e) ? 0 : s(e);
+    return isNaN(e) ? 0 : r(e);
   } else if (o !== t) {
     let e = 0;
     switch (o) {
@@ -171,13 +172,13 @@ function pt(t, n = 0) {
         e = 90;
     }
     if (e) {
-      let r = parseFloat(t.slice(0, t.length - o.length));
-      return isNaN(r) ? 0 : (r = r / e, r % 1 === 0 ? s(r) : 0);
+      let s = parseFloat(t.slice(0, t.length - o.length));
+      return isNaN(s) ? 0 : (s = s / e, s % 1 === 0 ? r(s) : 0);
     }
   }
   return n;
 }
-const ft = /(-?[0-9.]*[0-9]+[0-9.]*)/g, gt = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+const dt = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ht = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
 function L(t, n, o) {
   if (n === 1)
     return t;
@@ -185,27 +186,27 @@ function L(t, n, o) {
     return Math.ceil(t * n * o) / o;
   if (typeof t != "string")
     return t;
-  const s = t.split(ft);
-  if (s === null || !s.length)
+  const r = t.split(dt);
+  if (r === null || !r.length)
     return t;
   const e = [];
-  let r = s.shift(), c = gt.test(r);
+  let s = r.shift(), c = ht.test(s);
   for (; ; ) {
     if (c) {
-      const i = parseFloat(r);
-      isNaN(i) ? e.push(r) : e.push(Math.ceil(i * n * o) / o);
+      const i = parseFloat(s);
+      isNaN(i) ? e.push(s) : e.push(Math.ceil(i * n * o) / o);
     } else
-      e.push(r);
-    if (r = s.shift(), r === void 0)
+      e.push(s);
+    if (s = r.shift(), s === void 0)
       return e.join("");
     c = !c;
   }
 }
-function vt(t, n) {
+function ft(t, n) {
   const o = {
     ...z,
     ...t
-  }, s = {
+  }, r = {
     ...X,
     ...n
   }, e = {
@@ -214,20 +215,20 @@ function vt(t, n) {
     width: o.width,
     height: o.height
   };
-  let r = o.body;
-  [o, s].forEach((f) => {
-    const h = [], p = f.hFlip, a = f.vFlip;
-    let _ = f.rotate;
-    p ? a ? _ += 2 : (h.push(
+  let s = o.body;
+  [o, r].forEach((p) => {
+    const h = [], f = p.hFlip, l = p.vFlip;
+    let m = p.rotate;
+    f ? l ? 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(
+    ), h.push("scale(-1 1)"), e.top = e.left = 0) : l && (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 _;
+    switch (m < 0 && (m -= Math.floor(m / 4) * 4), m = m % 4, m) {
       case 1:
-        w = e.height / 2 + e.top, h.unshift(
-          "rotate(90 " + w.toString() + " " + w.toString() + ")"
+        _ = e.height / 2 + e.top, h.unshift(
+          "rotate(90 " + _.toString() + " " + _.toString() + ")"
         );
         break;
       case 2:
@@ -236,78 +237,78 @@ function vt(t, n) {
         );
         break;
       case 3:
-        w = e.width / 2 + e.left, h.unshift(
-          "rotate(-90 " + w.toString() + " " + w.toString() + ")"
+        _ = e.width / 2 + e.left, h.unshift(
+          "rotate(-90 " + _.toString() + " " + _.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 && (r = '<g transform="' + h.join(" ") + '">' + r + "</g>");
+    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>");
   });
-  const c = s.width, i = s.height, l = e.width, d = e.height;
-  let v, u;
-  return c === null ? (u = i === null ? "1em" : i === "auto" ? d : i, v = L(u, l / d)) : (v = c === "auto" ? l : c, u = i === null ? L(v, d / l) : i === "auto" ? d : i), {
+  const c = r.width, i = r.height, a = e.width, d = e.height;
+  let g, u;
+  return c === null ? (u = i === null ? "1em" : i === "auto" ? d : i, g = L(u, a / d)) : (g = c === "auto" ? a : c, u = i === null ? L(g, d / a) : i === "auto" ? d : i), {
     attributes: {
-      width: v.toString(),
+      width: g.toString(),
       height: u.toString(),
-      viewBox: e.left.toString() + " " + e.top.toString() + " " + l.toString() + " " + d.toString()
+      viewBox: e.left.toString() + " " + e.top.toString() + " " + a.toString() + " " + d.toString()
     },
-    body: r
+    body: s
   };
 }
-const mt = /\sid="(\S+)"/g, _t = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let wt = 0;
-function St(t, n = _t) {
+const pt = /\sid="(\S+)"/g, gt = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let vt = 0;
+function mt(t, n = gt) {
   const o = [];
-  let s;
-  for (; s = mt.exec(t); )
-    o.push(s[1]);
+  let r;
+  for (; r = pt.exec(t); )
+    o.push(r[1]);
   return o.length && o.forEach((e) => {
-    const r = typeof n == "function" ? n(e) : n + (wt++).toString(), c = e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const s = typeof n == "function" ? n(e) : n + (vt++).toString(), c = e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     t = t.replace(
       new RegExp('([#;"])(' + c + ')([")]|\\.[a-z])', "g"),
-      "$1" + r + "$3"
+      "$1" + s + "$3"
     );
   }), t;
 }
-function yt(t, n) {
+function _t(t, n) {
   let o = t.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-  for (const s in n)
-    o += " " + s + '="' + n[s] + '"';
+  for (const r in n)
+    o += " " + r + '="' + n[r] + '"';
   return '<svg xmlns="http://www.w3.org/2000/svg"' + o + ">" + t + "</svg>";
 }
-function bt(t) {
+function wt(t) {
   return t.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
 }
-function Ct(t) {
-  return 'url("data:image/svg+xml,' + bt(t) + '")';
+function St(t) {
+  return 'url("data:image/svg+xml,' + wt(t) + '")';
 }
-const R = {
+const B = {
   ...X,
   inline: !1
-}, $t = {
+}, bt = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, kt = {
+}, yt = {
   display: "inline-block"
-}, M = {
+}, A = {
   backgroundColor: "currentColor"
 }, Y = {
   backgroundColor: "transparent"
-}, B = {
+}, N = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
-}, N = {
-  webkitMask: M,
-  mask: M,
+}, R = {
+  webkitMask: A,
+  mask: A,
   background: Y
 };
-for (const t in N) {
-  const n = N[t];
-  for (const o in B)
-    n[t + o] = B[o];
+for (const t in R) {
+  const n = R[t];
+  for (const o in N)
+    n[t + o] = N[o];
 }
 const I = {};
 ["horizontal", "vertical"].forEach((t) => {
@@ -317,12 +318,12 @@ const I = {};
 function V(t) {
   return t + (t.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const It = (t, n) => {
-  const o = ut(R, n), s = { ...$t }, e = n.mode || "svg", r = {}, c = n.style, i = typeof c == "object" && !(c instanceof Array) ? c : {};
-  for (let p in n) {
-    const a = n[p];
-    if (a !== void 0)
-      switch (p) {
+const Ct = (t, n) => {
+  const o = ct(B, n), r = { ...bt }, e = n.mode || "svg", s = {}, c = n.style, i = typeof c == "object" && !(c instanceof Array) ? c : {};
+  for (let f in n) {
+    const l = n[f];
+    if (l !== void 0)
+      switch (f) {
         case "icon":
         case "style":
         case "onLoad":
@@ -331,67 +332,67 @@ const It = (t, n) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          o[p] = a === !0 || a === "true" || a === 1;
+          o[f] = l === !0 || l === "true" || l === 1;
           break;
         case "flip":
-          typeof a == "string" && ht(o, a);
+          typeof l == "string" && lt(o, l);
           break;
         case "color":
-          r.color = a;
+          s.color = l;
           break;
         case "rotate":
-          typeof a == "string" ? o[p] = pt(a) : typeof a == "number" && (o[p] = a);
+          typeof l == "string" ? o[f] = ut(l) : typeof l == "number" && (o[f] = l);
           break;
         case "ariaHidden":
         case "aria-hidden":
-          a !== !0 && a !== "true" && delete s["aria-hidden"];
+          l !== !0 && l !== "true" && delete r["aria-hidden"];
           break;
         default: {
-          const _ = I[p];
-          _ ? (a === !0 || a === "true" || a === 1) && (o[_] = !0) : R[p] === void 0 && (s[p] = a);
+          const m = I[f];
+          m ? (l === !0 || l === "true" || l === 1) && (o[m] = !0) : B[f] === void 0 && (r[f] = l);
         }
       }
   }
-  const l = vt(t, o), d = l.attributes;
-  if (o.inline && (r.verticalAlign = "-0.125em"), e === "svg") {
-    s.style = {
-      ...r,
+  const a = ft(t, o), d = a.attributes;
+  if (o.inline && (s.verticalAlign = "-0.125em"), e === "svg") {
+    r.style = {
+      ...s,
       ...i
-    }, Object.assign(s, d);
-    let p = 0, a = n.id;
-    return typeof a == "string" && (a = a.replace(/-/g, "_")), s.innerHTML = St(l.body, a ? () => a + "ID" + p++ : "iconifyVue"), T("svg", s);
+    }, Object.assign(r, d);
+    let f = 0, l = n.id;
+    return typeof l == "string" && (l = l.replace(/-/g, "_")), r.innerHTML = mt(a.body, l ? () => l + "ID" + f++ : "iconifyVue"), T("svg", r);
   }
-  const { body: v, width: u, height: m } = t, f = e === "mask" || (e === "bg" ? !1 : v.indexOf("currentColor") !== -1), h = yt(v, {
+  const { body: g, width: u, height: v } = t, p = e === "mask" || (e === "bg" ? !1 : g.indexOf("currentColor") !== -1), h = _t(g, {
     ...d,
     width: u + "",
-    height: m + ""
+    height: v + ""
   });
-  return s.style = {
-    ...r,
-    "--svg": Ct(h),
+  return r.style = {
+    ...s,
+    "--svg": St(h),
     width: V(d.width),
     height: V(d.height),
-    ...kt,
-    ...f ? M : Y,
+    ...yt,
+    ...p ? A : Y,
     ...i
-  }, T("span", s);
+  }, T("span", r);
 }, Z = /* @__PURE__ */ Object.create(null);
 function E(t, n) {
   Z[t] = n;
 }
-const Gt = P({
+const $t = G({
   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 : It({
+    return o === null || typeof o != "object" || typeof o.body != "string" ? this.$slots.default ? this.$slots.default() : null : Ct({
       ...z,
       ...o
     }, t);
   }
-}), Pt = P({
+}), kt = G({
   components: {
     CountShow: K,
-    Icon: Gt
+    Icon: $t
   },
   name: "group-show",
   props: {
@@ -399,129 +400,134 @@ const Gt = P({
     controlParams: Object
   },
   setup(t) {
-    function n(r) {
-      return r && r.filter((c) => {
-        var i;
-        return !((i = t.controlParams) != null && i.onlyShowOnline) || c.online;
-      }) || [];
+    function n(s) {
+      var c;
+      return ((c = s && s.filter((i) => {
+        var a;
+        return !((a = t.controlParams) != null && a.onlyShowOnline) || i.online;
+      })) == null ? void 0 : c.filter((i) => {
+        var a;
+        return t.controlParams ? i.name.indexOf((a = t.controlParams) == null ? void 0 : a.searchStr) >= 0 : !0;
+      })) || [];
     }
-    const o = F(() => {
-      var r, c;
+    const o = O(() => {
+      var s, c;
       const i = t.controlParams.searchStr;
-      return i.length == 0 || t.deviceGroup && ((r = t.deviceGroup) == null ? void 0 : r.name.indexOf(i)) > 0 ? !0 : (c = t.deviceGroup) == null ? void 0 : c.devices.find((l) => l.name.indexOf(t.controlParams.searchStr) > 0);
+      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((a) => a.name.indexOf(t.controlParams.searchStr) > 0);
     });
-    function s(r) {
-      return t.controlParams.searchStr.length == 0 ? !0 : r.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 e = F(!1);
     return {
       showGroup: o,
-      showDevice: s,
+      showDevice: r,
       FilterDevice: n,
       bShow: e
     };
   }
 });
-const Ft = {
+const It = {
   key: 0,
   class: "group"
-}, Ot = ["title"], jt = { class: "group-slot" }, Dt = {
+}, Pt = ["title"], Gt = { class: "group-slot" }, Ot = {
   key: 0,
   style: { "margin-left": "26px" }
-}, Mt = ["title"], At = { class: "device-slot" };
-function zt(t, n, o, s, e, r) {
+}, Ft = ["title"], jt = { class: "device-slot" };
+function Mt(t, n, o, r, e, s) {
   var c, i;
-  const l = k("Icon"), d = k("CountShow"), v = k("group-show");
-  return t.showGroup ? (S(), y("div", Ft, [
-    $(d, { countInfo: t.deviceGroup }, {
+  const a = k("Icon"), d = k("CountShow"), g = k("group-show");
+  return t.showGroup ? (w(), b("div", It, [
+    $(d, {
+      countInfo: t.deviceGroup,
+      controlParams: t.controlParams
+    }, {
       default: C(() => {
-        var u, m, f, h, p;
+        var u, v, p, h, f;
         return [
-          $(l, {
+          $(a, {
             icon: "right",
             rotate: t.bShow && "90deg",
             width: "20",
-            onClick: n[0] || (n[0] = (a) => t.bShow = !t.bShow),
+            onClick: n[0] || (n[0] = (l) => t.bShow = !t.bShow),
             class: "handle-ls-svg"
           }, null, 8, ["rotate"]),
-          $(l, {
+          $(a, {
             icon: "group",
             width: "24",
             class: "group-avatar"
           }),
-          g("span", {
+          S("span", {
             class: "group-name",
             title: (u = t.deviceGroup) == null ? void 0 : u.name
-          }, G(((m = t.deviceGroup) == null ? void 0 : m.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, Ot),
-          g("div", jt, [
-            b(t.$slots, "group", { group: t.deviceGroup }, void 0, !0)
+          }, P(((v = t.deviceGroup) == null ? void 0 : v.name) && ((p = t.deviceGroup) == null ? void 0 : p.name.length) > 0 ? (h = t.deviceGroup) == null ? void 0 : h.name : (f = t.deviceGroup) == null ? void 0 : f.id), 9, Pt),
+          S("div", Gt, [
+            y(t.$slots, "group", { group: t.deviceGroup }, void 0, !0)
           ])
         ];
       }),
       _: 3
-    }, 8, ["countInfo"]),
-    t.bShow ? (S(), y("div", Dt, [
-      (S(!0), y(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (u, m) => (S(), W(v, {
-        key: m,
+    }, 8, ["countInfo", "controlParams"]),
+    t.bShow ? (w(), b("div", Ot, [
+      (w(!0), b(j, null, M((c = t.deviceGroup) == null ? void 0 : c.items, (u, v) => (w(), W(g, {
+        key: v,
         deviceGroup: u,
         controlParams: t.controlParams
       }, {
-        group: C(({ group: f }) => [
-          b(t.$slots, "group", { group: f }, void 0, !0)
+        group: C(({ group: p }) => [
+          y(t.$slots, "group", { group: p }, void 0, !0)
         ]),
-        device: C(({ device: f, group: h }) => [
-          b(t.$slots, "device", {
-            device: f,
+        device: C(({ device: p, group: h }) => [
+          y(t.$slots, "device", {
+            device: p,
             group: h
           }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["deviceGroup", "controlParams"]))), 128)),
-      (S(!0), y(j, null, D(t.FilterDevice((i = t.deviceGroup) == null ? void 0 : i.devices), (u, m) => et((S(), y("div", {
-        key: m,
-        class: ot(["device", u.online && "online-device"])
+      (w(!0), b(j, null, M(t.FilterDevice((i = t.deviceGroup) == null ? void 0 : i.devices), (u, v) => (w(), b("div", {
+        key: v,
+        class: tt(["device", u.online && "online-device"])
       }, [
-        $(l, {
+        $(a, {
           icon: "user",
           width: "16",
           class: "device-avatar"
         }),
-        g("span", {
+        S("span", {
           title: u.id,
           class: "device-name"
-        }, G(u.name.length > 0 ? u.name : u.id), 9, Mt),
-        g("div", At, [
-          b(t.$slots, "device", {
+        }, P(u.name.length > 0 ? u.name : u.id), 9, Ft),
+        S("div", jt, [
+          y(t.$slots, "device", {
             device: u,
             group: t.deviceGroup
           }, void 0, !0)
         ])
-      ], 2)), [
-        [nt, t.showDevice(u)]
-      ])), 128))
+      ], 2))), 128))
     ])) : H("", !0)
   ])) : H("", !0);
 }
-const Et = /* @__PURE__ */ A(Pt, [["render", zt], ["__scopeId", "data-v-1a7c1ce0"]]), Tt = {
+const At = /* @__PURE__ */ D(kt, [["render", Mt], ["__scopeId", "data-v-84ced3c6"]]), Dt = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
-}, Ht = {
+}, zt = {
   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"/>'
-}, xt = {
+}, Et = {
   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"/>'
 };
-E("right", Tt);
-E("group", Ht);
-E("user", xt);
-const Lt = P({
+E("right", Dt);
+E("group", zt);
+E("user", Et);
+const Tt = G({
   components: {
     CountShow: K,
-    GroupShow: Et
+    GroupShow: At
   },
   props: {
     deviceGroup: Object
@@ -532,60 +538,55 @@ const Lt = P({
     },
     onSearchChange() {
       var t;
-      this.inputSearchRef && (this.controlParams.searchStr = (t = this.inputSearchRef) == null ? void 0 : t.value, console.log(this.controlParams.searchStr));
+      this.inputSearchRef && (this.controlParams.searchStr = (t = this.inputSearchRef) == null ? void 0 : t.value);
+    },
+    search(t) {
+      this.controlParams.searchStr = t;
     }
   },
   setup() {
-    const t = O({
+    const t = F({
       onlyShowOnline: !1,
       searchStr: ""
     });
     return {
-      inputSearchRef: O(),
+      inputSearchRef: F(),
       controlParams: t
     };
   }
 });
-const tt = (t) => (st("data-v-f4599228"), t = t(), rt(), t), Rt = { class: "device-group-list" }, Bt = { class: "search-panel" }, Nt = { style: { height: "32px", "line-height": "32px" } }, Vt = /* @__PURE__ */ tt(() => /* @__PURE__ */ g("img", { src: "" }, null, -1)), Ut = /* @__PURE__ */ tt(() => /* @__PURE__ */ g("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), Wt = { class: "device-panel" };
-function Kt(t, n, o, s, e, r) {
+const Ht = (t) => (et("data-v-62984bb5"), t = t(), ot(), t), xt = { class: "device-group-list" }, Lt = { class: "search-panel" }, Bt = /* @__PURE__ */ Ht(() => /* @__PURE__ */ S("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), Nt = { class: "device-panel" };
+function Rt(t, n, o, r, e, s) {
   var c;
-  const i = k("CountShow"), l = k("group-show");
-  return S(), y("div", Rt, [
-    g("div", Bt, [
-      g("div", Nt, [
-        Vt,
-        g("input", {
-          type: "text",
-          onChange: n[0] || (n[0] = (...d) => t.onSearchChange && t.onSearchChange(...d)),
-          ref: "inputSearchRef"
-        }, null, 544)
-      ]),
+  const i = k("CountShow"), a = k("group-show");
+  return w(), b("div", xt, [
+    S("div", Lt, [
       $(i, { countInfo: t.deviceGroup }, {
         default: C(() => [
-          g("input", {
+          S("input", {
             type: "checkbox",
             id: "onlineShow",
             value: "onlineShow",
-            onChange: n[1] || (n[1] = (...d) => t.onCheckBoxChange && t.onCheckBoxChange(...d))
+            onChange: n[0] || (n[0] = (...d) => t.onCheckBoxChange && t.onCheckBoxChange(...d))
           }, null, 32),
-          Ut
+          Bt
         ]),
         _: 1
       }, 8, ["countInfo"])
     ]),
-    g("div", Wt, [
-      (S(!0), y(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (d, v) => (S(), W(l, {
+    S("div", Nt, [
+      (w(!0), b(j, null, M((c = t.deviceGroup) == null ? void 0 : c.items, (d, g) => (w(), W(a, {
         controlParams: t.controlParams,
-        key: v,
+        key: g,
         deviceGroup: d
       }, {
         group: C(({ group: u }) => [
-          b(t.$slots, "group", { group: u }, void 0, !0)
+          y(t.$slots, "group", { group: u }, void 0, !0)
         ]),
-        device: C(({ device: u, group: m }) => [
-          b(t.$slots, "device", {
+        device: C(({ device: u, group: v }) => [
+          y(t.$slots, "device", {
             device: u,
-            group: m
+            group: v
           }, void 0, !0)
         ]),
         _: 2
@@ -593,9 +594,9 @@ function Kt(t, n, o, s, e, r) {
     ])
   ]);
 }
-const qt = /* @__PURE__ */ A(Lt, [["render", Kt], ["__scopeId", "data-v-f4599228"]]), U = {
-  RecursionDeviceGroup: qt
-}, Qt = {
+const Vt = /* @__PURE__ */ D(Tt, [["render", Rt], ["__scopeId", "data-v-62984bb5"]]), U = {
+  RecursionDeviceGroup: Vt
+}, Wt = {
   install(t) {
     for (const n in U) {
       const o = U[n];
@@ -605,6 +606,6 @@ const qt = /* @__PURE__ */ A(Lt, [["render", Kt], ["__scopeId", "data-v-f4599228
 };
 export {
   x as RecursionDeviceGroup,
-  Qt as default
+  Wt as default
 };
 //# sourceMappingURL=smarteye-e-components.mjs.map