smarteye-e-components 0.0.8 → 0.0.10

package/dist/smarteye-e-components.mjs

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