mixdashboards 1.0.32 → 1.0.39

package/dist/timeSeries-DP5iZKVM.js

@@ -0,0 +1,587 @@
+var re = Object.defineProperty, ce = Object.defineProperties;
+var de = Object.getOwnPropertyDescriptors;
+var G = Object.getOwnPropertySymbols;
+var he = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable;
+var J = (S, u, y) => u in S ? re(S, u, { enumerable: !0, configurable: !0, writable: !0, value: y }) : S[u] = y, $ = (S, u) => {
+  for (var y in u || (u = {}))
+    he.call(u, y) && J(S, y, u[y]);
+  if (G)
+    for (var y of G(u))
+      ue.call(u, y) && J(S, y, u[y]);
+  return S;
+}, N = (S, u) => ce(S, de(u));
+import { ElSelect as fe, ElOption as me, ElButton as pe, ElIcon as ve } 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 ge, inject as ye, computed as T, ref as V, watch as K, onMounted as Se, onUnmounted as be, openBlock as _, createElementBlock as z, normalizeStyle as Ce, createElementVNode as k, toDisplayString as Z, unref as P, createCommentVNode as Q, createBlock as F, withCtx as R, Fragment as X, renderList as Y, createVNode as L, createTextVNode as De, renderSlot as _e } from "vue";
+import "html2canvas";
+import { d as xe } from "./element-resize-detector-DJcsrJ8s.js";
+import { _ as Ie } from "./index-kShjySl9.js";
+import { E as Oe } from "./EChartComponentBase-BQOhWkz2.js";
+import { formatRequest as ke } from "./request-BD0x5Hkt.js";
+import { A as Ee, D as je } from "./ele-glbModel-icon-l_SMi3ik.js";
+import { Download as Ae } from "@element-plus/icons-vue";
+const Me = { class: "panel-header" }, $e = { class: "header-left" }, Ne = { class: "header-title" }, Te = {
+  key: 0,
+  class: "time-range-text"
+}, we = { class: "header-right" }, Ve = { class: "chart-area" }, ze = ["id"], Re = {
+  DEFAULT_ICON: je,
+  ACTIVE_ICON: Ee,
+  NAME_CN: "指标时序演变曲线",
+  NAME_EN: "Time Series Evolution Curve",
+  ORDER: 12
+}, Le = {
+  title: { value: "指标时序演变曲线", type: "string", label: "component.timeSeries.title" },
+  bgColor: { value: "#ffffff", type: "color", label: "setting.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "setting.textColor" },
+  // 系列样式配置（JSON格式，用于覆盖DATA中的默认配置）
+  seriesStyles: {
+    value: "",
+    type: "textarea",
+    label: "component.timeSeries.seriesStyles",
+    placeholder: 'JSON格式，例如：{"widthDaily": {"color": "#4a90d9", "lineStyle": "solid"}}'
+  },
+  // 联动频道配置
+  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" }
+  },
+  // 时间范围显示
+  showTimeRange: { value: !0, type: "checkbox", label: "component.timeSeries.showTimeRange" }
+}, Pe = [
+  {
+    name: "指标1",
+    // 参数名称（显示在图例中）
+    fv: "indicator1",
+    // 监听的字段（从数据中读取的字段名）
+    unit: "mm",
+    // 单位（可选，显示在图例中）
+    color: "#4a90d9",
+    // 线条颜色（可选，默认使用预设颜色）
+    lineStyle: "solid",
+    // 线型：solid(实线)、dashed(虚线)、dotted(点线)（可选）
+    fvDeviceName: "deviceId",
+    // 从 fv 中取设备名的字段
+    object_id: ""
+  },
+  {
+    name: "指标2",
+    fv: "indicator2",
+    unit: "°",
+    color: "#52c41a",
+    lineStyle: "dashed",
+    fvDeviceName: "deviceId",
+    object_id: ""
+  }
+  // 可以添加更多指标...
+], Fe = ["name", "fv", "unit", "color", "lineStyle", "fvDeviceName", "object_id"], Ue = ["mosaic", "statistics", "statisticsRealtime"], Be = { useAlias: !1, multiObject: !1, source: "mosaic" }, qe = { DEFAULT: Re, OPTIONS: Le, DATA: Pe, PARAMS: Fe, SOURCE: Ue, COMMON: Be }, He = /* @__PURE__ */ ge(N($({}, qe), {
+  __name: "timeSeries",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(S) {
+    const u = S;
+    class y extends Oe {
+      constructor() {
+        super(...arguments), this.currentObjectId = "", this.chartData = {
+          times: [],
+          series: {}
+        }, this.historyCache = /* @__PURE__ */ new Map(), this.selectedSeriesIndex = [], this.selectionInitialized = !1;
+      }
+      extractStyles() {
+        var h, o, f, p, g, C, v, w;
+        const { options: e } = this.props.conf, t = ((h = e == null ? void 0 : e.linkChannel) == null ? void 0 : h.value) || "deepDisplacement", r = ((o = e == null ? void 0 : e.customChannel) == null ? void 0 : o.value) || "", l = t === "custom" && r ? r : t, c = ((f = this.props.conf) == null ? void 0 : f.data) || [], a = ["#4a90d9", "#52c41a", "#ff7875", "#ffc069", "#b37feb", "#36cfc9", "#fadb14", "#ff85c0"], s = ["solid", "dashed", "solid", "dashed", "solid", "dashed", "solid", "dashed"];
+        let d = {};
+        try {
+          const b = ((p = e == null ? void 0 : e.seriesStyles) == null ? void 0 : p.value) || "";
+          b && b.trim() && (d = JSON.parse(b));
+        } catch (b) {
+          console.warn("[timeSeries] 解析系列样式配置失败:", b);
+        }
+        const i = {};
+        return c.forEach((b, O) => {
+          const A = b.fv || `series_${O}`, M = d[A] || {};
+          i[A] = {
+            color: M.color || b.color || a[O % a.length],
+            lineStyle: M.lineStyle || b.lineStyle || s[O % s.length]
+          };
+        }), {
+          title: ((g = e == null ? void 0 : e.title) == null ? void 0 : g.value) || "指标时序演变曲线",
+          bgColor: ((C = e == null ? void 0 : e.bgColor) == null ? void 0 : C.value) || "#ffffff",
+          textColor: ((v = e == null ? void 0 : e.textColor) == null ? void 0 : v.value) || "#333333",
+          // 多系列配置
+          seriesConfig: i,
+          showTimeRange: ((w = e == null ? void 0 : e.showTimeRange) == null ? void 0 : w.value) !== !1,
+          linkChannel: l
+          // 联动频道
+        };
+      }
+      // 获取模拟数据（用于编辑模式或没有真实数据时）
+      getMockData() {
+        var a;
+        const e = ((a = this.props.conf) == null ? void 0 : a.data) || [], t = [], r = {};
+        e.forEach((s) => {
+          const d = s.fv || "series";
+          r[d] = [];
+        });
+        const l = /* @__PURE__ */ new Date(), c = {};
+        e.forEach((s, d) => {
+          const i = s.fv || "series";
+          c[i] = (d + 1) * 5 + Math.random() * 10;
+        });
+        for (let s = 23; s >= 0; s--) {
+          const d = new Date(l.getTime() - s * 60 * 60 * 1e3), i = d.toISOString().slice(0, 19).replace("T", " ");
+          t.push(i), e.forEach((h, o) => {
+            const f = h.fv || "series", p = d.getHours();
+            let g = 0;
+            const C = o % 3;
+            if (C === 0) {
+              const v = Math.sin((p / 12 + o * 0.5) * Math.PI) * 10 + (Math.random() - 0.5) * 5;
+              c[f] += Math.max(0, v * 0.1), g = c[f];
+            } else if (C === 1) {
+              const v = o * 2;
+              (p + v) % 24 >= 2 && (p + v) % 24 <= 6 ? g = Math.random() * 0.8 + o * 0.5 : (p + v) % 24 >= 14 && (p + v) % 24 <= 18 ? g = Math.random() * 0.6 + o * 0.3 : Math.random() > 0.85 && (g = Math.random() * 0.3);
+            } else {
+              const v = o * Math.PI / 3;
+              g = c[f] + Math.sin((p / 12 + v) * Math.PI) * 3 + (Math.random() - 0.5) * 2;
+            }
+            r[f].push(Number(g.toFixed(2)));
+          });
+        }
+        return { times: t, series: r };
+      }
+      getChartOption() {
+        var d;
+        const e = this.Style.value, t = ((d = this.props.conf) == null ? void 0 : d.data) || [], l = this.chartData.times.length > 0 ? this.chartData : this.getMockData(), c = [], a = [];
+        t.forEach((i, h) => {
+          var O, A, M, W;
+          if (!(this.selectionInitialized ? this.selectedSeriesIndex.includes(h) : !0)) return;
+          const f = i.fv || `series_${h}`, p = i.name || `指标${h + 1}`, g = i.unit || "", C = g ? `${p}(${g})` : p, v = ((A = (O = e.seriesConfig) == null ? void 0 : O[f]) == null ? void 0 : A.color) || "#4a90d9", w = ((W = (M = e.seriesConfig) == null ? void 0 : M[f]) == null ? void 0 : W.lineStyle) || "solid";
+          c.push(C);
+          const b = l.series[f] || [];
+          a.push({
+            name: C,
+            type: "line",
+            data: b,
+            smooth: !0,
+            symbol: "circle",
+            symbolSize: 4,
+            lineStyle: {
+              color: v,
+              width: 2,
+              type: w
+            },
+            itemStyle: {
+              color: v,
+              borderColor: "#fff",
+              borderWidth: 1
+            }
+          });
+        });
+        const s = {
+          grid: {
+            top: 60,
+            right: 20,
+            // 如果启用 dataZoom slider，底部留更多空间
+            bottom: e.showTimeRange ? 70 : 50,
+            left: 60
+          },
+          tooltip: {
+            trigger: "axis",
+            backgroundColor: "rgba(255, 255, 255, 0.95)",
+            borderColor: "#ddd",
+            borderWidth: 1,
+            textStyle: { color: e.textColor },
+            formatter: (i) => {
+              if (!i || i.length === 0) return "";
+              let o = `<div style="margin-bottom: 4px;"><strong>${i[0].axisValue}</strong></div>`;
+              return i.forEach((f) => {
+                const p = f.value !== null && f.value !== void 0 ? Number(f.value).toFixed(2) : "--";
+                o += `<div style="margin: 2px 0;">
+							<span style="display: inline-block; width: 10px; height: 10px; background: ${f.color}; border-radius: 50%; margin-right: 6px;"></span>
+							${f.seriesName}: <strong>${p}</strong>
+						</div>`;
+              }), o;
+            }
+          },
+          legend: {
+            show: !0,
+            top: 10,
+            left: "center",
+            data: c,
+            textStyle: { color: e.textColor, fontSize: 12 },
+            itemGap: 30
+          },
+          xAxis: {
+            type: "category",
+            boundaryGap: !1,
+            data: l.times,
+            axisLine: { lineStyle: { color: "#e0e0e0" } },
+            axisLabel: {
+              color: e.textColor,
+              fontSize: 12,
+              formatter: (i) => {
+                if (i && i.includes(" ")) {
+                  const [h, o] = i.split(" "), [f, p, g] = h.split("-"), [C, v] = o.split(":");
+                  return `${p}-${g} ${C}:${v}`;
+                }
+                return i;
+              }
+            },
+            axisTick: { show: !1 },
+            splitLine: { show: !1 }
+          },
+          yAxis: {
+            type: "value",
+            name: "",
+            nameTextStyle: { color: e.textColor, fontSize: 12 },
+            axisLine: { show: !1 },
+            axisLabel: { color: e.textColor, fontSize: 12 },
+            splitLine: {
+              lineStyle: {
+                color: "#f0f0f0",
+                type: "dashed"
+              }
+            }
+          },
+          series: a
+        };
+        return e.showTimeRange && (s.dataZoom = [
+          {
+            type: "inside",
+            xAxisIndex: 0,
+            filterMode: "none"
+          },
+          {
+            type: "slider",
+            xAxisIndex: 0,
+            bottom: 10,
+            height: 18,
+            filterMode: "none",
+            borderColor: "#e5e7eb",
+            backgroundColor: "#f3f4f6",
+            fillerColor: "rgba(59, 130, 246, 0.18)",
+            handleSize: 14,
+            handleStyle: {
+              color: "#ffffff",
+              borderColor: "#93c5fd",
+              borderWidth: 1,
+              shadowBlur: 2,
+              shadowColor: "rgba(0,0,0,0.15)"
+            },
+            moveHandleSize: 0,
+            showDetail: !1,
+            showDataShadow: !1
+          }
+        ]), s;
+      }
+      // 设置当前选中的系列索引（用于 legend 联动显示/隐藏）
+      setSelectedSeriesIndex(e) {
+        this.selectionInitialized = !0, this.selectedSeriesIndex = Array.isArray(e) ? [...e] : [];
+      }
+      isSelectionInitialized() {
+        return this.selectionInitialized;
+      }
+      // 处理历史数据
+      setHistoryData(e) {
+        var a;
+        if (!this.chartObj) return;
+        const t = ((a = this.props.conf) == null ? void 0 : a.data) || [], r = [], l = {};
+        t.forEach((s) => {
+          const d = s.fv || "series";
+          l[d] = [];
+        });
+        let c = [];
+        if (Array.isArray(e == null ? void 0 : e.history) && (Array.isArray(e.history[0]) ? c = e.history[0] || [] : c = e.history), c.forEach((s) => {
+          const d = (s == null ? void 0 : s.time) || (s == null ? void 0 : s.datetime) || (s == null ? void 0 : s.start_time);
+          d && (r.push(d), t.forEach((i) => {
+            var f;
+            const h = i.fv || "series", o = this.extractDataValue(s, h);
+            l[h].push((f = o != null ? o : s == null ? void 0 : s[i.name]) != null ? f : 0);
+          }));
+        }), r.length > 0) {
+          this.chartData = { times: r, series: l };
+          const s = r[r.length - 1];
+          this.historyCache.set(s, { times: r, series: l }), I.value = [.../* @__PURE__ */ new Set([...I.value, s])].slice(-200), E.value || (E.value = s), this.updateChart();
+        }
+      }
+      // 处理实时数据（WebSocket 推送）
+      setSocketData(e) {
+        var s;
+        if (!this.chartObj || !e) return;
+        const t = ((s = this.props.conf) == null ? void 0 : s.data) || [], l = this.getSource() === "mosaic" ? e.datetime : e.start_time;
+        if (!l) return;
+        let c = !1;
+        const a = {};
+        if (t.forEach((d) => {
+          const i = d.fv || "series", h = this.extractDataValue(e, i);
+          h != null && (c = !0, a[i] = h);
+        }), c) {
+          this.chartData.series || (this.chartData.series = {}), this.chartData.times.push(l), t.forEach((h) => {
+            const o = h.fv || "series";
+            this.chartData.series[o] || (this.chartData.series[o] = []), this.chartData.series[o].push(a[o] || 0);
+          }), this.chartData.times.length > 100 && (this.chartData.times.shift(), Object.keys(this.chartData.series).forEach((h) => {
+            this.chartData.series[h].length > 0 && this.chartData.series[h].shift();
+          }));
+          const i = String(l);
+          this.historyCache.set(i, {
+            times: [...this.chartData.times],
+            series: Object.fromEntries(
+              Object.entries(this.chartData.series).map(([h, o]) => [h, [...o]])
+            )
+          }), I.value = [.../* @__PURE__ */ new Set([...I.value, i])].slice(-200), E.value = i, this.updateChart();
+        }
+      }
+      // 更新图表
+      updateChart(e) {
+        if (!this.chartObj) return;
+        const t = e || this.getChartOption();
+        this.chartObj.setOption(t, !0);
+      }
+      // 设置当前订阅的 object_id
+      setCurrentObjectId(e) {
+        this.currentObjectId = e;
+      }
+      // 获取当前订阅的 object_id
+      getCurrentObjectId() {
+        return this.currentObjectId;
+      }
+      // 覆盖基类方法：初始化组件
+      init() {
+        super.init(), this.props.mode === "edit" && this.chartData.times.length === 0 && (this.chartData = this.getMockData());
+      }
+      // 覆盖基类方法：处理联动事件
+      onLinkEvent(e) {
+        le(e);
+      }
+    }
+    const m = new y(u, "timeSeries");
+    m.setupLifecycle();
+    const x = m.getStyle(), ee = m.getEchartId(), U = ye("session", null), te = T(() => {
+      var e;
+      return (((e = u.conf) == null ? void 0 : e.data) || []).map((t, r) => {
+        const l = t.unit || "", c = t.name || `指标${r + 1}`;
+        return {
+          label: l ? `${c}(${l})` : c,
+          value: r
+        };
+      });
+    }), I = V([]), E = V(""), D = V([]);
+    K(() => {
+      var n;
+      return (n = u.conf) == null ? void 0 : n.data;
+    }, (n) => {
+      if (n && Array.isArray(n))
+        if (!m.isSelectionInitialized())
+          D.value = n.map((e, t) => t), m.setSelectedSeriesIndex(D.value);
+        else {
+          const e = n.length;
+          D.value = D.value.filter((t) => t >= 0 && t < e), m.setSelectedSeriesIndex(D.value);
+        }
+    }, { immediate: !0 });
+    const se = T(() => ({
+      backgroundColor: x.value.bgColor,
+      color: x.value.textColor
+    })), B = T(() => x.value.showTimeRange), q = T(() => {
+      var l;
+      if (!B.value) return "";
+      const n = ((l = m.chartData) == null ? void 0 : l.times) || [];
+      if (!n.length) return "";
+      const e = [...n].sort(), t = e[0], r = e[e.length - 1];
+      return `${t} ~ ${r}`;
+    }), ae = (n) => {
+      m.getChartInstance() && (m.setSelectedSeriesIndex(n), m.updateChart());
+    }, ne = (n) => {
+      var t;
+      if (!n) return;
+      const e = (t = m.historyCache) == null ? void 0 : t.get(n);
+      e && (m.chartData = e, m.updateChart());
+    }, oe = () => {
+      const n = m.getChartInstance();
+      if (!n) return;
+      const e = n.getDataURL({
+        type: "png",
+        pixelRatio: 2,
+        backgroundColor: x.value.bgColor
+      }), t = document.createElement("a");
+      t.download = `指标时序演变曲线_${(/* @__PURE__ */ new Date()).getTime()}.png`, t.href = e, t.click();
+    }, j = V(null);
+    T(() => {
+      var t, r;
+      if (!j.value) return null;
+      const e = ((r = (((t = u.conf) == null ? void 0 : t.data) || [])[0]) == null ? void 0 : r.fvDeviceName) || "deviceId";
+      return j.value[e] || j.value.deviceId || j.value.name || "未知设备";
+    });
+    const ie = (n) => {
+      var c;
+      if (!U || !n || u.mode !== "preview") return;
+      const e = m.getCurrentObjectId();
+      if (e === n) return;
+      console.log(`[timeSeries] 切换订阅: ${e} → ${n}`), m.setCurrentObjectId(n);
+      const t = ((c = u.conf) == null ? void 0 : c.data) || [], r = N($({}, u.conf), {
+        data: t.map((a) => N($({}, a), { object_id: n }))
+      }), l = ke(r, u.uid, "timeSeries");
+      U.registerComponent({
+        id: u.conf.id,
+        request: l,
+        onUpdate: (a, s) => {
+          a === "realtime" ? m.setSocketData(s) : a === "history" && m.setHistoryData(s);
+        }
+      });
+    }, le = (n) => {
+      var h;
+      if (!n || !n.topic || !n.payload) {
+        console.warn("[timeSeries] 收到格式错误的事件:", n);
+        return;
+      }
+      const { topic: e, payload: t } = n, r = x.value.linkChannel;
+      if (e.channel !== r) {
+        console.warn(`[timeSeries] 频道不匹配: 期望 ${r}, 收到 ${e.channel}`);
+        return;
+      }
+      const { objectId: l, deviceId: c } = t, a = u.conf, s = (a == null ? void 0 : a.data) || [], d = (a == null ? void 0 : a.common) || {};
+      if (s.length > 0 && !(d != null && d.multiObject)) {
+        const o = xe(d, d == null ? void 0 : d.useAlias, u.uid) || ((h = s[0]) == null ? void 0 : h.object_id), f = l || (t == null ? void 0 : t.object_id);
+        if (o && f && String(o) !== String(f))
+          return;
+      }
+      console.log("[timeSeries] 收到联动事件:", {
+        topic: {
+          channel: e.channel,
+          source: e.source,
+          time: e.time,
+          uniqueId: e.uniqueId
+        },
+        payload: t
+      }), j.value = N($({}, t), {
+        _topic: e
+        // 保存 topic 信息，方便调试和后续使用
+      });
+      let i = null;
+      l && (i = s.find((o) => String(o.object_id) === String(l))), !i && c && (i = s.find((o) => o.deviceId === c || o.name === c)), i && t ? (console.log(`[timeSeries] 匹配 object_id=${l}`), H(t)) : t && H(t), l && ie(l);
+    }, H = (n) => {
+      var c, a, s;
+      const e = m.getChartInstance();
+      if (!e) return;
+      const t = ((c = u.conf) == null ? void 0 : c.data) || [], r = ((a = t[0]) == null ? void 0 : a.fv) || "cumulativePrecipitation", l = ((s = t[1]) == null ? void 0 : s.fv) || "realtimePrecipitation";
+      if (n.data && Array.isArray(n.data)) {
+        const d = [], i = [], h = [];
+        n.data.forEach((o) => {
+          o.time && (d.push(o.time), i.push(o[r] || 0), h.push(o[l] || 0));
+        }), e.setOption({
+          xAxis: [{ data: d }],
+          series: [
+            { data: i },
+            { data: h }
+          ]
+        });
+      }
+    };
+    return K(() => u.conf, () => {
+      m.init();
+    }, { deep: !0 }), Se(() => {
+      m.init();
+    }), be(() => {
+      m.cleanup();
+    }), (n, e) => {
+      const t = me, r = fe, l = ve, c = pe;
+      return _(), z("div", {
+        class: "time-series-wrapper",
+        style: Ce(se.value)
+      }, [
+        k("div", Me, [
+          k("div", $e, [
+            k("span", Ne, Z(P(x).title), 1),
+            B.value && q.value ? (_(), z("span", Te, Z(q.value), 1)) : Q("", !0),
+            I.value.length ? (_(), F(r, {
+              key: 1,
+              modelValue: E.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (a) => E.value = a),
+              placeholder: "选择时间",
+              size: "small",
+              class: "time-select",
+              onChange: ne
+            }, {
+              default: R(() => [
+                (_(!0), z(X, null, Y(I.value, (a) => (_(), F(t, {
+                  key: a,
+                  label: a,
+                  value: a
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"])) : Q("", !0)
+          ]),
+          k("div", we, [
+            L(r, {
+              modelValue: D.value,
+              "onUpdate:modelValue": e[1] || (e[1] = (a) => D.value = a),
+              placeholder: "选择指标",
+              size: "small",
+              multiple: "",
+              "collapse-tags": "",
+              class: "indicator-select",
+              onChange: ae
+            }, {
+              default: R(() => [
+                (_(!0), z(X, null, Y(te.value, (a) => (_(), F(t, {
+                  key: a.value,
+                  label: a.label,
+                  value: a.value
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            L(c, {
+              size: "small",
+              onClick: oe,
+              class: "export-btn"
+            }, {
+              default: R(() => [
+                L(l, null, {
+                  default: R(() => [
+                    L(P(Ae))
+                  ]),
+                  _: 1
+                }),
+                e[2] || (e[2] = De(" 导出图像 ", -1))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        k("div", Ve, [
+          k("div", {
+            id: P(ee),
+            class: "chart-container"
+          }, null, 8, ze)
+        ]),
+        _e(n.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), lt = /* @__PURE__ */ Ie(He, [["__scopeId", "data-v-8bae15ca"]]);
+export {
+  lt as default
+};

package/dist/timeSeries-DfGgFWiF.cjs

@@ -0,0 +1,4 @@
+"use strict";var Q=Object.defineProperty,X=Object.defineProperties;var Y=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var ee=Object.prototype.hasOwnProperty,te=Object.prototype.propertyIsEnumerable;var R=(S,f,y)=>f in S?Q(S,f,{enumerable:!0,configurable:!0,writable:!0,value:y}):S[f]=y,V=(S,f)=>{for(var y in f||(f={}))ee.call(f,y)&&R(S,y,f[y]);if(L)for(var y of L(f))te.call(f,y)&&R(S,y,f[y]);return S},A=(S,f)=>X(S,Y(f));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=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 t=require("vue");require("html2canvas");const se=require("./element-resize-detector-Bo5uDQAu.cjs"),ae=require("./index-Mh5Dw2sd.cjs"),ne=require("./EChartComponentBase-BaQpBzVC.cjs"),oe=require("./request-Bn100qAJ.cjs"),P=require("./ele-glbModel-icon-ByACDCrv.cjs"),ie=require("@element-plus/icons-vue"),le={class:"panel-header"},re={class:"header-left"},ce={class:"header-title"},ue={key:0,class:"time-range-text"},de={class:"header-right"},he={class:"chart-area"},fe=["id"],me={DEFAULT_ICON:P.DEFAULT_ICON,ACTIVE_ICON:P.ACTIVE_ICON,NAME_CN:"指标时序演变曲线",NAME_EN:"Time Series Evolution Curve",ORDER:12},pe={title:{value:"指标时序演变曲线",type:"string",label:"component.timeSeries.title"},bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},seriesStyles:{value:"",type:"textarea",label:"component.timeSeries.seriesStyles",placeholder:'JSON格式，例如：{"widthDaily": {"color": "#4a90d9", "lineStyle": "solid"}}'},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"}},showTimeRange:{value:!0,type:"checkbox",label:"component.timeSeries.showTimeRange"}},ve=[{name:"指标1",fv:"indicator1",unit:"mm",color:"#4a90d9",lineStyle:"solid",fvDeviceName:"deviceId",object_id:""},{name:"指标2",fv:"indicator2",unit:"°",color:"#52c41a",lineStyle:"dashed",fvDeviceName:"deviceId",object_id:""}],ge=["name","fv","unit","color","lineStyle","fvDeviceName","object_id"],Ce=["mosaic","statistics","statisticsRealtime"],ye={useAlias:!1,multiObject:!1,source:"mosaic"},Se={DEFAULT:me,OPTIONS:pe,DATA:ve,PARAMS:ge,SOURCE:Ce,COMMON:ye},be=t.defineComponent(A(V({},Se),{__name:"timeSeries",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(S){const f=S;class y extends ne.EChartComponentBase{constructor(){super(...arguments),this.currentObjectId="",this.chartData={times:[],series:{}},this.historyCache=new Map,this.selectedSeriesIndex=[],this.selectionInitialized=!1}extractStyles(){var h,i,m,v,C,D,g,M;const{options:e}=this.props.conf,s=((h=e==null?void 0:e.linkChannel)==null?void 0:h.value)||"deepDisplacement",c=((i=e==null?void 0:e.customChannel)==null?void 0:i.value)||"",r=s==="custom"&&c?c:s,u=((m=this.props.conf)==null?void 0:m.data)||[],n=["#4a90d9","#52c41a","#ff7875","#ffc069","#b37feb","#36cfc9","#fadb14","#ff85c0"],a=["solid","dashed","solid","dashed","solid","dashed","solid","dashed"];let d={};try{const b=((v=e==null?void 0:e.seriesStyles)==null?void 0:v.value)||"";b&&b.trim()&&(d=JSON.parse(b))}catch(b){console.warn("[timeSeries] 解析系列样式配置失败:",b)}const l={};return u.forEach((b,k)=>{const N=b.fv||`series_${k}`,j=d[N]||{};l[N]={color:j.color||b.color||n[k%n.length],lineStyle:j.lineStyle||b.lineStyle||a[k%a.length]}}),{title:((C=e==null?void 0:e.title)==null?void 0:C.value)||"指标时序演变曲线",bgColor:((D=e==null?void 0:e.bgColor)==null?void 0:D.value)||"#ffffff",textColor:((g=e==null?void 0:e.textColor)==null?void 0:g.value)||"#333333",seriesConfig:l,showTimeRange:((M=e==null?void 0:e.showTimeRange)==null?void 0:M.value)!==!1,linkChannel:r}}getMockData(){var n;const e=((n=this.props.conf)==null?void 0:n.data)||[],s=[],c={};e.forEach(a=>{const d=a.fv||"series";c[d]=[]});const r=new Date,u={};e.forEach((a,d)=>{const l=a.fv||"series";u[l]=(d+1)*5+Math.random()*10});for(let a=23;a>=0;a--){const d=new Date(r.getTime()-a*60*60*1e3),l=d.toISOString().slice(0,19).replace("T"," ");s.push(l),e.forEach((h,i)=>{const m=h.fv||"series",v=d.getHours();let C=0;const D=i%3;if(D===0){const g=Math.sin((v/12+i*.5)*Math.PI)*10+(Math.random()-.5)*5;u[m]+=Math.max(0,g*.1),C=u[m]}else if(D===1){const g=i*2;(v+g)%24>=2&&(v+g)%24<=6?C=Math.random()*.8+i*.5:(v+g)%24>=14&&(v+g)%24<=18?C=Math.random()*.6+i*.3:Math.random()>.85&&(C=Math.random()*.3)}else{const g=i*Math.PI/3;C=u[m]+Math.sin((v/12+g)*Math.PI)*3+(Math.random()-.5)*2}c[m].push(Number(C.toFixed(2)))})}return{times:s,series:c}}getChartOption(){var d;const e=this.Style.value,s=((d=this.props.conf)==null?void 0:d.data)||[],r=this.chartData.times.length>0?this.chartData:this.getMockData(),u=[],n=[];s.forEach((l,h)=>{var k,N,j,z;if(!(this.selectionInitialized?this.selectedSeriesIndex.includes(h):!0))return;const m=l.fv||`series_${h}`,v=l.name||`指标${h+1}`,C=l.unit||"",D=C?`${v}(${C})`:v,g=((N=(k=e.seriesConfig)==null?void 0:k[m])==null?void 0:N.color)||"#4a90d9",M=((z=(j=e.seriesConfig)==null?void 0:j[m])==null?void 0:z.lineStyle)||"solid";u.push(D);const b=r.series[m]||[];n.push({name:D,type:"line",data:b,smooth:!0,symbol:"circle",symbolSize:4,lineStyle:{color:g,width:2,type:M},itemStyle:{color:g,borderColor:"#fff",borderWidth:1}})});const a={grid:{top:60,right:20,bottom:e.showTimeRange?70:50,left:60},tooltip:{trigger:"axis",backgroundColor:"rgba(255, 255, 255, 0.95)",borderColor:"#ddd",borderWidth:1,textStyle:{color:e.textColor},formatter:l=>{if(!l||l.length===0)return"";let i=`<div style="margin-bottom: 4px;"><strong>${l[0].axisValue}</strong></div>`;return l.forEach(m=>{const v=m.value!==null&&m.value!==void 0?Number(m.value).toFixed(2):"--";i+=`<div style="margin: 2px 0;">
+							<span style="display: inline-block; width: 10px; height: 10px; background: ${m.color}; border-radius: 50%; margin-right: 6px;"></span>
+							${m.seriesName}: <strong>${v}</strong>
+						</div>`}),i}},legend:{show:!0,top:10,left:"center",data:u,textStyle:{color:e.textColor,fontSize:12},itemGap:30},xAxis:{type:"category",boundaryGap:!1,data:r.times,axisLine:{lineStyle:{color:"#e0e0e0"}},axisLabel:{color:e.textColor,fontSize:12,formatter:l=>{if(l&&l.includes(" ")){const[h,i]=l.split(" "),[m,v,C]=h.split("-"),[D,g]=i.split(":");return`${v}-${C} ${D}:${g}`}return l}},axisTick:{show:!1},splitLine:{show:!1}},yAxis:{type:"value",name:"",nameTextStyle:{color:e.textColor,fontSize:12},axisLine:{show:!1},axisLabel:{color:e.textColor,fontSize:12},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}},series:n};return e.showTimeRange&&(a.dataZoom=[{type:"inside",xAxisIndex:0,filterMode:"none"},{type:"slider",xAxisIndex:0,bottom:10,height:18,filterMode:"none",borderColor:"#e5e7eb",backgroundColor:"#f3f4f6",fillerColor:"rgba(59, 130, 246, 0.18)",handleSize:14,handleStyle:{color:"#ffffff",borderColor:"#93c5fd",borderWidth:1,shadowBlur:2,shadowColor:"rgba(0,0,0,0.15)"},moveHandleSize:0,showDetail:!1,showDataShadow:!1}]),a}setSelectedSeriesIndex(e){this.selectionInitialized=!0,this.selectedSeriesIndex=Array.isArray(e)?[...e]:[]}isSelectionInitialized(){return this.selectionInitialized}setHistoryData(e){var n;if(!this.chartObj)return;const s=((n=this.props.conf)==null?void 0:n.data)||[],c=[],r={};s.forEach(a=>{const d=a.fv||"series";r[d]=[]});let u=[];if(Array.isArray(e==null?void 0:e.history)&&(Array.isArray(e.history[0])?u=e.history[0]||[]:u=e.history),u.forEach(a=>{const d=(a==null?void 0:a.time)||(a==null?void 0:a.datetime)||(a==null?void 0:a.start_time);d&&(c.push(d),s.forEach(l=>{var m;const h=l.fv||"series",i=this.extractDataValue(a,h);r[h].push((m=i!=null?i:a==null?void 0:a[l.name])!=null?m:0)}))}),c.length>0){this.chartData={times:c,series:r};const a=c[c.length-1];this.historyCache.set(a,{times:c,series:r}),I.value=[...new Set([...I.value,a])].slice(-200),O.value||(O.value=a),this.updateChart()}}setSocketData(e){var a;if(!this.chartObj||!e)return;const s=((a=this.props.conf)==null?void 0:a.data)||[],r=this.getSource()==="mosaic"?e.datetime:e.start_time;if(!r)return;let u=!1;const n={};if(s.forEach(d=>{const l=d.fv||"series",h=this.extractDataValue(e,l);h!=null&&(u=!0,n[l]=h)}),u){this.chartData.series||(this.chartData.series={}),this.chartData.times.push(r),s.forEach(h=>{const i=h.fv||"series";this.chartData.series[i]||(this.chartData.series[i]=[]),this.chartData.series[i].push(n[i]||0)}),this.chartData.times.length>100&&(this.chartData.times.shift(),Object.keys(this.chartData.series).forEach(h=>{this.chartData.series[h].length>0&&this.chartData.series[h].shift()}));const l=String(r);this.historyCache.set(l,{times:[...this.chartData.times],series:Object.fromEntries(Object.entries(this.chartData.series).map(([h,i])=>[h,[...i]]))}),I.value=[...new Set([...I.value,l])].slice(-200),O.value=l,this.updateChart()}}updateChart(e){if(!this.chartObj)return;const s=e||this.getChartOption();this.chartObj.setOption(s,!0)}setCurrentObjectId(e){this.currentObjectId=e}getCurrentObjectId(){return this.currentObjectId}init(){super.init(),this.props.mode==="edit"&&this.chartData.times.length===0&&(this.chartData=this.getMockData())}onLinkEvent(e){Z(e)}}const p=new y(f,"timeSeries");p.setupLifecycle();const x=p.getStyle(),F=p.getEchartId(),w=t.inject("session",null),U=t.computed(()=>{var e;return(((e=f.conf)==null?void 0:e.data)||[]).map((s,c)=>{const r=s.unit||"",u=s.name||`指标${c+1}`;return{label:r?`${u}(${r})`:u,value:c}})}),I=t.ref([]),O=t.ref(""),_=t.ref([]);t.watch(()=>{var o;return(o=f.conf)==null?void 0:o.data},o=>{if(o&&Array.isArray(o))if(!p.isSelectionInitialized())_.value=o.map((e,s)=>s),p.setSelectedSeriesIndex(_.value);else{const e=o.length;_.value=_.value.filter(s=>s>=0&&s<e),p.setSelectedSeriesIndex(_.value)}},{immediate:!0});const H=t.computed(()=>({backgroundColor:x.value.bgColor,color:x.value.textColor})),$=t.computed(()=>x.value.showTimeRange),q=t.computed(()=>{var r;if(!$.value)return"";const o=((r=p.chartData)==null?void 0:r.times)||[];if(!o.length)return"";const e=[...o].sort(),s=e[0],c=e[e.length-1];return`${s} ~ ${c}`}),W=o=>{p.getChartInstance()&&(p.setSelectedSeriesIndex(o),p.updateChart())},G=o=>{var s;if(!o)return;const e=(s=p.historyCache)==null?void 0:s.get(o);e&&(p.chartData=e,p.updateChart())},J=()=>{const o=p.getChartInstance();if(!o)return;const e=o.getDataURL({type:"png",pixelRatio:2,backgroundColor:x.value.bgColor}),s=document.createElement("a");s.download=`指标时序演变曲线_${new Date().getTime()}.png`,s.href=e,s.click()},E=t.ref(null);t.computed(()=>{var s,c;if(!E.value)return null;const e=((c=(((s=f.conf)==null?void 0:s.data)||[])[0])==null?void 0:c.fvDeviceName)||"deviceId";return E.value[e]||E.value.deviceId||E.value.name||"未知设备"});const K=o=>{var u;if(!w||!o||f.mode!=="preview")return;const e=p.getCurrentObjectId();if(e===o)return;console.log(`[timeSeries] 切换订阅: ${e} → ${o}`),p.setCurrentObjectId(o);const s=((u=f.conf)==null?void 0:u.data)||[],c=A(V({},f.conf),{data:s.map(n=>A(V({},n),{object_id:o}))}),r=oe.formatRequest(c,f.uid,"timeSeries");w.registerComponent({id:f.conf.id,request:r,onUpdate:(n,a)=>{n==="realtime"?p.setSocketData(a):n==="history"&&p.setHistoryData(a)}})},Z=o=>{var h;if(!o||!o.topic||!o.payload){console.warn("[timeSeries] 收到格式错误的事件:",o);return}const{topic:e,payload:s}=o,c=x.value.linkChannel;if(e.channel!==c){console.warn(`[timeSeries] 频道不匹配: 期望 ${c}, 收到 ${e.channel}`);return}const{objectId:r,deviceId:u}=s,n=f.conf,a=(n==null?void 0:n.data)||[],d=(n==null?void 0:n.common)||{};if(a.length>0&&!(d!=null&&d.multiObject)){const i=se.getObjectId(d,d==null?void 0:d.useAlias,f.uid)||((h=a[0])==null?void 0:h.object_id),m=r||(s==null?void 0:s.object_id);if(i&&m&&String(i)!==String(m))return}console.log("[timeSeries] 收到联动事件:",{topic:{channel:e.channel,source:e.source,time:e.time,uniqueId:e.uniqueId},payload:s}),E.value=A(V({},s),{_topic:e});let l=null;r&&(l=a.find(i=>String(i.object_id)===String(r))),!l&&u&&(l=a.find(i=>i.deviceId===u||i.name===u)),l&&s?(console.log(`[timeSeries] 匹配 object_id=${r}`),B(s)):s&&B(s),r&&K(r)},B=o=>{var u,n,a;const e=p.getChartInstance();if(!e)return;const s=((u=f.conf)==null?void 0:u.data)||[],c=((n=s[0])==null?void 0:n.fv)||"cumulativePrecipitation",r=((a=s[1])==null?void 0:a.fv)||"realtimePrecipitation";if(o.data&&Array.isArray(o.data)){const d=[],l=[],h=[];o.data.forEach(i=>{i.time&&(d.push(i.time),l.push(i[c]||0),h.push(i[r]||0))}),e.setOption({xAxis:[{data:d}],series:[{data:l},{data:h}]})}};return t.watch(()=>f.conf,()=>{p.init()},{deep:!0}),t.onMounted(()=>{p.init()}),t.onUnmounted(()=>{p.cleanup()}),(o,e)=>{const s=T.ElOption,c=T.ElSelect,r=T.ElIcon,u=T.ElButton;return t.openBlock(),t.createElementBlock("div",{class:"time-series-wrapper",style:t.normalizeStyle(H.value)},[t.createElementVNode("div",le,[t.createElementVNode("div",re,[t.createElementVNode("span",ce,t.toDisplayString(t.unref(x).title),1),$.value&&q.value?(t.openBlock(),t.createElementBlock("span",ue,t.toDisplayString(q.value),1)):t.createCommentVNode("",!0),I.value.length?(t.openBlock(),t.createBlock(c,{key:1,modelValue:O.value,"onUpdate:modelValue":e[0]||(e[0]=n=>O.value=n),placeholder:"选择时间",size:"small",class:"time-select",onChange:G},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(I.value,n=>(t.openBlock(),t.createBlock(s,{key:n,label:n,value:n},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])):t.createCommentVNode("",!0)]),t.createElementVNode("div",de,[t.createVNode(c,{modelValue:_.value,"onUpdate:modelValue":e[1]||(e[1]=n=>_.value=n),placeholder:"选择指标",size:"small",multiple:"","collapse-tags":"",class:"indicator-select",onChange:W},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(U.value,n=>(t.openBlock(),t.createBlock(s,{key:n.value,label:n.label,value:n.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),t.createVNode(u,{size:"small",onClick:J,class:"export-btn"},{default:t.withCtx(()=>[t.createVNode(r,null,{default:t.withCtx(()=>[t.createVNode(t.unref(ie.Download))]),_:1}),e[2]||(e[2]=t.createTextVNode(" 导出图像 ",-1))]),_:1})])]),t.createElementVNode("div",he,[t.createElementVNode("div",{id:t.unref(F),class:"chart-container"},null,8,fe)]),t.renderSlot(o.$slots,"default",{},void 0,!0)],4)}}})),De=ae._export_sfc(be,[["__scopeId","data-v-8bae15ca"]]);exports.default=De;

package/dist/timeSeriesCurve-B0Mw6eNK.cjs

@@ -0,0 +1 @@
+"use strict";var ie=Object.defineProperty,ue=Object.defineProperties;var de=Object.getOwnPropertyDescriptors;var Z=Object.getOwnPropertySymbols;var me=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable;var Y=(v,i,a)=>i in v?ie(v,i,{enumerable:!0,configurable:!0,writable:!0,value:a}):v[i]=a,j=(v,i)=>{for(var a in i||(i={}))me.call(i,a)&&Y(v,a,i[a]);if(Z)for(var a of Z(i))pe.call(i,a)&&Y(v,a,i[a]);return v},V=(v,i)=>ue(v,de(i));var G=(v,i,a)=>new Promise((d,g)=>{var N=y=>{try{C(a.next(y))}catch(x){g(x)}},u=y=>{try{C(a.throw(y))}catch(x){g(x)}},C=y=>y.done?d(y.value):Promise.resolve(y.value).then(N,u);C((a=a.apply(v,i)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=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/checkbox/style/css");require("element-plus/es/components/input/style/css");require("element-plus/es/components/icon/style/css");const e=require("vue"),he=require("./vue-i18n-BvHMBi_b.cjs"),ve=require("@element-plus/icons-vue"),D=require("./index-Mh5Dw2sd.cjs"),fe=require("./EChartComponentBase-BaQpBzVC.cjs"),J=require("./ele-vlu-icon-Dv-R7Xuc.cjs"),ge={class:"chart-header"},ye={class:"chart-title"},be={class:"chart-actions"},Ce=["onClick"],_e={class:"item-label"},we=["id"],Se={DEFAULT_ICON:J.DEFAULT_ICON,ACTIVE_ICON:J.ACTIVE_ICON,NAME_CN:"指标时序演变曲线",NAME_EN:"TimeSeriesCurve",ORDER:1},De={bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},titleSize:{value:14,type:"number",label:"component.options.titleSize"},showLegend:{value:!0,type:"switch",label:"component.options.showLegend"},showDataZoom:{value:!0,type:"switch",label:"component.crack.showDataZoom"},lineWidth:{value:2.5,type:"number",label:"component.options.lineWidth"},linkChannel:{value:"crack",type:"select",label:"component.linkChannel",options:[{label:"裂缝监测",value:"crack"},{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"深部位移",value:"deepDisplacement"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},xe=[{name:"宽度累计变化量",fv:"",object_id:"",device:"",color:"#5470c6"},{name:"宽度日变化量",fv:"",object_id:"",device:"",color:"#91cc75"},{name:"x方向加速度",fv:"",object_id:"",device:"",color:"#fac858"},{name:"y方向加速度",fv:"",object_id:"",device:"",color:"#ee6666"},{name:"z方向加速度",fv:"",object_id:"",device:"",color:"#73c0de"},{name:"x方向倾角",fv:"",object_id:"",device:"",color:"#3ba272"},{name:"y方向倾角",fv:"",object_id:"",device:"",color:"#fc8452"},{name:"z方向倾角",fv:"",object_id:"",device:"",color:"#9a60b4"}],ke=["name","fv","object_id","device","color"],Ee=["mosaic","statistics","calculate"],Me={useAlias:!1,multiObject:!1,hideMultiObject:!0,source:"mosaic"},Oe=50,Ne={DEFAULT:Se,OPTIONS:De,DATA:xe,PARAMS:ke,SOURCE:Ee,ITEMS:Oe,COMMON:Me},Ie=e.defineComponent(V(j({},Ne),{__name:"timeSeriesCurve",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(v){var z,W;const{t:i}=he.useI18n(),a=v,d=e.ref([]),g=e.computed(()=>a.conf.data||[]);class N extends fe.EChartComponentBase{constructor(){super(...arguments),this.deviceColors=["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4"],this.realTimeData=new Map,this.deviceNameMap=new Map,this.currentObjectId=""}getCurrentObjectId(){return this.currentObjectId}setCurrentObjectId(t){this.currentObjectId=t}extractStyles(){return V(j({},super.extractStyles()),{showLegend:this.getOptionValue("showLegend",!0),showDataZoom:this.getOptionValue("showDataZoom",!0),lineWidth:this.getOptionValue("lineWidth",2.5),linkChannel:this.getOptionValue("linkChannel","crack")})}onPreview(){var r;const{common:t,data:o}=this.props.conf,m=this.getSource();if(t.multiObject&&Array.isArray(o)){const l=new Set;o.forEach(n=>{const c=this.resolveObjectId(n);!c||l.has(c)||(l.add(c),this.subscribeBySource(m,c,n.uid))})}else{const l=this.resolveObjectId(),n=(r=o==null?void 0:o[0])==null?void 0:r.uid;l&&(this.currentObjectId=l,this.subscribeBySource(m,l,n))}}onLinkEvent(t){x(t)}getChartOption(){const{data:t}=this.props.conf,o=this.Style.value,m=d.value.length===0?[]:t.filter(n=>d.value.includes(n.name));let r=[];if(this.props.mode==="edit")r=this.generateTimeLabels();else for(const[,n]of this.realTimeData)n.times.length>r.length&&(r=n.times);const l=m.filter(n=>n.fv||this.props.mode==="edit").map((n,c)=>{const p=n.device&&this.deviceNameMap.get(n.device)||"",f=p?`${p}-${n.name}`:n.name,h=n.color||this.deviceColors[c%this.deviceColors.length];let b;if(this.props.mode!=="edit"){const w=this.realTimeData.get(n.name);b=w?w.values:[]}else b=this.generateSeriesData(n,r);return{name:f,type:"line",smooth:!0,showSymbol:!1,lineStyle:{color:h,type:"solid",width:o.lineWidth},itemStyle:{color:h},data:b}});return{tooltip:{trigger:"axis",axisPointer:{type:"cross"}},legend:{show:o.showLegend,type:"scroll",top:10,textStyle:{color:o.textColor}},grid:{top:60,left:60,right:40,bottom:o.showDataZoom?80:40},xAxis:{type:"category",data:r,axisLabel:{interval:"auto",rotate:15,fontSize:10,color:o.textColor}},yAxis:{type:"value",name:"值",nameTextStyle:{color:o.textColor},axisLabel:{color:o.textColor},splitLine:{lineStyle:{type:"dashed",opacity:.5}}},dataZoom:o.showDataZoom?[{type:"inside"},{type:"slider",bottom:10,height:15}]:[],series:l}}generateTimeLabels(){const t=[];for(let o=24;o>=0;o--){const m=D.dayjs().subtract(o,"hour");t.push(m.format("MM-DD HH:mm"))}return t}generateSeriesData(t,o){const m=t.name,r=this.realTimeData.get(m);if(r&&r.times.length>0){const l=new Map;return r.times.forEach((n,c)=>l.set(n,r.values[c])),o.map(n=>{var c;return(c=l.get(n))!=null?c:null})}if(this.props.mode==="edit"){const l=Math.random()*10+5;return Array.from({length:o.length},(n,c)=>{const p=Math.sin(c*.5)*.3;return parseFloat((l*(.8+p)).toFixed(2))})}return new Array(o.length).fill(null)}setSocketData(t){if(!t)return;const{data:o}=this.props.conf;if(!o||!Array.isArray(o))return;const m=t.datetime?t.datetime.split(".")[0]:D.dayjs().format("MM-DD HH:mm:ss"),r=D.dayjs(m).format("MM-DD HH:mm:ss");o.forEach(n=>{if(!n.fv)return;if(n.device){const p=this.extractDataValue(t,n.device);p!=null&&this.deviceNameMap.set(n.device,String(p))}const c=this.extractDataValue(t,n.fv);if(c!=null){const p=parseFloat(c);if(!isNaN(p)){const f=n.name;let h=this.realTimeData.get(f);h||(h={times:[],values:[]},this.realTimeData.set(f,h)),h.times.push(r),h.values.push(p),h.times.length>200&&(h.times.shift(),h.values.shift()),n.value=p}}});const l=this.getChartInstance();l&&l.setOption(this.getChartOption())}}const u=new N(a,"timeSeriesCurve");u.setupLifecycle();const C=u.getStyle(),y=u.getEchartId(),x=s=>{console.log("[指标时序演变曲线] 收到联动事件:",s);const{payload:t}=s;if(!t)return;const o=t.objectId||t.object_id;o&&K(o)},K=s=>G(null,null,function*(){var p;if(!s||a.mode!=="preview"||u.getCurrentObjectId()===s)return;u.setCurrentObjectId(s),u.realTimeData.clear(),u.deviceNameMap.clear();const o=(p=u.session)==null?void 0:p.value;if(!o)return;const m=a.conf.id;o.componentRequests&&o.componentRequests.delete(m);const{data:r,common:l}=a.conf;Array.isArray(r)&&r.forEach(f=>{f.object_id=s}),l.multiObject||(l.object_id=s);try{const f=yield Promise.resolve().then(()=>require("./history-DAmBl4_5.cjs")),b=yield new f.default().getHistoryData(a,"timeSeriesCurve");b&&Array.isArray(b)&&r.forEach((w,le)=>{if(!w.fv)return;const M=b[le],$=(M==null?void 0:M.data)||M;if(!Array.isArray($))return;const ce=[...$].sort((S,k)=>new Date(S.time||S.datetime||"").getTime()-new Date(k.time||k.datetime||"").getTime()),I=[],F=[];ce.forEach(S=>{const k=S.time||S.datetime,P=S[w.fv];if(k&&P!=null){const U=parseFloat(P);isNaN(U)||(I.push(D.dayjs(k).format("MM-DD HH:mm:ss")),F.push(U))}}),I.length>0&&u.realTimeData.set(w.name,{times:I,values:F})}),console.log("[指标时序演变曲线] 历史数据加载完成")}catch(f){console.warn("[指标时序演变曲线] 历史数据获取失败:",f)}const n=u.getChartInstance();n&&n.setOption(u.getChartOption(),!0),o.registerComponent({id:m,request:null,onUpdate:(f,h)=>{f==="realtime"&&u.setSocketData(h)}});const c=u.getSource();u.subscribeBySource(c,s)}),Q=e.computed(()=>({background:C.value.bgColor,color:C.value.textColor})),X=e.computed(()=>i("component.crack.timeSeriesCurve")),ee=e.computed(()=>i("component.crack.exportImage")),te=e.computed(()=>i("component.crack.selectIndicators"));a.mode==="edit"&&g.value.length>0&&(d.value=[(z=g.value[0])==null?void 0:z.name,(W=g.value[1])==null?void 0:W.name].filter(Boolean));const _=e.ref(!1),E=e.ref(null),A=e.ref(null),T=e.ref({}),oe=e.computed(()=>d.value.length===0?"":d.value.length===g.value.length?"全部":d.value.join("、")),L=e.computed(()=>{const s=g.value;return s.length>0&&s.every(t=>d.value.includes(t.name))}),ne=e.computed(()=>{const s=g.value,t=s.filter(o=>d.value.includes(o.name)).length;return t>0&&t<s.length}),se=()=>{_.value=!_.value,_.value&&ae()};function ae(){if(!E.value)return;const s=E.value.getBoundingClientRect();T.value={position:"fixed",top:`${s.bottom+4}px`,left:`${s.left}px`,zIndex:"9999"}}const B=s=>{const t=E.value,o=A.value;t&&!t.contains(s.target)&&o&&!o.contains(s.target)&&(_.value=!1)};e.onMounted(()=>{document.addEventListener("click",B)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",B)});const q=()=>{L.value?d.value=[]:d.value=g.value.map(s=>s.name),R()},H=s=>{const t=d.value.indexOf(s.name);t>-1?d.value.splice(t,1):d.value.push(s.name),R()},R=()=>{const s=u.getChartInstance();s&&s.setOption(u.getChartOption(),!0)};e.watch(()=>a.conf.data,s=>{var t,o;s&&s.length>0&&d.value.length===0&&(d.value=[(t=s[0])==null?void 0:t.name,(o=s[1])==null?void 0:o.name].filter(Boolean))},{immediate:!0});const re=()=>{const s=u.getChartInstance();if(!s)return;const t=document.createElement("a");t.href=s.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),t.download=`${i("component.crack.timeSeriesCurve")}_${D.dayjs().format("YYYYMMDDHHmmss")}.png`,t.click()};return(s,t)=>{const o=O.ElIcon,m=O.ElInput,r=O.ElCheckbox,l=O.ElButton;return e.openBlock(),e.createElementBlock("div",{class:"mix-component crack-time-series",style:e.normalizeStyle(Q.value)},[e.createElementVNode("div",ge,[e.createElementVNode("span",ye,"📉 "+e.toDisplayString(X.value),1),e.createElementVNode("div",be,[e.createElementVNode("div",{class:"metrics-select-wrapper",ref_key:"metricsWrapperRef",ref:E},[e.createVNode(m,{"model-value":oe.value,placeholder:te.value,size:"small",style:{width:"220px"},readonly:"",onClick:se},{suffix:e.withCtx(()=>[e.createVNode(o,{class:e.normalizeClass(["metrics-arrow",{"is-open":_.value}])},{default:e.withCtx(()=>[e.createVNode(e.unref(ve.ArrowDown))]),_:1},8,["class"])]),_:1},8,["model-value","placeholder"]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.withDirectives(e.createElementVNode("div",{class:"metrics-dropdown",style:e.normalizeStyle(T.value),ref_key:"metricsDropdownRef",ref:A},[e.createElementVNode("div",{class:"metrics-dropdown-item",onClick:e.withModifiers(q,["stop"])},[e.createVNode(r,{"model-value":L.value,indeterminate:ne.value,onChange:q},null,8,["model-value","indeterminate"]),t[0]||(t[0]=e.createElementVNode("span",{class:"item-label",style:{"font-weight":"bold"}},"全部",-1))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,n=>(e.openBlock(),e.createElementBlock("div",{key:n.name,class:"metrics-dropdown-item",onClick:e.withModifiers(c=>H(n),["stop"])},[e.createVNode(r,{"model-value":d.value.includes(n.name),onChange:c=>H(n)},null,8,["model-value","onChange"]),e.createElementVNode("span",_e,e.toDisplayString(n.name),1)],8,Ce))),128))],4),[[e.vShow,_.value]])]))],512),e.createVNode(l,{size:"small",onClick:re},{default:e.withCtx(()=>[e.createTextVNode("💾 "+e.toDisplayString(ee.value),1)]),_:1})])]),e.createElementVNode("div",{id:e.unref(y),class:"chart-container"},null,8,we),e.renderSlot(s.$slots,"default",{},void 0,!0)],4)}}})),je=D._export_sfc(Ie,[["__scopeId","data-v-920e39d1"]]);exports.default=je;