smarteye-e-components 0.0.18 → 0.0.19

package/dist/smarteye-e-components.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as F, computed as G, openBlock as S, createElementBlock as b, renderSlot as y, createElementVNode as p, toDisplayString as P, h as E, 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 T, pushScopeId as st, popScopeId as rt } from "vue";
-var H;
+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";
+var x;
 ((t) => {
   ((o) => {
     function s(c) {
@@ -64,8 +64,8 @@ var H;
     }
     o.AccessSession = s;
   })(t.Utils || (t.Utils = {}));
-})(H || (H = {}));
-const it = F({
+})(x || (x = {}));
+const it = P({
   props: {
     countInfo: Object
   },
@@ -79,26 +79,26 @@ const it = F({
       }
       return 0;
     }
-    const o = G(() => n((e) => e.onlineCount, t.countInfo));
+    const o = F(() => n((e) => e.onlineCount, t.countInfo));
     return {
-      totalCount: G(() => n((e) => e.totalCount, t.countInfo)),
+      totalCount: F(() => n((e) => e.totalCount, t.countInfo)),
       onlineCount: o
     };
   }
 });
-const x = (t, n) => {
+const A = (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, r) {
-  return S(), b("div", ct, [
-    y(t.$slots, "default", {}, void 0, !0),
-    p("span", lt, P(t.onlineCount) + "/" + P(t.totalCount), 1)
+  return S(), y("div", ct, [
+    b(t.$slots, "default", {}, void 0, !0),
+    g("span", lt, G(t.onlineCount) + "/" + G(t.totalCount), 1)
   ]);
 }
-const K = /* @__PURE__ */ x(it, [["render", at], ["__scopeId", "data-v-702e833c"]]), q = Object.freeze(
+const K = /* @__PURE__ */ A(it, [["render", at], ["__scopeId", "data-v-702e833c"]]), q = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -109,12 +109,12 @@ const K = /* @__PURE__ */ x(it, [["render", at], ["__scopeId", "data-v-702e833c"
   rotate: 0,
   vFlip: !1,
   hFlip: !1
-}), A = Object.freeze({
+}), z = Object.freeze({
   ...q,
   ...J
 });
 Object.freeze({
-  ...A,
+  ...z,
   body: "",
   hidden: !1
 });
@@ -138,9 +138,9 @@ function ut(t, n) {
   }
   return o;
 }
-const ht = /[\s,]+/;
-function dt(t, n) {
-  n.split(ht).forEach((o) => {
+const dt = /[\s,]+/;
+function ht(t, n) {
+  n.split(dt).forEach((o) => {
     switch (o.trim()) {
       case "horizontal":
         t.hFlip = !0;
@@ -151,7 +151,7 @@ function dt(t, n) {
     }
   });
 }
-function ft(t, n = 0) {
+function pt(t, n = 0) {
   const o = t.replace(/^-?[0-9.]*/, "");
   function s(e) {
     for (; e < 0; )
@@ -177,7 +177,7 @@ function ft(t, n = 0) {
   }
   return n;
 }
-const pt = /(-?[0-9.]*[0-9]+[0-9.]*)/g, gt = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+const ft = /(-?[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;
@@ -185,7 +185,7 @@ function L(t, n, o) {
     return Math.ceil(t * n * o) / o;
   if (typeof t != "string")
     return t;
-  const s = t.split(pt);
+  const s = t.split(ft);
   if (s === null || !s.length)
     return t;
   const e = [];
@@ -203,7 +203,7 @@ function L(t, n, o) {
 }
 function vt(t, n) {
   const o = {
-    ...A,
+    ...z,
     ...t
   }, s = {
     ...X,
@@ -215,41 +215,41 @@ function vt(t, n) {
     height: o.height
   };
   let r = o.body;
-  [o, s].forEach((_) => {
-    const d = [], f = _.hFlip, a = _.vFlip;
-    let m = _.rotate;
-    f ? a ? m += 2 : (d.push(
+  [o, s].forEach((f) => {
+    const h = [], p = f.hFlip, a = f.vFlip;
+    let _ = f.rotate;
+    p ? a ? _ += 2 : (h.push(
       "translate(" + (e.width + e.left).toString() + " " + (0 - e.top).toString() + ")"
-    ), d.push("scale(-1 1)"), e.top = e.left = 0) : a && (d.push(
+    ), h.push("scale(-1 1)"), e.top = e.left = 0) : a && (h.push(
       "translate(" + (0 - e.left).toString() + " " + (e.height + e.top).toString() + ")"
-    ), d.push("scale(1 -1)"), e.top = e.left = 0);
+    ), h.push("scale(1 -1)"), e.top = e.left = 0);
     let w;
-    switch (m < 0 && (m -= Math.floor(m / 4) * 4), m = m % 4, m) {
+    switch (_ < 0 && (_ -= Math.floor(_ / 4) * 4), _ = _ % 4, _) {
       case 1:
-        w = e.height / 2 + e.top, d.unshift(
+        w = e.height / 2 + e.top, h.unshift(
           "rotate(90 " + w.toString() + " " + w.toString() + ")"
         );
         break;
       case 2:
-        d.unshift(
+        h.unshift(
           "rotate(180 " + (e.width / 2 + e.left).toString() + " " + (e.height / 2 + e.top).toString() + ")"
         );
         break;
       case 3:
-        w = e.width / 2 + e.left, d.unshift(
+        w = e.width / 2 + e.left, h.unshift(
           "rotate(-90 " + w.toString() + " " + w.toString() + ")"
         );
         break;
     }
-    m % 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)), d.length && (r = '<g transform="' + d.join(" ") + '">' + r + "</g>");
+    _ % 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>");
   });
-  const c = s.width, i = s.height, l = e.width, h = e.height;
-  let g, u;
-  return c === null ? (u = i === null ? "1em" : i === "auto" ? h : i, g = L(u, l / h)) : (g = c === "auto" ? l : c, u = i === null ? L(g, h / l) : i === "auto" ? h : i), {
+  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), {
     attributes: {
-      width: g.toString(),
+      width: v.toString(),
       height: u.toString(),
-      viewBox: e.left.toString() + " " + e.top.toString() + " " + l.toString() + " " + h.toString()
+      viewBox: e.left.toString() + " " + e.top.toString() + " " + l.toString() + " " + d.toString()
     },
     body: r
   };
@@ -269,17 +269,17 @@ function St(t, n = _t) {
     );
   }), t;
 }
-function bt(t, n) {
+function yt(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 yt(t) {
+function bt(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,' + yt(t) + '")';
+  return 'url("data:image/svg+xml,' + bt(t) + '")';
 }
 const R = {
   ...X,
@@ -319,10 +319,10 @@ function V(t) {
 }
 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 f in n) {
-    const a = n[f];
+  for (let p in n) {
+    const a = n[p];
     if (a !== void 0)
-      switch (f) {
+      switch (p) {
         case "icon":
         case "style":
         case "onLoad":
@@ -331,67 +331,67 @@ const It = (t, n) => {
         case "inline":
         case "hFlip":
         case "vFlip":
-          o[f] = a === !0 || a === "true" || a === 1;
+          o[p] = a === !0 || a === "true" || a === 1;
           break;
         case "flip":
-          typeof a == "string" && dt(o, a);
+          typeof a == "string" && ht(o, a);
           break;
         case "color":
           r.color = a;
           break;
         case "rotate":
-          typeof a == "string" ? o[f] = ft(a) : typeof a == "number" && (o[f] = a);
+          typeof a == "string" ? o[p] = pt(a) : typeof a == "number" && (o[p] = a);
           break;
         case "ariaHidden":
         case "aria-hidden":
           a !== !0 && a !== "true" && delete s["aria-hidden"];
           break;
         default: {
-          const m = I[f];
-          m ? (a === !0 || a === "true" || a === 1) && (o[m] = !0) : R[f] === void 0 && (s[f] = a);
+          const _ = I[p];
+          _ ? (a === !0 || a === "true" || a === 1) && (o[_] = !0) : R[p] === void 0 && (s[p] = a);
         }
       }
   }
-  const l = vt(t, o), h = l.attributes;
+  const l = vt(t, o), d = l.attributes;
   if (o.inline && (r.verticalAlign = "-0.125em"), e === "svg") {
     s.style = {
       ...r,
       ...i
-    }, Object.assign(s, h);
-    let f = 0, a = n.id;
-    return typeof a == "string" && (a = a.replace(/-/g, "_")), s.innerHTML = St(l.body, a ? () => a + "ID" + f++ : "iconifyVue"), E("svg", s);
+    }, 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);
   }
-  const { body: g, width: u, height: v } = t, _ = e === "mask" || (e === "bg" ? !1 : g.indexOf("currentColor") !== -1), d = bt(g, {
-    ...h,
+  const { body: v, width: u, height: m } = t, f = e === "mask" || (e === "bg" ? !1 : v.indexOf("currentColor") !== -1), h = yt(v, {
+    ...d,
     width: u + "",
-    height: v + ""
+    height: m + ""
   });
   return s.style = {
     ...r,
-    "--svg": Ct(d),
-    width: V(h.width),
-    height: V(h.height),
+    "--svg": Ct(h),
+    width: V(d.width),
+    height: V(d.height),
     ...kt,
-    ..._ ? M : Y,
+    ...f ? M : Y,
     ...i
-  }, E("span", s);
+  }, T("span", s);
 }, Z = /* @__PURE__ */ Object.create(null);
-function z(t, n) {
+function E(t, n) {
   Z[t] = n;
 }
-const Pt = F({
+const Gt = P({
   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({
-      ...A,
+      ...z,
       ...o
     }, t);
   }
-}), Ft = F({
+}), Pt = P({
   components: {
     CountShow: K,
-    Icon: Pt
+    Icon: Gt
   },
   name: "group-show",
   props: {
@@ -405,7 +405,7 @@ const Pt = F({
         return !((i = t.controlParams) != null && i.onlyShowOnline) || c.online;
       }) || [];
     }
-    const o = G(() => {
+    const o = F(() => {
       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);
@@ -422,26 +422,26 @@ const Pt = F({
     };
   }
 });
-const Gt = {
+const Ft = {
   key: 0,
   class: "group"
 }, Ot = ["title"], jt = { class: "group-slot" }, Dt = {
   key: 0,
   style: { "margin-left": "26px" }
-}, Mt = ["title"], xt = { class: "device-slot" };
-function At(t, n, o, s, e, r) {
+}, Mt = ["title"], At = { class: "device-slot" };
+function zt(t, n, o, s, e, r) {
   var c, i;
-  const l = k("Icon"), h = k("CountShow"), g = k("group-show");
-  return t.showGroup ? (S(), b("div", Gt, [
-    $(h, { countInfo: t.deviceGroup }, {
+  const l = k("Icon"), d = k("CountShow"), v = k("group-show");
+  return t.showGroup ? (S(), y("div", Ft, [
+    $(d, { countInfo: t.deviceGroup }, {
       default: C(() => {
-        var u, v;
+        var u, m, f, h, p;
         return [
           $(l, {
             icon: "right",
             rotate: t.bShow && "90deg",
             width: "20",
-            onClick: n[0] || (n[0] = (_) => t.bShow = !t.bShow),
+            onClick: n[0] || (n[0] = (a) => t.bShow = !t.bShow),
             class: "handle-ls-svg"
           }, null, 8, ["rotate"]),
           $(l, {
@@ -449,36 +449,36 @@ function At(t, n, o, s, e, r) {
             width: "24",
             class: "group-avatar"
           }),
-          p("span", {
+          g("span", {
             class: "group-name",
             title: (u = t.deviceGroup) == null ? void 0 : u.name
-          }, P((v = t.deviceGroup) == null ? void 0 : v.name), 9, Ot),
-          p("div", jt, [
-            y(t.$slots, "group", { group: t.deviceGroup }, void 0, !0)
+          }, 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)
           ])
         ];
       }),
       _: 3
     }, 8, ["countInfo"]),
-    t.bShow ? (S(), b("div", Dt, [
-      (S(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (u, v) => (S(), W(g, {
-        key: v,
+    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,
         deviceGroup: u,
         controlParams: t.controlParams
       }, {
-        group: C(({ group: _ }) => [
-          y(t.$slots, "group", { group: _ }, void 0, !0)
+        group: C(({ group: f }) => [
+          b(t.$slots, "group", { group: f }, void 0, !0)
         ]),
-        device: C(({ device: _, group: d }) => [
-          y(t.$slots, "device", {
-            device: _,
-            group: d
+        device: C(({ device: f, group: h }) => [
+          b(t.$slots, "device", {
+            device: f,
+            group: h
           }, void 0, !0)
         ]),
         _: 2
       }, 1032, ["deviceGroup", "controlParams"]))), 128)),
-      (S(!0), b(j, null, D(t.FilterDevice((i = t.deviceGroup) == null ? void 0 : i.devices), (u, v) => et((S(), b("div", {
-        key: v,
+      (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"])
       }, [
         $(l, {
@@ -486,12 +486,12 @@ function At(t, n, o, s, e, r) {
           width: "16",
           class: "device-avatar"
         }),
-        p("span", {
+        g("span", {
           title: u.id,
           class: "device-name"
-        }, P(u.name), 9, Mt),
-        p("div", xt, [
-          y(t.$slots, "device", {
+        }, G(u.name.length > 0 ? u.name : u.id), 9, Mt),
+        g("div", At, [
+          b(t.$slots, "device", {
             device: u,
             group: t.deviceGroup
           }, void 0, !0)
@@ -499,29 +499,29 @@ function At(t, n, o, s, e, r) {
       ], 2)), [
         [nt, t.showDevice(u)]
       ])), 128))
-    ])) : T("", !0)
-  ])) : T("", !0);
+    ])) : H("", !0)
+  ])) : H("", !0);
 }
-const zt = /* @__PURE__ */ x(Ft, [["render", At], ["__scopeId", "data-v-b34e0b4a"]]), Et = {
+const Et = /* @__PURE__ */ A(Pt, [["render", zt], ["__scopeId", "data-v-1a7c1ce0"]]), Tt = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
-}, Tt = {
+}, Ht = {
   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 = {
+}, xt = {
   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"/>'
 };
-z("right", Et);
-z("group", Tt);
-z("user", Ht);
-const Lt = F({
+E("right", Tt);
+E("group", Ht);
+E("user", xt);
+const Lt = P({
   components: {
     CountShow: K,
-    GroupShow: zt
+    GroupShow: Et
   },
   props: {
     deviceGroup: Object
@@ -546,46 +546,46 @@ const Lt = F({
     };
   }
 });
-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__ */ p("img", { src: "" }, null, -1)), Ut = /* @__PURE__ */ tt(() => /* @__PURE__ */ p("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), Wt = { class: "device-panel" };
+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) {
   var c;
   const i = k("CountShow"), l = k("group-show");
-  return S(), b("div", Rt, [
-    p("div", Bt, [
-      p("div", Nt, [
+  return S(), y("div", Rt, [
+    g("div", Bt, [
+      g("div", Nt, [
         Vt,
-        p("input", {
+        g("input", {
           type: "text",
-          onChange: n[0] || (n[0] = (...h) => t.onSearchChange && t.onSearchChange(...h)),
+          onChange: n[0] || (n[0] = (...d) => t.onSearchChange && t.onSearchChange(...d)),
           ref: "inputSearchRef"
         }, null, 544)
       ]),
       $(i, { countInfo: t.deviceGroup }, {
         default: C(() => [
-          p("input", {
+          g("input", {
             type: "checkbox",
             id: "onlineShow",
             value: "onlineShow",
-            onChange: n[1] || (n[1] = (...h) => t.onCheckBoxChange && t.onCheckBoxChange(...h))
+            onChange: n[1] || (n[1] = (...d) => t.onCheckBoxChange && t.onCheckBoxChange(...d))
           }, null, 32),
           Ut
         ]),
         _: 1
       }, 8, ["countInfo"])
     ]),
-    p("div", Wt, [
-      (S(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (h, g) => (S(), W(l, {
+    g("div", Wt, [
+      (S(!0), y(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (d, v) => (S(), W(l, {
         controlParams: t.controlParams,
-        key: g,
-        deviceGroup: h
+        key: v,
+        deviceGroup: d
       }, {
         group: C(({ group: u }) => [
-          y(t.$slots, "group", { group: u }, void 0, !0)
+          b(t.$slots, "group", { group: u }, void 0, !0)
         ]),
-        device: C(({ device: u, group: v }) => [
-          y(t.$slots, "device", {
+        device: C(({ device: u, group: m }) => [
+          b(t.$slots, "device", {
             device: u,
-            group: v
+            group: m
           }, void 0, !0)
         ]),
         _: 2
@@ -593,7 +593,7 @@ function Kt(t, n, o, s, e, r) {
     ])
   ]);
 }
-const qt = /* @__PURE__ */ x(Lt, [["render", Kt], ["__scopeId", "data-v-f4599228"]]), U = {
+const qt = /* @__PURE__ */ A(Lt, [["render", Kt], ["__scopeId", "data-v-f4599228"]]), U = {
   RecursionDeviceGroup: qt
 }, Qt = {
   install(t) {
@@ -604,7 +604,7 @@ const qt = /* @__PURE__ */ x(Lt, [["render", Kt], ["__scopeId", "data-v-f4599228
   }
 };
 export {
-  H as RecursionDeviceGroup,
+  x as RecursionDeviceGroup,
   Qt as default
 };
 //# sourceMappingURL=smarteye-e-components.mjs.map