smarteye-e-components 0.0.20 → 0.0.21

package/dist/smarteye-e-components.mjs

@@ -1,30 +1,30 @@
-import { defineComponent as P, computed as F, openBlock as w, createElementBlock as b, renderSlot as y, createElementVNode as S, toDisplayString as G, h as T, ref as O, resolveComponent as k, createVNode as $, withCtx as C, Fragment as j, renderList as D, createBlock as W, withDirectives as tt, normalizeClass as et, vShow as ot, createCommentVNode as H, pushScopeId as nt, popScopeId as rt } from "vue";
+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 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: r(10),
-          items: e(c - l - 1)
+          items: e(c - a - 1)
         });
       return i;
     }
@@ -47,8 +47,8 @@ var x;
       const s = {}, c = {};
       return n(e.items, (i) => {
         s[i.id] = i;
-        for (let l = 0; l < i.devices.length; l++)
-          c[i.devices[l].id] = i.devices[l];
+        for (let a = 0; a < i.devices.length; a++)
+          c[i.devices[a].id] = i.devices[a];
       }), {
         getGroup(i) {
           return s[i];
@@ -57,17 +57,18 @@ var x;
           return c[i];
         },
         foreachGroup(i) {
-          for (let l in s)
-            i(s[l]);
+          for (let a in s)
+            i(s[a]);
         }
       };
     }
     o.AccessSession = r;
   })(t.Utils || (t.Utils = {}));
 })(x || (x = {}));
