mixdashboards 1.0.32 → 1.0.39

package/dist/displacementTrendChart-10n_lC9j.js

@@ -0,0 +1,364 @@
+var ie = Object.defineProperty, le = Object.defineProperties;
+var ce = Object.getOwnPropertyDescriptors;
+var Z = Object.getOwnPropertySymbols, re = Object.getPrototypeOf, de = Object.prototype.hasOwnProperty, pe = Object.prototype.propertyIsEnumerable, fe = Reflect.get;
+var H = (d, i, n) => i in d ? ie(d, i, { enumerable: !0, configurable: !0, writable: !0, value: n }) : d[i] = n, X = (d, i) => {
+  for (var n in i || (i = {}))
+    de.call(i, n) && H(d, n, i[n]);
+  if (Z)
+    for (var n of Z(i))
+      pe.call(i, n) && H(d, n, i[n]);
+  return d;
+}, W = (d, i) => le(d, ce(i));
+var q = (d, i, n) => fe(re(d), n, i);
+var J = (d, i, n) => new Promise((A, v) => {
+  var N = (_) => {
+    try {
+      E(n.next(_));
+    } catch (k) {
+      v(k);
+    }
+  }, p = (_) => {
+    try {
+      E(n.throw(_));
+    } catch (k) {
+      v(k);
+    }
+  }, E = (_) => _.done ? A(_.value) : Promise.resolve(_.value).then(N, p);
+  E((n = n.apply(d, i)).next());
+});
+import { defineComponent as ue, useCssVars as he, unref as Q, ref as K, computed as P, watch as Y, nextTick as z, onMounted as me, onBeforeUnmount as ve, withDirectives as ye, openBlock as ge, createElementBlock as be, createElementVNode as F, toDisplayString as ee, renderSlot as xe, vShow as _e } from "vue";
+import "html2canvas";
+import { B as Ce, i as De, j as Te } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as Se, _ as Ee } from "./index-kShjySl9.js";
+import "./index-ButoLLAe.js";
+import { A as Ie, D as we } from "./ele-dzc-icon-D6eVpaHp.js";
+import { i as Me } from "./echarts-BVht3HHb.js";
+const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }, $e = { class: "chart-title" }, Le = { class: "chart-subtitle" }, Oe = {
+  DEFAULT_ICON: we,
+  ACTIVE_ICON: Ie,
+  NAME_CN: "位移趋势图",
+  NAME_EN: "Displacement Trend Chart",
+  ORDER: 15
+}, je = {
+  bindId: { value: "", type: "string", label: "component.deepDisplacement.bindId" },
+  title: { value: "ZK10-深部位移01", type: "string", label: "component.deepDisplacement.title" },
+  depth: { value: 152, type: "number", label: "component.deepDisplacement.depth", min: 1, max: 500 },
+  dispType: { value: "cumulative", type: "select", label: "component.deepDisplacement.dispType", options: [
+    { label: "累计位移", value: "cumulative" },
+    { label: "相对位移", value: "relative" }
+  ] },
+  bgColor: { value: "#ffffff", type: "color", label: "component.options.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "component.options.textColor" },
+  points: { value: 30, type: "number", label: "component.options.points", min: 5, max: 100 }
+}, Re = [
+  {
+    configPanelId: "",
+    // 配置面板uid
+    name: "ZK10-X位移",
+    // 曲线名称
+    object_id: "",
+    // 对象ID
+    points_fv: "points",
+    // points数组字段名（模式A）
+    fv: "disp_x",
+    // 位移值字段
+    depth_fv: "depth",
+    // 深度字段
+    color: "#4a90d9"
+    // 曲线颜色
+  }
+], Be = ["configPanelId", "name", "object_id", "points_fv", "fv", "depth_fv", "color"], Ne = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Pe = { useAlias: !1, multiObject: !1, source: "mosaic" }, ze = { DEFAULT: Oe, OPTIONS: je, DATA: Re, PARAMS: Be, SOURCE: Ne, COMMON: Pe }, Fe = /* @__PURE__ */ ue(W(X({}, ze), {
+  __name: "displacementTrendChart",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(d) {
+    he((a) => ({
+      af895d9e: Q(M).bgColor,
+      v1da9f089: Q(M).textColor
+    }));
+    const i = Se(), n = d, A = K({
+      selectedTimes: [],
+      startDate: "",
+      endDate: ""
+    }), v = K(/* @__PURE__ */ new Map()), N = `trendChart_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+    let p = null, E = null;
+    const _ = [
+      "#4a90d9",
+      "#67c23a",
+      "#e6a23c",
+      "#f56c6c",
+      "#909399",
+      "#00bcd4",
+      "#9c27b0",
+      "#ff9800",
+      "#795548",
+      "#607d8b"
+    ];
+    class k extends Ce {
+      extractStyles() {
+        var l, u, C, D, r, s, f;
+        const { options: e } = this.props.conf, o = ((l = e == null ? void 0 : e.dispType) == null ? void 0 : l.value) || "cumulative", t = ((u = e == null ? void 0 : e.title) == null ? void 0 : u.value) || "ZK10-深部位移01", y = o === "relative" ? "相对趋势图" : "累计趋势图";
+        return {
+          bindId: ((C = e == null ? void 0 : e.bindId) == null ? void 0 : C.value) || "",
+          title: t,
+          fullTitle: `${t}-${y}`,
+          depth: ((D = e == null ? void 0 : e.depth) == null ? void 0 : D.value) || 152,
+          dispType: o,
+          bgColor: ((r = e == null ? void 0 : e.bgColor) == null ? void 0 : r.value) || "#ffffff",
+          textColor: ((s = e == null ? void 0 : e.textColor) == null ? void 0 : s.value) || "#333333",
+          points: ((f = e == null ? void 0 : e.points) == null ? void 0 : f.value) || 30
+        };
+      }
+      getDefaultData() {
+        return [{
+          configPanelId: "",
+          name: "ZK10-X位移",
+          object_id: "",
+          points_fv: "points",
+          fv: "disp_x",
+          depth_fv: "depth",
+          color: "#4a90d9"
+        }];
+      }
+      // 根据dispType获取实际使用的fv字段
+      getActualFv(e) {
+        if (this.extractStyles().dispType === "relative") {
+          if (e === "disp_x") return "relative_disp_x";
+          if (e === "disp_y") return "relative_disp_y";
+          if (e === "disp") return "relative_disp";
+        }
+        return e;
+      }
+      // 模拟数据
+      getMockData() {
+        var l;
+        const e = ((l = this.props.conf) == null ? void 0 : l.data) || this.getDefaultData(), o = ["2026-01-15", "2026-01-14", "2026-01-13", "2026-01-12", "2026-01-11"], t = /* @__PURE__ */ new Map(), y = this.extractStyles().dispType;
+        return e.forEach((u, C) => {
+          const D = /* @__PURE__ */ new Map();
+          o.forEach((r, s) => {
+            const f = [], g = (o.length - 1 - s) * 5;
+            for (let h = 0; h <= 30; h++) {
+              const c = -122 - h;
+              let b;
+              y === "relative" ? b = (Math.random() - 0.3) * 5 + Math.sin(h * 0.3) * 3 : b = (10 + g + C * 3) * (1 + h * 0.03), f.push({
+                depth: c,
+                value: b + Math.sin(h * 0.2 + C) * 2
+              });
+            }
+            D.set(r, f);
+          }), t.set(u.name, D);
+        }), t;
+      }
+      onPreview() {
+        return J(this, null, function* () {
+          const { data: e } = this.props.conf;
+          e.some((t) => t.object_id && t.fv) ? (console.log("[DisplacementTrendChart] 检测到数据绑定，订阅真实数据"), yield q(k.prototype, this, "onPreview").call(this)) : (console.log("[DisplacementTrendChart] 未配置数据源，使用模拟数据"), this.getMockData().forEach((y, l) => v.value.set(l, y)), j());
+        });
+      }
+      setHistoryData(e) {
+        var C, D;
+        const { data: o, common: t } = this.props.conf;
+        if (!o || o.length === 0 || !o.some((r) => r.object_id && r.fv)) return;
+        const l = (t == null ? void 0 : t.source) || "mosaic";
+        ["statistics", "calculate"].includes(l) && (e = De(e, o));
+        const u = Te(e, this.props, "history");
+        if (u) {
+          try {
+            v.value.clear();
+            const r = o.find((c) => c.object_id);
+            if (!r) return;
+            const s = o.indexOf(r), f = ((C = u.history) == null ? void 0 : C[s]) || [], g = r.points_fv || "points";
+            f.length > 0 && Array.isArray((D = f[0]) == null ? void 0 : D[g]) ? o.forEach((c) => {
+              if (!c.object_id || !c.fv) return;
+              const b = /* @__PURE__ */ new Map(), L = this.getActualFv(c.fv), T = /* @__PURE__ */ new Map();
+              f.forEach((x) => {
+                const I = (x.time || x.datetime || "").split(" ")[0];
+                T.has(I) || T.set(I, []), (x[g] || []).forEach((m) => {
+                  var S, R, B;
+                  T.get(I).push({
+                    depth: (R = (S = m[c.depth_fv]) != null ? S : m.depth) != null ? R : 0,
+                    value: (B = m[L]) != null ? B : 0
+                  });
+                });
+              }), T.forEach((x, $) => {
+                const I = /* @__PURE__ */ new Map();
+                x.forEach((m) => I.set(m.depth, m.value));
+                const w = Array.from(I.entries()).map(([m, S]) => ({ depth: m, value: S })).sort((m, S) => S.depth - m.depth);
+                b.set($, w);
+              }), v.value.set(c.name, b);
+            }) : o.forEach((c, b) => {
+              var I;
+              if (!c.object_id || !c.fv) return;
+              const L = ((I = u.history) == null ? void 0 : I[b]) || [], T = /* @__PURE__ */ new Map(), x = this.getActualFv(c.fv), $ = /* @__PURE__ */ new Map();
+              L.forEach((w) => {
+                var R, B;
+                const S = (w.time || w.datetime || "").split(" ")[0];
+                $.has(S) || $.set(S, []), $.get(S).push({
+                  depth: (R = w[c.depth_fv]) != null ? R : 0,
+                  value: (B = w[x]) != null ? B : 0
+                });
+              }), $.forEach((w, m) => {
+                T.set(m, w);
+              }), v.value.set(c.name, T);
+            });
+          } catch (r) {
+            console.error("[TrendChart] 解析历史数据失败:", r);
+          }
+          j();
+        }
+      }
+      setSocketData(e) {
+        e && console.log("[DisplacementTrendChart] 收到实时数据:", e);
+      }
+    }
+    const O = new k(n, "displacementTrendChart");
+    (!n.conf.data || n.conf.data.length === 0) && (n.conf.data = O.getDefaultData()), O.setupLifecycle();
+    const M = O.getStyle(), te = P(() => {
+      const a = M.value.title, e = M.value.depth, t = U() === "relative" ? "相对趋势图" : "累计趋势图";
+      return `${a}（深度${e}米）-${t}`;
+    }), ae = P(() => {
+      const a = A.value.selectedTimes || A.value.trendSelectedTimes || [];
+      if (a.length === 0) return "";
+      const e = [...a].sort(), o = e[0], t = e[e.length - 1];
+      return `${o} ~ ${t} [${a.length}天]`;
+    }), U = () => M.value.dispType, G = () => {
+      var r;
+      const a = M.value, e = A.value, o = ((r = n.conf) == null ? void 0 : r.data) || O.getDefaultData();
+      U();
+      let t = e.selectedTimes || e.trendSelectedTimes || [];
+      if (v.value.size === 0 && O.getMockData().forEach((f, g) => v.value.set(g, f)), t.length === 0 && v.value.size > 0) {
+        const s = v.value.values().next().value;
+        s && (t = Array.from(s.keys()));
+      }
+      t = [...t].sort().reverse();
+      const y = [];
+      let l = [], u = 0;
+      o.forEach((s) => {
+        const f = v.value.get(s.name);
+        if (!f) return;
+        const g = s.color || _[u % _.length];
+        u++, t.forEach((h, c) => {
+          const b = f.get(h) || [];
+          if (b.length === 0) return;
+          b.forEach((x) => l.push(x.depth));
+          const L = 1 - c * 0.15, T = g;
+          y.push({
+            name: `${s.name} (${h})`,
+            type: "line",
+            data: b.map((x) => [x.value, x.depth]),
+            smooth: !0,
+            symbol: "circle",
+            symbolSize: 4,
+            lineStyle: { color: T, width: 2, opacity: L },
+            itemStyle: { color: T, opacity: L }
+          });
+        });
+      }), l.length === 0 && (l = [-122, -152]);
+      const C = Math.min(...l), D = Math.max(...l);
+      return {
+        grid: { left: 60, right: 140, top: 30, bottom: 60 },
+        tooltip: {
+          trigger: "axis",
+          backgroundColor: "rgba(255,255,255,0.95)",
+          borderColor: "#e5e5e5",
+          textStyle: { color: "#333", fontSize: 12 },
+          formatter: (s) => {
+            if (!s || s.length === 0) return "";
+            let g = `<div style="padding:8px;max-width:280px;">
+					<div style="font-weight:600;margin-bottom:6px;">深度: ${s[0].data[1]}m</div>`;
+            return s.forEach((h) => {
+              g += `<div style="display:flex;align-items:center;margin:2px 0;">
+						<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${h.color};margin-right:6px;"></span>
+						<span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${h.seriesName}: ${h.data[0].toFixed(3)} mm</span>
+					</div>`;
+            }), g += "</div>", g;
+          }
+        },
+        legend: {
+          type: "scroll",
+          orient: "vertical",
+          right: 10,
+          bottom: 60,
+          itemWidth: 16,
+          itemHeight: 10,
+          itemGap: 6,
+          textStyle: { color: a.textColor, fontSize: 10 },
+          formatter: (s) => s.length > 15 ? s.slice(0, 15) + "..." : s
+        },
+        xAxis: {
+          type: "value",
+          name: "位移量 (mm)",
+          nameLocation: "middle",
+          nameGap: 30,
+          nameTextStyle: { color: a.textColor, fontSize: 12 },
+          axisLine: { lineStyle: { color: "#ddd" } },
+          axisLabel: { color: a.textColor, fontSize: 10 },
+          splitLine: { lineStyle: { color: "#f0f0f0", type: "dashed" } }
+        },
+        yAxis: {
+          type: "value",
+          name: "深度 (m)",
+          nameLocation: "middle",
+          nameGap: 40,
+          nameTextStyle: { color: a.textColor, fontSize: 12 },
+          min: C - 1,
+          max: D + 1,
+          inverse: !1,
+          axisLine: { lineStyle: { color: "#ddd" } },
+          axisLabel: { color: a.textColor, fontSize: 10 },
+          splitLine: { lineStyle: { color: "#f0f0f0", type: "dashed" } }
+        },
+        series: y
+      };
+    }, j = () => {
+      p && (p.clear(), p.setOption(G(), !0));
+    }, oe = P(() => {
+      var e, o;
+      return ((o = (((e = n.conf) == null ? void 0 : e.data) || [])[0]) == null ? void 0 : o.configPanelId) || "";
+    }), ne = P(() => M.value.bindId || n.uid || ""), V = K(!0);
+    Y(() => i.channels.deepDisplacement, (a) => {
+      var y, l, u;
+      if (!a || a.topic.source === "displacementTrendChart") return;
+      const e = oe.value, o = ne.value, { payload: t } = a;
+      t.type === "config" && t.objectId === e && (console.log("[TrendChart] 收到配置变化(configPanelId):", e, t.fv), A.value = t.fv, z(j)), t.type === "bindConfig" && t.objectId === o && (console.log("[TrendChart] 收到直接绑定配置(bindId):", o, t.fv), A.value = t.fv, ((y = t.fv) == null ? void 0 : y.visible) !== void 0 && (V.value = t.fv.visible), z(j)), t.type === "export" && t.objectId === e && (console.log("[TrendChart] 收到导出请求:", t.fv), (((l = t.fv) == null ? void 0 : l.type) === "trend_disp" || ((u = t.fv) == null ? void 0 : u.type) === "trend_relative") && se());
+    }, { deep: !0 });
+    const se = () => {
+      if (p) {
+        const a = p.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), e = document.createElement("a");
+        e.download = `${M.value.title}-位移趋势图.png`, e.href = a, e.click();
+      }
+    };
+    return me(() => {
+      z(() => {
+        const a = document.getElementById(N);
+        a && (p = Me(a), p.setOption(G()), E = new ResizeObserver(() => p == null ? void 0 : p.resize()), E.observe(a.parentElement));
+      });
+    }), ve(() => {
+      E == null || E.disconnect(), p == null || p.dispose();
+    }), Y(() => {
+      var a;
+      return (a = n.conf) == null ? void 0 : a.data;
+    }, () => {
+      z(j);
+    }, { deep: !0 }), (a, e) => ye((ge(), be("div", Ae, [
+      F("div", ke, [
+        F("div", $e, ee(te.value), 1),
+        F("div", Le, ee(ae.value), 1)
+      ]),
+      F("div", {
+        id: N,
+        class: "chart-area"
+      }),
+      xe(a.$slots, "default", {}, void 0, !0)
+    ], 512)), [
+      [_e, V.value]
+    ]);
+  }
+})), qe = /* @__PURE__ */ Ee(Fe, [["__scopeId", "data-v-63f21ddb"]]);
+export {
+  qe as default
+};

package/dist/displacementTrendChart-CWihCuIJ.cjs

@@ -0,0 +1,5 @@
+"use strict";var ae=Object.defineProperty,oe=Object.defineProperties;var se=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols,ie=Object.getPrototypeOf,le=Object.prototype.hasOwnProperty,ce=Object.prototype.propertyIsEnumerable,re=Reflect.get;var K=(p,l,s)=>l in p?ae(p,l,{enumerable:!0,configurable:!0,writable:!0,value:s}):p[l]=s,G=(p,l)=>{for(var s in l||(l={}))le.call(l,s)&&K(p,s,l[s]);if(U)for(var s of U(l))ce.call(l,s)&&K(p,s,l[s]);return p},Z=(p,l)=>oe(p,se(l));var H=(p,l,s)=>re(ie(p),s,l);var X=(p,l,s)=>new Promise((k,y)=>{var P=C=>{try{I(s.next(C))}catch(O){y(O)}},f=C=>{try{I(s.throw(C))}catch(O){y(O)}},I=C=>C.done?k(C.value):Promise.resolve(C.value).then(P,f);I((s=s.apply(p,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue");require("html2canvas");const B=require("./element-resize-detector-Bo5uDQAu.cjs"),J=require("./index-Mh5Dw2sd.cjs");require("./index-mAPVa0s4.cjs");const W=require("./ele-dzc-icon-h5wOUHF0.cjs"),de=require("./echarts-BB8O2KSA.cjs"),pe={class:"displacement-trend-chart"},fe={class:"chart-header"},ue={class:"chart-title"},he={class:"chart-subtitle"},me={DEFAULT_ICON:W.DEFAULT_ICON,ACTIVE_ICON:W.ACTIVE_ICON,NAME_CN:"位移趋势图",NAME_EN:"Displacement Trend Chart",ORDER:15},ve={bindId:{value:"",type:"string",label:"component.deepDisplacement.bindId"},title:{value:"ZK10-深部位移01",type:"string",label:"component.deepDisplacement.title"},depth:{value:152,type:"number",label:"component.deepDisplacement.depth",min:1,max:500},dispType:{value:"cumulative",type:"select",label:"component.deepDisplacement.dispType",options:[{label:"累计位移",value:"cumulative"},{label:"相对位移",value:"relative"}]},bgColor:{value:"#ffffff",type:"color",label:"component.options.bgColor"},textColor:{value:"#333333",type:"color",label:"component.options.textColor"},points:{value:30,type:"number",label:"component.options.points",min:5,max:100}},ye=[{configPanelId:"",name:"ZK10-X位移",object_id:"",points_fv:"points",fv:"disp_x",depth_fv:"depth",color:"#4a90d9"}],ge=["configPanelId","name","object_id","points_fv","fv","depth_fv","color"],be=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],xe={useAlias:!1,multiObject:!1,source:"mosaic"},_e={DEFAULT:me,OPTIONS:ve,DATA:ye,PARAMS:ge,SOURCE:be,COMMON:xe},Ce=n.defineComponent(Z(G({},_e),{__name:"displacementTrendChart",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(p){n.useCssVars(a=>({af895d9e:n.unref(A).bgColor,v1da9f089:n.unref(A).textColor}));const l=J.useLinkStore(),s=p,k=n.ref({selectedTimes:[],startDate:"",endDate:""}),y=n.ref(new Map),P=`trendChart_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;let f=null,I=null;const C=["#4a90d9","#67c23a","#e6a23c","#f56c6c","#909399","#00bcd4","#9c27b0","#ff9800","#795548","#607d8b"];class O extends B.BaseComponent{extractStyles(){var c,h,D,T,d,i,u;const{options:e}=this.props.conf,o=((c=e==null?void 0:e.dispType)==null?void 0:c.value)||"cumulative",t=((h=e==null?void 0:e.title)==null?void 0:h.value)||"ZK10-深部位移01",g=o==="relative"?"相对趋势图":"累计趋势图";return{bindId:((D=e==null?void 0:e.bindId)==null?void 0:D.value)||"",title:t,fullTitle:`${t}-${g}`,depth:((T=e==null?void 0:e.depth)==null?void 0:T.value)||152,dispType:o,bgColor:((d=e==null?void 0:e.bgColor)==null?void 0:d.value)||"#ffffff",textColor:((i=e==null?void 0:e.textColor)==null?void 0:i.value)||"#333333",points:((u=e==null?void 0:e.points)==null?void 0:u.value)||30}}getDefaultData(){return[{configPanelId:"",name:"ZK10-X位移",object_id:"",points_fv:"points",fv:"disp_x",depth_fv:"depth",color:"#4a90d9"}]}getActualFv(e){if(this.extractStyles().dispType==="relative"){if(e==="disp_x")return"relative_disp_x";if(e==="disp_y")return"relative_disp_y";if(e==="disp")return"relative_disp"}return e}getMockData(){var c;const e=((c=this.props.conf)==null?void 0:c.data)||this.getDefaultData(),o=["2026-01-15","2026-01-14","2026-01-13","2026-01-12","2026-01-11"],t=new Map,g=this.extractStyles().dispType;return e.forEach((h,D)=>{const T=new Map;o.forEach((d,i)=>{const u=[],b=(o.length-1-i)*5;for(let m=0;m<=30;m++){const r=-122-m;let x;g==="relative"?x=(Math.random()-.3)*5+Math.sin(m*.3)*3:x=(10+b+D*3)*(1+m*.03),u.push({depth:r,value:x+Math.sin(m*.2+D)*2})}T.set(d,u)}),t.set(h.name,T)}),t}onPreview(){return X(this,null,function*(){const{data:e}=this.props.conf;e.some(t=>t.object_id&&t.fv)?(console.log("[DisplacementTrendChart] 检测到数据绑定，订阅真实数据"),yield H(O.prototype,this,"onPreview").call(this)):(console.log("[DisplacementTrendChart] 未配置数据源，使用模拟数据"),this.getMockData().forEach((g,c)=>y.value.set(c,g)),j())})}setHistoryData(e){var D,T;const{data:o,common:t}=this.props.conf;if(!o||o.length===0||!o.some(d=>d.object_id&&d.fv))return;const c=(t==null?void 0:t.source)||"mosaic";["statistics","calculate"].includes(c)&&(e=B.formatStatisticsResult(e,o));const h=B.handleNullData(e,this.props,"history");if(h){try{y.value.clear();const d=o.find(r=>r.object_id);if(!d)return;const i=o.indexOf(d),u=((D=h.history)==null?void 0:D[i])||[],b=d.points_fv||"points";u.length>0&&Array.isArray((T=u[0])==null?void 0:T[b])?o.forEach(r=>{if(!r.object_id||!r.fv)return;const x=new Map,L=this.getActualFv(r.fv),S=new Map;u.forEach(_=>{const w=(_.time||_.datetime||"").split(" ")[0];S.has(w)||S.set(w,[]),(_[b]||[]).forEach(v=>{var E,R,z;S.get(w).push({depth:(R=(E=v[r.depth_fv])!=null?E:v.depth)!=null?R:0,value:(z=v[L])!=null?z:0})})}),S.forEach((_,$)=>{const w=new Map;_.forEach(v=>w.set(v.depth,v.value));const M=Array.from(w.entries()).map(([v,E])=>({depth:v,value:E})).sort((v,E)=>E.depth-v.depth);x.set($,M)}),y.value.set(r.name,x)}):o.forEach((r,x)=>{var w;if(!r.object_id||!r.fv)return;const L=((w=h.history)==null?void 0:w[x])||[],S=new Map,_=this.getActualFv(r.fv),$=new Map;L.forEach(M=>{var R,z;const E=(M.time||M.datetime||"").split(" ")[0];$.has(E)||$.set(E,[]),$.get(E).push({depth:(R=M[r.depth_fv])!=null?R:0,value:(z=M[_])!=null?z:0})}),$.forEach((M,v)=>{S.set(v,M)}),y.value.set(r.name,S)})}catch(d){console.error("[TrendChart] 解析历史数据失败:",d)}j()}}setSocketData(e){e&&console.log("[DisplacementTrendChart] 收到实时数据:",e)}}const N=new O(s,"displacementTrendChart");(!s.conf.data||s.conf.data.length===0)&&(s.conf.data=N.getDefaultData()),N.setupLifecycle();const A=N.getStyle(),Q=n.computed(()=>{const a=A.value.title,e=A.value.depth,t=V()==="relative"?"相对趋势图":"累计趋势图";return`${a}（深度${e}米）-${t}`}),Y=n.computed(()=>{const a=k.value.selectedTimes||k.value.trendSelectedTimes||[];if(a.length===0)return"";const e=[...a].sort(),o=e[0],t=e[e.length-1];return`${o} ~ ${t} [${a.length}天]`}),V=()=>A.value.dispType,q=()=>{var d;const a=A.value,e=k.value,o=((d=s.conf)==null?void 0:d.data)||N.getDefaultData();V();let t=e.selectedTimes||e.trendSelectedTimes||[];if(y.value.size===0&&N.getMockData().forEach((u,b)=>y.value.set(b,u)),t.length===0&&y.value.size>0){const i=y.value.values().next().value;i&&(t=Array.from(i.keys()))}t=[...t].sort().reverse();const g=[];let c=[],h=0;o.forEach(i=>{const u=y.value.get(i.name);if(!u)return;const b=i.color||C[h%C.length];h++,t.forEach((m,r)=>{const x=u.get(m)||[];if(x.length===0)return;x.forEach(_=>c.push(_.depth));const L=1-r*.15,S=b;g.push({name:`${i.name} (${m})`,type:"line",data:x.map(_=>[_.value,_.depth]),smooth:!0,symbol:"circle",symbolSize:4,lineStyle:{color:S,width:2,opacity:L},itemStyle:{color:S,opacity:L}})})}),c.length===0&&(c=[-122,-152]);const D=Math.min(...c),T=Math.max(...c);return{grid:{left:60,right:140,top:30,bottom:60},tooltip:{trigger:"axis",backgroundColor:"rgba(255,255,255,0.95)",borderColor:"#e5e5e5",textStyle:{color:"#333",fontSize:12},formatter:i=>{if(!i||i.length===0)return"";let b=`<div style="padding:8px;max-width:280px;">
+					<div style="font-weight:600;margin-bottom:6px;">深度: ${i[0].data[1]}m</div>`;return i.forEach(m=>{b+=`<div style="display:flex;align-items:center;margin:2px 0;">
+						<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${m.color};margin-right:6px;"></span>
+						<span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${m.seriesName}: ${m.data[0].toFixed(3)} mm</span>
+					</div>`}),b+="</div>",b}},legend:{type:"scroll",orient:"vertical",right:10,bottom:60,itemWidth:16,itemHeight:10,itemGap:6,textStyle:{color:a.textColor,fontSize:10},formatter:i=>i.length>15?i.slice(0,15)+"...":i},xAxis:{type:"value",name:"位移量 (mm)",nameLocation:"middle",nameGap:30,nameTextStyle:{color:a.textColor,fontSize:12},axisLine:{lineStyle:{color:"#ddd"}},axisLabel:{color:a.textColor,fontSize:10},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}},yAxis:{type:"value",name:"深度 (m)",nameLocation:"middle",nameGap:40,nameTextStyle:{color:a.textColor,fontSize:12},min:D-1,max:T+1,inverse:!1,axisLine:{lineStyle:{color:"#ddd"}},axisLabel:{color:a.textColor,fontSize:10},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}},series:g}},j=()=>{f&&(f.clear(),f.setOption(q(),!0))},ee=n.computed(()=>{var e,o;return((o=(((e=s.conf)==null?void 0:e.data)||[])[0])==null?void 0:o.configPanelId)||""}),te=n.computed(()=>A.value.bindId||s.uid||""),F=n.ref(!0);n.watch(()=>l.channels.deepDisplacement,a=>{var g,c,h;if(!a||a.topic.source==="displacementTrendChart")return;const e=ee.value,o=te.value,{payload:t}=a;t.type==="config"&&t.objectId===e&&(console.log("[TrendChart] 收到配置变化(configPanelId):",e,t.fv),k.value=t.fv,n.nextTick(j)),t.type==="bindConfig"&&t.objectId===o&&(console.log("[TrendChart] 收到直接绑定配置(bindId):",o,t.fv),k.value=t.fv,((g=t.fv)==null?void 0:g.visible)!==void 0&&(F.value=t.fv.visible),n.nextTick(j)),t.type==="export"&&t.objectId===e&&(console.log("[TrendChart] 收到导出请求:",t.fv),(((c=t.fv)==null?void 0:c.type)==="trend_disp"||((h=t.fv)==null?void 0:h.type)==="trend_relative")&&ne())},{deep:!0});const ne=()=>{if(f){const a=f.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),e=document.createElement("a");e.download=`${A.value.title}-位移趋势图.png`,e.href=a,e.click()}};return n.onMounted(()=>{n.nextTick(()=>{const a=document.getElementById(P);a&&(f=de.init(a),f.setOption(q()),I=new ResizeObserver(()=>f==null?void 0:f.resize()),I.observe(a.parentElement))})}),n.onBeforeUnmount(()=>{I==null||I.disconnect(),f==null||f.dispose()}),n.watch(()=>{var a;return(a=s.conf)==null?void 0:a.data},()=>{n.nextTick(j)},{deep:!0}),(a,e)=>n.withDirectives((n.openBlock(),n.createElementBlock("div",pe,[n.createElementVNode("div",fe,[n.createElementVNode("div",ue,n.toDisplayString(Q.value),1),n.createElementVNode("div",he,n.toDisplayString(Y.value),1)]),n.createElementVNode("div",{id:P,class:"chart-area"}),n.renderSlot(a.$slots,"default",{},void 0,!0)],512)),[[n.vShow,F.value]])}})),De=J._export_sfc(Ce,[["__scopeId","data-v-63f21ddb"]]);exports.default=De;