mixdashboards 1.0.71 → 1.0.73

package/dist/{deepTrendChart-DFGSV17a.js → deepTrendChart-DBjxV7_A.js}

@@ -1,25 +1,26 @@
 var Ut = Object.defineProperty, Yt = Object.defineProperties;
-var jt = Object.getOwnPropertyDescriptors;
+var Rt = Object.getOwnPropertyDescriptors;
 var bt = Object.getOwnPropertySymbols;
-var Gt = Object.prototype.hasOwnProperty, Kt = Object.prototype.propertyIsEnumerable;
+var jt = Object.prototype.hasOwnProperty, Gt = Object.prototype.propertyIsEnumerable;
 var xt = (N, a, C) => a in N ? Ut(N, a, { enumerable: !0, configurable: !0, writable: !0, value: C }) : N[a] = C, lt = (N, a) => {
   for (var C in a || (a = {}))
-    Gt.call(a, C) && xt(N, C, a[C]);
+    jt.call(a, C) && xt(N, C, a[C]);
   if (bt)
     for (var C of bt(a))
-      Kt.call(a, C) && xt(N, C, a[C]);
+      Gt.call(a, C) && xt(N, C, a[C]);
   return N;
-}, ot = (N, a) => Yt(N, jt(a));
-import { ElSelect as Rt, ElOption as Wt, ElButton as Jt, ElIcon as Xt } from "element-plus/es";
+}, ot = (N, a) => Yt(N, Rt(a));
+import { ElSelect as Kt, ElOption as Wt, ElButton as Xt, ElIcon as qt } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/icon/style/css";
 import "element-plus/es/components/select/style/css";
 import "element-plus/es/components/option/style/css";
-import { defineComponent as qt, ref as w, computed as F, watch as at, watchEffect as Qt, onMounted as te, openBlock as J, createElementBlock as rt, normalizeStyle as _t, unref as H, toDisplayString as ee, createCommentVNode as ne, createElementVNode as ct, createVNode as X, withCtx as ut, Fragment as ie, renderList as se, createBlock as le, createTextVNode as oe, renderSlot as ae, nextTick as Dt } from "vue";
+import { defineComponent as Jt, ref as w, computed as F, watch as at, watchEffect as Qt, onMounted as te, openBlock as X, createElementBlock as rt, normalizeStyle as _t, unref as H, toDisplayString as ee, createCommentVNode as ne, createElementVNode as ct, createVNode as q, withCtx as ut, Fragment as ie, renderList as se, createBlock as le, createTextVNode as oe, renderSlot as ae, nextTick as Dt } from "vue";
 import { Download as re } from "@element-plus/icons-vue";
-import { k as ce, t as kt, J as ue, _ as me } from "./index-Bdq33405.js";
-import { E as de } from "./EChartComponentBase-CAabYXSj.js";
+import { k as ce, t as kt, L as ue, _ as me } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as de } from "./EChartComponentBase-cFfawl6h.js";
 import { g as fe } from "./titleStyle-BT5GlpAb.js";
 import { u as pe, i as he, a as ve } from "./installCanvasRenderer-CLT2hquJ.js";
 import { i as ge } from "./install-BBrAry2m.js";
@@ -30,7 +31,8 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
   ACTIVE_ICON: ye,
   NAME_CN: "深部趋势图",
   NAME_EN: "DeepTrendChart",