-const st = P({
+const nt = G({
   props: {
-    countInfo: Object
+    countInfo: Object,
+    controlParams: Object
   },
   setup(t) {
     function n(e, s) {
@@ -79,26 +80,26 @@ const st = P({
       }
       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 [r, e] of n)
     o[r] = e;
   return o;
-}, it = { class: "root" }, ct = { class: "count-show" };
-function lt(t, n, o, r, e, s) {
-  return w(), b("div", it, [
+}, 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", ct, G(t.onlineCount) + "/" + G(t.totalCount), 1)
+    S("span", st, P(t.onlineCount) + "/" + P(t.totalCount), 1)
   ]);
 }
-const K = /* @__PURE__ */ A(st, [["render", lt], ["__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,7 +129,7 @@ const Q = Object.freeze({
   ...Q,
   ...J
 });
-function at(t, n) {
+function ct(t, n) {
   const o = {
     ...t
   };
@@ -138,9 +139,9 @@ function at(t, n) {
   }
   return o;
 }
-const ut = /[\s,]+/;
-function dt(t, n) {
-  n.split(ut).forEach((o) => {
+const at = /[\s,]+/;
+function lt(t, n) {
+  n.split(at).forEach((o) => {
     switch (o.trim()) {
       case "horizontal":
         t.hFlip = !0;
@@ -151,7 +152,7 @@ function dt(t, n) {
     }
   });
 }
-function ht(t, n = 0) {
+function ut(t, n = 0) {
   const o = t.replace(/^-?[0-9.]*/, "");
   function r(e) {
     for (; e < 0; )
@@ -177,7 +178,7 @@ function ht(t, n = 0) {
   }
   return n;
 }
-const pt = /(-?[0-9.]*[0-9]+[0-9.]*)/g, ft = /^-?[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,11 +186,11 @@ function L(t, n, o) {
     return Math.ceil(t * n * o) / o;
   if (typeof t != "string")
     return t;
-  const r = t.split(pt);
+  const r = t.split(dt);
   if (r === null || !r.length)
     return t;
   const e = [];
-  let s = r.shift(), c = ft.test(s);
+  let s = r.shift(), c = ht.test(s);
   for (; ; ) {
     if (c) {
       const i = parseFloat(s);
@@ -201,7 +202,7 @@ function L(t, n, o) {
     c = !c;
   }
 }
-function gt(t, n) {
+function ft(t, n) {
   const o = {
     ...z,
     ...t
@@ -215,12 +216,12 @@ function gt(t, n) {
     height: o.height
   };
   let s = o.body;
-  [o, r].forEach((f) => {
-    const h = [], p = f.hFlip, a = f.vFlip;
-    let m = f.rotate;
-    p ? a ? m += 2 : (h.push(
+  [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 _;
@@ -243,55 +244,55 @@ function gt(t, n) {
     }
     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 = r.width, i = r.height, l = e.width, d = e.height;
+  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, l / d)) : (g = c === "auto" ? l : c, u = i === null ? L(g, d / l) : i === "auto" ? d : i), {
+  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: 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: s
   };
 }
-const vt = /\sid="(\S+)"/g, mt = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let _t = 0;
-function wt(t, n = mt) {
+const 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 r;
-  for (; r = vt.exec(t); )
+  for (; r = pt.exec(t); )
     o.push(r[1]);
   return o.length && o.forEach((e) => {
-    const s = typeof n == "function" ? n(e) : n + (_t++).toString(), c = e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    const s = typeof n == "function" ? n(e) : n + (vt++).toString(), c = e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
     t = t.replace(
       new RegExp('([#;"])(' + c + ')([")]|\\.[a-z])', "g"),
       "$1" + s + "$3"
     );
   }), t;
 }
-function St(t, n) {
+function _t(t, n) {
   let o = t.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
   for (const r in n)
     o += " " + r + '="' + n[r] + '"';
   return '<svg xmlns="http://www.w3.org/2000/svg"' + o + ">" + t + "</svg>";
 }
-function 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 yt(t) {
-  return 'url("data:image/svg+xml,' + bt(t) + '")';
+function St(t) {
+  return 'url("data:image/svg+xml,' + wt(t) + '")';
 }
 const B = {
   ...X,
   inline: !1
-}, Ct = {
+}, bt = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, $t = {
+}, yt = {
   display: "inline-block"
-}, M = {
+}, A = {
   backgroundColor: "currentColor"
 }, Y = {
   backgroundColor: "transparent"
@@ -300,8 +301,8 @@ const B = {
   Repeat: "no-repeat",
   Size: "100% 100%"
 }, R = {
-  webkitMask: M,
-  mask: M,
+  webkitMask: A,
+  mask: A,
   background: Y
 };
 for (const t in R) {
@@ -317,12 +318,12 @@ const I = {};
 function V(t) {
   return t + (t.match(/^[-0-9.]+$/) ? "px" : "");
 }
-const kt = (t, n) => {
-  const o = at(B, n), r = { ...Ct }, e = n.mode || "svg", s = {}, c = n.style, i = typeof c == "object" && !(c instanceof Array) ? c : {};
-  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 kt = (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" && dt(o, a);
+          typeof l == "string" && lt(o, l);
           break;
         case "color":
-          s.color = a;
+          s.color = l;
           break;
         case "rotate":
-          typeof a == "string" ? o[p] = ht(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 r["aria-hidden"];
+          l !== !0 && l !== "true" && delete r["aria-hidden"];
           break;
         default: {
-          const m = I[p];
-          m ? (a === !0 || a === "true" || a === 1) && (o[m] = !0) : B[p] === void 0 && (r[p] = a);
+          const m = I[f];
+          m ? (l === !0 || l === "true" || l === 1) && (o[m] = !0) : B[f] === void 0 && (r[f] = l);
         }
       }
   }
-  const l = gt(t, o), d = l.attributes;
+  const a = ft(t, o), d = a.attributes;
   if (o.inline && (s.verticalAlign = "-0.125em"), e === "svg") {
     r.style = {
       ...s,
       ...i
     }, Object.assign(r, d);
-    let p = 0, a = n.id;
-    return typeof a == "string" && (a = a.replace(/-/g, "_")), r.innerHTML = wt(l.body, a ? () => a + "ID" + p++ : "iconifyVue"), T("svg", r);
+    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: g, width: u, height: v } = t, f = e === "mask" || (e === "bg" ? !1 : g.indexOf("currentColor") !== -1), h = St(g, {
+  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: v + ""
   });
   return r.style = {
     ...s,
-    "--svg": yt(h),
+    "--svg": St(h),
     width: V(d.width),
     height: V(d.height),
-    ...$t,
-    ...f ? M : Y,
+    ...yt,
+    ...p ? A : Y,
     ...i
   }, T("span", r);
 }, Z = /* @__PURE__ */ Object.create(null);
 function E(t, n) {
   Z[t] = n;
 }
-const It = 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 : kt({
+    return o === null || typeof o != "object" || typeof o.body != "string" ? this.$slots.default ? this.$slots.default() : null : Ct({
       ...z,
       ...o
     }, t);
   }
-}), Gt = P({
+}), kt = G({
   components: {
     CountShow: K,
-    Icon: It
+    Icon: $t
   },
   name: "group-show",
   props: {
@@ -400,20 +401,24 @@ const It = P({
   },
   setup(t) {
     function n(s) {
-      return s && s.filter((c) => {
-        var i;
-        return !((i = t.controlParams) != null && i.onlyShowOnline) || c.online;
-      }) || [];
+      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(() => {
+    const o = O(() => {
       var s, c;
       const i = t.controlParams.searchStr;
-      return i.length == 0 || t.deviceGroup && ((s = t.deviceGroup) == null ? void 0 : s.name.indexOf(i)) > 0 ? !0 : (c = t.deviceGroup) == null ? void 0 : c.devices.find((l) => l.name.indexOf(t.controlParams.searchStr) > 0);
+      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 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: r,
@@ -422,29 +427,32 @@ const It = P({
     };
   }
 });
-const Pt = {
+const It = {
   key: 0,
   class: "group"
-}, Ft = ["title"], Ot = { class: "group-slot" }, jt = {
+}, Pt = ["title"], Gt = { class: "group-slot" }, Ot = {
   key: 0,
   style: { "margin-left": "26px" }
-}, Dt = ["title"], Mt = { class: "device-slot" };
-function At(t, n, o, r, e, s) {
+}, Ft = ["title"], jt = { class: "device-slot" };
+function Mt(t, n, o, r, e, s) {
   var c, i;
-  const l = k("Icon"), d = k("CountShow"), g = k("group-show");
-  return t.showGroup ? (w(), b("div", Pt, [
-    $(d, { countInfo: t.deviceGroup }, {
+  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, v, 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"
@@ -452,36 +460,36 @@ function At(t, n, o, r, e, s) {
           S("span", {
             class: "group-name",
             title: (u = t.deviceGroup) == null ? void 0 : u.name
-          }, G(((v = t.deviceGroup) == null ? void 0 : v.name) && ((f = t.deviceGroup) == null ? void 0 : f.name.length) > 0 ? (h = t.deviceGroup) == null ? void 0 : h.name : (p = t.deviceGroup) == null ? void 0 : p.id), 9, Ft),
-          S("div", Ot, [
+          }, 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 ? (w(), b("div", jt, [
-      (w(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (u, v) => (w(), W(g, {
+    }, 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 }) => [
-          y(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 }) => [
+        device: C(({ device: p, group: h }) => [
           y(t.$slots, "device", {
-            device: f,
+            device: p,
             group: h
           }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["deviceGroup", "controlParams"]))), 128)),
-      (w(!0), b(j, null, D(t.FilterDevice((i = t.deviceGroup) == null ? void 0 : i.devices), (u, v) => tt((w(), b("div", {
+      (w(!0), b(j, null, M(t.FilterDevice((i = t.deviceGroup) == null ? void 0 : i.devices), (u, v) => (w(), b("div", {
         key: v,
-        class: et(["device", u.online && "online-device"])
+        class: tt(["device", u.online && "online-device"])
       }, [
-        $(l, {
+        $(a, {
           icon: "user",
           width: "16",
           class: "device-avatar"
@@ -489,39 +497,37 @@ function At(t, n, o, r, e, s) {
         S("span", {
           title: u.id,
           class: "device-name"
-        }, G(u.name.length > 0 ? u.name : u.id), 9, Dt),
-        S("div", Mt, [
+        }, 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)), [
-        [ot, t.showDevice(u)]
-      ])), 128))
+      ], 2))), 128))
     ])) : H("", !0)
   ])) : H("", !0);
 }
-const zt = /* @__PURE__ */ A(Gt, [["render", At], ["__scopeId", "data-v-1a7c1ce0"]]), Et = {
+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"/>'
-}, Tt = {
+}, 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"/>'
-}, Ht = {
+}, 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", Et);
-E("group", Tt);
-E("user", Ht);
-const xt = P({
+E("right", Dt);
+E("group", zt);
+E("user", Et);
+const Tt = G({
   components: {
     CountShow: K,
-    GroupShow: zt
+    GroupShow: At
   },
   props: {
     deviceGroup: Object
@@ -539,22 +545,22 @@ const xt = P({
     }
   },
   setup() {
-    const t = O({
+    const t = F({
       onlyShowOnline: !1,
       searchStr: ""
     });
     return {
-      inputSearchRef: O(),
+      inputSearchRef: F(),
       controlParams: t
     };
   }
 });
-const Lt = (t) => (nt("data-v-62984bb5"), t = t(), rt(), t), Bt = { class: "device-group-list" }, Nt = { class: "search-panel" }, Rt = /* @__PURE__ */ Lt(() => /* @__PURE__ */ S("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), Vt = { class: "device-panel" };
-function Ut(t, n, o, r, e, s) {
+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 w(), b("div", Bt, [
-    S("div", Nt, [
+  const i = k("CountShow"), a = k("group-show");
+  return w(), b("div", xt, [
+    S("div", Lt, [
       $(i, { countInfo: t.deviceGroup }, {
         default: C(() => [
           S("input", {
@@ -563,13 +569,13 @@ function Ut(t, n, o, r, e, s) {
             value: "onlineShow",
             onChange: n[0] || (n[0] = (...d) => t.onCheckBoxChange && t.onCheckBoxChange(...d))
           }, null, 32),
-          Rt
+          Bt
         ]),
         _: 1
       }, 8, ["countInfo"])
     ]),
-    S("div", Vt, [
-      (w(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (d, g) => (w(), W(l, {
+    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: g,
         deviceGroup: d
@@ -588,9 +594,9 @@ function Ut(t, n, o, r, e, s) {
     ])
   ]);
 }
-const Wt = /* @__PURE__ */ A(xt, [["render", Ut], ["__scopeId", "data-v-62984bb5"]]), U = {
-  RecursionDeviceGroup: Wt
-}, 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];
@@ -600,6 +606,6 @@ const Wt = /* @__PURE__ */ A(xt, [["render", Ut], ["__scopeId", "data-v-62984bb5
 };
 export {
   x as RecursionDeviceGroup,
-  qt as default
+  Wt as default
 };
 //# sourceMappingURL=smarteye-e-components.mjs.map