mixdashboards 1.0.32 → 1.0.39

package/dist/deepTrendChart-DCkV2HNv.js

@@ -0,0 +1,345 @@
+var n3 = Object.defineProperty, l3 = Object.defineProperties;
+var i3 = Object.getOwnPropertyDescriptors;
+var B = Object.getOwnPropertySymbols;
+var o3 = Object.prototype.hasOwnProperty, s3 = Object.prototype.propertyIsEnumerable;
+var H = (f, a, v) => a in f ? n3(f, a, { enumerable: !0, configurable: !0, writable: !0, value: v }) : f[a] = v, D = (f, a) => {
+  for (var v in a || (a = {}))
+    o3.call(a, v) && H(f, v, a[v]);
+  if (B)
+    for (var v of B(a))
+      s3.call(a, v) && H(f, v, a[v]);
+  return f;
+}, E = (f, a) => l3(f, i3(a));
+import { ElSelect as a3, ElOption as r3, ElButton as c3, ElIcon as u3 } 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 d3, ref as U, computed as N, watch as P, watchEffect as p3, onMounted as m3, openBlock as b, createElementBlock as A, normalizeStyle as G, unref as O, toDisplayString as h3, createCommentVNode as f3, createElementVNode as F, createVNode as V, withCtx as z, Fragment as v3, renderList as g3, createBlock as L3, createTextVNode as C3, renderSlot as S3, nextTick as W } from "vue";
+import { Download as x3 } from "@element-plus/icons-vue";
+import { d as X, i as y3 } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as _3, _ as k3 } from "./index-kShjySl9.js";
+import { E as O3 } from "./EChartComponentBase-BQOhWkz2.js";
+import { g as w3 } from "./titleStyle-BT5GlpAb.js";
+import { i as b3 } from "./install-BBrAry2m.js";
+import { u as V3, i as T3, a as D3 } from "./installCanvasRenderer-CLT2hquJ.js";
+import { i as E3 } from "./install-hfre7yvV.js";
+import { i as N3 } from "./install-8XfFtnlL.js";
+const A3 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='17px'%20viewBox='0%200%2016%2017'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e趋势%3c/title%3e%3cg%20id='页面-2'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='轮廓化'%20transform='translate(-299.000000,%20-723.000000)'%20fill='%23333333'%20fill-rule='nonzero'%3e%3cpath%20d='M313.60741,723.132248%20C314.376525,723.132248%20315,723.755729%20315,724.524838%20L315,724.524838%20L315,737.73953%20C315,738.508647%20314.376527,739.13212%20313.60741,739.13212%20L313.60741,739.13212%20L300.392953,739.13212%20C299.623869,739.13212%20299.000384,738.508663%20299.000363,737.739585%20L299.000363,737.739585%20L299,724.524856%20C299,723.755744%20299.623475,723.132248%20300.39259,723.132248%20L300.39259,723.132248%20Z%20M302.67,728.130248%20L300.316,728.132248%20L300.317244,737.739549%20C300.317245,737.770894%20300.336313,737.797797%20300.363485,737.80929%20L300.392953,737.815239%20L302.67,737.814248%20L302.67,728.130248%20Z%20M313.682,728.120248%20L303.987,728.129248%20L303.987,737.814248%20L313.60741,737.815239%20C313.638778,737.815239%20313.665681,737.796179%20313.677171,737.769004%20L313.683119,737.73953%20L313.683,728.944248%20L313.682972,728.929735%20L313.682,728.120248%20Z%20M310.871101,729.12887%20L310.952715,729.198297%20L312.604552,730.850134%20C312.861689,731.107271%20312.861689,731.524172%20312.604552,731.781309%20C312.373129,732.012732%20312.012296,732.035875%20311.754991,731.850736%20L311.673377,731.781309%20L311.145,731.253248%20L311.145752,734.805978%20C311.145752,735.139321%20310.898043,735.414808%20310.576658,735.458408%20L310.487311,735.464419%20L307.124,735.464248%20L307.649042,735.98918%20C307.906179,736.246317%20307.906179,736.663219%20307.649042,736.920356%20C307.417619,737.151779%20307.056787,737.174921%20306.799482,736.989783%20L306.717867,736.920356%20L305.066031,735.268519%20L305.054021,735.255814%20C305.041374,735.242301%20305.029291,735.228255%20305.017807,735.213713%20L305.066031,735.268519%20C305.034539,735.237027%20305.006903,735.203139%20304.983125,735.167441%20C304.9807,735.16179%20304.977592,735.156913%20304.974547,735.151993%20C304.832434,734.927859%20304.840126,734.636431%20304.996604,734.418958%20L305.066031,734.337344%20L306.717867,732.685507%20C306.975004,732.428371%20307.391905,732.428371%20307.649042,732.685507%20C307.880466,732.916931%20307.903608,733.277763%20307.718469,733.535068%20L307.649042,733.616683%20L307.117,734.147248%20L309.828389,734.1469%20L309.828,731.252248%20L309.300879,731.781309%20C309.043742,732.038446%20308.626841,732.038446%20308.369704,731.781309%20C308.13828,731.549886%20308.115138,731.189053%20308.300277,730.931748%20L308.369704,730.850134%20L310.02154,729.198297%20C310.252963,728.966874%20310.613796,728.943732%20310.871101,729.12887%20Z%20M313.60741,724.449129%20L300.39259,724.449129%20C300.350778,724.449129%20300.316881,724.483027%20300.316881,724.524838%20L300.316881,724.524838%20L300.316,726.815248%20L313.682,726.803248%20L313.682972,725.258988%20L313.683,725.246248%20L313.683119,724.524838%20C313.683119,724.493474%20313.664056,724.46657%20313.636882,724.455078%20L313.60741,724.449129%20Z'%20id='形状结合'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e", F3 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='17px'%20viewBox='0%200%2016%2017'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e趋势%3c/title%3e%3cg%20id='基础规范'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='显示板图标-轮廓化备份'%20transform='translate(-299.000000,%20-723.000000)'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3cpath%20d='M313.60741,723.132248%20C314.376525,723.132248%20315,723.755729%20315,724.524838%20L315,724.524838%20L315,737.73953%20C315,738.508647%20314.376527,739.13212%20313.60741,739.13212%20L313.60741,739.13212%20L300.392953,739.13212%20C299.623869,739.13212%20299.000384,738.508663%20299.000363,737.739585%20L299.000363,737.739585%20L299,724.524856%20C299,723.755744%20299.623475,723.132248%20300.39259,723.132248%20L300.39259,723.132248%20Z%20M302.67,728.130248%20L300.316,728.132248%20L300.317244,737.739549%20C300.317245,737.770894%20300.336313,737.797797%20300.363485,737.80929%20L300.392953,737.815239%20L302.67,737.814248%20L302.67,728.130248%20Z%20M313.682,728.120248%20L303.987,728.129248%20L303.987,737.814248%20L313.60741,737.815239%20C313.638778,737.815239%20313.665681,737.796179%20313.677171,737.769004%20L313.683119,737.73953%20L313.683,728.944248%20L313.682972,728.929735%20L313.682,728.120248%20Z%20M310.871101,729.12887%20L310.952715,729.198297%20L312.604552,730.850134%20C312.861689,731.107271%20312.861689,731.524172%20312.604552,731.781309%20C312.373129,732.012732%20312.012296,732.035875%20311.754991,731.850736%20L311.673377,731.781309%20L311.145,731.253248%20L311.145752,734.805978%20C311.145752,735.139321%20310.898043,735.414808%20310.576658,735.458408%20L310.487311,735.464419%20L307.124,735.464248%20L307.649042,735.98918%20C307.906179,736.246317%20307.906179,736.663219%20307.649042,736.920356%20C307.417619,737.151779%20307.056787,737.174921%20306.799482,736.989783%20L306.717867,736.920356%20L305.066031,735.268519%20L305.054021,735.255814%20C305.041374,735.242301%20305.029291,735.228255%20305.017807,735.213713%20L305.066031,735.268519%20C305.034539,735.237027%20305.006903,735.203139%20304.983125,735.167441%20C304.9807,735.16179%20304.977592,735.156913%20304.974547,735.151993%20C304.832434,734.927859%20304.840126,734.636431%20304.996604,734.418958%20L305.066031,734.337344%20L306.717867,732.685507%20C306.975004,732.428371%20307.391905,732.428371%20307.649042,732.685507%20C307.880466,732.916931%20307.903608,733.277763%20307.718469,733.535068%20L307.649042,733.616683%20L307.117,734.147248%20L309.828389,734.1469%20L309.828,731.252248%20L309.300879,731.781309%20C309.043742,732.038446%20308.626841,732.038446%20308.369704,731.781309%20C308.13828,731.549886%20308.115138,731.189053%20308.300277,730.931748%20L308.369704,730.850134%20L310.02154,729.198297%20C310.252963,728.966874%20310.613796,728.943732%20310.871101,729.12887%20Z%20M313.60741,724.449129%20L300.39259,724.449129%20C300.350778,724.449129%20300.316881,724.483027%20300.316881,724.524838%20L300.316881,724.524838%20L300.316,726.815248%20L313.682,726.803248%20L313.682972,725.258988%20L313.683,725.246248%20L313.683119,724.524838%20C313.683119,724.493474%20313.664056,724.46657%20313.636882,724.455078%20L313.60741,724.449129%20Z'%20id='形状结合'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e", z3 = { class: "mix-body" }, I3 = { class: "toolbar" }, M3 = ["id"], $3 = {
+  DEFAULT_ICON: A3,
+  ACTIVE_ICON: F3,
+  NAME_CN: "深部趋势图",
+  NAME_EN: "DeepTrendChart",
+  ORDER: 21
+}, R3 = {
+  titleColor: "#111",
+  textColor: "#111",
+  bgColor: "#fff",
+  radiusSize: 8,
+  textSize: 12,
+  isHideTitle: !1,
+  top: 56,
+  bottom: 52,
+  left: 64,
+  right: 36,
+  xName: { value: "位移量", type: "string", label: "X轴名称" },
+  yName: { value: "高程(m)", type: "string", label: "Y轴名称" },
+  // 联动频道配置
+  linkChannel: {
+    value: "deepDisplacement",
+    type: "select",
+    label: "component.linkChannel",
+    options: [
+      { label: "component.linkChannelOptions.deepDisplacement", value: "deepDisplacement" },
+      { label: "component.linkChannelOptions.gnss", value: "gnss" },
+      { label: "component.linkChannelOptions.slope", value: "slope" },
+      { label: "component.linkChannelOptions.device", value: "device" },
+      { label: "component.linkChannelOptions.alarm", value: "alarm" },
+      { label: "component.linkChannelOptions.custom", value: "custom" }
+    ]
+  },
+  customChannel: {
+    value: "",
+    type: "string",
+    label: "component.customChannel",
+    showWhen: { linkChannel: "custom" }
+  }
+}, Y = [
+  { name: "累计位移", fv: "disp_130", depth: -130, color: "#5470c6", object_id: "" },
+  { name: "累计位移", fv: "disp_140", depth: -140, color: "#5470c6", object_id: "" }
+], Z3 = ["name", "fv", "depth", "color", "object_id"], B3 = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], H3 = { useAlias: !1, multiObject: !0, source: "mosaic" }, U3 = { DEFAULT: $3, OPTIONS: R3, DATA: Y, PARAMS: Z3, SOURCE: B3, COMMON: H3 }, P3 = /* @__PURE__ */ d3(E(D({}, U3), {
+  __name: "deepTrendChart",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(f) {
+    V3([b3, T3, E3, D3, N3]);
+    const a = f, v = _3(), c = U([]), m = U("");
+    class q extends O3 {
+      extractStyles() {
+        const n = this.getOptionValue("linkChannel", "deepDisplacement"), t = this.getOptionValue("customChannel", ""), o = n === "custom" && t ? t : n;
+        return {
+          bgColor: this.getOptionValue("bgColor", "#fff"),
+          titleColor: this.getOptionValue("titleColor", "#111"),
+          textColor: this.getOptionValue("textColor", "#111"),
+          radiusSize: this.getOptionValue("radiusSize", 8),
+          textSize: this.getOptionValue("textSize", 12),
+          isHideTitle: this.getOptionValue("isHideTitle", !1),
+          top: this.getOptionValue("top", 56),
+          bottom: this.getOptionValue("bottom", 52),
+          left: this.getOptionValue("left", 64),
+          right: this.getOptionValue("right", 36),
+          xName: this.getOptionValue("xName", "位移量"),
+          yName: this.getOptionValue("yName", "高程(m)"),
+          linkChannel: o
+        };
+      }
+      init() {
+        var n;
+        this.Style.value = this.extractStyles(), this.applyTheme(), (n = this.props.conf.data) != null && n.length || (this.props.conf.data = Y), W(() => this.initChart());
+      }
+      setHistoryData(n) {
+        R(n);
+      }
+      setSocketData(n) {
+        n && R(n);
+      }
+      onLinkEvent(n) {
+        $(n);
+      }
+      getChartOption() {
+        var o;
+        const n = j.value, t = ((o = a.conf) == null ? void 0 : o.data) || [];
+        return {
+          grid: {
+            top: this.Style.value.top,
+            bottom: this.Style.value.bottom,
+            left: this.Style.value.left,
+            right: this.Style.value.right,
+            containLabel: !0
+          },
+          legend: {
+            top: 4,
+            textStyle: { color: this.Style.value.textColor }
+          },
+          tooltip: {
+            trigger: "item",
+            formatter: (l) => {
+              var i, r, u, s;
+              return `位移量: ${(r = (i = l == null ? void 0 : l.value) == null ? void 0 : i[0]) != null ? r : "-"}<br/>高程: ${(s = (u = l == null ? void 0 : l.value) == null ? void 0 : u[1]) != null ? s : "-"}m`;
+            }
+          },
+          xAxis: {
+            type: "value",
+            name: this.Style.value.xName,
+            nameLocation: "middle",
+            nameGap: 28,
+            axisLabel: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize },
+            splitLine: { lineStyle: { color: "#f0f0f0" } }
+          },
+          yAxis: {
+            type: "value",
+            name: this.Style.value.yName,
+            axisLabel: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize },
+            splitLine: { lineStyle: { color: "#f0f0f0" } }
+          },
+          series: t.map((l, i) => {
+            const r = (l == null ? void 0 : l.fv) || `v${i}`, u = ((n == null ? void 0 : n.points) || []).map((s) => {
+              var g;
+              const p = Number(s == null ? void 0 : s[r]), h = Number((g = s == null ? void 0 : s.elevation) != null ? g : s == null ? void 0 : s.depth);
+              return !Number.isFinite(p) || !Number.isFinite(h) ? null : [p, h];
+            }).filter(Boolean).sort((s, p) => s[1] - p[1]);
+            return {
+              name: (l == null ? void 0 : l.name) || `序列${i + 1}`,
+              type: "line",
+              data: u,
+              showSymbol: !0,
+              symbolSize: 6,
+              lineStyle: { color: (l == null ? void 0 : l.color) || "#5470c6", width: 2 },
+              itemStyle: { color: (l == null ? void 0 : l.color) || "#5470c6" }
+            };
+          })
+        };
+      }
+    }
+    const C = new q(a, "deepTrendChart"), J = C.getEchartId();
+    C.setupLifecycle();
+    const w = C.getStyle(), K = N(() => w3(a.conf.options)), Q = N(() => c.value.map((e) => e.time)), j = N(() => {
+      const e = m.value;
+      return c.value.find((n) => n.time === e) || c.value[c.value.length - 1] || null;
+    }), L = () => {
+      W(() => {
+        const e = C.getChartInstance();
+        e && e.setOption(C.getChartOption(), !0);
+      });
+    }, e3 = () => L(), t3 = () => {
+      const e = C.getChartInstance();
+      if (!e) return;
+      const n = e.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), t = document.createElement("a");
+      t.href = n, t.download = `deep-trend-${m.value || Date.now()}.png`, t.click();
+    }, I = () => {
+      var o, l, i;
+      const e = ((o = a.conf) == null ? void 0 : o.options) || {}, n = ((l = e == null ? void 0 : e.linkChannel) == null ? void 0 : l.value) || w.value.linkChannel || "deepDisplacement", t = ((i = e == null ? void 0 : e.customChannel) == null ? void 0 : i.value) || "";
+      return n === "custom" && t ? t : n;
+    }, T = (e, n, t = "points") => {
+      const o = e == null ? void 0 : e[t];
+      if (Array.isArray(o) && o.length) return o;
+      const l = {};
+      let i = !1;
+      return n.forEach((r) => {
+        var h;
+        const u = r == null ? void 0 : r.fv;
+        if (!u) return;
+        const s = e == null ? void 0 : e[u];
+        s != null && (l[u] = s, i = !0);
+        const p = (h = e == null ? void 0 : e.elevation) != null ? h : e == null ? void 0 : e.depth;
+        p != null && (l.elevation = p, l.depth = p);
+      }), i ? [l] : [];
+    }, M = (e) => {
+      var i;
+      const n = ((i = a.conf) == null ? void 0 : i.data) || [], o = (n[0] || {}).points_fv || "points", l = [];
+      return e.forEach((r, u) => {
+        var g, S;
+        const s = (r == null ? void 0 : r[0]) || r || {}, p = String((S = (g = s == null ? void 0 : s.time) != null ? g : s == null ? void 0 : s.datetime) != null ? S : u), h = T(s, n, o);
+        h.length && l.push({ time: p, points: h });
+      }), l;
+    }, $ = (e) => {
+      var h, g, S, x, y, _, k;
+      if (a.mode === "edit" || !e || !e.payload) return;
+      const n = I();
+      if ((h = e.topic) != null && h.channel && n && e.topic.channel !== n || !v.shouldHandle(e, "deepTrendChart")) return;
+      const t = e.payload;
+      if ((t == null ? void 0 : t.type) === "filter") {
+        const d = t.timeRange || t.dateRange || t.timeRangeValue;
+        if ((g = t.selectedTimes) != null && g.length) {
+          m.value = String(t.selectedTimes[t.selectedTimes.length - 1]), L();
+          return;
+        }
+        if (Array.isArray(d) && d.length) {
+          m.value = String(d[d.length - 1]), L();
+          return;
+        }
+        if (d != null && d.endDate || d != null && d.end) {
+          m.value = String(d.endDate || d.end), L();
+          return;
+        }
+        return;
+      }
+      const o = a.conf, l = (o == null ? void 0 : o.data) || [], i = (o == null ? void 0 : o.common) || {};
+      if (l.length > 0 && !(i != null && i.multiObject)) {
+        const d = X(i, i == null ? void 0 : i.useAlias, a.uid) || ((S = l[0]) == null ? void 0 : S.object_id), Z = (t == null ? void 0 : t.objectId) || (t == null ? void 0 : t.object_id);
+        if (d && Z && String(d) !== String(Z)) return;
+      }
+      if (Array.isArray(t == null ? void 0 : t.history)) {
+        c.value = M(t.history), c.value.length && (m.value = c.value[c.value.length - 1].time), L();
+        return;
+      }
+      const u = (l[0] || {}).points_fv || "points", s = String((k = (_ = (x = t == null ? void 0 : t.time) != null ? x : t == null ? void 0 : t.datetime) != null ? _ : (y = e.topic) == null ? void 0 : y.time) != null ? k : Date.now()), p = T(t, l, u);
+      p.length && (c.value = [...c.value.slice(-49), { time: s, points: p }], m.value = s, L());
+    }, R = (e) => {
+      var S, x, y, _, k, d;
+      const n = a.conf, t = (n == null ? void 0 : n.data) || [], o = (n == null ? void 0 : n.common) || {}, l = (o == null ? void 0 : o.source) || "mosaic";
+      let i = e;
+      if (["statistics", "calculate"].includes(l) && (i = y3(i, t)), (S = i == null ? void 0 : i.history) != null && S.length) {
+        c.value = M(i.history), c.value.length && (m.value = c.value[c.value.length - 1].time), L();
+        return;
+      }
+      const r = o != null && o.multiObject ? "" : X(o, o == null ? void 0 : o.useAlias, a.uid), u = r && ((y = (x = i == null ? void 0 : i[r]) == null ? void 0 : x[l]) == null ? void 0 : y.data) || ((_ = i == null ? void 0 : i[l]) == null ? void 0 : _.data) || (i == null ? void 0 : i.data) || i, p = (t[0] || {}).points_fv || "points", h = String((d = (k = u == null ? void 0 : u.time) != null ? k : u == null ? void 0 : u.datetime) != null ? d : Date.now()), g = T(u, t, p);
+      g.length && (c.value = [...c.value.slice(-49), { time: h, points: g }], m.value = h, L());
+    };
+    return P(
+      () => v.channels[I()],
+      (e) => {
+        e && $(e);
+      },
+      { deep: !0 }
+    ), p3(() => {
+      a.conf.socketData && C.setSocketData(a.conf.socketData);
+    }), P(
+      () => {
+        var e;
+        return (e = a.conf) == null ? void 0 : e.options;
+      },
+      () => {
+        C.getStyle().value = C.extractStyles(), L();
+      },
+      { deep: !0 }
+    ), m3(() => {
+      if (a.mode === "edit" && !c.value.length) {
+        const e = [
+          { elevation: 1024.94, disp: 0, relative_disp: -1 },
+          { elevation: 994.94, disp: 3, relative_disp: 0 },
+          { elevation: 964.94, disp: 6, relative_disp: 1 },
+          { elevation: 934.94, disp: 9, relative_disp: 2 },
+          { elevation: 904.94, disp: 12, relative_disp: 3 }
+        ];
+        c.value = [
+          { time: "2026-01-20 15:29:59", points: e },
+          { time: "2026-01-20 16:29:59", points: e.map((n) => E(D({}, n), { disp: n.disp + 1 })) }
+        ], m.value = c.value[0].time;
+      }
+      !m.value && c.value.length && (m.value = c.value[c.value.length - 1].time), L();
+    }), (e, n) => {
+      const t = r3, o = a3, l = u3, i = c3;
+      return b(), A("div", {
+        class: "mix-component",
+        style: G({ background: O(w).bgColor, borderRadius: `${O(w).radiusSize}px` })
+      }, [
+        O(w).isHideTitle ? f3("", !0) : (b(), A("div", {
+          key: 0,
+          class: "mix-title",
+          style: G(K.value)
+        }, h3(f.conf.caption || f.conf.name), 5)),
+        F("div", z3, [
+          F("div", I3, [
+            V(o, {
+              modelValue: m.value,
+              "onUpdate:modelValue": n[0] || (n[0] = (r) => m.value = r),
+              placeholder: "选择时间",
+              size: "small",
+              class: "time-select",
+              onChange: e3
+            }, {
+              default: z(() => [
+                (b(!0), A(v3, null, g3(Q.value, (r) => (b(), L3(t, {
+                  key: r,
+                  label: r,
+                  value: r
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            V(i, {
+              size: "small",
+              class: "export-btn",
+              onClick: t3
+            }, {
+              default: z(() => [
+                V(l, null, {
+                  default: z(() => [
+                    V(O(x3))
+                  ]),
+                  _: 1
+                }),
+                n[1] || (n[1] = C3(" 导出图 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          F("div", {
+            class: "echart-container",
+            id: O(J)
+          }, null, 8, M3)
+        ]),
+        S3(e.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), r0 = /* @__PURE__ */ k3(P3, [["__scopeId", "data-v-628a2d7c"]]);
+export {
+  r0 as default
+};

package/dist/deepTrendChart-MmuYSXtu.cjs

@@ -0,0 +1 @@
+"use strict";var Y=Object.defineProperty,J=Object.defineProperties;var K=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var B=(f,r,g)=>r in f?Y(f,r,{enumerable:!0,configurable:!0,writable:!0,value:g}):f[r]=g,N=(f,r)=>{for(var g in r||(r={}))Q.call(r,g)&&B(f,g,r[g]);if(q)for(var g of q(r))j.call(r,g)&&B(f,g,r[g]);return f},E=(f,r)=>J(f,K(r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");const l=require("vue"),e3=require("@element-plus/icons-vue"),T=require("./element-resize-detector-Bo5uDQAu.cjs"),R=require("./index-Mh5Dw2sd.cjs"),t3=require("./EChartComponentBase-BaQpBzVC.cjs"),n3=require("./titleStyle-NSnz6cUg.cjs"),l3=require("./install-C8buXQPI.cjs"),D=require("./installCanvasRenderer-CyhM1Qpl.cjs"),i3=require("./install-CltTFs4e.cjs"),o3=require("./install-CYwVETsi.cjs"),s3="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='17px'%20viewBox='0%200%2016%2017'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e趋势%3c/title%3e%3cg%20id='页面-2'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='轮廓化'%20transform='translate(-299.000000,%20-723.000000)'%20fill='%23333333'%20fill-rule='nonzero'%3e%3cpath%20d='M313.60741,723.132248%20C314.376525,723.132248%20315,723.755729%20315,724.524838%20L315,724.524838%20L315,737.73953%20C315,738.508647%20314.376527,739.13212%20313.60741,739.13212%20L313.60741,739.13212%20L300.392953,739.13212%20C299.623869,739.13212%20299.000384,738.508663%20299.000363,737.739585%20L299.000363,737.739585%20L299,724.524856%20C299,723.755744%20299.623475,723.132248%20300.39259,723.132248%20L300.39259,723.132248%20Z%20M302.67,728.130248%20L300.316,728.132248%20L300.317244,737.739549%20C300.317245,737.770894%20300.336313,737.797797%20300.363485,737.80929%20L300.392953,737.815239%20L302.67,737.814248%20L302.67,728.130248%20Z%20M313.682,728.120248%20L303.987,728.129248%20L303.987,737.814248%20L313.60741,737.815239%20C313.638778,737.815239%20313.665681,737.796179%20313.677171,737.769004%20L313.683119,737.73953%20L313.683,728.944248%20L313.682972,728.929735%20L313.682,728.120248%20Z%20M310.871101,729.12887%20L310.952715,729.198297%20L312.604552,730.850134%20C312.861689,731.107271%20312.861689,731.524172%20312.604552,731.781309%20C312.373129,732.012732%20312.012296,732.035875%20311.754991,731.850736%20L311.673377,731.781309%20L311.145,731.253248%20L311.145752,734.805978%20C311.145752,735.139321%20310.898043,735.414808%20310.576658,735.458408%20L310.487311,735.464419%20L307.124,735.464248%20L307.649042,735.98918%20C307.906179,736.246317%20307.906179,736.663219%20307.649042,736.920356%20C307.417619,737.151779%20307.056787,737.174921%20306.799482,736.989783%20L306.717867,736.920356%20L305.066031,735.268519%20L305.054021,735.255814%20C305.041374,735.242301%20305.029291,735.228255%20305.017807,735.213713%20L305.066031,735.268519%20C305.034539,735.237027%20305.006903,735.203139%20304.983125,735.167441%20C304.9807,735.16179%20304.977592,735.156913%20304.974547,735.151993%20C304.832434,734.927859%20304.840126,734.636431%20304.996604,734.418958%20L305.066031,734.337344%20L306.717867,732.685507%20C306.975004,732.428371%20307.391905,732.428371%20307.649042,732.685507%20C307.880466,732.916931%20307.903608,733.277763%20307.718469,733.535068%20L307.649042,733.616683%20L307.117,734.147248%20L309.828389,734.1469%20L309.828,731.252248%20L309.300879,731.781309%20C309.043742,732.038446%20308.626841,732.038446%20308.369704,731.781309%20C308.13828,731.549886%20308.115138,731.189053%20308.300277,730.931748%20L308.369704,730.850134%20L310.02154,729.198297%20C310.252963,728.966874%20310.613796,728.943732%20310.871101,729.12887%20Z%20M313.60741,724.449129%20L300.39259,724.449129%20C300.350778,724.449129%20300.316881,724.483027%20300.316881,724.524838%20L300.316881,724.524838%20L300.316,726.815248%20L313.682,726.803248%20L313.682972,725.258988%20L313.683,725.246248%20L313.683119,724.524838%20C313.683119,724.493474%20313.664056,724.46657%20313.636882,724.455078%20L313.60741,724.449129%20Z'%20id='形状结合'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e",a3="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='17px'%20viewBox='0%200%2016%2017'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e趋势%3c/title%3e%3cg%20id='基础规范'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='显示板图标-轮廓化备份'%20transform='translate(-299.000000,%20-723.000000)'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3cpath%20d='M313.60741,723.132248%20C314.376525,723.132248%20315,723.755729%20315,724.524838%20L315,724.524838%20L315,737.73953%20C315,738.508647%20314.376527,739.13212%20313.60741,739.13212%20L313.60741,739.13212%20L300.392953,739.13212%20C299.623869,739.13212%20299.000384,738.508663%20299.000363,737.739585%20L299.000363,737.739585%20L299,724.524856%20C299,723.755744%20299.623475,723.132248%20300.39259,723.132248%20L300.39259,723.132248%20Z%20M302.67,728.130248%20L300.316,728.132248%20L300.317244,737.739549%20C300.317245,737.770894%20300.336313,737.797797%20300.363485,737.80929%20L300.392953,737.815239%20L302.67,737.814248%20L302.67,728.130248%20Z%20M313.682,728.120248%20L303.987,728.129248%20L303.987,737.814248%20L313.60741,737.815239%20C313.638778,737.815239%20313.665681,737.796179%20313.677171,737.769004%20L313.683119,737.73953%20L313.683,728.944248%20L313.682972,728.929735%20L313.682,728.120248%20Z%20M310.871101,729.12887%20L310.952715,729.198297%20L312.604552,730.850134%20C312.861689,731.107271%20312.861689,731.524172%20312.604552,731.781309%20C312.373129,732.012732%20312.012296,732.035875%20311.754991,731.850736%20L311.673377,731.781309%20L311.145,731.253248%20L311.145752,734.805978%20C311.145752,735.139321%20310.898043,735.414808%20310.576658,735.458408%20L310.487311,735.464419%20L307.124,735.464248%20L307.649042,735.98918%20C307.906179,736.246317%20307.906179,736.663219%20307.649042,736.920356%20C307.417619,737.151779%20307.056787,737.174921%20306.799482,736.989783%20L306.717867,736.920356%20L305.066031,735.268519%20L305.054021,735.255814%20C305.041374,735.242301%20305.029291,735.228255%20305.017807,735.213713%20L305.066031,735.268519%20C305.034539,735.237027%20305.006903,735.203139%20304.983125,735.167441%20C304.9807,735.16179%20304.977592,735.156913%20304.974547,735.151993%20C304.832434,734.927859%20304.840126,734.636431%20304.996604,734.418958%20L305.066031,734.337344%20L306.717867,732.685507%20C306.975004,732.428371%20307.391905,732.428371%20307.649042,732.685507%20C307.880466,732.916931%20307.903608,733.277763%20307.718469,733.535068%20L307.649042,733.616683%20L307.117,734.147248%20L309.828389,734.1469%20L309.828,731.252248%20L309.300879,731.781309%20C309.043742,732.038446%20308.626841,732.038446%20308.369704,731.781309%20C308.13828,731.549886%20308.115138,731.189053%20308.300277,730.931748%20L308.369704,730.850134%20L310.02154,729.198297%20C310.252963,728.966874%20310.613796,728.943732%20310.871101,729.12887%20Z%20M313.60741,724.449129%20L300.39259,724.449129%20C300.350778,724.449129%20300.316881,724.483027%20300.316881,724.524838%20L300.316881,724.524838%20L300.316,726.815248%20L313.682,726.803248%20L313.682972,725.258988%20L313.683,725.246248%20L313.683119,724.524838%20C313.683119,724.493474%20313.664056,724.46657%20313.636882,724.455078%20L313.60741,724.449129%20Z'%20id='形状结合'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e",r3={class:"mix-body"},c3={class:"toolbar"},u3=["id"],d3={DEFAULT_ICON:s3,ACTIVE_ICON:a3,NAME_CN:"深部趋势图",NAME_EN:"DeepTrendChart",ORDER:21},h3={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,isHideTitle:!1,top:56,bottom:52,left:64,right:36,xName:{value:"位移量",type:"string",label:"X轴名称"},yName:{value:"高程(m)",type:"string",label:"Y轴名称"},linkChannel:{value:"deepDisplacement",type:"select",label:"component.linkChannel",options:[{label:"component.linkChannelOptions.deepDisplacement",value:"deepDisplacement"},{label:"component.linkChannelOptions.gnss",value:"gnss"},{label:"component.linkChannelOptions.slope",value:"slope"},{label:"component.linkChannelOptions.device",value:"device"},{label:"component.linkChannelOptions.alarm",value:"alarm"},{label:"component.linkChannelOptions.custom",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},$=[{name:"累计位移",fv:"disp_130",depth:-130,color:"#5470c6",object_id:""},{name:"累计位移",fv:"disp_140",depth:-140,color:"#5470c6",object_id:""}],p3=["name","fv","depth","color","object_id"],m3=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],v3={useAlias:!1,multiObject:!0,source:"mosaic"},f3={DEFAULT:d3,OPTIONS:h3,DATA:$,PARAMS:p3,SOURCE:m3,COMMON:v3},g3=l.defineComponent(E(N({},f3),{__name:"deepTrendChart",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(f){D.use([l3.install,D.install,i3.install,D.install$1,o3.install]);const r=f,g=R.useLinkStore(),u=l.ref([]),m=l.ref("");class Z extends t3.EChartComponentBase{extractStyles(){const n=this.getOptionValue("linkChannel","deepDisplacement"),t=this.getOptionValue("customChannel",""),s=n==="custom"&&t?t:n;return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#111"),textColor:this.getOptionValue("textColor","#111"),radiusSize:this.getOptionValue("radiusSize",8),textSize:this.getOptionValue("textSize",12),isHideTitle:this.getOptionValue("isHideTitle",!1),top:this.getOptionValue("top",56),bottom:this.getOptionValue("bottom",52),left:this.getOptionValue("left",64),right:this.getOptionValue("right",36),xName:this.getOptionValue("xName","位移量"),yName:this.getOptionValue("yName","高程(m)"),linkChannel:s}}init(){var n;this.Style.value=this.extractStyles(),this.applyTheme(),(n=this.props.conf.data)!=null&&n.length||(this.props.conf.data=$),l.nextTick(()=>this.initChart())}setHistoryData(n){I(n)}setSocketData(n){n&&I(n)}onLinkEvent(n){F(n)}getChartOption(){var s;const n=G.value,t=((s=r.conf)==null?void 0:s.data)||[];return{grid:{top:this.Style.value.top,bottom:this.Style.value.bottom,left:this.Style.value.left,right:this.Style.value.right,containLabel:!0},legend:{top:4,textStyle:{color:this.Style.value.textColor}},tooltip:{trigger:"item",formatter:i=>{var o,c,d,a;return`位移量: ${(c=(o=i==null?void 0:i.value)==null?void 0:o[0])!=null?c:"-"}<br/>高程: ${(a=(d=i==null?void 0:i.value)==null?void 0:d[1])!=null?a:"-"}m`}},xAxis:{type:"value",name:this.Style.value.xName,nameLocation:"middle",nameGap:28,axisLabel:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize},splitLine:{lineStyle:{color:"#f0f0f0"}}},yAxis:{type:"value",name:this.Style.value.yName,axisLabel:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize},splitLine:{lineStyle:{color:"#f0f0f0"}}},series:t.map((i,o)=>{const c=(i==null?void 0:i.fv)||`v${o}`,d=((n==null?void 0:n.points)||[]).map(a=>{var C;const p=Number(a==null?void 0:a[c]),v=Number((C=a==null?void 0:a.elevation)!=null?C:a==null?void 0:a.depth);return!Number.isFinite(p)||!Number.isFinite(v)?null:[p,v]}).filter(Boolean).sort((a,p)=>a[1]-p[1]);return{name:(i==null?void 0:i.name)||`序列${o+1}`,type:"line",data:d,showSymbol:!0,symbolSize:6,lineStyle:{color:(i==null?void 0:i.color)||"#5470c6",width:2},itemStyle:{color:(i==null?void 0:i.color)||"#5470c6"}}})}}}const S=new Z(r,"deepTrendChart"),H=S.getEchartId();S.setupLifecycle();const V=S.getStyle(),U=l.computed(()=>n3.generateTitleStyle(r.conf.options)),P=l.computed(()=>u.value.map(e=>e.time)),G=l.computed(()=>{const e=m.value;return u.value.find(n=>n.time===e)||u.value[u.value.length-1]||null}),L=()=>{l.nextTick(()=>{const e=S.getChartInstance();e&&e.setOption(S.getChartOption(),!0)})},W=()=>L(),X=()=>{const e=S.getChartInstance();if(!e)return;const n=e.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),t=document.createElement("a");t.href=n,t.download=`deep-trend-${m.value||Date.now()}.png`,t.click()},A=()=>{var s,i,o;const e=((s=r.conf)==null?void 0:s.options)||{},n=((i=e==null?void 0:e.linkChannel)==null?void 0:i.value)||V.value.linkChannel||"deepDisplacement",t=((o=e==null?void 0:e.customChannel)==null?void 0:o.value)||"";return n==="custom"&&t?t:n},b=(e,n,t="points")=>{const s=e==null?void 0:e[t];if(Array.isArray(s)&&s.length)return s;const i={};let o=!1;return n.forEach(c=>{var v;const d=c==null?void 0:c.fv;if(!d)return;const a=e==null?void 0:e[d];a!=null&&(i[d]=a,o=!0);const p=(v=e==null?void 0:e.elevation)!=null?v:e==null?void 0:e.depth;p!=null&&(i.elevation=p,i.depth=p)}),o?[i]:[]},z=e=>{var o;const n=((o=r.conf)==null?void 0:o.data)||[],s=(n[0]||{}).points_fv||"points",i=[];return e.forEach((c,d)=>{var C,x;const a=(c==null?void 0:c[0])||c||{},p=String((x=(C=a==null?void 0:a.time)!=null?C:a==null?void 0:a.datetime)!=null?x:d),v=b(a,n,s);v.length&&i.push({time:p,points:v})}),i},F=e=>{var v,C,x,y,k,_,O;if(r.mode==="edit"||!e||!e.payload)return;const n=A();if((v=e.topic)!=null&&v.channel&&n&&e.topic.channel!==n||!g.shouldHandle(e,"deepTrendChart"))return;const t=e.payload;if((t==null?void 0:t.type)==="filter"){const h=t.timeRange||t.dateRange||t.timeRangeValue;if((C=t.selectedTimes)!=null&&C.length){m.value=String(t.selectedTimes[t.selectedTimes.length-1]),L();return}if(Array.isArray(h)&&h.length){m.value=String(h[h.length-1]),L();return}if(h!=null&&h.endDate||h!=null&&h.end){m.value=String(h.endDate||h.end),L();return}return}const s=r.conf,i=(s==null?void 0:s.data)||[],o=(s==null?void 0:s.common)||{};if(i.length>0&&!(o!=null&&o.multiObject)){const h=T.getObjectId(o,o==null?void 0:o.useAlias,r.uid)||((x=i[0])==null?void 0:x.object_id),M=(t==null?void 0:t.objectId)||(t==null?void 0:t.object_id);if(h&&M&&String(h)!==String(M))return}if(Array.isArray(t==null?void 0:t.history)){u.value=z(t.history),u.value.length&&(m.value=u.value[u.value.length-1].time),L();return}const d=(i[0]||{}).points_fv||"points",a=String((O=(_=(y=t==null?void 0:t.time)!=null?y:t==null?void 0:t.datetime)!=null?_:(k=e.topic)==null?void 0:k.time)!=null?O:Date.now()),p=b(t,i,d);p.length&&(u.value=[...u.value.slice(-49),{time:a,points:p}],m.value=a,L())},I=e=>{var x,y,k,_,O,h;const n=r.conf,t=(n==null?void 0:n.data)||[],s=(n==null?void 0:n.common)||{},i=(s==null?void 0:s.source)||"mosaic";let o=e;if(["statistics","calculate"].includes(i)&&(o=T.formatStatisticsResult(o,t)),(x=o==null?void 0:o.history)!=null&&x.length){u.value=z(o.history),u.value.length&&(m.value=u.value[u.value.length-1].time),L();return}const c=s!=null&&s.multiObject?"":T.getObjectId(s,s==null?void 0:s.useAlias,r.uid),d=c&&((k=(y=o==null?void 0:o[c])==null?void 0:y[i])==null?void 0:k.data)||((_=o==null?void 0:o[i])==null?void 0:_.data)||(o==null?void 0:o.data)||o,p=(t[0]||{}).points_fv||"points",v=String((h=(O=d==null?void 0:d.time)!=null?O:d==null?void 0:d.datetime)!=null?h:Date.now()),C=b(d,t,p);C.length&&(u.value=[...u.value.slice(-49),{time:v,points:C}],m.value=v,L())};return l.watch(()=>g.channels[A()],e=>{e&&F(e)},{deep:!0}),l.watchEffect(()=>{r.conf.socketData&&S.setSocketData(r.conf.socketData)}),l.watch(()=>{var e;return(e=r.conf)==null?void 0:e.options},()=>{S.getStyle().value=S.extractStyles(),L()},{deep:!0}),l.onMounted(()=>{if(r.mode==="edit"&&!u.value.length){const e=[{elevation:1024.94,disp:0,relative_disp:-1},{elevation:994.94,disp:3,relative_disp:0},{elevation:964.94,disp:6,relative_disp:1},{elevation:934.94,disp:9,relative_disp:2},{elevation:904.94,disp:12,relative_disp:3}];u.value=[{time:"2026-01-20 15:29:59",points:e},{time:"2026-01-20 16:29:59",points:e.map(n=>E(N({},n),{disp:n.disp+1}))}],m.value=u.value[0].time}!m.value&&u.value.length&&(m.value=u.value[u.value.length-1].time),L()}),(e,n)=>{const t=w.ElOption,s=w.ElSelect,i=w.ElIcon,o=w.ElButton;return l.openBlock(),l.createElementBlock("div",{class:"mix-component",style:l.normalizeStyle({background:l.unref(V).bgColor,borderRadius:`${l.unref(V).radiusSize}px`})},[l.unref(V).isHideTitle?l.createCommentVNode("",!0):(l.openBlock(),l.createElementBlock("div",{key:0,class:"mix-title",style:l.normalizeStyle(U.value)},l.toDisplayString(f.conf.caption||f.conf.name),5)),l.createElementVNode("div",r3,[l.createElementVNode("div",c3,[l.createVNode(s,{modelValue:m.value,"onUpdate:modelValue":n[0]||(n[0]=c=>m.value=c),placeholder:"选择时间",size:"small",class:"time-select",onChange:W},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(P.value,c=>(l.openBlock(),l.createBlock(t,{key:c,label:c,value:c},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),l.createVNode(o,{size:"small",class:"export-btn",onClick:X},{default:l.withCtx(()=>[l.createVNode(i,null,{default:l.withCtx(()=>[l.createVNode(l.unref(e3.Download))]),_:1}),n[1]||(n[1]=l.createTextVNode(" 导出图 ",-1))]),_:1})]),l.createElementVNode("div",{class:"echart-container",id:l.unref(H)},null,8,u3)]),l.renderSlot(e.$slots,"default",{},void 0,!0)],4)}}})),C3=R._export_sfc(g3,[["__scopeId","data-v-628a2d7c"]]);exports.default=C3;

package/dist/deviceOnlineStatus-B5cCjhNA.cjs

@@ -0,0 +1,2 @@
+"use strict";var T=Object.defineProperty,j=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols;var w=Object.prototype.hasOwnProperty,B=Object.prototype.propertyIsEnumerable;var I=(i,n,o)=>n in i?T(i,n,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[n]=o,N=(i,n)=>{for(var o in n||(n={}))w.call(n,o)&&I(i,o,n[o]);if(x)for(var o of x(n))B.call(n,o)&&I(i,o,n[o]);return i},z=(i,n)=>j(i,L(n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue");require("html2canvas");const V=require("./index-Mh5Dw2sd.cjs"),$=require("./EChartComponentBase-BaQpBzVC.cjs"),A=require("./ele-lin-icon-Dke_1AmT.cjs"),q={class:"panel-header"},R=["id"],U={DEFAULT_ICON:A.DEFAULT_ICON,ACTIVE_ICON:A.ACTIVE_ICON,NAME_CN:"设备在线状态",NAME_EN:"Device Online Status",ORDER:11},W={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"}}},H=[{name:"设备1",fv:"online_status",fvDeviceName:"",object_id:""}],P=["object_id","name","fv","fvDeviceName"],G=["mosaic"],J={useAlias:!1,multiObject:!0,source:"mosaic"},K=200,Q={DEFAULT:U,OPTIONS:W,DATA:H,PARAMS:P,SOURCE:G,COMMON:J,ITEMS:K},X=t.defineComponent(z(N({},Q),{__name:"deviceOnlineStatus",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(i){const n=i,o=new Map;class k extends $.EChartComponentBase{extractStyles(){var a,f,c,p,b,S,h,g,y,O,_,E;const e=(a=this.props.conf)==null?void 0:a.options,r=((f=e==null?void 0:e.linkChannel)==null?void 0:f.value)||"gnss",s=((c=e==null?void 0:e.customChannel)==null?void 0:c.value)||"";return{title:((p=e==null?void 0:e.title)==null?void 0:p.value)||"设备在线状态",bgColor:((b=e==null?void 0:e.bgColor)==null?void 0:b.value)||"#f5f7fa",panelBgColor:((S=e==null?void 0:e.panelBgColor)==null?void 0:S.value)||"#ffffff",textColor:((h=e==null?void 0:e.textColor)==null?void 0:h.value)||"#333333",titleFontSize:((g=e==null?void 0:e.titleFontSize)==null?void 0:g.value)||16,onlineColor:((y=e==null?void 0:e.onlineColor)==null?void 0:y.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"&&s?s:r}}getChartOption(){return v(this.Style.value)}setSocketData(e){var s;if(!e)return;(((s=this.props.conf)==null?void 0:s.data)||[]).forEach(a=>{if(!a.fv)return;const f=a.object_id||a.name||"";if(!f)return;const c=this.extractDataValue(e,a.fv);if(c!=null){const p=c===1||c===!0||c==="online"||c==="1"||c==="true";o.set(f,p)}}),this.chartObj&&this.chartObj.setOption(v(this.Style.value),!0)}onLinkEvent(e){}}const u=new k(n,"deviceOnlineStatus");u.setupLifecycle();const d=u.getStyle(),D=u.getEchartId(),C=t.computed(()=>{var l;return((l=n.conf)==null?void 0:l.data)||[]}),F=t.computed(()=>{if(C.value.length===0&&n.mode==="edit")return{online:23,offline:3,total:26};let e=0,r=0;return C.value.forEach(s=>{const a=s.object_id||s.name||"";o.get(a)===!1?r++:e++}),{online:e,offline:r,total:e+r}}),M=t.computed(()=>({backgroundColor:d.value.bgColor})),v=l=>{const{online:e,offline:r,total:s}=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:a=>`${a}  ${a==="在线"?e:r}`},series:[{type:"pie",radius:["50%","72%"],center:["50%","45%"],avoidLabelOverlap:!1,label:{show:!0,position:"center",formatter:()=>`{num|${s}}
+{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}}]}]}},m=()=>{for(let e=0;e<23;e++)o.set(`dev-${e}`,!0);for(let e=23;e<26;e++)o.set(`dev-${e}`,!1);const l=u.getChartInstance();l&&l.setOption(v(d.value),!0)};return t.onMounted(()=>{u.init(),n.mode==="edit"&&m(),setTimeout(()=>{var l;return(l=u.getChartInstance())==null?void 0:l.resize()},200)}),t.onUnmounted(()=>{u.cleanup()}),t.watch(()=>n.conf,()=>{u.init(),n.mode==="edit"&&m()},{deep:!0}),(l,e)=>(t.openBlock(),t.createElementBlock("div",{class:"device-online-status",style:t.normalizeStyle(M.value)},[t.createElementVNode("div",q,[e[0]||(e[0]=t.createElementVNode("span",{class:"indicator-dot"},null,-1)),t.createElementVNode("span",{class:"panel-title",style:t.normalizeStyle({color:t.unref(d).textColor,fontSize:t.unref(d).titleFontSize+"px"})},t.toDisplayString(t.unref(d).title),5)]),t.createElementVNode("div",{id:t.unref(D),class:"chart-container"},null,8,R),t.renderSlot(l.$slots,"default",{},void 0,!0)],4))}})),Y=V._export_sfc(X,[["__scopeId","data-v-bcc8f44d"]]);exports.default=Y;

package/dist/deviceOnlineStatus-CFuCTx7_.js

@@ -0,0 +1,178 @@
+var T = Object.defineProperty, B = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
+var k = Object.getOwnPropertySymbols;
+var $ = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
+var A = (a, t, o) => t in a ? T(a, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : a[t] = o, D = (a, t) => {
+  for (var o in t || (t = {}))
+    $.call(t, o) && A(a, o, t[o]);
+  if (k)
+    for (var o of k(t))
+      R.call(t, o) && A(a, o, t[o]);
+  return a;
+}, I = (a, t) => B(a, L(t));
+import { defineComponent as U, computed as C, onMounted as W, onUnmounted as H, watch as V, openBlock as G, createElementBlock as P, normalizeStyle as N, createElementVNode as d, unref as v, toDisplayString as q, renderSlot as J } from "vue";
+import "html2canvas";
+import { _ as K } from "./index-kShjySl9.js";
+import { E as Q } from "./EChartComponentBase-BQOhWkz2.js";
+import { A as X, D as Y } from "./ele-lin-icon-Dax-ZiWV.js";
+const Z = { class: "panel-header" }, ee = ["id"], te = { DEFAULT_ICON: Y, ACTIVE_ICON: X, NAME_CN: "设备在线状态", NAME_EN: "Device Online Status", ORDER: 11 }, le = {
+  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" } }
+}, oe = [
+  { name: "设备1", fv: "online_status", fvDeviceName: "", object_id: "" }
+], ne = ["object_id", "name", "fv", "fvDeviceName"], ae = ["mosaic"], ie = { useAlias: !1, multiObject: !0, source: "mosaic" }, re = 200, se = { DEFAULT: te, OPTIONS: le, DATA: oe, PARAMS: ne, SOURCE: ae, COMMON: ie, ITEMS: re }, ce = /* @__PURE__ */ U(I(D({}, se), {
+  __name: "deviceOnlineStatus",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(a) {
+    const t = a, o = /* @__PURE__ */ new Map();
+    class F extends Q {
+      extractStyles() {
+        var n, u, s, p, S, g, y, _, O, x, E, z;
+        const e = (n = this.props.conf) == null ? void 0 : n.options, i = ((u = e == null ? void 0 : e.linkChannel) == null ? void 0 : u.value) || "gnss", r = ((s = e == null ? void 0 : e.customChannel) == null ? void 0 : s.value) || "";
+        return {
+          title: ((p = e == null ? void 0 : e.title) == null ? void 0 : p.value) || "设备在线状态",
+          bgColor: ((S = e == null ? void 0 : e.bgColor) == null ? void 0 : S.value) || "#f5f7fa",
+          panelBgColor: ((g = e == null ? void 0 : e.panelBgColor) == null ? void 0 : g.value) || "#ffffff",
+          textColor: ((y = e == null ? void 0 : e.textColor) == null ? void 0 : y.value) || "#333333",
+          titleFontSize: ((_ = e == null ? void 0 : e.titleFontSize) == null ? void 0 : _.value) || 16,
+          onlineColor: ((O = e == null ? void 0 : e.onlineColor) == null ? void 0 : O.value) || "#67C23A",
+          offlineColor: ((x = e == null ? void 0 : e.offlineColor) == null ? void 0 : x.value) || "#C0C4CC",
+          centerFontSize: ((E = e == null ? void 0 : e.centerFontSize) == null ? void 0 : E.value) || 32,
+          centerColor: ((z = e == null ? void 0 : e.centerColor) == null ? void 0 : z.value) || "#1a3a6b",
+          linkChannel: i === "custom" && r ? r : i
+        };
+      }
+      getChartOption() {
+        return m(this.Style.value);
+      }
+      setSocketData(e) {
+        var r;
+        if (!e) return;
+        (((r = this.props.conf) == null ? void 0 : r.data) || []).forEach((n) => {
+          if (!n.fv) return;
+          const u = n.object_id || n.name || "";
+          if (!u) return;
+          const s = this.extractDataValue(e, n.fv);
+          if (s != null) {
+            const p = s === 1 || s === !0 || s === "online" || s === "1" || s === "true";
+            o.set(u, p);
+          }
+        }), this.chartObj && this.chartObj.setOption(m(this.Style.value), !0);
+      }
+      onLinkEvent(e) {
+      }
+    }
+    const c = new F(t, "deviceOnlineStatus");
+    c.setupLifecycle();
+    const f = c.getStyle(), M = c.getEchartId(), b = C(() => {
+      var l;
+      return ((l = t.conf) == null ? void 0 : l.data) || [];
+    }), j = C(() => {
+      if (b.value.length === 0 && t.mode === "edit")
+        return { online: 23, offline: 3, total: 26 };
+      let e = 0, i = 0;
+      return b.value.forEach((r) => {
+        const n = r.object_id || r.name || "";
+        o.get(n) === !1 ? i++ : e++;
+      }), { online: e, offline: i, total: e + i };
+    }), w = C(() => ({
+      backgroundColor: f.value.bgColor
+    })), m = (l) => {
+      const { online: e, offline: i, total: r } = j.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: (n) => `${n}  ${n === "在线" ? e : i}`
+        },
+        series: [{
+          type: "pie",
+          radius: ["50%", "72%"],
+          center: ["50%", "45%"],
+          avoidLabelOverlap: !1,
+          label: {
+            show: !0,
+            position: "center",
+            formatter: () => `{num|${r}}
+{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: i, name: "离线", itemStyle: { color: l.offlineColor } }
+          ]
+        }]
+      };
+    }, h = () => {
+      for (let e = 0; e < 23; e++) o.set(`dev-${e}`, !0);
+      for (let e = 23; e < 26; e++) o.set(`dev-${e}`, !1);
+      const l = c.getChartInstance();
+      l && l.setOption(m(f.value), !0);
+    };
+    return W(() => {
+      c.init(), t.mode === "edit" && h(), setTimeout(() => {
+        var l;
+        return (l = c.getChartInstance()) == null ? void 0 : l.resize();
+      }, 200);
+    }), H(() => {
+      c.cleanup();
+    }), V(() => t.conf, () => {
+      c.init(), t.mode === "edit" && h();
+    }, { deep: !0 }), (l, e) => (G(), P("div", {
+      class: "device-online-status",
+      style: N(w.value)
+    }, [
+      d("div", Z, [
+        e[0] || (e[0] = d("span", { class: "indicator-dot" }, null, -1)),
+        d("span", {
+          class: "panel-title",
+          style: N({ color: v(f).textColor, fontSize: v(f).titleFontSize + "px" })
+        }, q(v(f).title), 5)
+      ]),
+      d("div", {
+        id: v(M),
+        class: "chart-container"
+      }, null, 8, ee),
+      J(l.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), Ce = /* @__PURE__ */ K(ce, [["__scopeId", "data-v-bcc8f44d"]]);
+export {
+  Ce as default
+};