-  ORDER: 21
+  ORDER: 21,
+  PLATFORM: ["pc", "screen"]
 }, De = {
   titleColor: "#111",
   textColor: "#111",
@@ -67,7 +69,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
 }, Ot = [
   { name: "累计位移", fv: "disp_130", depth: -130, color: "#5470c6", object_id: "" },
   { name: "累计位移", fv: "disp_140", depth: -140, color: "#5470c6", object_id: "" }
-], ke = ["name", "fv", "depth", "color", "object_id"], Oe = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Te = { useAlias: !1, multiObject: !0, source: "mosaic" }, Ie = { DEFAULT: _e, OPTIONS: De, DATA: Ot, PARAMS: ke, SOURCE: Oe, COMMON: Te }, we = /* @__PURE__ */ qt(ot(lt({}, Ie), {
+], ke = ["name", "fv", "depth", "color", "object_id"], Oe = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Te = { useAlias: !1, multiObject: !0, source: "mosaic" }, Ie = { DEFAULT: _e, OPTIONS: De, DATA: Ot, PARAMS: ke, SOURCE: Oe, COMMON: Te }, we = /* @__PURE__ */ Jt(ot(lt({}, Ie), {
   __name: "deepTrendChart",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -118,7 +120,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
       }
       getChartOption() {
         var v;
-        M.value;
+        $.value;
         const e = ((v = a.conf) == null ? void 0 : v.data) || [], n = this.panelConfig || {}, i = n.range__xAxis || n.range__x || n.range || null, l = n.range__yAxis || null, s = Number.isFinite(i == null ? void 0 : i.min) ? Number(i == null ? void 0 : i.min) : null, o = Number.isFinite(i == null ? void 0 : i.max) ? Number(i == null ? void 0 : i.max) : null, r = Number.isFinite(l == null ? void 0 : l.min) ? Number(l == null ? void 0 : l.min) : null, c = Number.isFinite(l == null ? void 0 : l.max) ? Number(l == null ? void 0 : l.max) : null;
         return {
           grid: {
@@ -160,7 +162,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
             splitLine: { lineStyle: { color: "#f0f0f0" } }
           },
           series: (() => {
-            const d = ht.value.length ? ht.value : M.value ? [M.value] : [];
+            const d = ht.value.length ? ht.value : $.value ? [$.value] : [];
             if (!d.length) return [];
             const h = /* @__PURE__ */ new Map();
             e.forEach((u, p) => {
@@ -172,9 +174,9 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
               const p = ((u == null ? void 0 : u.points) || [])[0] || {};
               Array.from(h.values()).forEach((L) => {
                 const I = L.items.map((y) => {
-                  var P, g;
-                  const V = y == null ? void 0 : y.fv, R = gt(p, V, U.value), B = Number(R), Z = Number((g = (P = y == null ? void 0 : y.depth) != null ? P : p == null ? void 0 : p.depth) != null ? g : p == null ? void 0 : p.elevation);
-                  return !Number.isFinite(B) || !Number.isFinite(Z) ? null : [B, Z];
+                  var Z, g;
+                  const V = y == null ? void 0 : y.fv, K = gt(p, V, U.value), B = Number(K), P = Number((g = (Z = y == null ? void 0 : y.depth) != null ? Z : p == null ? void 0 : p.depth) != null ? g : p == null ? void 0 : p.elevation);
+                  return !Number.isFinite(B) || !Number.isFinite(P) ? null : [B, P];
                 }).filter(Boolean).sort((y, V) => y[1] - V[1]);
                 f.push({
                   name: L.name,
@@ -193,7 +195,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
     }
     const _ = new Tt(a, "deepTrendChart"), dt = _.getEchartId();
     _.setupLifecycle();
-    const j = _.getStyle(), It = F(() => fe(a.conf.options)), G = (t) => {
+    const R = _.getStyle(), It = F(() => fe(a.conf.options)), j = (t) => {
       const e = String(t || "");
       if (!e) return "";
       const n = vt(e);
@@ -206,7 +208,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
       if (!t.length || !e.length) return t;
       const n = /* @__PURE__ */ new Map();
       t.forEach((s) => {
-        const o = G(s.time);
+        const o = j(s.time);
         n.has(o) || n.set(o, []), n.get(o).push(s);
       });
       const i = [];
@@ -225,20 +227,20 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
           }
         }), Object.keys(r).length > 0 && i.push({ time: s, points: [r] });
       }), i.sort((s, o) => String(s.time).localeCompare(String(o.time)));
-    }, $ = F(() => Y.value === "day" ? wt(m.value) : m.value), Et = F(
+    }, M = F(() => Y.value === "day" ? wt(m.value) : m.value), Et = F(
       () => pt.value.map((t) => ({
         value: t.time,
-        label: Y.value === "day" ? G(t.time) : q(t.time)
+        label: Y.value === "day" ? j(t.time) : J(t.time)
       }))
-    ), M = F(() => {
-      const t = S.value, e = $.value;
+    ), $ = F(() => {
+      const t = S.value, e = M.value;
       return e.find((n) => n.time === t) || e[e.length - 1] || null;
     }), ft = (t, e) => {
       const n = String(t || "").trim(), i = String(e || "").trim();
       if (!n || !i) return !1;
       if (n === i) return !0;
-      const l = q(n), s = q(i);
-      return l && s && l === s ? !0 : Y.value !== "day" ? !1 : G(n) === G(i);
+      const l = J(n), s = J(i);
+      return l && s && l === s ? !0 : Y.value !== "day" ? !1 : j(n) === j(i);
     }, Vt = (t, e) => {
       if (!(e != null && e.startDate) && !(e != null && e.endDate)) return !0;
       const n = new Date(t).getTime();
@@ -248,9 +250,9 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
       const s = Number.isNaN(i) ? Number.NEGATIVE_INFINITY : i, o = Number.isNaN(l) ? Number.POSITIVE_INFINITY : l;
       return n >= s && n <= o;
     }, pt = F(() => {
-      if (!$.value.length) return [];
+      if (!M.value.length) return [];
       const t = mt.value;
-      return !(t != null && t.startDate) && !(t != null && t.endDate) ? $.value : $.value.filter((e) => Vt(e.time, t));
+      return !(t != null && t.startDate) && !(t != null && t.endDate) ? M.value : M.value.filter((e) => Vt(e.time, t));
     }), ht = F(() => {
       const t = pt.value;
       if (E.value.length > 0)
@@ -259,7 +261,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
         const e = t.find((n) => n.time === S.value);
         return e ? [e] : [t[t.length - 1]];
       }
-      return M.value ? [M.value] : [];
+      return $.value ? [$.value] : [];
     });
     at(
       () => m.value.length,
@@ -276,7 +278,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
         return e.length <= 10 ? n * 1e3 : n;
       }
       return new Date(e).getTime();
-    }, q = (t) => {
+    }, J = (t) => {
       if (t == null) return "";
       const e = typeof t == "string" ? t : String(t), n = vt(t), i = Number.isNaN(n) ? null : new Date(n);
       if (!i || Number.isNaN(i.getTime())) return e;
@@ -294,12 +296,12 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
       n.href = e, n.download = `deep-trend-${S.value || Date.now()}.png`, n.click();
     }, Q = () => {
       var i, l, s;
-      const t = ((i = a.conf) == null ? void 0 : i.options) || {}, e = ((l = t == null ? void 0 : t.linkChannel) == null ? void 0 : l.value) || j.value.linkChannel || "deepDisplacement", n = ((s = t == null ? void 0 : t.customChannel) == null ? void 0 : s.value) || "";
+      const t = ((i = a.conf) == null ? void 0 : i.options) || {}, e = ((l = t == null ? void 0 : t.linkChannel) == null ? void 0 : l.value) || R.value.linkChannel || "deepDisplacement", n = ((s = t == null ? void 0 : t.customChannel) == null ? void 0 : s.value) || "";
       return e === "custom" && n ? n : e;
-    }, K = () => {
+    }, G = () => {
       const t = Q();
       if (!t) return;
-      const e = $.value.map((n) => n.time);
+      const e = M.value.map((n) => n.time);
       C.publish(t, "deepTrendChart", {
         objectId: a.uid || "",
         type: "timeList",
@@ -314,7 +316,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
         var v;
         const r = o == null ? void 0 : o.fv;
         if (!r) return;
-        $t(l, t, r), (l[r] !== void 0 || l[z(r, "s")] !== void 0 || l[z(r, "x")] !== void 0 || l[z(r, "y")] !== void 0) && (s = !0);
+        Mt(l, t, r), (l[r] !== void 0 || l[z(r, "s")] !== void 0 || l[z(r, "x")] !== void 0 || l[z(r, "y")] !== void 0) && (s = !0);
         const c = (v = t == null ? void 0 : t.elevation) != null ? v : t == null ? void 0 : t.depth;
         c != null && (l.elevation = c, l.depth = c);
       }), s ? [l] : [];
@@ -337,7 +339,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
         const s = t == null ? void 0 : t[e];
         if (s != null) return s;
       }
-    }, $t = (t, e, n) => {
+    }, Mt = (t, e, n) => {
       var s;
       if (!t || !e || !n) return;
       const i = (s = n.match(/_(\d+)$/)) == null ? void 0 : s[1], l = e == null ? void 0 : e[n];
@@ -354,7 +356,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
         d.length && l.push({ time: v, points: d });
       }), l;
     }, Ct = (t) => {
-      var d, h, f, u, p, L, I, y, V, R, B, Z, P;
+      var d, h, f, u, p, L, I, y, V, K, B, P, Z;
       if (!t || !t.payload) return;
       const e = Q();
       if ((d = t.topic) != null && d.channel && e && t.topic.channel !== e || !C.shouldHandle(t, "deepTrendChart"))
@@ -366,11 +368,11 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
           if (String(b || "").toLowerCase().includes("direction")) return !0;
           const Ht = String(x).toLowerCase();
           return ["s", "x", "y"].includes(Ht);
-        }), Mt = g.direction || g.displacementDirection || (A == null ? void 0 : A[1]) || "", et = {
+        }), $t = g.direction || g.displacementDirection || (A == null ? void 0 : A[1]) || "", et = {
           s: "s",
           x: "x",
           y: "y"
-        }[String(Mt).toLowerCase()], W = String((n == null ? void 0 : n.objectId) || (n == null ? void 0 : n.object_id) || "").trim(), zt = ((h = a.conf) == null ? void 0 : h.data) || [], Bt = String(((f = zt[0]) == null ? void 0 : f.configPanelId) || "").trim(), yt = [
+        }[String($t).toLowerCase()], W = String((n == null ? void 0 : n.objectId) || (n == null ? void 0 : n.object_id) || "").trim(), zt = ((h = a.conf) == null ? void 0 : h.data) || [], Bt = String(((f = zt[0]) == null ? void 0 : f.configPanelId) || "").trim(), yt = [
           a.uid,
           dt,
           (u = a.conf) == null ? void 0 : u.id,
@@ -382,8 +384,8 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
           "deepTrendChart",
           "DeepTrendChart",
           "深部趋势图"
-        ].map((b) => String(b || "").trim()).filter(Boolean), Zt = new Set(yt), Pt = new Set(yt.map((b) => b.toLowerCase()));
-        if (!(!W || Zt.has(W) || Pt.has(W.toLowerCase()) || W.startsWith("deepTrendChart_"))) return;
+        ].map((b) => String(b || "").trim()).filter(Boolean), Pt = new Set(yt), Zt = new Set(yt.map((b) => b.toLowerCase()));
+        if (!(!W || Pt.has(W) || Zt.has(W.toLowerCase()) || W.startsWith("deepTrendChart_"))) return;
         const nt = Object.entries(g || {}).find(([b, x]) => {
           if (!x || typeof x != "object" || Array.isArray(x)) return !1;
           const T = String(b || "").toLowerCase();
@@ -414,21 +416,21 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
         if (g && A && String(g) !== String(A)) return;
       }
       if (Array.isArray(n == null ? void 0 : n.history)) {
-        k.value = Lt(n.history), m.value = [...k.value], m.value.length && (S.value = m.value[m.value.length - 1].time), K(), D();
+        k.value = Lt(n.history), m.value = [...k.value], m.value.length && (S.value = m.value[m.value.length - 1].time), G(), D();
         return;
       }
-      const r = (l[0] || {}).points_fv || "points", c = String((P = (Z = (R = n == null ? void 0 : n.time) != null ? R : n == null ? void 0 : n.datetime) != null ? Z : (B = t.topic) == null ? void 0 : B.time) != null ? P : Date.now()), v = tt(n, l, r);
-      v.length && (k.value = [...k.value.slice(-199), { time: c, points: v }], m.value = [...k.value], S.value = c, K(), D());
+      const r = (l[0] || {}).points_fv || "points", c = String((Z = (P = (K = n == null ? void 0 : n.time) != null ? K : n == null ? void 0 : n.datetime) != null ? P : (B = t.topic) == null ? void 0 : B.time) != null ? Z : Date.now()), v = tt(n, l, r);
+      v.length && (k.value = [...k.value.slice(-199), { time: c, points: v }], m.value = [...k.value], S.value = c, G(), D());
     }, St = (t) => {
       var f, u, p, L, I, y;
       const e = a.conf, n = (e == null ? void 0 : e.data) || [], i = (e == null ? void 0 : e.common) || {}, l = (i == null ? void 0 : i.source) || "mosaic";
       let s = t;
       if (["statistics", "calculate"].includes(l) && (s = ue(s, n)), (f = s == null ? void 0 : s.history) != null && f.length) {
-        m.value = Lt(s.history), m.value.length && (S.value = m.value[m.value.length - 1].time), K(), D();
+        m.value = Lt(s.history), m.value.length && (S.value = m.value[m.value.length - 1].time), G(), D();
         return;
       }
       const o = i != null && i.multiObject ? "" : kt(i, i == null ? void 0 : i.useAlias, a.uid), r = o && ((p = (u = s == null ? void 0 : s[o]) == null ? void 0 : u[l]) == null ? void 0 : p.data) || ((L = s == null ? void 0 : s[l]) == null ? void 0 : L.data) || (s == null ? void 0 : s.data) || s, v = (n[0] || {}).points_fv || "points", d = String((y = (I = r == null ? void 0 : r.time) != null ? I : r == null ? void 0 : r.datetime) != null ? y : Date.now()), h = tt(r, n, v);
-      h.length && (k.value = [...k.value.slice(-199), { time: d, points: h }], m.value = [...k.value], S.value = d, K(), D());
+      h.length && (k.value = [...k.value.slice(-199), { time: d, points: h }], m.value = [...k.value], S.value = d, G(), D());
     };
     return at(
       () => C.channels[Q()],
@@ -463,19 +465,19 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
       }
       !S.value && m.value.length && (S.value = m.value[m.value.length - 1].time), D();
     }), (t, e) => {
-      const n = Wt, i = Rt, l = Xt, s = Jt;
-      return J(), rt("div", {
+      const n = Wt, i = Kt, l = qt, s = Xt;
+      return X(), rt("div", {
         class: "mix-component",
-        style: _t({ background: H(j).bgColor, borderRadius: `${H(j).radiusSize}px` })
+        style: _t({ background: H(R).bgColor, borderRadius: `${H(R).radiusSize}px` })
       }, [
-        H(j).isHideTitle ? ne("", !0) : (J(), rt("div", {
+        H(R).isHideTitle ? ne("", !0) : (X(), rt("div", {
           key: 0,
           class: "mix-title",
           style: _t(It.value)
         }, ee(N.conf.caption || N.conf.name), 5)),
         ct("div", Ne, [
           ct("div", be, [
-            X(i, {
+            q(i, {
               modelValue: S.value,
               "onUpdate:modelValue": e[0] || (e[0] = (o) => S.value = o),
               placeholder: "选择时间",
@@ -484,7 +486,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
               onChange: At
             }, {
               default: ut(() => [
-                (J(!0), rt(ie, null, se(Et.value, (o) => (J(), le(n, {
+                (X(!0), rt(ie, null, se(Et.value, (o) => (X(), le(n, {
                   key: o.value,
                   label: o.label,
                   value: o.value
@@ -492,15 +494,15 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
               ]),
               _: 1
             }, 8, ["modelValue"]),
-            X(s, {
+            q(s, {
               size: "small",
               class: "export-btn",
               onClick: Ft
             }, {
               default: ut(() => [
-                X(l, null, {
+                q(l, null, {
                   default: ut(() => [
-                    X(H(re))
+                    q(H(re))
                   ]),
                   _: 1
                 }),
@@ -518,7 +520,7 @@ const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3c
       ], 4);
     };
   }
-})), Je = /* @__PURE__ */ me(we, [["__scopeId", "data-v-b1d84352"]]);
+})), qe = /* @__PURE__ */ me(we, [["__scopeId", "data-v-b061424b"]]);
 export {
-  Je as default
+  qe as default
 };

package/dist/{deviceOnlineStatus-CiIFdo9I.js → deviceOnlineStatus-1eoHCl_-.js}

@@ -1,21 +1,29 @@
-var T = Object.defineProperty, B = Object.defineProperties;
-var L = Object.getOwnPropertyDescriptors;
+var w = Object.defineProperty, L = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
 var z = Object.getOwnPropertySymbols;
-var $ = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
-var k = (s, t, n) => t in s ? T(s, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[t] = n, D = (s, t) => {
+var R = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
+var k = (s, t, n) => t in s ? w(s, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : s[t] = n, D = (s, t) => {
   for (var n in t || (t = {}))
-    $.call(t, n) && k(s, n, t[n]);
+    R.call(t, n) && k(s, n, t[n]);
   if (z)
     for (var n of z(t))
-      R.call(t, n) && k(s, n, t[n]);
+      $.call(t, n) && k(s, n, t[n]);
   return s;
-}, I = (s, t) => B(s, L(t));
-import { defineComponent as H, computed as S, onMounted as W, watch as U, openBlock as V, createElementBlock as G, normalizeStyle as N, createElementVNode as h, unref as b, toDisplayString as P, renderSlot as q } from "vue";
+}, I = (s, t) => L(s, B(t));
+import { defineComponent as H, computed as S, onMounted as W, watch as P, openBlock as U, createElementBlock as V, normalizeStyle as F, createElementVNode as h, unref as b, toDisplayString as G, renderSlot as q } from "vue";
 import "html2canvas";
-import { _ as J } from "./index-Bdq33405.js";
-import { E as K } from "./EChartComponentBase-CAabYXSj.js";
+import { _ as J } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as K } from "./EChartComponentBase-cFfawl6h.js";
 import { A as Q, D as X } from "./ele-lin-icon-Dax-ZiWV.js";
-const Y = { class: "panel-header" }, Z = ["id"], ee = { DEFAULT_ICON: X, ACTIVE_ICON: Q, NAME_CN: "设备在线状态", NAME_EN: "Device Online Status", ORDER: 11 }, te = {
+const Y = { class: "panel-header" }, Z = ["id"], ee = {
+  DEFAULT_ICON: X,
+  ACTIVE_ICON: Q,
+  NAME_CN: "设备在线状态",
+  NAME_EN: "Device Online Status",
+  ORDER: 11,
+  PLATFORM: ["pc", "screen"]
+}, te = {
   title: { value: "设备在线状态", type: "string", label: "标题" },
   bgColor: { value: "#f5f7fa", type: "color", label: "setting.bgColor" },
   panelBgColor: { value: "#ffffff", type: "color", label: "面板背景色" },
@@ -36,9 +44,9 @@ const Y = { class: "panel-header" }, Z = ["id"], ee = { DEFAULT_ICON: X, ACTIVE_
     ]
   },
   customChannel: { value: "", type: "string", label: "自定义频道名", showWhen: { linkChannel: "custom" } }
-}, le = [
+}, oe = [
   { name: "设备1", fv: "online_status", fvDeviceName: "", object_id: "" }
-], oe = ["object_id", "name", "fv", "fvDeviceName"], ne = ["mosaic"], ae = { useAlias: !1, multiObject: !0, source: "mosaic" }, re = 200, ie = { DEFAULT: ee, OPTIONS: te, DATA: le, PARAMS: oe, SOURCE: ne, COMMON: ae, ITEMS: re }, se = /* @__PURE__ */ H(I(D({}, ie), {
+], le = ["object_id", "name", "fv", "fvDeviceName"], ne = ["mosaic"], ae = { useAlias: !1, multiObject: !0, source: "mosaic" }, re = 200, ie = { DEFAULT: ee, OPTIONS: te, DATA: oe, PARAMS: le, SOURCE: ne, COMMON: ae, ITEMS: re }, se = /* @__PURE__ */ H(I(D({}, ie), {
   __name: "deviceOnlineStatus",
   props: {
     conf: { type: Object, default: () => ({}) },
@@ -48,10 +56,10 @@ const Y = { class: "panel-header" }, Z = ["id"], ee = { DEFAULT_ICON: X, ACTIVE_
   },
   setup(s) {
     const t = s, n = /* @__PURE__ */ new Map();
-    class j extends K {
+    class N extends K {
       extractStyles() {
-        var o, c, i, f, u, C, v, O, _, A, E, x;
-        const e = (o = this.props.conf) == null ? void 0 : o.options, a = ((c = e == null ? void 0 : e.linkChannel) == null ? void 0 : c.value) || "gnss", r = ((i = e == null ? void 0 : e.customChannel) == null ? void 0 : i.value) || "";
+        var l, c, i, f, u, C, v, O, _, A, E, x;
+        const e = (l = this.props.conf) == null ? void 0 : l.options, a = ((c = e == null ? void 0 : e.linkChannel) == null ? void 0 : c.value) || "gnss", r = ((i = e == null ? void 0 : e.customChannel) == null ? void 0 : i.value) || "";
         return {
           title: ((f = e == null ? void 0 : e.title) == null ? void 0 : f.value) || "设备在线状态",
           bgColor: ((u = e == null ? void 0 : e.bgColor) == null ? void 0 : u.value) || "#f5f7fa",
@@ -73,24 +81,24 @@ const Y = { class: "panel-header" }, Z = ["id"], ee = { DEFAULT_ICON: X, ACTIVE_
         var r;
         if (!e || !this.chartObj) return;
         const a = ((r = this.props.conf) == null ? void 0 : r.data) || [];
-        !Array.isArray(a) || !a.length || (a.forEach((o, c) => {
-          if (!o.fv) return;
+        !Array.isArray(a) || !a.length || (a.forEach((l, c) => {
+          if (!l.fv) return;
           const i = Array.isArray(e) ? e[c] : null, f = Array.isArray(i) && i.length ? i[0] : null;
           if (!f) return;
-          const u = f[o.fv];
+          const u = f[l.fv];
           if (u == null) return;
-          const C = u === 1 || u === !0 || u === "online" || u === "1" || u === "true", v = o.object_id || o.name || "";
+          const C = u === 1 || u === !0 || u === "online" || u === "1" || u === "true", v = l.object_id || l.name || "";
           v && n.set(v, C);
         }), this.chartObj.setOption(m(this.Style.value), !0));
       }
       setSocketData(e) {
         var r;
         if (!e) return;
-        (((r = this.props.conf) == null ? void 0 : r.data) || []).forEach((o) => {
-          if (!o.fv) return;
-          const c = o.object_id || o.name || "";
+        (((r = this.props.conf) == null ? void 0 : r.data) || []).forEach((l) => {
+          if (!l.fv) return;
+          const c = l.object_id || l.name || "";
           if (!c) return;
-          const i = this.extractDataValue(e, o.fv);
+          const i = this.extractDataValue(e, l.fv);
           if (i != null) {
             const f = i === 1 || i === !0 || i === "online" || i === "1" || i === "true";
             n.set(c, f);
@@ -100,22 +108,22 @@ const Y = { class: "panel-header" }, Z = ["id"], ee = { DEFAULT_ICON: X, ACTIVE_
       onLinkEvent(e) {
       }
     }
-    const p = new j(t, "deviceOnlineStatus");
+    const p = new N(t, "deviceOnlineStatus");
     p.setupLifecycle();
-    const d = p.getStyle(), F = p.getEchartId(), y = S(() => {
-      var l;
-      return ((l = t.conf) == null ? void 0 : l.data) || [];
+    const d = p.getStyle(), j = p.getEchartId(), y = S(() => {
+      var o;
+      return ((o = t.conf) == null ? void 0 : o.data) || [];
     }), M = S(() => {
       if (y.value.length === 0 && t.mode === "edit")
         return { online: 23, offline: 3, total: 26 };
       let e = 0, a = 0;
       return y.value.forEach((r) => {
-        const o = r.object_id || r.name || "";
-        n.get(o) === !1 ? a++ : e++;
+        const l = r.object_id || r.name || "";
+        n.get(l) === !1 ? a++ : e++;
       }), { online: e, offline: a, total: e + a };
-    }), w = S(() => ({
+    }), T = S(() => ({
       backgroundColor: d.value.bgColor
-    })), m = (l) => {
+    })), m = (o) => {
       const { online: e, offline: a, total: r } = M.value;
       return {
         backgroundColor: "transparent",
@@ -128,8 +136,8 @@ const Y = { class: "panel-header" }, Z = ["id"], ee = { DEFAULT_ICON: X, ACTIVE_
           itemWidth: 10,
           itemHeight: 10,
           itemGap: 20,
-          textStyle: { fontSize: 13, color: l.textColor },
-          formatter: (o) => `${o}  ${o === "在线" ? e : a}`
+          textStyle: { fontSize: 13, color: o.textColor },
+          formatter: (l) => `${l}  ${l === "在线" ? e : a}`
         },
         series: [{
           type: "pie",
@@ -142,50 +150,50 @@ const Y = { class: "panel-header" }, Z = ["id"], ee = { DEFAULT_ICON: X, ACTIVE_
             formatter: () => `{num|${r}}
 {txt|设备总数}`,
             rich: {
-              num: { fontSize: l.centerFontSize, fontWeight: "bold", color: l.centerColor, lineHeight: l.centerFontSize + 10 },
+              num: { fontSize: o.centerFontSize, fontWeight: "bold", color: o.centerColor, lineHeight: o.centerFontSize + 10 },
               txt: { fontSize: 13, color: "#999", lineHeight: 22 }
             }
           },
           labelLine: { show: !1 },
           itemStyle: { borderRadius: 4, borderColor: "#fff", borderWidth: 2 },
           data: [
-            { value: e, name: "在线", itemStyle: { color: l.onlineColor } },
-            { value: a, name: "离线", itemStyle: { color: l.offlineColor } }
+            { value: e, name: "在线", itemStyle: { color: o.onlineColor } },
+            { value: a, name: "离线", itemStyle: { color: o.offlineColor } }
           ]
         }]
       };
     }, g = () => {
       for (let e = 0; e < 23; e++) n.set(`dev-${e}`, !0);
       for (let e = 23; e < 26; e++) n.set(`dev-${e}`, !1);
-      const l = p.getChartInstance();
-      l && l.setOption(m(d.value), !0);
+      const o = p.getChartInstance();
+      o && o.setOption(m(d.value), !0);
     };
     return W(() => {
       t.mode === "edit" && g(), setTimeout(() => {
-        var l;
-        return (l = p.getChartInstance()) == null ? void 0 : l.resize();
+        var o;
+        return (o = p.getChartInstance()) == null ? void 0 : o.resize();
       }, 200);
-    }), U(() => t.conf, () => {
+    }), P(() => t.conf, () => {
       t.mode === "edit" && g();
-    }, { deep: !0 }), (l, e) => (V(), G("div", {
+    }, { deep: !0 }), (o, e) => (U(), V("div", {
       class: "device-online-status",
-      style: N(w.value)
+      style: F(T.value)
     }, [
       h("div", Y, [
         e[0] || (e[0] = h("span", { class: "indicator-dot" }, null, -1)),
         h("span", {
           class: "panel-title",
-          style: N({ color: b(d).textColor, fontSize: b(d).titleFontSize + "px" })
-        }, P(b(d).title), 5)
+          style: F({ color: b(d).textColor, fontSize: b(d).titleFontSize + "px" })
+        }, G(b(d).title), 5)
       ]),
       h("div", {
-        id: b(F),
+        id: b(j),
         class: "chart-container"
       }, null, 8, Z),
-      q(l.$slots, "default", {}, void 0, !0)
+      q(o.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), me = /* @__PURE__ */ J(se, [["__scopeId", "data-v-a8771396"]]);
+})), Ce = /* @__PURE__ */ J(se, [["__scopeId", "data-v-5a3fb2e8"]]);
 export {
-  me as default
+  Ce as default
 };

package/dist/deviceOnlineStatus-DHzaAzCp.cjs

@@ -0,0 +1,2 @@
+"use strict";var M=Object.defineProperty,T=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var I=(c,n,a)=>n in c?M(c,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):c[n]=a,x=(c,n)=>{for(var a in n||(n={}))w.call(n,a)&&I(c,a,n[a]);if(A)for(var a of A(n))B.call(n,a)&&I(c,a,n[a]);return c},N=(c,n)=>T(c,L(n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");require("html2canvas");const V=require("./index-DVqMfQVc.cjs");require("element-plus");const q=require("./EChartComponentBase-dLE5F7Tt.cjs"),z=require("./ele-lin-icon-Dke_1AmT.cjs"),R={class:"panel-header"},$=["id"],H={DEFAULT_ICON:z.DEFAULT_ICON,ACTIVE_ICON:z.ACTIVE_ICON,NAME_CN:"设备在线状态",NAME_EN:"Device Online Status",ORDER:11,PLATFORM:["pc","screen"]},P={title:{value:"设备在线状态",type:"string",label:"标题"},bgColor:{value:"#f5f7fa",type:"color",label:"setting.bgColor"},panelBgColor:{value:"#ffffff",type:"color",label:"面板背景色"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},titleFontSize:{value:16,type:"number",label:"标题字体大小",min:12,max:24},onlineColor:{value:"#67C23A",type:"color",label:"在线颜色"},offlineColor:{value:"#C0C4CC",type:"color",label:"离线颜色"},centerFontSize:{value:32,type:"number",label:"中心数字大小",min:18,max:48},centerColor:{value:"#1a3a6b",type:"color",label:"中心数字颜色"},linkChannel:{value:"gnss",type:"select",label:"联动频道",options:[{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},U=[{name:"设备1",fv:"online_status",fvDeviceName:"",object_id:""}],W=["object_id","name","fv","fvDeviceName"],G=["mosaic"],J={useAlias:!1,multiObject:!0,source:"mosaic"},K=200,Q={DEFAULT:H,OPTIONS:P,DATA:U,PARAMS:W,SOURCE:G,COMMON:J,ITEMS:K},X=t.defineComponent(N(x({},Q),{__name:"deviceOnlineStatus",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(c){const n=c,a=new Map;class k extends q.EChartComponentBase{extractStyles(){var o,u,s,d,f,h,C,y,g,O,_,E;const e=(o=this.props.conf)==null?void 0:o.options,r=((u=e==null?void 0:e.linkChannel)==null?void 0:u.value)||"gnss",i=((s=e==null?void 0:e.customChannel)==null?void 0:s.value)||"";return{title:((d=e==null?void 0:e.title)==null?void 0:d.value)||"设备在线状态",bgColor:((f=e==null?void 0:e.bgColor)==null?void 0:f.value)||"#f5f7fa",panelBgColor:((h=e==null?void 0:e.panelBgColor)==null?void 0:h.value)||"#ffffff",textColor:((C=e==null?void 0:e.textColor)==null?void 0:C.value)||"#333333",titleFontSize:((y=e==null?void 0:e.titleFontSize)==null?void 0:y.value)||16,onlineColor:((g=e==null?void 0:e.onlineColor)==null?void 0:g.value)||"#67C23A",offlineColor:((O=e==null?void 0:e.offlineColor)==null?void 0:O.value)||"#C0C4CC",centerFontSize:((_=e==null?void 0:e.centerFontSize)==null?void 0:_.value)||32,centerColor:((E=e==null?void 0:e.centerColor)==null?void 0:E.value)||"#1a3a6b",linkChannel:r==="custom"&&i?i:r}}getChartOption(){return m(this.Style.value)}setHistoryData(e){var i;if(!e||!this.chartObj)return;const r=((i=this.props.conf)==null?void 0:i.data)||[];!Array.isArray(r)||!r.length||(r.forEach((o,u)=>{if(!o.fv)return;const s=Array.isArray(e)?e[u]:null,d=Array.isArray(s)&&s.length?s[0]:null;if(!d)return;const f=d[o.fv];if(f==null)return;const h=f===1||f===!0||f==="online"||f==="1"||f==="true",C=o.object_id||o.name||"";C&&a.set(C,h)}),this.chartObj.setOption(m(this.Style.value),!0))}setSocketData(e){var i;if(!e)return;(((i=this.props.conf)==null?void 0:i.data)||[]).forEach(o=>{if(!o.fv)return;const u=o.object_id||o.name||"";if(!u)return;const s=this.extractDataValue(e,o.fv);if(s!=null){const d=s===1||s===!0||s==="online"||s==="1"||s==="true";a.set(u,d)}}),this.chartObj&&this.chartObj.setOption(m(this.Style.value),!0)}onLinkEvent(e){}}const v=new k(n,"deviceOnlineStatus");v.setupLifecycle();const p=v.getStyle(),D=v.getEchartId(),b=t.computed(()=>{var l;return((l=n.conf)==null?void 0:l.data)||[]}),F=t.computed(()=>{if(b.value.length===0&&n.mode==="edit")return{online:23,offline:3,total:26};let e=0,r=0;return b.value.forEach(i=>{const o=i.object_id||i.name||"";a.get(o)===!1?r++:e++}),{online:e,offline:r,total:e+r}}),j=t.computed(()=>({backgroundColor:p.value.bgColor})),m=l=>{const{online:e,offline:r,total:i}=F.value;return{backgroundColor:"transparent",tooltip:{trigger:"item",formatter:"{b}: {c} ({d}%)"},legend:{bottom:10,itemWidth:10,itemHeight:10,itemGap:20,textStyle:{fontSize:13,color:l.textColor},formatter:o=>`${o}  ${o==="在线"?e:r}`},series:[{type:"pie",radius:["50%","72%"],center:["50%","45%"],avoidLabelOverlap:!1,label:{show:!0,position:"center",formatter:()=>`{num|${i}}
+{txt|设备总数}`,rich:{num:{fontSize:l.centerFontSize,fontWeight:"bold",color:l.centerColor,lineHeight:l.centerFontSize+10},txt:{fontSize:13,color:"#999",lineHeight:22}}},labelLine:{show:!1},itemStyle:{borderRadius:4,borderColor:"#fff",borderWidth:2},data:[{value:e,name:"在线",itemStyle:{color:l.onlineColor}},{value:r,name:"离线",itemStyle:{color:l.offlineColor}}]}]}},S=()=>{for(let e=0;e<23;e++)a.set(`dev-${e}`,!0);for(let e=23;e<26;e++)a.set(`dev-${e}`,!1);const l=v.getChartInstance();l&&l.setOption(m(p.value),!0)};return t.onMounted(()=>{n.mode==="edit"&&S(),setTimeout(()=>{var l;return(l=v.getChartInstance())==null?void 0:l.resize()},200)}),t.watch(()=>n.conf,()=>{n.mode==="edit"&&S()},{deep:!0}),(l,e)=>(t.openBlock(),t.createElementBlock("div",{class:"device-online-status",style:t.normalizeStyle(j.value)},[t.createElementVNode("div",R,[e[0]||(e[0]=t.createElementVNode("span",{class:"indicator-dot"},null,-1)),t.createElementVNode("span",{class:"panel-title",style:t.normalizeStyle({color:t.unref(p).textColor,fontSize:t.unref(p).titleFontSize+"px"})},t.toDisplayString(t.unref(p).title),5)]),t.createElementVNode("div",{id:t.unref(D),class:"chart-container"},null,8,$),t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}})),Y=V._export_sfc(X,[["__scopeId","data-v-5a3fb2e8"]]);exports.default=Y;

package/dist/deviceStatus-4BMy4qBD.cjs

@@ -0,0 +1 @@
+"use strict";var x=Object.defineProperty,A=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var S=(u,a,s)=>a in u?x(u,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[a]=s,E=(u,a)=>{for(var s in a||(a={}))M.call(a,s)&&S(u,s,a[s]);if(h)for(var s of h(a))R.call(a,s)&&S(u,s,a[s]);return u},N=(u,a)=>A(u,O(a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("html2canvas");const T=require("./BaseComponent-Chnv4fBT.cjs"),y=require("./index-DVqMfQVc.cjs"),V=require("./ele-gag-icon-Ce1hl9NI.cjs"),L={class:"device-status-wrapper"},I={class:"panel-header"},F={class:"header-left"},z={class:"header-title"},H={class:"status-cards"},P=["onClick"],U={class:"status-label"},q={class:"device-list"},$={class:"device-icon"},G={class:"device-info"},J={class:"device-name"},K={class:"device-type"},Q={class:"device-value"},W={class:"value-text"},X={key:0,class:"no-data"},Y={DEFAULT_ICON:V.DEFAULT_ICON,ACTIVE_ICON:V.ACTIVE_ICON,NAME_CN:"设备运行状态",NAME_EN:"Device Status",ORDER:8,PLATFORM:["pc","screen"]},Z={title:{value:"监测设备运行状态",type:"string",label:"component.deviceStatus.title"},bgColor:{value:"#1a2a3a",type:"color",label:"setting.bgColor"},borderColor:{value:"#2a4a6a",type:"color",label:"component.deviceStatus.borderColor"},textColor:{value:"#ffffff",type:"color",label:"setting.textColor"},accentColor:{value:"#00d4ff",type:"color",label:"component.deviceStatus.accentColor"},glowEffect:{value:!0,type:"checkbox",label:"component.deviceStatus.glowEffect"},normalColor:{value:"#2ecc71",type:"color",label:"component.deviceStatus.normalColor"},warnColor:{value:"#f39c12",type:"color",label:"component.deviceStatus.warnColor"},errorColor:{value:"#e74c3c",type:"color",label:"component.deviceStatus.errorColor"}},ee=[{name:"温度传感器-01",type:"温度传感器",icon:"🌡",fv:"temperature",object_id:"",unit:"°C",value:25.1,status:0},{name:"压力传感器-01",type:"压力传感器",icon:"⏱",fv:"pressure",object_id:"",unit:"MPa",value:1.3,status:0},{name:"位移传感器-01",type:"位移传感器",icon:"↔",fv:"displacement",object_id:"",unit:"mm",value:2.1,status:1},{name:"振动传感器-01",type:"振动传感器",icon:"〰",fv:"vibration",object_id:"",unit:"Hz",value:.1,status:0}],te=["name","type","icon","fv","object_id","unit","status"],oe=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],ae={useAlias:!1,multiObject:!0,source:"mosaic"},le={DEFAULT:Y,OPTIONS:Z,DATA:ee,PARAMS:te,SOURCE:oe,COMMON:ae},ce=e.defineComponent(N(E({},le),{__name:"deviceStatus",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(u){e.useCssVars(l=>({v2279d942:e.unref(c).bgColor,v282717bb:e.unref(c).borderColor,v0266b85a:e.unref(c).textColor,v919cec46:e.unref(c).accentColor,v09e5435a:e.unref(c).glowEffect?`drop-shadow(0 0 6px ${e.unref(c).accentColor})`:"none",v114e47f4:e.unref(c).glowEffect?`0 0 10px ${e.unref(c).accentColor}`:"none"}));const a=u;class s extends T.BaseComponent{extractStyles(){var o,i,n,r,C,d,_,f,m,v;const{options:t}=this.props.conf;return{title:((o=t==null?void 0:t.title)==null?void 0:o.value)||"监测设备运行状态",bgColor:((i=t==null?void 0:t.bgColor)==null?void 0:i.value)||"#1a2a3a",borderColor:((n=t==null?void 0:t.borderColor)==null?void 0:n.value)||"#2a4a6a",textColor:((r=t==null?void 0:t.textColor)==null?void 0:r.value)||"#ffffff",accentColor:((C=t==null?void 0:t.accentColor)==null?void 0:C.value)||"#00d4ff",glowEffect:(_=(d=t==null?void 0:t.glowEffect)==null?void 0:d.value)!=null?_:!0,normalColor:((f=t==null?void 0:t.normalColor)==null?void 0:f.value)||"#2ecc71",warnColor:((m=t==null?void 0:t.warnColor)==null?void 0:m.value)||"#f39c12",errorColor:((v=t==null?void 0:t.errorColor)==null?void 0:v.value)||"#e74c3c"}}setHistoryData(t){const{data:o,common:i}=this.props.conf;if(!o.some(d=>d.object_id&&d.fv))return;const r=i.source||"mosaic";["statistics","calculate"].includes(r)&&(t=y.formatStatisticsResult(t,o));let C=y.handleNullData(t,this.props,"history");o.forEach((d,_)=>{var f,m;if(!(!d.object_id||!d.fv))try{const v=(m=(f=C.history[_])==null?void 0:f[0])==null?void 0:m[d.fv];v!=null&&(d.value=v)}catch(v){}})}setSocketData(t){if(!t)return;const{data:o}=this.props.conf;o.some(n=>n.object_id&&n.fv)&&o.forEach(n=>{if(!n.object_id||!n.fv)return;const r=this.extractDataValue(t,n.fv);r!=null&&(n.value=r)})}}const g=new s(a,"deviceStatus");(!a.conf.data||a.conf.data.length===0)&&(a.conf.data=[{name:"温度传感器-01",type:"温度传感器",icon:"🌡",fv:"",object_id:"",unit:"°C",value:25.1,status:0},{name:"压力传感器-01",type:"压力传感器",icon:"⏱",fv:"",object_id:"",unit:"MPa",value:1.3,status:0},{name:"位移传感器-01",type:"位移传感器",icon:"↔",fv:"",object_id:"",unit:"mm",value:2.1,status:1},{name:"振动传感器-01",type:"振动传感器",icon:"〰",fv:"",object_id:"",unit:"Hz",value:.1,status:0}]),g.setupLifecycle();const c=g.getStyle(),p=e.ref(null),D=e.computed(()=>{var n;const l=((n=a.conf)==null?void 0:n.data)||[],t=l.filter(r=>r.status===0).length,o=l.filter(r=>r.status===1).length,i=l.filter(r=>r.status===2).length;return[{name:"正常",count:t,color:c.value.normalColor},{name:"警告",count:o,color:c.value.warnColor},{name:"异常",count:i,color:c.value.errorColor}]}),b=e.computed(()=>{var t;const l=((t=a.conf)==null?void 0:t.data)||[];return p.value===null?l:l.filter(o=>o.status===p.value)}),k=()=>console.log("实时更新"),B=l=>{p.value=p.value===l?null:l},w=l=>{const t=[c.value.normalColor,c.value.warnColor,c.value.errorColor];return t[l]||t[0]},j=l=>{const t=["正常","警告","异常"];return t[l]||t[0]};return(l,t)=>(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",I,[e.createElementVNode("div",F,[t[0]||(t[0]=e.createElementVNode("svg",{class:"header-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"3"}),e.createElementVNode("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"})],-1)),e.createElementVNode("span",z,e.toDisplayString(e.unref(c).title),1)]),e.createElementVNode("button",{class:"realtime-btn",onClick:k}," 实时更新 ")]),e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"status-card",style:e.normalizeStyle({borderTopColor:o.color}),onClick:n=>B(i)},[e.createElementVNode("div",{class:"status-count",style:e.normalizeStyle({color:o.color})},e.toDisplayString(o.count),5),e.createElementVNode("div",U,e.toDisplayString(o.name),1)],12,P))),128))]),e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"device-item"},[e.createElementVNode("div",$,e.toDisplayString(o.icon),1),e.createElementVNode("div",G,[e.createElementVNode("div",J,e.toDisplayString(o.name),1),e.createElementVNode("div",K,e.toDisplayString(o.type),1)]),e.createElementVNode("div",Q,[e.createElementVNode("div",W,e.toDisplayString(o.value)+" "+e.toDisplayString(o.unit),1),e.createElementVNode("div",{class:"status-tag",style:e.normalizeStyle({background:w(o.status)})},e.toDisplayString(j(o.status)),5)])]))),128)),b.value.length===0?(e.openBlock(),e.createElementBlock("div",X," 暂无设备数据 ")):e.createCommentVNode("",!0)]),e.renderSlot(l.$slots,"default",{},void 0,!0)]))}})),ne=y._export_sfc(ce,[["__scopeId","data-v-d3c9d7b3"]]);exports.default=ne;