mixdashboards 1.0.32 → 1.0.39

package/dist/deepDisplacementChart-2JZNrhrw.cjs

@@ -0,0 +1,5 @@
+"use strict";var Q=Object.defineProperty,Y=Object.defineProperties;var ee=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols,te=Object.getPrototypeOf,oe=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable,ne=Reflect.get;var q=(d,i,a)=>i in d?Q(d,i,{enumerable:!0,configurable:!0,writable:!0,value:a}):d[i]=a,U=(d,i)=>{for(var a in i||(i={}))oe.call(i,a)&&q(d,a,i[a]);if(V)for(var a of V(i))ae.call(i,a)&&q(d,a,i[a]);return d},K=(d,i)=>Y(d,ee(i));var F=(d,i,a)=>ne(te(d),a,i);var G=(d,i,a)=>new Promise((N,m)=>{var j=b=>{try{_(a.next(b))}catch(A){m(A)}},p=b=>{try{_(a.throw(b))}catch(A){m(A)}},_=b=>b.done?N(b.value):Promise.resolve(b.value).then(j,p);_((a=a.apply(d,i)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");require("html2canvas");const P=require("./element-resize-detector-Bo5uDQAu.cjs"),H=require("./index-Mh5Dw2sd.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},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(K(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=>({v7db3a074:o.unref(O).bgColor,v764b7b0c:o.unref(O).textColor}));const i=H.useLinkStore(),a=d,N=o.ref({selectedTimes:[],startDate:"",endDate:""}),m=o.ref(new Map),j=`dispChart_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;let p=null,_=null;const b=["#4a90d9","#67c23a","#e6a23c","#f56c6c","#909399","#00bcd4","#9c27b0","#ff9800","#795548","#607d8b"];class A extends P.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 F(A.prototype,this,"onPreview").call(this)):(console.log("[DeepDisplacementChart] 未配置数据源，使用模拟数据"),this.getMockData().forEach((y,f)=>m.value.set(f,y)),z())})}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=P.formatStatisticsResult(e,n));const g=P.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 k=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 C,R,$;E.get(M).push({depth:(R=(C=u[c.depth_fv])!=null?C: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,C])=>({depth:u,value:C})).sort((u,C)=>C.depth-u.depth);k.set(v,w)}),m.value.set(c.name,k)}):n.forEach((c,k)=>{var M;if(!c.object_id||!c.fv)return;const E=((M=g.history)==null?void 0:M[k])||[],D=new Map,v=new Map;E.forEach(w=>{var R,$;const C=(w.time||w.datetime||"").split(" ")[0];v.has(C)||v.set(C,[]),v.get(C).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)}z()}}setSocketData(e){e&&console.log("[DeepDisplacementChart] 收到实时数据:",e)}}const L=new A(a,"deepDisplacementChart");(!a.conf.data||a.conf.data.length===0)&&(a.conf.data=L.getDefaultData()),L.setupLifecycle();const O=L.getStyle(),X=o.computed(()=>{const t=N.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=N.value,n=((h=a.conf)==null?void 0:h.data)||L.getDefaultData();let s=e.selectedTimes||[];if(m.value.size===0&&L.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||b[g%b.length];g++,s.forEach((S,c)=>{const k=x.get(S)||[];if(k.length===0)return;k.forEach(v=>f.push(v.depth));const E=1-c*.15,D=r;y.push({name:`${l.name} (${S})`,type:"line",data:k.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}},z=()=>{p&&(p.clear(),p.setOption(B(),!0))},W=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=W.value;e&&t.objectId===e&&(t.type==="config"?(console.log("[Chart] 收到配置变化:",t.fv),N.value=t.fv,o.nextTick(z)):t.type==="export"&&(console.log("[Chart] 收到导出请求:",t.fv),((n=t.fv)==null?void 0:n.type)==="static"&&J()))},{deep:!0});const J=()=>{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()),_=new ResizeObserver(()=>p==null?void 0:p.resize()),_.observe(t.parentElement))})}),o.onBeforeUnmount(()=>{_==null||_.disconnect(),p==null||p.dispose()}),o.watch(()=>{var t;return(t=a.conf)==null?void 0:t.data},()=>{o.nextTick(z)},{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(X.value),1)]),o.createElementVNode("div",{id:j,class:"chart-area"}),o.renderSlot(t.$slots,"default",{},void 0,!0)]))}})),ye=H._export_sfc(ve,[["__scopeId","data-v-d04a5a0b"]]);exports.default=ye;

package/dist/deepDisplacementChart-BCIuCMdK.js

@@ -0,0 +1,585 @@
+var ie = Object.defineProperty, re = Object.defineProperties;
+var ce = Object.getOwnPropertyDescriptors;
+var q = Object.getOwnPropertySymbols;
+var pe = Object.prototype.hasOwnProperty, ue = Object.prototype.propertyIsEnumerable;
+var P = (E, v, x) => v in E ? ie(E, v, { enumerable: !0, configurable: !0, writable: !0, value: x }) : E[v] = x, T = (E, v) => {
+  for (var x in v || (v = {}))
+    pe.call(v, x) && P(E, x, v[x]);
+  if (q)
+    for (var x of q(v))
+      ue.call(v, x) && P(E, x, v[x]);
+  return E;
+}, I = (E, v) => re(E, ce(v));
+import { ElSelect as he, ElOption as me, ElButton as de, ElIcon as fe } 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 ve, inject as ge, ref as N, computed as ye, watch as U, nextTick as $, onMounted as be, onUnmounted as De, openBlock as H, createElementBlock as J, normalizeStyle as K, createElementVNode as j, toDisplayString as Ce, unref as R, createVNode as z, withCtx as G, Fragment as xe, renderList as Se, createBlock as _e, createTextVNode as Ee, renderSlot as Oe } from "vue";
+import { Download as je } from "@element-plus/icons-vue";
+import "html2canvas";
+import { i as we, j as Ne, d as Ae } from "./element-resize-detector-DJcsrJ8s.js";
+import { d as F, _ as ke } from "./index-kShjySl9.js";
+import { E as Me } from "./EChartComponentBase-BQOhWkz2.js";
+import { formatRequest as Ve } from "./request-BD0x5Hkt.js";
+import { A as Le, D as Te } from "./ele-lin-icon-Dax-ZiWV.js";
+const Ie = { class: "panel-header" }, Re = { class: "header-left" }, ze = { class: "header-title" }, Fe = { class: "chart-area" }, Ue = { class: "toolbar" }, $e = ["id"], He = {
+  DEFAULT_ICON: Te,
+  ACTIVE_ICON: Le,
+  NAME_CN: "深部位移图表",
+  NAME_EN: "Deep Displacement Chart",
+  ORDER: 1
+}, Ge = {
+  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" }
+  }
+}, Be = [
+  {
+    name: "合位移",
+    // 线的名称（相同 name 的点会连成一条线）
+    fv: "disp_130",
+    // FV字段名
+    depth: -130,
+    // 深度值（米）
+    color: "#4a90d9",
+    object_id: ""
+  },
+  {
+    name: "合位移",
+    // 相同的 name，会和上面的点连成一条线
+    fv: "disp_140",
+    depth: -140,
+    color: "#4a90d9",
+    object_id: ""
+  }
+], We = ["name", "fv", "depth", "color", "object_id"], qe = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Pe = { useAlias: !1, multiObject: !0, source: "mosaic" }, Je = { DEFAULT: He, OPTIONS: Ge, DATA: Be, PARAMS: We, SOURCE: qe, COMMON: Pe }, Ke = /* @__PURE__ */ ve(I(T({}, Je), {
+  __name: "deepDisplacementChart",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(E) {
+    const v = E;
+    class x extends Me {
+      constructor() {
+        super(...arguments), this.currentObjectId = "", this.chartData = /* @__PURE__ */ new Map(), this.timeSeriesData = /* @__PURE__ */ new Map(), this.latestValues = /* @__PURE__ */ new Map();
+      }
+      getRecordValue(e, a) {
+        return e && Object.prototype.hasOwnProperty.call(e, a) ? e[a] : e != null && e.event ? this.extractDataValue(e, a) : e == null ? void 0 : e[a];
+      }
+      getDepthValue(e) {
+        const a = Number(e);
+        return Number.isFinite(a) ? a : null;
+      }
+      extractStyles() {
+        var t, s, c, u, h, i, n, p, d, m, f;
+        const { options: e } = this.props.conf, a = ((t = e == null ? void 0 : e.linkChannel) == null ? void 0 : t.value) || "deepDisplacement", o = ((s = e == null ? void 0 : e.customChannel) == null ? void 0 : s.value) || "", l = a === "custom" && o ? o : a;
+        return {
+          title: ((c = e == null ? void 0 : e.title) == null ? void 0 : c.value) || "深部位移图表",
+          dispType: ((u = e == null ? void 0 : e.dispType) == null ? void 0 : u.value) || "cumulative",
+          bgColor: ((h = e == null ? void 0 : e.bgColor) == null ? void 0 : h.value) || "#ffffff",
+          textColor: ((i = e == null ? void 0 : e.textColor) == null ? void 0 : i.value) || "#333333",
+          xAxisName: ((n = e == null ? void 0 : e.xAxisName) == null ? void 0 : n.value) || "位移量(mm)",
+          yAxisLeftName: ((p = e == null ? void 0 : e.yAxisLeftName) == null ? void 0 : p.value) || "深度(m)",
+          yAxisRightName: ((d = e == null ? void 0 : e.yAxisRightName) == null ? void 0 : d.value) || "高程(m)",
+          baseElevation: ((m = e == null ? void 0 : e.baseElevation) == null ? void 0 : m.value) || 688,
+          jumpUrl: ((f = e == null ? void 0 : e.jumpUrl) == null ? void 0 : f.value) || "",
+          linkChannel: l
+          // 联动频道
+        };
+      }
+      getDefaultData() {
+        return [
+          {
+            name: "合位移",
+            fv: "disp_130",
+            depth: -130,
+            color: "#4a90d9",
+            object_id: ""
+          },
+          {
+            name: "合位移",
+            fv: "disp_140",
+            depth: -140,
+            color: "#4a90d9",
+            object_id: ""
+          }
+        ];
+      }
+      // 处理历史数据
+      setHistoryData(e) {
+        var s, c, u;
+        const { data: a, common: o } = this.props.conf;
+        if (!a || a.length === 0) return;
+        const l = (o == null ? void 0 : o.source) || "mosaic";
+        ["statistics", "calculate"].includes(l) && (e = we(e, a));
+        const t = Ne(e, this.props, "history");
+        if (t) {
+          console.log("[DeepDisplacementChart] history raw sample:", ((c = (s = t.history) == null ? void 0 : s[0]) == null ? void 0 : c[0]) || ((u = t.history) == null ? void 0 : u[0]) || t.history);
+          try {
+            if (this.chartData.clear(), this.timeSeriesData.clear(), b.value = [], O.value = [], !t.history || !Array.isArray(t.history)) return;
+            const h = t.history.length > 0 && Array.isArray(t.history[0]);
+            if (console.log("[DeepDisplacementChart] ===== 开始处理历史数据 ====="), console.log("[DeepDisplacementChart] response.history 长度:", t.history.length), console.log("[DeepDisplacementChart] 是否多对象数据:", h), console.log("[DeepDisplacementChart] 配置项数量:", a.length), console.log("[DeepDisplacementChart] 配置项:", a.map((i) => ({ name: i.name, fv: i.fv, object_id: i.object_id }))), !h)
+              console.log("[DeepDisplacementChart] 单对象模式"), this.processHistoryRecords(t.history, a);
+            else {
+              console.log("[DeepDisplacementChart] 多对象模式，对象数量:", t.history.length);
+              const i = [...new Set(a.map((n) => n.object_id).filter(Boolean))];
+              if (console.log("[DeepDisplacementChart] 配置的对象ID:", i), i.length === 1) {
+                const n = t.history[0] || [];
+                this.processHistoryRecords(n, a);
+              } else
+                this.processMultiObjectHistory(t.history, a, i);
+            }
+            if (k(), !y.value && b.value.length && (y.value = b.value[b.value.length - 1]), console.log("[DeepDisplacementChart] 选中时间:", y.value), console.log("[DeepDisplacementChart] timeSeriesData 中的时间点:", Array.from(this.timeSeriesData.keys())), y.value && this.timeSeriesData.has(y.value)) {
+              const i = this.timeSeriesData.get(y.value);
+              console.log("[DeepDisplacementChart] 选中时间的数据，线:", Array.from((i == null ? void 0 : i.keys()) || [])), this.chartData = new Map(i || /* @__PURE__ */ new Map());
+            }
+            console.log("[DeepDisplacementChart] 最终 chartData 中的线:", Array.from(this.chartData.keys())), V.value++;
+          } catch (h) {
+            console.error("[DeepDisplacementChart] 解析历史数据失败:", h);
+          }
+        }
+      }
+      // 处理单个对象的历史记录
+      processHistoryRecords(e, a) {
+        e.forEach((o) => {
+          var s;
+          const l = (s = o == null ? void 0 : o.time) != null ? s : o == null ? void 0 : o.datetime;
+          if (!l) return;
+          const t = /* @__PURE__ */ new Map();
+          if (a.forEach((c) => {
+            const u = c.fv, h = c.depth, i = c.name || "未命名", n = this.getRecordValue(o, u), p = Number(n);
+            if (n != null && Number.isFinite(h)) {
+              const m = (this.extractStyles().baseElevation || 688) + h;
+              t.has(i) || t.set(i, []), t.get(i).push({
+                depth: h,
+                elevation: m,
+                value: Number.isFinite(p) ? p : 0
+              });
+            }
+          }), t.size > 0) {
+            const c = /* @__PURE__ */ new Map();
+            t.forEach((u, h) => {
+              u.sort((i, n) => n.depth - i.depth), c.set(h, u);
+            }), this.timeSeriesData.set(String(l), c), M(l);
+          }
+        });
+      }
+      // 处理多个对象的历史数据
+      processMultiObjectHistory(e, a, o) {
+        const l = e[0] || [];
+        l.length && l.forEach((t, s) => {
+          var h;
+          const c = (h = t == null ? void 0 : t.time) != null ? h : t == null ? void 0 : t.datetime;
+          if (!c) return;
+          const u = /* @__PURE__ */ new Map();
+          if (a.forEach((i) => {
+            const n = i.fv, p = i.depth, d = i.name || "未命名", m = i.object_id, f = o.indexOf(m);
+            if (f === -1 || !e[f]) return;
+            const D = e[f];
+            if (!D[s]) return;
+            const S = D[s], _ = this.getRecordValue(S, n), C = Number(_);
+            if (_ != null && Number.isFinite(p)) {
+              const oe = (this.extractStyles().baseElevation || 688) + p;
+              u.has(d) || u.set(d, []), u.get(d).push({ depth: p, elevation: oe, value: C });
+            }
+          }), u.size > 0) {
+            const i = /* @__PURE__ */ new Map();
+            u.forEach((n, p) => {
+              n.sort((d, m) => m.depth - d.depth), i.set(p, n);
+            }), this.timeSeriesData.set(String(c), i), M(c);
+          }
+        });
+      }
+      // 处理实时数据（多对象模式）
+      setSocketData(e) {
+        var o, l;
+        if (!e) return;
+        const { data: a } = this.props.conf;
+        if (!(!a || a.length === 0))
+          try {
+            const t = (l = (o = e == null ? void 0 : e.time) != null ? o : e == null ? void 0 : e.datetime) != null ? l : Date.now(), s = /* @__PURE__ */ new Map();
+            console.log("[DeepDisplacementChart] realtime raw:", e), a.forEach((u) => {
+              const h = u.fv, i = this.getDepthValue(u.depth), n = u.name || "未命名", p = this.extractDataValue(e, h);
+              console.log("[DeepDisplacementChart] realtime fv:", h, "rawValue:", p), p != null && Number.isFinite(Number(p)) && this.latestValues.set(h, Number(p));
+              const d = this.latestValues.get(h);
+              if (d !== void 0 && i !== null) {
+                const f = (this.extractStyles().baseElevation || 688) + i;
+                s.has(n) || s.set(n, []), s.get(n).push({ depth: i, elevation: f, value: d });
+              }
+            });
+            const c = /* @__PURE__ */ new Map();
+            s.forEach((u, h) => {
+              u.sort((i, n) => n.depth - i.depth), c.set(h, u);
+            }), c.size > 0 && (console.log("[DeepDisplacementChart] realtime series keys:", Array.from(c.keys())), console.log("[DeepDisplacementChart] realtime series data:", Array.from(c.entries())), this.timeSeriesData.set(String(t), c), M(t), this.chartData = c, V.value++);
+          } catch (t) {
+            console.error("[DeepDisplacementChart] 解析实时数据失败:", t);
+          }
+      }
+      // 设置当前订阅的 object_id
+      setCurrentObjectId(e) {
+        this.currentObjectId = e;
+      }
+      // 获取当前订阅的 object_id
+      getCurrentObjectId() {
+        return this.currentObjectId;
+      }
+      getChartOption() {
+        var d;
+        const e = this.extractStyles(), a = ((d = this.props.conf) == null ? void 0 : d.data) || [], o = y.value;
+        o && this.timeSeriesData.has(o) && (this.chartData = new Map(this.timeSeriesData.get(o) || /* @__PURE__ */ new Map()));
+        const l = [];
+        let t = [], s = [];
+        this.chartData.forEach((m, f) => {
+          if (m.length === 0) return;
+          m.forEach((C) => {
+            C.depth !== void 0 && t.push(C.depth), C.elevation !== void 0 && s.push(C.elevation);
+          });
+          const D = [...m].sort((C, W) => (W.depth || 0) - (C.depth || 0)), S = a.find((C) => C.name === f), _ = (S == null ? void 0 : S.color) || "#4a90d9";
+          l.push({
+            name: f,
+            type: "line",
+            data: D.map((C) => [C.value || 0, C.depth || 0]),
+            smooth: !0,
+            symbol: "circle",
+            symbolSize: 6,
+            lineStyle: { color: _, width: 2 },
+            itemStyle: { color: _, borderColor: "#fff", borderWidth: 2 },
+            yAxisIndex: 0
+          });
+        }), l.length === 0 && this.getMockData().forEach((f) => {
+          l.push({
+            name: f.name,
+            type: "line",
+            data: f.data,
+            smooth: !0,
+            symbol: "circle",
+            symbolSize: 6,
+            lineStyle: { color: f.color, width: 2 },
+            itemStyle: { color: f.color, borderColor: "#fff", borderWidth: 2 },
+            yAxisIndex: 0
+          }), f.data.forEach((D) => t.push(D[1]));
+        });
+        const c = t.length > 0 ? Math.min(...t) : -80, u = t.length > 0 ? Math.max(...t) : 0, h = s.length > 0 ? Math.min(...s) : 810, i = s.length > 0 ? Math.max(...s) : 890, n = i || 890, p = (m) => n + m;
+        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: (m) => {
+              if (!m || m.length === 0) return "";
+              const f = m[0].data[1], D = p(f);
+              let S = `<div style="padding:8px;max-width:300px;">
+						<div style="font-weight:600;margin-bottom:6px;">深度: ${f}m</div>
+						<div style="color:#666;margin-bottom:6px;">高程: ${D.toFixed(2)}m</div>`;
+              return m.forEach((_) => {
+                S += `<div style="display:flex;align-items:center;margin:2px 0;">
+							<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${_.color};margin-right:6px;"></span>
+							<span style="flex:1;">${_.seriesName}: ${_.data[0].toFixed(2)} mm</span>
+						</div>`;
+              }), S += "</div>", S;
+            }
+          },
+          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: c - 1,
+              max: u + 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: h - 1,
+              max: i + 1,
+              inverse: !1,
+              axisLine: { lineStyle: { color: "#ddd" } },
+              axisLabel: { color: e.textColor, fontSize: 11, formatter: (m) => m.toFixed(2) },
+              splitLine: { show: !1 }
+            }
+          ],
+          series: l
+        };
+      }
+      getMockData() {
+        var o;
+        const e = ((o = this.props.conf) == null ? void 0 : o.data) || this.getDefaultData(), a = [];
+        return e.forEach((l, t) => {
+          const s = [];
+          for (let c = 0; c <= 25; c++) {
+            const u = -c * 3, h = (t + 1) * 5 + c * 0.5;
+            s.push([h + Math.sin(c * 0.3) * 2, u]);
+          }
+          a.push({
+            name: l.name || `曲线${t + 1}`,
+            color: l.color || "#4a90d9",
+            data: s
+          });
+        }), a;
+      }
+      // 覆盖基类方法：处理联动事件
+      onLinkEvent(e) {
+        se(e);
+      }
+    }
+    const g = new x(v, "deepDisplacementChart");
+    g.setupLifecycle();
+    const w = g.getStyle(), Q = g.getEchartId(), B = ge("session", null), y = N(""), b = N([]), O = N([]), A = N(null), X = (r) => {
+      if (r == null || r === "") return null;
+      const e = typeof r == "string" ? r : String(r);
+      if (/^\d+$/.test(e)) return F(Number(e));
+      const a = F(e);
+      return a.isValid() ? a : null;
+    }, Y = (r, e) => {
+      const a = (l) => {
+        if (!l) return null;
+        const t = F(l);
+        return t.isValid() ? l.length <= 10 ? t.startOf("day") : t : null;
+      }, o = (l) => {
+        if (!l) return null;
+        const t = F(l);
+        return t.isValid() ? l.length <= 10 ? t.endOf("day") : t : null;
+      };
+      return { start: a(r), end: o(e) };
+    }, k = () => {
+      if (!A.value) {
+        b.value = [...O.value];
+        return;
+      }
+      const { start: r, end: e, timeList: a } = A.value;
+      if (a && a.length > 0) {
+        const o = new Set(a);
+        b.value = O.value.filter((l) => {
+          const t = String(l).split(" ")[0];
+          return o.has(t) || o.has(String(l));
+        });
+      } else if (r || e) {
+        const { start: o, end: l } = Y(r, e);
+        b.value = O.value.filter((t) => {
+          const s = X(t);
+          return !(!s || !s.isValid() || o && s.isBefore(o) || l && s.isAfter(l));
+        });
+      } else
+        b.value = [...O.value];
+      y.value && !b.value.includes(y.value) && (y.value = b.value[b.value.length - 1] || "");
+    }, M = (r, e = !0) => {
+      if (r == null || r === "") return;
+      const a = String(r);
+      O.value.includes(a) || (O.value = [...O.value, a]), k(), e && (y.value = a);
+    }, Z = () => {
+      L();
+    }, ee = () => {
+      const r = g.getChartInstance();
+      if (!r) return;
+      const e = r.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), a = document.createElement("a");
+      a.href = e, a.download = `deep-displacement-${y.value || Date.now()}.png`, a.click();
+    }, te = N(null), V = N(0), ae = ye(() => ({
+      backgroundColor: w.value.bgColor,
+      color: w.value.textColor
+    })), ne = () => {
+      if (v.mode === "edit") return;
+      const r = w.value.jumpUrl;
+      r && window.open(r, "_blank");
+    }, L = () => {
+      const r = g.getChartInstance();
+      if (r) {
+        const e = g.getChartOption();
+        r.setOption(e, !0);
+      }
+    };
+    U(() => v.conf, () => {
+      g.init(), $(() => L());
+    }, { deep: !0 }), U(() => w.value.dispType, () => {
+      $(() => L());
+    }), U(V, () => {
+      $(() => L());
+    });
+    const le = (r) => {
+      if (!B || !r || v.mode !== "preview") return;
+      const e = g.getCurrentObjectId();
+      if (e === r) return;
+      console.log(`[deepDisplacementChart] 切换订阅: ${e} → ${r}`), g.setCurrentObjectId(r);
+      const a = I(T({}, v.conf), {
+        data: v.conf.data.map((l) => I(T({}, l), { object_id: r }))
+      }), o = Ve(a, v.uid, "deepDisplacementChart");
+      B.registerComponent({
+        id: v.conf.id,
+        request: o,
+        onUpdate: (l, t) => {
+          l === "realtime" && g.setSocketData(t);
+        }
+      });
+    }, se = (r) => {
+      var u, h, i;
+      console.log("[deepDisplacementChart] 收到联动事件:", r);
+      const { payload: e } = r;
+      if (!e) return;
+      if (e.type === "filter") {
+        const n = e.timeRange || e.dateRange || e.timeRangeValue, p = e.timeList || e.selectedTimes, d = {};
+        Array.isArray(p) && p.length > 0 ? d.timeList = p : Array.isArray(n) && n.length ? (d.start = String(n[0]), d.end = String(n[n.length - 1])) : (n != null && n.startDate || n != null && n.start || n != null && n.endDate || n != null && n.end) && (d.start = String(n.startDate || n.start || "") || void 0, d.end = String(n.endDate || n.end || "") || void 0), Object.keys(d).length > 0 ? (A.value = d, k(), !y.value && b.value.length && (y.value = b.value[b.value.length - 1])) : (A.value = null, k());
+        return;
+      }
+      const { objectId: a, deviceId: o } = e, l = v.conf, t = (l == null ? void 0 : l.data) || [], s = (l == null ? void 0 : l.common) || {};
+      if (t.length > 0 && !(s != null && s.multiObject)) {
+        const n = Ae(s, s == null ? void 0 : s.useAlias, v.uid) || ((u = t[0]) == null ? void 0 : u.object_id), p = a || (e == null ? void 0 : e.object_id);
+        if (n && p && String(n) !== String(p))
+          return;
+      }
+      te.value = e;
+      let c = null;
+      if (a && (c = t.find((n) => String(n.object_id) === String(a))), !c && o && (c = t.find((n) => n.deviceId === o || n.name === o)), c && e) {
+        console.log(`[deepDisplacementChart] 匹配 object_id=${a}, 更新图表数据`);
+        const n = /* @__PURE__ */ new Map();
+        if (t.forEach((p) => {
+          if (String(p.object_id) !== String(a)) return;
+          const d = p.fv, m = p.depth, f = p.name || "未命名", D = g.getRecordValue(e, d);
+          if (D != null && Number.isFinite(Number(D)) && Number.isFinite(m)) {
+            const _ = (g.extractStyles().baseElevation || 688) + m;
+            n.has(f) || n.set(f, []), n.get(f).push({ depth: m, elevation: _, value: Number(D) });
+          }
+        }), n.size > 0) {
+          const p = String((i = (h = e == null ? void 0 : e.time) != null ? h : e == null ? void 0 : e.datetime) != null ? i : Date.now()), d = /* @__PURE__ */ new Map();
+          n.forEach((m, f) => {
+            m.sort((D, S) => S.depth - D.depth), d.set(f, m);
+          }), M(p), g.timeSeriesData.set(p, d), g.chartData = d, V.value++;
+        }
+      }
+      a && le(a);
+    };
+    return be(() => {
+      g.init();
+    }), De(() => {
+      g.cleanup();
+    }), (r, e) => {
+      const a = me, o = he, l = fe, t = de;
+      return H(), J("div", {
+        class: "deep-displacement-chart-wrapper",
+        style: K(ae.value)
+      }, [
+        j("div", Ie, [
+          j("div", Re, [
+            e[1] || (e[1] = j("div", { class: "header-indicator" }, null, -1)),
+            j("span", ze, Ce(R(w).title), 1)
+          ])
+        ]),
+        j("div", Fe, [
+          j("div", Ue, [
+            z(o, {
+              modelValue: y.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (s) => y.value = s),
+              placeholder: "选择时间",
+              size: "small",
+              class: "time-select",
+              onChange: Z
+            }, {
+              default: G(() => [
+                (H(!0), J(xe, null, Se(b.value, (s) => (H(), _e(a, {
+                  key: s,
+                  label: s,
+                  value: s
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            z(t, {
+              size: "small",
+              class: "export-btn",
+              onClick: ee
+            }, {
+              default: G(() => [
+                z(l, null, {
+                  default: G(() => [
+                    z(R(je))
+                  ]),
+                  _: 1
+                }),
+                e[2] || (e[2] = Ee(" 导出图 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          j("div", {
+            id: R(Q),
+            class: "chart-container",
+            style: K({ cursor: R(w).jumpUrl ? "pointer" : "default" }),
+            onClick: ne
+          }, null, 12, $e)
+        ]),
+        Oe(r.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), ut = /* @__PURE__ */ ke(Ke, [["__scopeId", "data-v-3d5464cf"]]);
+export {
+  ut as default
+};

package/dist/deepDisplacementChart-Ba67v6um.cjs

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