mixdashboards 1.0.71 → 1.0.73

package/dist/{deepDisplacementChart-C_pwwgIC.js → deepDisplacementChart-BiDt60xI.js}

@@ -1,51 +1,52 @@
 var et = Object.defineProperty, ot = Object.defineProperties;
 var at = Object.getOwnPropertyDescriptors;
-var G = Object.getOwnPropertySymbols, nt = Object.getPrototypeOf, st = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable, it = Reflect.get;
-var F = (r, l, o) => l in r ? et(r, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[l] = o, V = (r, l) => {
+var F = Object.getOwnPropertySymbols, nt = Object.getPrototypeOf, st = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable, it = Reflect.get;
+var G = (r, l, o) => l in r ? et(r, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[l] = o, V = (r, l) => {
   for (var o in l || (l = {}))
-    st.call(l, o) && F(r, o, l[o]);
-  if (G)
-    for (var o of G(l))
-      lt.call(l, o) && F(r, o, l[o]);
+    st.call(l, o) && G(r, o, l[o]);
+  if (F)
+    for (var o of F(l))
+      lt.call(l, o) && G(r, o, l[o]);
   return r;
 }, Z = (r, l) => ot(r, at(l));
 var H = (r, l, o) => it(nt(r), o, l);
 var X = (r, l, o) => new Promise((L, u) => {
-  var j = (b) => {
+  var j = (D) => {
     try {
-      _(o.next(b));
-    } catch (k) {
-      u(k);
+      b(o.next(D));
+    } catch (A) {
+      u(A);
     }
-  }, d = (b) => {
+  }, d = (D) => {
     try {
-      _(o.throw(b));
-    } catch (k) {
-      u(k);
+      b(o.throw(D));
+    } catch (A) {
+      u(A);
     }
-  }, _ = (b) => b.done ? L(b.value) : Promise.resolve(b.value).then(j, d);
-  _((o = o.apply(r, l)).next());
+  }, b = (D) => D.done ? L(D.value) : Promise.resolve(D.value).then(j, d);
+  b((o = o.apply(r, l)).next());
 });
-import { defineComponent as ct, useCssVars as rt, unref as N, ref as J, computed as W, watch as q, nextTick as P, onMounted as dt, onBeforeUnmount as pt, openBlock as ft, createElementBlock as ht, createElementVNode as B, toDisplayString as K, renderSlot as ut } from "vue";
+import { defineComponent as ct, useCssVars as rt, unref as P, ref as W, computed as q, watch as J, nextTick as B, onMounted as dt, onBeforeUnmount as pt, openBlock as ft, createElementBlock as ht, createElementVNode as z, toDisplayString as K, renderSlot as ut } from "vue";
 import "html2canvas";
-import { B as mt } from "./BaseComponent-D5tlYehc.js";
-import { k as gt, J as vt, z as yt, _ as xt } from "./index-Bdq33405.js";
+import { B as mt } from "./BaseComponent-CBagahPU.js";
+import { k as gt, L as vt, E as yt, _ as xt } from "./index-DwPJu6XM.js";
 import "./index-ButoLLAe.js";
-import { A as bt, D as Dt } from "./ele-mxa-icon-CJWttkCK.js";
-import { i as _t } from "./echarts-BVht3HHb.js";
-const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" }, Et = { class: "chart-title" }, wt = { class: "chart-subtitle" }, Mt = {
-  DEFAULT_ICON: Dt,
-  ACTIVE_ICON: bt,
+import { A as Dt, D as _t } from "./ele-mxa-icon-CJWttkCK.js";
+import { i as bt } from "./echarts-BVht3HHb.js";
+const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" }, Et = { class: "chart-title" }, Mt = { class: "chart-subtitle" }, wt = {
+  DEFAULT_ICON: _t,
+  ACTIVE_ICON: Dt,
   NAME_CN: "深部位移曲线图",
   NAME_EN: "Deep Displacement Chart",
-  ORDER: 13
-}, kt = {
+  ORDER: 13,
+  PLATFORM: ["pc", "screen"]
+}, At = {
   title: { value: "ZK10-深部位移01", type: "string", label: "component.deepDisplacement.title" },
   depth: { value: 152, type: "number", label: "component.deepDisplacement.depth", min: 1, max: 500 },
   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 }
-}, At = [
+}, kt = [
   {
     configPanelId: "",
     // 配置面板uid
@@ -62,7 +63,7 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
     color: "#4a90d9"
     // 曲线颜色
   }
-], It = ["configPanelId", "name", "object_id", "points_fv", "fv", "depth_fv", "color"], Ot = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Lt = { useAlias: !1, multiObject: !1, source: "mosaic" }, Tt = { DEFAULT: Mt, OPTIONS: kt, DATA: At, PARAMS: It, SOURCE: Ot, COMMON: Lt }, $t = /* @__PURE__ */ ct(Z(V({}, Tt), {
+], Ot = ["configPanelId", "name", "object_id", "points_fv", "fv", "depth_fv", "color"], It = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Lt = { useAlias: !1, multiObject: !1, source: "mosaic" }, Tt = { DEFAULT: wt, OPTIONS: At, DATA: kt, PARAMS: Ot, SOURCE: It, COMMON: Lt }, Rt = /* @__PURE__ */ ct(Z(V({}, Tt), {
   __name: "deepDisplacementChart",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -72,16 +73,16 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
   },
   setup(r) {
     rt((e) => ({
-      v7db3a074: N(I).bgColor,
-      v764b7b0c: N(I).textColor
+      v93f7bd4a: P(O).bgColor,
+      v4701439a: P(O).textColor
     }));
-    const l = gt(), o = r, L = J({
+    const l = gt(), o = r, L = W({
       selectedTimes: [],
       startDate: "",
       endDate: ""
-    }), u = J(/* @__PURE__ */ new Map()), j = `dispChart_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
-    let d = null, _ = null;
-    const b = [
+    }), u = W(/* @__PURE__ */ new Map()), j = `dispChart_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+    let d = null, b = null;
+    const D = [
       "#4a90d9",
       "#67c23a",
       "#e6a23c",
@@ -93,7 +94,7 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
       "#795548",
       "#607d8b"
     ];
-    class k extends mt {
+    class A extends mt {
       extractStyles() {
         var a, n, v, p, m;
         const { options: t } = this.props.conf;
@@ -121,8 +122,8 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
         var v;
         const t = ((v = this.props.conf) == null ? void 0 : v.data) || this.getDefaultData(), a = ["2026-01-15", "2026-01-14", "2026-01-13", "2026-01-12", "2026-01-11"], n = /* @__PURE__ */ new Map();
         return t.forEach((p, m) => {
-          const A = /* @__PURE__ */ new Map();
-          a.forEach((O, f) => {
+          const k = /* @__PURE__ */ new Map();
+          a.forEach((I, f) => {
             const s = [], y = (a.length - 1 - f) * 5;
             for (let c = 0; c <= 30; c++) {
               const C = -122 - c, i = (10 + y + m * 3) * (1 + c * 0.03);
@@ -131,18 +132,18 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
                 value: i + Math.sin(c * 0.2 + m) * 2
               });
             }
-            A.set(O, s);
-          }), n.set(p.name, A);
+            k.set(I, s);
+          }), n.set(p.name, k);
         }), n;
       }
       onPreview() {
         return X(this, null, function* () {
           const { data: t } = this.props.conf;
-          t.some((n) => n.object_id && n.fv) ? (console.log("[DeepDisplacementChart] 检测到数据绑定，订阅真实数据"), yield H(k.prototype, this, "onPreview").call(this)) : (console.log("[DeepDisplacementChart] 未配置数据源，使用模拟数据"), this.getMockData().forEach((v, p) => u.value.set(p, v)), z());
+          t.some((n) => n.object_id && n.fv) ? (console.log("[DeepDisplacementChart] 检测到数据绑定，订阅真实数据"), yield H(A.prototype, this, "onPreview").call(this)) : (console.log("[DeepDisplacementChart] 未配置数据源，使用模拟数据"), this.getMockData().forEach((v, p) => u.value.set(p, v)), N());
         });
       }
       setHistoryData(t) {
-        var A, O;
+        var k, I;
         const { data: a, common: n } = this.props.conf;
         if (!a || a.length === 0 || !a.some((f) => f.object_id && f.fv)) return;
         const p = (n == null ? void 0 : n.source) || "mosaic";
@@ -153,60 +154,60 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
             u.value.clear();
             const f = a.find((i) => i.object_id);
             if (!f) return;
-            const s = a.indexOf(f), y = ((A = m.history) == null ? void 0 : A[s]) || [], c = f.points_fv || "points";
-            y.length > 0 && Array.isArray((O = y[0]) == null ? void 0 : O[c]) ? a.forEach((i) => {
+            const s = a.indexOf(f), y = ((k = m.history) == null ? void 0 : k[s]) || [], c = f.points_fv || "points";
+            y.length > 0 && Array.isArray((I = y[0]) == null ? void 0 : I[c]) ? a.forEach((i) => {
               if (!i.object_id || !i.fv) return;
-              const M = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map();
+              const w = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map();
               y.forEach((x) => {
                 const E = (x.time || x.datetime || "").split(" ")[0];
                 S.has(E) || S.set(E, []), (x[c] || []).forEach((h) => {
-                  var D, $, R;
+                  var _, R, $;
                   S.get(E).push({
-                    depth: ($ = (D = h[i.depth_fv]) != null ? D : h.depth) != null ? $ : 0,
-                    value: (R = h[i.fv]) != null ? R : 0
+                    depth: (R = (_ = h[i.depth_fv]) != null ? _ : h.depth) != null ? R : 0,
+                    value: ($ = h[i.fv]) != null ? $ : 0
                   });
                 });
               }), S.forEach((x, g) => {
                 const E = /* @__PURE__ */ new Map();
                 x.forEach((h) => E.set(h.depth, h.value));
-                const w = Array.from(E.entries()).map(([h, D]) => ({ depth: h, value: D })).sort((h, D) => D.depth - h.depth);
-                M.set(g, w);
-              }), u.value.set(i.name, M);
-            }) : a.forEach((i, M) => {
+                const M = Array.from(E.entries()).map(([h, _]) => ({ depth: h, value: _ })).sort((h, _) => _.depth - h.depth);
+                w.set(g, M);
+              }), u.value.set(i.name, w);
+            }) : a.forEach((i, w) => {
               var E;
               if (!i.object_id || !i.fv) return;
-              const S = ((E = m.history) == null ? void 0 : E[M]) || [], x = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
-              S.forEach((w) => {
-                var $, R;
-                const D = (w.time || w.datetime || "").split(" ")[0];
-                g.has(D) || g.set(D, []), g.get(D).push({
-                  depth: ($ = w[i.depth_fv]) != null ? $ : 0,
-                  value: (R = w[i.fv]) != null ? R : 0
+              const S = ((E = m.history) == null ? void 0 : E[w]) || [], x = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
+              S.forEach((M) => {
+                var R, $;
+                const _ = (M.time || M.datetime || "").split(" ")[0];
+                g.has(_) || g.set(_, []), g.get(_).push({
+                  depth: (R = M[i.depth_fv]) != null ? R : 0,
+                  value: ($ = M[i.fv]) != null ? $ : 0
                 });
-              }), g.forEach((w, h) => {
-                x.set(h, w);
+              }), g.forEach((M, h) => {
+                x.set(h, M);
               }), u.value.set(i.name, x);
             });
           } catch (f) {
             console.error("[Chart] 解析历史数据失败:", f);
           }
-          z();
+          N();
         }
       }
       setSocketData(t) {
         t && console.log("[DeepDisplacementChart] 收到实时数据:", t);
       }
     }
-    const T = new k(o, "deepDisplacementChart");
+    const T = new A(o, "deepDisplacementChart");
     (!o.conf.data || o.conf.data.length === 0) && (o.conf.data = T.getDefaultData()), T.setupLifecycle();
-    const I = T.getStyle(), Q = W(() => {
+    const O = T.getStyle(), Q = q(() => {
       const e = L.value.selectedTimes || [];
       if (e.length === 0) return "";
       const t = [...e].sort(), a = t[0], n = t[t.length - 1];
       return `${a} ~ ${n} [${e.length}天]`;
     }), U = () => {
       var f;
-      const e = I.value, t = L.value, a = ((f = o.conf) == null ? void 0 : f.data) || T.getDefaultData();
+      const e = O.value, t = L.value, a = ((f = o.conf) == null ? void 0 : f.data) || T.getDefaultData();
       let n = t.selectedTimes || [];
       if (u.value.size === 0 && T.getMockData().forEach((y, c) => u.value.set(c, y)), n.length === 0 && u.value.size > 0) {
         const s = u.value.values().next().value;
@@ -218,16 +219,16 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
       a.forEach((s) => {
         const y = u.value.get(s.name);
         if (!y) return;
-        const c = s.color || b[m % b.length];
+        const c = s.color || D[m % D.length];
         m++, n.forEach((C, i) => {
-          const M = y.get(C) || [];
-          if (M.length === 0) return;
-          M.forEach((g) => p.push(g.depth));
+          const w = y.get(C) || [];
+          if (w.length === 0) return;
+          w.forEach((g) => p.push(g.depth));
           const S = 1 - i * 0.15, x = c;
           v.push({
             name: `${s.name} (${C})`,
             type: "line",
-            data: M.map((g) => [g.value, g.depth]),
+            data: w.map((g) => [g.value, g.depth]),
             smooth: !0,
             symbol: "circle",
             symbolSize: 4,
@@ -236,7 +237,7 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
           });
         });
       }), p.length === 0 && (p = [-122, -152]);
-      const A = Math.min(...p), O = Math.max(...p);
+      const k = Math.min(...p), I = Math.max(...p);
       return {
         grid: { left: 60, right: 140, top: 30, bottom: 60 },
         tooltip: {
@@ -283,8 +284,8 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
           nameLocation: "middle",
           nameGap: 40,
           nameTextStyle: { color: e.textColor, fontSize: 12 },
-          min: A - 1,
-          max: O + 1,
+          min: k - 1,
+          max: I + 1,
           inverse: !1,
           axisLine: { lineStyle: { color: "#ddd" } },
           axisLabel: { color: e.textColor, fontSize: 10 },
@@ -292,49 +293,49 @@ const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" },
         },
         series: v
       };
-    }, z = () => {
+    }, N = () => {
       d && (d.clear(), d.setOption(U(), !0));
-    }, Y = W(() => {
+    }, Y = q(() => {
       var t, a;
       return ((a = (((t = o.conf) == null ? void 0 : t.data) || [])[0]) == null ? void 0 : a.configPanelId) || "";
     });
-    q(() => l.channels.deepDisplacement, (e) => {
+    J(() => l.channels.deepDisplacement, (e) => {
       var a;
       if (!e || e.source === "deepDisplacementChart") return;
       const t = Y.value;
-      t && e.objectId === t && (e.type === "config" ? (console.log("[Chart] 收到配置变化:", e.fv), L.value = e.fv, P(z)) : e.type === "export" && (console.log("[Chart] 收到导出请求:", e.fv), ((a = e.fv) == null ? void 0 : a.type) === "static" && tt()));
+      t && e.objectId === t && (e.type === "config" ? (console.log("[Chart] 收到配置变化:", e.fv), L.value = e.fv, B(N)) : e.type === "export" && (console.log("[Chart] 收到导出请求:", e.fv), ((a = e.fv) == null ? void 0 : a.type) === "static" && tt()));
     }, { deep: !0 });
     const tt = () => {
       if (d) {
         const e = d.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), t = document.createElement("a");
-        t.download = `${I.value.title}-深部位移曲线图.png`, t.href = e, t.click();
+        t.download = `${O.value.title}-深部位移曲线图.png`, t.href = e, t.click();
       }
     };
     return dt(() => {
-      P(() => {
+      B(() => {
         const e = document.getElementById(j);
-        e && (d = _t(e), d.setOption(U()), _ = new ResizeObserver(() => d == null ? void 0 : d.resize()), _.observe(e.parentElement));
+        e && (d = bt(e), d.setOption(U()), b = new ResizeObserver(() => d == null ? void 0 : d.resize()), b.observe(e.parentElement));
       });
     }), pt(() => {
-      _ == null || _.disconnect(), d == null || d.dispose();
-    }), q(() => {
+      b == null || b.disconnect(), d == null || d.dispose();
+    }), J(() => {
       var e;
       return (e = o.conf) == null ? void 0 : e.data;
     }, () => {
-      P(z);
+      B(N);
     }, { deep: !0 }), (e, t) => (ft(), ht("div", Ct, [
-      B("div", St, [
-        B("div", Et, K(N(I).title) + "（深度" + K(N(I).depth) + "米）", 1),
-        B("div", wt, K(Q.value), 1)
+      z("div", St, [
+        z("div", Et, K(P(O).title) + "（深度" + K(P(O).depth) + "米）", 1),
+        z("div", Mt, K(Q.value), 1)
       ]),
-      B("div", {
+      z("div", {
         id: j,
         class: "chart-area"
       }),
       ut(e.$slots, "default", {}, void 0, !0)
     ]));
   }
-})), Gt = /* @__PURE__ */ xt($t, [["__scopeId", "data-v-d04a5a0b"]]);
+})), Ft = /* @__PURE__ */ xt(Rt, [["__scopeId", "data-v-778404d4"]]);
 export {
-  Gt as default
+  Ft as default
 };

package/dist/deepDisplacementChart-CALM3gna.cjs

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

package/dist/deepDisplacementChart-CEaj2bUV.cjs

@@ -0,0 +1,6 @@
+"use strict";var ie=Object.defineProperty,oe=Object.defineProperties;var re=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols,ce=Object.getPrototypeOf,ue=Object.prototype.hasOwnProperty,pe=Object.prototype.propertyIsEnumerable,de=Reflect.get;var W=(_,y,b)=>y in _?ie(_,y,{enumerable:!0,configurable:!0,writable:!0,value:b}):_[y]=b,A=(_,y)=>{for(var b in y||(y={}))ue.call(y,b)&&W(_,b,y[b]);if(G)for(var b of G(y))pe.call(y,b)&&W(_,b,y[b]);return _},U=(_,y)=>oe(_,re(y));var X=(_,y,b)=>de(ce(_),b,y);var Y=(_,y,b)=>new Promise((S,j)=>{var B=g=>{try{x(b.next(g))}catch(N){j(N)}},V=g=>{try{x(b.throw(g))}catch(N){j(N)}},x=g=>g.done?S(g.value):Promise.resolve(g.value).then(B,V);x((b=b.apply(_,y)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=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"),he=require("@element-plus/icons-vue");require("html2canvas");const k=require("./index-DVqMfQVc.cjs");require("element-plus");const me=require("./EChartComponentBase-dLE5F7Tt.cjs"),fe=require("./request-DegEaaCG.cjs"),Z=require("./ele-lin-icon-Dke_1AmT.cjs"),ve={class:"panel-header"},ye={class:"header-left"},ge={class:"header-title"},be={class:"chart-area"},xe={class:"toolbar"},De=["id"],Ce={DEFAULT_ICON:Z.DEFAULT_ICON,ACTIVE_ICON:Z.ACTIVE_ICON,NAME_CN:"深部位移图表",NAME_EN:"Deep Displacement Chart",ORDER:1,PLATFORM:["pc","screen"]},Se={title:{value:"深部位移图表",type:"string",label:"component.deepDisplacementChart.title"},dispType:{value:"cumulative",type:"select",label:"component.deepDisplacementChart.dispType",options:[{label:"component.deepDisplacementChart.dispTypeOptions.cumulative",value:"cumulative"},{label:"component.deepDisplacementChart.dispTypeOptions.relative",value:"relative"}]},bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},xAxisName:{value:"位移量(mm)",type:"string",label:"component.deepDisplacementChart.xAxisName"},yAxisLeftName:{value:"深度(m)",type:"string",label:"component.deepDisplacementChart.yAxisLeftName"},yAxisRightName:{value:"高程(m)",type:"string",label:"component.deepDisplacementChart.yAxisRightName"},baseElevation:{value:688,type:"number",label:"基准高程(m)"},jumpUrl:{value:"",type:"string",label:"component.deepDisplacementChart.jumpUrl"},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"}}},Ee=[{name:"X位移",fvPrefix:"x",separator:"_",minDepth:0,maxDepth:200,step:1,color:"#4a90d9",object_id:""},{name:"Y位移",fvPrefix:"y",separator:"_",minDepth:0,maxDepth:200,step:1,color:"#f5a623",object_id:""},{name:"Z位移",fvPrefix:"z",separator:"_",minDepth:0,maxDepth:200,step:1,color:"#7ed321",object_id:""}],_e=["name","fv","fvPrefix","separator","minDepth","maxDepth","step","color","object_id"],Oe=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],Ne={useAlias:!1,multiObject:!0,source:"mosaic"},je={DEFAULT:Ce,OPTIONS:Se,DATA:Ee,PARAMS:_e,SOURCE:Oe,COMMON:Ne},we=l.defineComponent(U(A({},je),{__name:"deepDisplacementChart",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(_){const y=_;class b extends me.EChartComponentBase{constructor(){super(...arguments),this.currentObjectId="",this.chartData=new Map,this.timeSeriesData=new Map,this.latestValues=new Map}getRecordValue(e,t){return e&&Object.prototype.hasOwnProperty.call(e,t)?e[t]:e!=null&&e.event?this.extractDataValue(e,t):e==null?void 0:e[t]}getDepthValue(e){const t=Number(e);return Number.isFinite(t)?t:null}extractStyles(){var a,o,p,m,f,h,n,d,r,c,v;const{options:e}=this.props.conf,t=((a=e==null?void 0:e.linkChannel)==null?void 0:a.value)||"deepDisplacement",i=((o=e==null?void 0:e.customChannel)==null?void 0:o.value)||"",s=t==="custom"&&i?i:t;return{title:((p=e==null?void 0:e.title)==null?void 0:p.value)||"深部位移图表",dispType:((m=e==null?void 0:e.dispType)==null?void 0:m.value)||"cumulative",bgColor:((f=e==null?void 0:e.bgColor)==null?void 0:f.value)||"#ffffff",textColor:((h=e==null?void 0:e.textColor)==null?void 0:h.value)||"#333333",xAxisName:((n=e==null?void 0:e.xAxisName)==null?void 0:n.value)||"位移量(mm)",yAxisLeftName:((d=e==null?void 0:e.yAxisLeftName)==null?void 0:d.value)||"深度(m)",yAxisRightName:((r=e==null?void 0:e.yAxisRightName)==null?void 0:r.value)||"高程(m)",baseElevation:((c=e==null?void 0:e.baseElevation)==null?void 0:c.value)||688,jumpUrl:((v=e==null?void 0:e.jumpUrl)==null?void 0:v.value)||"",linkChannel:s}}getDefaultData(){return[{name:"合位移",fv:"disp_130",depth:-130,color:"#4a90d9",object_id:""},{name:"合位移",fv:"disp_140",depth:-140,color:"#4a90d9",object_id:""}]}initHistory(){return Y(this,null,function*(){const e=this.props.conf;if(!e)return[];e.options||(e.options={});const t=e.options.points,i=Object.prototype.hasOwnProperty.call(e.options,"points");(!t||Number(t)<24)&&(e.options.points=24);try{return yield X(b.prototype,this,"initHistory").call(this)}finally{i?e.options.points=t:delete e.options.points}})}setHistoryData(e){var o,p,m;const{data:t,common:i}=this.props.conf;if(!t||t.length===0)return;const s=(i==null?void 0:i.source)||"mosaic";["statistics","calculate"].includes(s)&&(e=k.formatStatisticsResult(e,t));const a=k.handleNullData(e,this.props,"history");if(a){console.log("[DeepDisplacementChart] history raw sample:",((p=(o=a.history)==null?void 0:o[0])==null?void 0:p[0])||((m=a.history)==null?void 0:m[0])||a.history);try{if(this.chartData.clear(),this.timeSeriesData.clear(),g.value=[],N.value=[],!a.history||!Array.isArray(a.history))return;const f=[...new Set(t.map(r=>{var c;return String((c=r.object_id)!=null?c:"")}))],h=Array.isArray(a.history)?a.history:[],n=r=>{const c=t.map((C,D)=>D).filter(C=>{var D,w;return String((w=(D=t[C])==null?void 0:D.object_id)!=null?w:"")===r});if(!c.length)return[];const v=c[0],E=Array.isArray(h[v])?h[v]:[],O=[];return E.forEach((C,D)=>{const w=C&&typeof C=="object"?A({},C):{};c.forEach(R=>{var $,H;const q=($=h[R])==null?void 0:$[D],F=(H=t[R])==null?void 0:H.fv;F&&q&&typeof q=="object"&&Object.prototype.hasOwnProperty.call(q,F)&&(w[F]=q[F])}),O.push(w)}),O},d=f.map(r=>n(r));if(this.processMultiObjectHistory(d,t,f),T(),!x.value&&g.value.length&&(x.value=g.value[g.value.length-1]),console.log("[DeepDisplacementChart] 选中时间:",x.value),console.log("[DeepDisplacementChart] timeSeriesData 中的时间点:",Array.from(this.timeSeriesData.keys())),x.value&&this.timeSeriesData.has(x.value)){const r=this.timeSeriesData.get(x.value);console.log("[DeepDisplacementChart] 选中时间的数据，线:",Array.from((r==null?void 0:r.keys())||[])),this.chartData=new Map(r||new Map)}console.log("[DeepDisplacementChart] 最终 chartData 中的线:",Array.from(this.chartData.keys())),I.value++}catch(f){console.error("[DeepDisplacementChart] 解析历史数据失败:",f)}}}processHistoryRecords(e,t){e.forEach(i=>{var o;const s=(o=i==null?void 0:i.time)!=null?o:i==null?void 0:i.datetime;if(!s)return;const a=new Map;if(t.forEach(p=>{const m=p.fv,f=p.depth,h=p.name||"未命名",n=this.getRecordValue(i,m),d=Number(n);if(n!=null&&Number.isFinite(f)){const c=(this.extractStyles().baseElevation||688)+f;a.has(h)||a.set(h,[]),a.get(h).push({depth:f,elevation:c,value:Number.isFinite(d)?d:0})}}),a.size>0){const p=new Map;a.forEach((m,f)=>{m.sort((h,n)=>n.depth-h.depth),p.set(f,m)}),this.timeSeriesData.set(String(s),p),L(s)}})}processMultiObjectHistory(e,t,i){const s=e[0]||[];s.length&&s.forEach((a,o)=>{var f;const p=(f=a==null?void 0:a.time)!=null?f:a==null?void 0:a.datetime;if(!p)return;const m=new Map;if(t.forEach(h=>{const n=h.fv,d=h.depth,r=h.name||"未命名",c=h.object_id,v=i.indexOf(c);if(v===-1||!e[v])return;const E=e[v];if(!E[o])return;const O=E[o],C=this.getRecordValue(O,n),D=Number(C);if(C!=null&&Number.isFinite(d)){const R=(this.extractStyles().baseElevation||688)+d;m.has(r)||m.set(r,[]),m.get(r).push({depth:d,elevation:R,value:D})}}),m.size>0){const h=new Map;m.forEach((n,d)=>{n.sort((r,c)=>c.depth-r.depth),h.set(d,n)}),this.timeSeriesData.set(String(p),h),L(p)}})}setSocketData(e){var i,s;if(!e)return;const{data:t}=this.props.conf;if(!(!t||t.length===0))try{const a=(s=(i=e==null?void 0:e.time)!=null?i:e==null?void 0:e.datetime)!=null?s:Date.now(),o=new Map;console.log("[DeepDisplacementChart] realtime raw:",e),t.forEach(m=>{const f=m.fv,h=this.getDepthValue(m.depth),n=m.name||"未命名",d=this.extractDataValue(e,f);console.log("[DeepDisplacementChart] realtime fv:",f,"rawValue:",d),d!=null&&Number.isFinite(Number(d))&&this.latestValues.set(f,Number(d));const r=this.latestValues.get(f);if(r!==void 0&&h!==null){const v=(this.extractStyles().baseElevation||688)+h;o.has(n)||o.set(n,[]),o.get(n).push({depth:h,elevation:v,value:r})}});const p=new Map;o.forEach((m,f)=>{m.sort((h,n)=>n.depth-h.depth),p.set(f,m)}),p.size>0&&(console.log("[DeepDisplacementChart] realtime series keys:",Array.from(p.keys())),console.log("[DeepDisplacementChart] realtime series data:",Array.from(p.entries())),this.timeSeriesData.set(String(a),p),L(a),this.chartData=p,I.value++)}catch(a){console.error("[DeepDisplacementChart] 解析实时数据失败:",a)}}setCurrentObjectId(e){this.currentObjectId=e}getCurrentObjectId(){return this.currentObjectId}getChartOption(){var r;const e=this.extractStyles(),t=((r=this.props.conf)==null?void 0:r.data)||[],i=x.value;i&&this.timeSeriesData.has(i)&&(this.chartData=new Map(this.timeSeriesData.get(i)||new Map));const s=[];let a=[],o=[];this.chartData.forEach((c,v)=>{if(c.length===0)return;c.forEach(D=>{D.depth!==void 0&&a.push(D.depth),D.elevation!==void 0&&o.push(D.elevation)});const E=[...c].sort((D,w)=>(w.depth||0)-(D.depth||0)),O=t.find(D=>D.name===v),C=(O==null?void 0:O.color)||"#4a90d9";s.push({name:v,type:"line",data:E.map(D=>[D.value||0,D.depth||0]),smooth:!0,symbol:"circle",symbolSize:6,lineStyle:{color:C,width:2},itemStyle:{color:C,borderColor:"#fff",borderWidth:2},yAxisIndex:0})}),s.length===0&&this.getMockData().forEach(v=>{s.push({name:v.name,type:"line",data:v.data,smooth:!0,symbol:"circle",symbolSize:6,lineStyle:{color:v.color,width:2},itemStyle:{color:v.color,borderColor:"#fff",borderWidth:2},yAxisIndex:0}),v.data.forEach(E=>a.push(E[1]))});const p=a.length>0?Math.min(...a):-80,m=a.length>0?Math.max(...a):0,f=o.length>0?Math.min(...o):810,h=o.length>0?Math.max(...o):890,n=h||890,d=c=>n+c;return{grid:{left:80,right:80,top:36,bottom:88},tooltip:{trigger:"axis",backgroundColor:"rgba(255,255,255,0.95)",borderColor:"#e5e5e5",textStyle:{color:"#333",fontSize:12},formatter:c=>{if(!c||c.length===0)return"";const v=c[0].data[1],E=d(v);let O=`<div style="padding:8px;max-width:300px;">
+						<div style="font-weight:600;margin-bottom:6px;">深度: ${v}m</div>
+						<div style="color:#666;margin-bottom:6px;">高程: ${E.toFixed(2)}m</div>`;return c.forEach(C=>{O+=`<div style="display:flex;align-items:center;margin:2px 0;">
+							<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${C.color};margin-right:6px;"></span>
+							<span style="flex:1;">${C.seriesName}: ${C.data[0].toFixed(2)} mm</span>
+						</div>`}),O+="</div>",O}},legend:{type:"scroll",orient:"horizontal",bottom:10,itemWidth:16,itemHeight:10,itemGap:10,textStyle:{color:e.textColor,fontSize:12}},xAxis:{type:"value",name:e.xAxisName,nameLocation:"middle",nameGap:30,nameTextStyle:{color:e.textColor,fontSize:12},axisLine:{lineStyle:{color:"#ddd"}},axisLabel:{color:e.textColor,fontSize:11},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}},yAxis:[{type:"value",name:e.yAxisLeftName,nameLocation:"middle",nameGap:50,nameTextStyle:{color:e.textColor,fontSize:12},position:"left",min:p-1,max:m+1,inverse:!1,axisLine:{lineStyle:{color:"#ddd"}},axisLabel:{color:e.textColor,fontSize:11},splitLine:{lineStyle:{color:"#f0f0f0",type:"dashed"}}},{type:"value",name:e.yAxisRightName,nameLocation:"middle",nameGap:50,nameTextStyle:{color:e.textColor,fontSize:12},position:"right",min:f-1,max:h+1,inverse:!1,axisLine:{lineStyle:{color:"#ddd"}},axisLabel:{color:e.textColor,fontSize:11,formatter:c=>c.toFixed(2)},splitLine:{show:!1}}],series:s}}getMockData(){var i;const e=((i=this.props.conf)==null?void 0:i.data)||this.getDefaultData(),t=[];return e.forEach((s,a)=>{const o=[];for(let p=0;p<=25;p++){const m=-p*3,f=(a+1)*5+p*.5;o.push([f+Math.sin(p*.3)*2,m])}t.push({name:s.name||`曲线${a+1}`,color:s.color||"#4a90d9",data:o})}),t}onLinkEvent(e){le(e)}}const S=new b(y,"deepDisplacementChart");S.setupLifecycle();const j=S.getStyle(),B=S.getEchartId(),V=l.inject("session",null),x=l.ref(""),g=l.ref([]),N=l.ref([]),M=l.ref(null),J=u=>{if(u==null||u==="")return null;const e=typeof u=="string"?u:String(u);if(/^\d+$/.test(e))return k.dayjs(Number(e));const t=k.dayjs(e);return t.isValid()?t:null},K=(u,e)=>{const t=s=>{if(!s)return null;const a=k.dayjs(s);return a.isValid()?s.length<=10?a.startOf("day"):a:null},i=s=>{if(!s)return null;const a=k.dayjs(s);return a.isValid()?s.length<=10?a.endOf("day"):a:null};return{start:t(u),end:i(e)}},T=()=>{if(!M.value){g.value=[...N.value];return}const{start:u,end:e,timeList:t}=M.value;if(t&&t.length>0){const i=new Set(t);g.value=N.value.filter(s=>{const a=String(s).split(" ")[0];return i.has(a)||i.has(String(s))})}else if(u||e){const{start:i,end:s}=K(u,e);g.value=N.value.filter(a=>{const o=J(a);return!(!o||!o.isValid()||i&&o.isBefore(i)||s&&o.isAfter(s))})}else g.value=[...N.value];x.value&&!g.value.includes(x.value)&&(x.value=g.value[g.value.length-1]||"")},L=(u,e=!0)=>{if(u==null||u==="")return;const t=String(u);N.value.includes(t)||(N.value=[...N.value,t]),T(),e&&(x.value=t)},Q=()=>{z()},ee=()=>{const u=S.getChartInstance();if(!u)return;const e=u.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),t=document.createElement("a");t.href=e,t.download=`deep-displacement-${x.value||Date.now()}.png`,t.click()},te=l.ref(null),I=l.ref(0),ae=l.computed(()=>({backgroundColor:j.value.bgColor,color:j.value.textColor})),ne=()=>{if(y.mode==="edit")return;const u=j.value.jumpUrl;u&&window.open(u,"_blank")},z=()=>{const u=S.getChartInstance();if(u){const e=S.getChartOption();u.setOption(e,!0)}};l.watch(()=>y.conf,()=>{S.init(),l.nextTick(()=>z())},{deep:!0}),l.watch(()=>j.value.dispType,()=>{l.nextTick(()=>z())}),l.watch(I,()=>{l.nextTick(()=>z())});const se=u=>{if(!V||!u||y.mode!=="preview")return;const e=S.getCurrentObjectId();if(e===u)return;console.log(`[deepDisplacementChart] 切换订阅: ${e} → ${u}`),S.setCurrentObjectId(u);const t=U(A({},y.conf),{data:y.conf.data.map(s=>U(A({},s),{object_id:u}))}),i=fe.formatRequest(t,y.uid,"deepDisplacementChart");V.registerComponent({id:y.conf.id,request:i,onUpdate:(s,a)=>{s==="realtime"&&S.setSocketData(a)}})},le=u=>{var m,f,h;console.log("[deepDisplacementChart] 收到联动事件:",u);const{payload:e}=u;if(!e)return;if(e.type==="filter"){const n=e.timeRange||e.dateRange||e.timeRangeValue,d=e.timeList||e.selectedTimes,r={};Array.isArray(d)&&d.length>0?r.timeList=d:Array.isArray(n)&&n.length?(r.start=String(n[0]),r.end=String(n[n.length-1])):(n!=null&&n.startDate||n!=null&&n.start||n!=null&&n.endDate||n!=null&&n.end)&&(r.start=String(n.startDate||n.start||"")||void 0,r.end=String(n.endDate||n.end||"")||void 0),Object.keys(r).length>0?(M.value=r,T(),!x.value&&g.value.length&&(x.value=g.value[g.value.length-1])):(M.value=null,T());return}const{objectId:t,deviceId:i}=e,s=y.conf,a=(s==null?void 0:s.data)||[],o=(s==null?void 0:s.common)||{};if(a.length>0&&!(o!=null&&o.multiObject)){const n=k.getObjectId(o,o==null?void 0:o.useAlias,y.uid)||((m=a[0])==null?void 0:m.object_id),d=t||(e==null?void 0:e.object_id);if(n&&d&&String(n)!==String(d))return}te.value=e;let p=null;if(t&&(p=a.find(n=>String(n.object_id)===String(t))),!p&&i&&(p=a.find(n=>n.deviceId===i||n.name===i)),p&&e){console.log(`[deepDisplacementChart] 匹配 object_id=${t}, 更新图表数据`);const n=new Map;if(a.forEach(d=>{if(String(d.object_id)!==String(t))return;const r=d.fv,c=d.depth,v=d.name||"未命名",E=S.getRecordValue(e,r);if(E!=null&&Number.isFinite(Number(E))&&Number.isFinite(c)){const C=(S.extractStyles().baseElevation||688)+c;n.has(v)||n.set(v,[]),n.get(v).push({depth:c,elevation:C,value:Number(E)})}}),n.size>0){const d=String((h=(f=e==null?void 0:e.time)!=null?f:e==null?void 0:e.datetime)!=null?h:Date.now()),r=new Map;n.forEach((c,v)=>{c.sort((E,O)=>O.depth-E.depth),r.set(v,c)}),L(d),S.timeSeriesData.set(d,r),S.chartData=r,I.value++}}t&&se(t)};return l.onMounted(()=>{S.init()}),l.onUnmounted(()=>{S.cleanup()}),(u,e)=>{const t=P.ElOption,i=P.ElSelect,s=P.ElIcon,a=P.ElButton;return l.openBlock(),l.createElementBlock("div",{class:"deep-displacement-chart-wrapper",style:l.normalizeStyle(ae.value)},[l.createElementVNode("div",ve,[l.createElementVNode("div",ye,[e[1]||(e[1]=l.createElementVNode("div",{class:"header-indicator"},null,-1)),l.createElementVNode("span",ge,l.toDisplayString(l.unref(j).title),1)])]),l.createElementVNode("div",be,[l.createElementVNode("div",xe,[l.createVNode(i,{modelValue:x.value,"onUpdate:modelValue":e[0]||(e[0]=o=>x.value=o),placeholder:"选择时间",size:"small",class:"time-select",onChange:Q},{default:l.withCtx(()=>[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(g.value,o=>(l.openBlock(),l.createBlock(t,{key:o,label:o,value:o},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),l.createVNode(a,{size:"small",class:"export-btn",onClick:ee},{default:l.withCtx(()=>[l.createVNode(s,null,{default:l.withCtx(()=>[l.createVNode(l.unref(he.Download))]),_:1}),e[2]||(e[2]=l.createTextVNode(" 导出图 ",-1))]),_:1})]),l.createElementVNode("div",{id:l.unref(B),class:"chart-container",style:l.normalizeStyle({cursor:l.unref(j).jumpUrl?"pointer":"default"}),onClick:ne},null,12,De)]),l.renderSlot(u.$slots,"default",{},void 0,!0)],4)}}})),ke=k._export_sfc(we,[["__scopeId","data-v-195c2565"]]);exports.default=ke;