mixdashboards 1.0.71 → 1.0.73

package/dist/{displacementTrajectoryChart-RL97CTML.js → displacementTrajectoryChart-CxOPJVlD.js}

@@ -16,18 +16,20 @@ 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 Rt, ref as X, computed as F, watch as mt, nextTick as ht, onMounted as kt, onUnmounted as Yt, openBlock as $, createElementBlock as q, normalizeStyle as ft, unref as k, toDisplayString as zt, createCommentVNode as Lt, createElementVNode as K, createVNode as H, withCtx as J, Fragment as Ft, renderList as $t, createBlock as Ht, createTextVNode as Bt, renderSlot as Ut } from "vue";
+import { defineComponent as Rt, ref as X, computed as F, watch as mt, nextTick as ht, onMounted as kt, onUnmounted as Lt, openBlock as $, createElementBlock as q, normalizeStyle as ft, unref as k, toDisplayString as Yt, createCommentVNode as zt, createElementVNode as K, createVNode as H, withCtx as Z, Fragment as Ft, renderList as $t, createBlock as Ht, createTextVNode as Bt, renderSlot as Ut } from "vue";
 import { Download as Vt } from "@element-plus/icons-vue";
-import { k as Wt, J as Xt, z as qt, g as Y, t as Kt, _ as Jt } from "./index-Bdq33405.js";
-import { E as Zt } from "./EChartComponentBase-CAabYXSj.js";
-import { g as Gt } from "./titleStyle-BT5GlpAb.js";
+import { k as Wt, L as Xt, E as qt, d as L, t as Kt, _ as Zt } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as Gt } from "./EChartComponentBase-cFfawl6h.js";
+import { g as Jt } from "./titleStyle-BT5GlpAb.js";
 import { A as Qt, D as te } from "./ele-lin-icon-Dax-ZiWV.js";
 const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
   DEFAULT_ICON: te,
   ACTIVE_ICON: Qt,
   NAME_CN: "地层运移轨迹图",
   NAME_EN: "Displacement Trajectory Chart",
-  ORDER: 2
+  ORDER: 2,
+  PLATFORM: ["pc", "screen"]
 }, ie = {
   titleColor: "#111",
   textColor: "#111",
@@ -105,9 +107,9 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
       if (n == null || n === "") return null;
       if (typeof n == "number" || typeof n == "string" && n.trim() !== "" && !Number.isNaN(Number(n))) {
         let s = Number(n);
-        return s < 1e12 && (s *= 1e3), Y(s);
+        return s < 1e12 && (s *= 1e3), L(s);
       }
-      const e = Y(n);
+      const e = L(n);
       return e.isValid() ? e : null;
     }, B = (n) => {
       const t = pt(n);
@@ -123,8 +125,8 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
         const i = String(a);
         return i === t.date || i === t.label || i === s || i === String(t.value);
       });
-    }, z = (n) => n == null ? "" : String(n).replace(/[a-zA-Z\s]/g, "").replace(/[^0-9.\-]/g, "");
-    class yt extends Zt {
+    }, Y = (n) => n == null ? "" : String(n).replace(/[a-zA-Z\s]/g, "").replace(/[^0-9.\-]/g, "");
+    class yt extends Gt {
       constructor() {
         super(...arguments), this.trajectoryData = [], this.panelConfig = {};
       }
@@ -254,7 +256,7 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
         if (!t) return;
         const { data: e } = this.props.conf;
         if (!e || e.length === 0) return;
-        const s = (r = (i = (a = t.time) != null ? a : t.timestamp) != null ? i : t.datetime) != null ? r : Y().format("YYYY-MM-DD HH:mm:ss");
+        const s = (r = (i = (a = t.time) != null ? a : t.timestamp) != null ? i : t.datetime) != null ? r : L().format("YYYY-MM-DD HH:mm:ss");
         e.forEach((m) => {
           const S = m.fv_radius, g = m.fv_angle, l = this.extractDataValue(t, S), u = this.extractDataValue(t, g);
           l == null || u === void 0 || u === null || this.addTrajectoryPoint(m, s, l, u);
@@ -275,10 +277,10 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
         ), l = ((Q = this.panelConfig) == null ? void 0 : Q.nodeList) || ((tt = this.panelConfig) == null ? void 0 : tt.modelList) || ((et = this.panelConfig) == null ? void 0 : et.selectList) || ((nt = this.panelConfig) == null ? void 0 : nt.selectedNodes), u = Array.isArray(l) ? l.map((o) => String(o)) : l != null && String(l) !== "" ? [String(l)] : [], D = (((at = this.props.conf) == null ? void 0 : at.data) || []).map((o) => String((o == null ? void 0 : o.name) || "")).filter(Boolean), P = u.flatMap((o) => {
           const C = Number(o);
           return Number.isFinite(C) && C >= 1 && C <= D.length ? [D[C - 1]] : [o];
-        }), y = P.map((o) => z(o)).filter(Boolean), d = y.length > 0, v = d ? g.filter((o) => {
-          const C = String(o.seriesName), N = z(C), L = z(o.depth);
-          if (P.includes(C) || N && y.includes(N) || L && y.includes(L)) return !0;
-          const lt = z(Math.abs(Number(o.depth)));
+        }), y = P.map((o) => Y(o)).filter(Boolean), d = y.length > 0, v = d ? g.filter((o) => {
+          const C = String(o.seriesName), N = Y(C), z = Y(o.depth);
+          if (P.includes(C) || N && y.includes(N) || z && y.includes(z)) return !0;
+          const lt = Y(Math.abs(Number(o.depth)));
           return lt && y.includes(lt);
         }) : g, _ = d ? v : g, b = ((ot = this.panelConfig) == null ? void 0 : ot.range__radius) || ((it = this.panelConfig) == null ? void 0 : it.radiusRange) || ((st = this.panelConfig) == null ? void 0 : st.range) || ((rt = this.panelConfig) == null ? void 0 : rt.valueRange), h = b == null ? void 0 : b.min, O = b == null ? void 0 : b.max, T = Number.isFinite(h) ? Number(h) : null, E = Number.isFinite(O) ? Number(O) : null, j = _.filter((o) => Number.isFinite(o.radius) && Number.isFinite(o.angle));
         let w = Math.max(...j.map((o) => o.radius), 50);
@@ -399,13 +401,13 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
 						</div>`;
               const C = o.dataIndex;
               if (C !== void 0 && j[C]) {
-                const N = j[C], L = N.angle.toFixed(2);
+                const N = j[C], z = N.angle.toFixed(2);
                 return `<div style="padding: 8px;">
 							<div style="font-weight: 600; margin-bottom: 6px;">时间: ${N.time}</div>
 							<div style="color: #666; line-height: 1.8;">
 								<div>深度: ${N.depth}m</div>
 								<div>半径: ${N.radius.toFixed(2)}mm</div>
-								<div>角度: ${L}°</div>
+								<div>角度: ${z}°</div>
 								<div>X: ${N.dispX.toFixed(2)}mm</div>
 								<div>Y: ${N.dispY.toFixed(2)}mm</div>
 							</div>
@@ -435,7 +437,7 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
         for (let e = 0; e < 10; e++) {
           const s = e * 30 * Math.PI / 180, a = 5 + e * 3;
           t.push({
-            time: Y().subtract(10 - e, "day").format("YYYY-MM-DD"),
+            time: L().subtract(10 - e, "day").format("YYYY-MM-DD"),
             radius: a,
             angle: s,
             dispX: a * Math.cos(s),
@@ -459,7 +461,7 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
     }
     const x = new yt(c, "displacementTrajectoryChart");
     x.setupLifecycle();
-    const U = x.getStyle(), vt = x.getEchartId(), bt = F(() => Gt(c.conf.options)), Ct = Wt(), St = X(""), Z = F(() => {
+    const U = x.getStyle(), vt = x.getEchartId(), bt = F(() => Jt(c.conf.options)), Ct = Wt(), St = X(""), G = F(() => {
       var t, e;
       return ((e = (((t = c.conf) == null ? void 0 : t.data) || [])[0]) == null ? void 0 : e.configPanelId) || "";
     }), Dt = F(() => {
@@ -481,7 +483,7 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
           backgroundColor: "#fff",
           pixelRatio: 2
         }), e = document.createElement("a");
-        e.download = `地层运移轨迹图_${Y().format("YYYYMMDD_HHmmss")}.png`, e.href = t, e.click();
+        e.download = `地层运移轨迹图_${L().format("YYYYMMDD_HHmmss")}.png`, e.href = t, e.click();
       }
     };
     F(() => {
@@ -492,20 +494,20 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
       mt(() => Ct.channels[n], (t) => {
         var i, r;
         if (!t || t.topic.source === "displacementTrajectoryChart") return;
-        const e = Z.value, s = Dt.value, { payload: a } = t;
+        const e = G.value, s = Dt.value, { payload: a } = t;
         console.log("[TrajectoryChart] 收到频道事件:", n, {
           eventType: a == null ? void 0 : a.type,
           eventObjectId: a == null ? void 0 : a.objectId,
           myConfigPanelId: e,
           myUid: s,
           fullPayload: a
-        }), a.type === "filter" && a.objectId === e ? (console.log("[TrajectoryChart] ✅ 匹配成功(configPanelId):", e, a.filter), G((i = a.filter) != null ? i : a)) : a.type === "filter" && e && console.log("[TrajectoryChart] ❌ 匹配失败(configPanelId):", {
+        }), a.type === "filter" && a.objectId === e ? (console.log("[TrajectoryChart] ✅ 匹配成功(configPanelId):", e, a.filter), J((i = a.filter) != null ? i : a)) : a.type === "filter" && e && console.log("[TrajectoryChart] ❌ 匹配失败(configPanelId):", {
           expected: e,
           received: a.objectId
-        }), a.type === "filter" && a.objectId === s && (console.log("[TrajectoryChart] ✅ 匹配成功(uid):", s, a.filter), G((r = a.filter) != null ? r : a));
+        }), a.type === "filter" && a.objectId === s && (console.log("[TrajectoryChart] ✅ 匹配成功(uid):", s, a.filter), J((r = a.filter) != null ? r : a));
       }, { deep: !0 });
     });
-    const G = (n) => {
+    const J = (n) => {
       console.log("[TrajectoryChart] 收到控制面板配置:", n), x.setPanelConfig(n);
       const t = (n == null ? void 0 : n.timeRange) || (n == null ? void 0 : n.dateRange);
       if (t) {
@@ -520,10 +522,10 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
     }, { deep: !0 }), kt(() => {
       x.init(), console.log("[TrajectoryChart] 组件挂载:", {
         uid: c.uid,
-        configPanelId: Z.value,
+        configPanelId: G.value,
         conf: c.conf
       }), V();
-    }), Yt(() => {
+    }), Lt(() => {
       x.cleanup();
     });
     const xt = (n) => {
@@ -543,11 +545,11 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
         class: "mix-component",
         style: ft({ background: k(U).bgColor, borderRadius: `${k(U).radiusSize}px` })
       }, [
-        k(U).isHideTitle ? Lt("", !0) : ($(), q("div", {
+        k(U).isHideTitle ? zt("", !0) : ($(), q("div", {
           key: 0,
           class: "mix-title",
           style: ft(bt.value)
-        }, zt(p.conf.caption || p.conf.name), 5)),
+        }, Yt(p.conf.caption || p.conf.name), 5)),
         K("div", ee, [
           K("div", ne, [
             H(s, {
@@ -558,7 +560,7 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
               class: "time-select",
               onChange: jt
             }, {
-              default: J(() => [
+              default: Z(() => [
                 ($(!0), q(Ft, null, $t(M.value, (r) => ($(), Ht(e, {
                   key: r,
                   label: r,
@@ -572,9 +574,9 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
               class: "export-btn",
               onClick: _t
             }, {
-              default: J(() => [
+              default: Z(() => [
                 H(a, null, {
-                  default: J(() => [
+                  default: Z(() => [
                     H(k(Vt))
                   ]),
                   _: 1
@@ -593,7 +595,7 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
       ], 4);
     };
   }
-})), we = /* @__PURE__ */ Jt(ue, [["__scopeId", "data-v-311493b7"]]);
+})), Ne = /* @__PURE__ */ Zt(ue, [["__scopeId", "data-v-c7e3eee0"]]);
 export {
-  we as default
+  Ne as default
 };

package/dist/displacementTrajectoryChart-DfJMOCFJ.cjs

@@ -0,0 +1,22 @@
+"use strict";var ve=Object.defineProperty,be=Object.defineProperties;var Ce=Object.getOwnPropertyDescriptors;var ae=Object.getOwnPropertySymbols;var Se=Object.prototype.hasOwnProperty,je=Object.prototype.propertyIsEnumerable;var oe=(g,d,p)=>d in g?ve(g,d,{enumerable:!0,configurable:!0,writable:!0,value:p}):g[d]=p,V=(g,d)=>{for(var p in d||(d={}))Se.call(d,p)&&oe(g,p,d[p]);if(ae)for(var p of ae(d))je.call(d,p)&&oe(g,p,d[p]);return g},ie=(g,d)=>be(g,Ce(d));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=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 i=require("vue"),De=require("@element-plus/icons-vue"),w=require("./index-DVqMfQVc.cjs");require("element-plus");const xe=require("./EChartComponentBase-dLE5F7Tt.cjs"),_e=require("./titleStyle-NSnz6cUg.cjs"),re=require("./ele-lin-icon-Dke_1AmT.cjs"),Pe={class:"mix-body"},Ne={class:"toolbar"},we=["id"],Oe={DEFAULT_ICON:re.DEFAULT_ICON,ACTIVE_ICON:re.ACTIVE_ICON,NAME_CN:"地层运移轨迹图",NAME_EN:"Displacement Trajectory Chart",ORDER:2,PLATFORM:["pc","screen"]},Te={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,isHideTitle:!1,startPointRadius:{value:0,type:"number",label:"开始点半径(mm)"},startPointAngle:{value:0,type:"number",label:"开始点角度(°)"},showStartPoint:{value:!0,type:"boolean",label:"显示开始点"},endPointRadius:{value:0,type:"number",label:"结束点半径(mm)"},endPointAngle:{value:0,type:"number",label:"结束点角度(°)"},showEndPoint:{value:!0,type:"boolean",label:"显示结束点"},showTrajectory:{value:!0,type:"boolean",label:"显示轨迹线"},showDirection:{value:!1,type:"boolean",label:"显示方向箭头"},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"}}},Ie=[{configPanelId:"",name:"-123米",fv_radius:"合结果",fv_angle:"距移方向",depth:-123,object_id:"",color:"#5470c6"},{configPanelId:"",name:"-124米",fv_radius:"合结果",fv_angle:"距移方向",depth:-124,object_id:"",color:"#91cc75"}],Ee=["configPanelId","name","fv_radius","fv_angle","depth","object_id","color"],Ae=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],ke={useAlias:!1,multiObject:!0,source:"mosaic"},Me={DEFAULT:Oe,OPTIONS:Te,DATA:Ie,PARAMS:Ee,SOURCE:Ae,COMMON:ke},Re=i.defineComponent(ie(V({},Me),{__name:"displacementTrajectoryChart",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(g){const d=g,p=i.ref(""),R=i.ref([]),le=n=>{if(n==null||n==="")return null;if(typeof n=="number"||typeof n=="string"&&n.trim()!==""&&!Number.isNaN(Number(n))){let l=Number(n);return l<1e12&&(l*=1e3),w.dayjs(l)}const t=w.dayjs(n);return t.isValid()?t:null},$=n=>{const e=le(n);return e?{label:e.format("YYYY-MM-DD HH:mm:ss"),date:e.format("YYYY-MM-DD"),value:e.valueOf()}:{label:n?String(n):"",date:"",value:0}},se=(n,e,t)=>{if(!n||n.length===0)return!0;const l=t!=null?String(t):"";return n.some(a=>{const r=String(a);return r===e.date||r===e.label||r===l||r===String(e.value)})},Y=n=>n==null?"":String(n).replace(/[a-zA-Z\s]/g,"").replace(/[^0-9.\-]/g,"");class ce extends xe.EChartComponentBase{constructor(){super(...arguments),this.trajectoryData=[],this.panelConfig={}}addTrajectoryPoint(e,t,l,a){const r=$(t),s=e.depth,h=Number(a),j=Number.isFinite(h)?(h%360+360)%360:0,y=j*Math.PI/180,c=Number(l)*Math.cos(y),m=Number(l)*Math.sin(y);this.trajectoryData.push({seriesName:e.name||`${s}m`,color:e.color||"#5470c6",time:r.label||String(t!=null?t:""),timeLabel:r.label||String(t!=null?t:""),timeValue:r.value,date:r.date,depth:s,dispX:c,dispY:m,radius:Number(l),angle:j})}extractStyles(){var t,l,a,r,s,h,j,y,c,m,D,N,v,u;const{options:e}=this.props.conf;return{bgColor:((t=e==null?void 0:e.bgColor)==null?void 0:t.value)||"#fff",titleColor:((l=e==null?void 0:e.titleColor)==null?void 0:l.value)||"#111",textColor:((a=e==null?void 0:e.textColor)==null?void 0:a.value)||"#111",radiusSize:((r=e==null?void 0:e.radiusSize)==null?void 0:r.value)||8,textSize:((s=e==null?void 0:e.textSize)==null?void 0:s.value)||12,isHideTitle:((h=e==null?void 0:e.isHideTitle)==null?void 0:h.value)||!1,startPointRadius:((j=e==null?void 0:e.startPointRadius)==null?void 0:j.value)||0,startPointAngle:((y=e==null?void 0:e.startPointAngle)==null?void 0:y.value)||0,showStartPoint:((c=e==null?void 0:e.showStartPoint)==null?void 0:c.value)!==!1,endPointRadius:((m=e==null?void 0:e.endPointRadius)==null?void 0:m.value)||0,endPointAngle:((D=e==null?void 0:e.endPointAngle)==null?void 0:D.value)||0,showEndPoint:((N=e==null?void 0:e.showEndPoint)==null?void 0:N.value)!==!1,showTrajectory:((v=e==null?void 0:e.showTrajectory)==null?void 0:v.value)!==!1,showDirection:((u=e==null?void 0:e.showDirection)==null?void 0:u.value)||!1}}getDefaultData(){return[{configPanelId:"",name:"-123米",fv_radius:"合结果",fv_angle:"距移方向",depth:-123,object_id:"",color:"#5470c6"},{configPanelId:"",name:"-124米",fv_radius:"合结果",fv_angle:"距移方向",depth:-124,object_id:"",color:"#91cc75"}]}setPanelConfig(e){console.log("[TrajectoryChart] 应用控制面板配置:",e),this.panelConfig=e||{},this.updateChart()}setHistoryData(e){const{data:t,common:l}=this.props.conf;if(!t||t.length===0)return;const a=(l==null?void 0:l.source)||"mosaic";["statistics","calculate"].includes(a)&&(e=w.formatStatisticsResult(e,t));const r=w.handleNullData(e,this.props,"history");if(r)try{if(this.trajectoryData=[],!r.history||r.history.length===0)return;const s=[...new Set(t.map(c=>{var m;return String((m=c.object_id)!=null?m:"")}))],h=Array.isArray(r.history)?r.history:[],j=c=>{const m=t.map((u,b)=>b).filter(u=>{var b,_;return String((_=(b=t[u])==null?void 0:b.object_id)!=null?_:"")===c});if(!m.length)return[];const D=m[0],N=Array.isArray(h[D])?h[D]:[],v=[];return N.forEach((u,b)=>{const _=u&&typeof u=="object"?V({},u):{};m.forEach(C=>{var M,x,O;const f=(M=h[C])==null?void 0:M[b];if(!f||typeof f!="object")return;const I=(x=t[C])==null?void 0:x.fv_radius,E=(O=t[C])==null?void 0:O.fv_angle;I&&(_[I]=f==null?void 0:f[I]),E&&(_[E]=f==null?void 0:f[E])}),v.push(_)}),v};if(r.history=s.map(c=>j(c)),!0){const c=r.history[0]||[];if(c.length===0)return;const m=[...new Set(c.map(u=>$(u.time||u.timestamp).date).filter(Boolean))];R.value=m.sort((u,b)=>new Date(b).getTime()-new Date(u).getTime());const{selectedTimes:D,startDate:N,endDate:v}=this.panelConfig;c.forEach((u,b)=>{const _=$(u.time||u.timestamp),C=_.date;if(D&&D.length>0){if(!se(D,_,u.time||u.timestamp))return}else if(N&&v&&(C<N||C>v))return;t.forEach(f=>{const I=f.fv_radius,E=f.fv_angle,M=f.object_id,x=s.indexOf(M);if(x===-1||!r.history[x])return;const O=r.history[x];if(!O[b])return;const A=O[b],L=A==null?void 0:A[I],k=A==null?void 0:A[E];L==null||k===void 0||k===null||this.addTrajectoryPoint(f,u.time||u.timestamp,L,k)})})}this.trajectoryData.sort((c,m)=>c.timeValue-m.timeValue)}catch(s){console.error("[TrajectoryChart] 解析历史数据失败:",s)}}setSocketData(e){var a,r,s;if(!e)return;const{data:t}=this.props.conf;if(!t||t.length===0)return;const l=(s=(r=(a=e.time)!=null?a:e.timestamp)!=null?r:e.datetime)!=null?s:w.dayjs().format("YYYY-MM-DD HH:mm:ss");t.forEach(h=>{const j=h.fv_radius,y=h.fv_angle,c=this.extractDataValue(e,j),m=this.extractDataValue(e,y);c==null||m===void 0||m===null||this.addTrajectoryPoint(h,l,c,m)}),this.trajectoryData.length>500&&this.trajectoryData.shift(),this.chartObj&&this.chartObj.setOption(this.getChartOption(),!1)}getChartOption(){var W,X,K,Z,G,J,Q,ee,te;const e=this.extractStyles(),t=this.trajectoryData;let l=e.showStartPoint,a=e.showEndPoint;e.showDirection;let r=e.startPointRadius,s=e.startPointAngle,h=e.endPointRadius,j=e.endPointAngle;if(this.panelConfig.displayOptions){const o=this.panelConfig.displayOptions;o.showStartPoint!==void 0&&(l=o.showStartPoint),o.showEndPoint!==void 0&&(a=o.showEndPoint),o.showDirection!==void 0&&o.showDirection}const y=[...t].sort((o,S)=>new Date(o.time).getTime()-new Date(S.time).getTime()),c=((W=this.panelConfig)==null?void 0:W.nodeList)||((X=this.panelConfig)==null?void 0:X.modelList)||((K=this.panelConfig)==null?void 0:K.selectList)||((Z=this.panelConfig)==null?void 0:Z.selectedNodes),m=Array.isArray(c)?c.map(o=>String(o)):c!=null&&String(c)!==""?[String(c)]:[],D=(((G=this.props.conf)==null?void 0:G.data)||[]).map(o=>String((o==null?void 0:o.name)||"")).filter(Boolean),N=m.flatMap(o=>{const S=Number(o);return Number.isFinite(S)&&S>=1&&S<=D.length?[D[S-1]]:[o]}),v=N.map(o=>Y(o)).filter(Boolean),u=v.length>0,b=u?y.filter(o=>{const S=String(o.seriesName),T=Y(S),z=Y(o.depth);if(N.includes(S)||T&&v.includes(T)||z&&v.includes(z))return!0;const ne=Y(Math.abs(Number(o.depth)));return ne&&v.includes(ne)}):y,_=u?b:y,C=((J=this.panelConfig)==null?void 0:J.range__radius)||((Q=this.panelConfig)==null?void 0:Q.radiusRange)||((ee=this.panelConfig)==null?void 0:ee.range)||((te=this.panelConfig)==null?void 0:te.valueRange),f=C==null?void 0:C.min,I=C==null?void 0:C.max,E=Number.isFinite(f)?Number(f):null,M=Number.isFinite(I)?Number(I):null,x=_.filter(o=>Number.isFinite(o.radius)&&Number.isFinite(o.angle));let O=Math.max(...x.map(o=>o.radius),50);O=Math.max(O,r,h);const A=M!==null?M:Math.ceil(O/10)*10+10,L=E!==null?E:0,k=[];return x.length>0&&k.push({name:"轨迹点",type:"scatter",coordinateSystem:"polar",data:x.map(o=>[o.radius,o.angle]),symbol:"circle",symbolSize:8,itemStyle:{color:"#ff9800",borderColor:"#fff",borderWidth:1}}),l&&k.push({name:"开始点",type:"scatter",coordinateSystem:"polar",data:[[r,s]],symbol:"circle",symbolSize:12,itemStyle:{color:"#67c23a",borderColor:"#fff",borderWidth:2},z:10}),a&&k.push({name:"结束点",type:"scatter",coordinateSystem:"polar",data:[[h,j]],symbol:"circle",symbolSize:12,itemStyle:{color:"#f56c6c",borderColor:"#fff",borderWidth:2},z:10}),{backgroundColor:"transparent",polar:{center:["50%","50%"],radius:"70%"},angleAxis:{type:"value",startAngle:90,min:0,max:360,interval:30,clockwise:!1,axisLine:{show:!0,lineStyle:{color:"#ddd"}},axisLabel:{color:e.textColor,fontSize:11,formatter:o=>o===0||o===360?"东":o===90?"北":o===180?"西":o===270?"南":o.toString()},splitLine:{show:!0,lineStyle:{color:"#e0e0e0",type:"dashed"}}},radiusAxis:{type:"value",min:L,max:A,axisLabel:{color:e.textColor,fontSize:11,formatter:o=>`${o}mm`},splitLine:{show:!0,lineStyle:{color:"#e0e0e0",type:"dashed"}},axisLine:{show:!0,lineStyle:{color:"#ddd"}}},series:k,tooltip:{trigger:"item",formatter:o=>{if(o.seriesName==="开始点")return`<div style="padding: 8px;">
+							<div style="font-weight: 600; margin-bottom: 6px;">开始点（参考）</div>
+							<div style="color: #666; line-height: 1.8;">
+								<div>半径: ${r.toFixed(2)}mm</div>
+								<div>角度: ${s.toFixed(2)}°</div>
+							</div>
+						</div>`;if(o.seriesName==="结束点")return`<div style="padding: 8px;">
+							<div style="font-weight: 600; margin-bottom: 6px;">结束点（参考）</div>
+							<div style="color: #666; line-height: 1.8;">
+								<div>半径: ${h.toFixed(2)}mm</div>
+								<div>角度: ${j.toFixed(2)}°</div>
+							</div>
+						</div>`;const S=o.dataIndex;if(S!==void 0&&x[S]){const T=x[S],z=T.angle.toFixed(2);return`<div style="padding: 8px;">
+							<div style="font-weight: 600; margin-bottom: 6px;">时间: ${T.time}</div>
+							<div style="color: #666; line-height: 1.8;">
+								<div>深度: ${T.depth}m</div>
+								<div>半径: ${T.radius.toFixed(2)}mm</div>
+								<div>角度: ${z}°</div>
+								<div>X: ${T.dispX.toFixed(2)}mm</div>
+								<div>Y: ${T.dispY.toFixed(2)}mm</div>
+							</div>
+						</div>`}return`${o.seriesName}<br/>半径: ${o.value[0].toFixed(2)}mm<br/>角度: ${o.value[1].toFixed(2)}°`}},legend:{data:[y.length>0?"轨迹点":null,l?"开始点":null,a?"结束点":null,null].filter(Boolean),bottom:10,show:!0,textStyle:{color:e.textColor}}}}getMockData(){const e=[];for(let t=0;t<10;t++){const l=t*30*Math.PI/180,a=5+t*3;e.push({time:w.dayjs().subtract(10-t,"day").format("YYYY-MM-DD"),radius:a,angle:l,dispX:a*Math.cos(l),dispY:a*Math.sin(l)})}return e}updateChart(){const e=this.getChartInstance();if(e){const t=this.getChartOption();e.setOption(t,!0)}}onLinkEvent(e){ye(e)}}const P=new ce(d,"displacementTrajectoryChart");P.setupLifecycle();const B=P.getStyle(),de=P.getEchartId(),ue=i.computed(()=>_e.generateTitleStyle(d.conf.options)),me=w.useLinkStore(),he=i.ref(""),H=i.computed(()=>{var e,t;return((t=(((e=d.conf)==null?void 0:e.data)||[])[0])==null?void 0:t.configPanelId)||""}),fe=i.computed(()=>{var n;return d.uid||((n=d.conf)==null?void 0:n.id)||""}),q=()=>{const n=P.getChartInstance();if(n){const e=P.getChartOption();n.setOption(e,!0)}},pe=n=>{console.log("Selected time:",n)},ge=()=>{const n=P.getChartInstance();if(n){const e=n.getDataURL({type:"png",backgroundColor:"#fff",pixelRatio:2}),t=document.createElement("a");t.download=`地层运移轨迹图_${w.dayjs().format("YYYYMMDD_HHmmss")}.png`,t.href=e,t.click()}};i.computed(()=>{var a,r,s;const n=((a=d.conf)==null?void 0:a.options)||{},e=((r=n==null?void 0:n.linkChannel)==null?void 0:r.value)||"deepDisplacement",t=((s=n==null?void 0:n.customChannel)==null?void 0:s.value)||"";return[e==="custom"&&t?t:e]}).value.forEach(n=>{i.watch(()=>me.channels[n],e=>{var r,s;if(!e||e.topic.source==="displacementTrajectoryChart")return;const t=H.value,l=fe.value,{payload:a}=e;console.log("[TrajectoryChart] 收到频道事件:",n,{eventType:a==null?void 0:a.type,eventObjectId:a==null?void 0:a.objectId,myConfigPanelId:t,myUid:l,fullPayload:a}),a.type==="filter"&&a.objectId===t?(console.log("[TrajectoryChart] ✅ 匹配成功(configPanelId):",t,a.filter),U((r=a.filter)!=null?r:a)):a.type==="filter"&&t&&console.log("[TrajectoryChart] ❌ 匹配失败(configPanelId):",{expected:t,received:a.objectId}),a.type==="filter"&&a.objectId===l&&(console.log("[TrajectoryChart] ✅ 匹配成功(uid):",l,a.filter),U((s=a.filter)!=null?s:a))},{deep:!0})});const U=n=>{console.log("[TrajectoryChart] 收到控制面板配置:",n),P.setPanelConfig(n);const e=(n==null?void 0:n.timeRange)||(n==null?void 0:n.dateRange);if(e){const l=e.startDate||e.start||e[0],a=e.endDate||e.end||e[1];l&&a&&(he.value=`${l} ~ ${a}`)}const t=(n==null?void 0:n.timeList)||(n==null?void 0:n.selectedTimes);Array.isArray(t)&&(R.value=t,R.value.length>0&&!p.value&&(p.value=R.value[0])),i.nextTick(q)};i.watch(()=>d.conf,()=>{P.init(),i.nextTick(q)},{deep:!0}),i.onMounted(()=>{P.init(),console.log("[TrajectoryChart] 组件挂载:",{uid:d.uid,configPanelId:H.value,conf:d.conf}),q()}),i.onUnmounted(()=>{P.cleanup()});const ye=n=>{var r;if(!n||!n.payload)return;const{payload:e}=n,t=d.conf,l=(t==null?void 0:t.data)||[],a=(t==null?void 0:t.common)||{};if(l.length>0&&!(a!=null&&a.multiObject)){const s=w.getObjectId(a,a==null?void 0:a.useAlias,d.uid)||((r=l[0])==null?void 0:r.object_id),h=(e==null?void 0:e.objectId)||(e==null?void 0:e.object_id);if(s&&h&&String(s)!==String(h))return}console.log("[TrajectoryChart] 收到联动事件:",n)};return(n,e)=>{const t=F.ElOption,l=F.ElSelect,a=F.ElIcon,r=F.ElButton;return i.openBlock(),i.createElementBlock("div",{class:"mix-component",style:i.normalizeStyle({background:i.unref(B).bgColor,borderRadius:`${i.unref(B).radiusSize}px`})},[i.unref(B).isHideTitle?i.createCommentVNode("",!0):(i.openBlock(),i.createElementBlock("div",{key:0,class:"mix-title",style:i.normalizeStyle(ue.value)},i.toDisplayString(g.conf.caption||g.conf.name),5)),i.createElementVNode("div",Pe,[i.createElementVNode("div",Ne,[i.createVNode(l,{modelValue:p.value,"onUpdate:modelValue":e[0]||(e[0]=s=>p.value=s),placeholder:"选择时间",size:"small",class:"time-select",onChange:pe},{default:i.withCtx(()=>[(i.openBlock(!0),i.createElementBlock(i.Fragment,null,i.renderList(R.value,s=>(i.openBlock(),i.createBlock(t,{key:s,label:s,value:s},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),i.createVNode(r,{size:"small",class:"export-btn",onClick:ge},{default:i.withCtx(()=>[i.createVNode(a,null,{default:i.withCtx(()=>[i.createVNode(i.unref(De.Download))]),_:1}),e[1]||(e[1]=i.createTextVNode(" 导出图 ",-1))]),_:1})]),i.createElementVNode("div",{id:i.unref(de),class:"chart-container"},null,8,we)]),i.renderSlot(n.$slots,"default",{},void 0,!0)],4)}}})),Le=w._export_sfc(Re,[["__scopeId","data-v-c7e3eee0"]]);exports.default=Le;

package/dist/{displacementTrendChart-Bqnv7hiP.js → displacementTrendChart-4E6cDsX8.js}

@@ -8,9 +8,9 @@ var H = (d, i, n) => i in d ? ie(d, i, { enumerable: !0, configurable: !0, writa
     for (var n of Z(i))
       pe.call(i, n) && H(d, n, i[n]);
   return d;
-}, J = (d, i) => le(d, ce(i));
-var W = (d, i, n) => fe(re(d), n, i);
-var q = (d, i, n) => new Promise((A, v) => {
+}, W = (d, i) => le(d, ce(i));
+var q = (d, i, n) => fe(re(d), n, i);
+var J = (d, i, n) => new Promise((A, v) => {
   var B = (_) => {
     try {
       E(n.next(_));
@@ -26,19 +26,20 @@ var q = (d, i, n) => new Promise((A, v) => {
   }, E = (_) => _.done ? A(_.value) : Promise.resolve(_.value).then(B, p);
   E((n = n.apply(d, i)).next());
 });
-import { defineComponent as ue, useCssVars as he, unref as Q, ref as K, computed as N, watch as Y, nextTick as P, onMounted as me, onBeforeUnmount as ve, withDirectives as ye, openBlock as ge, createElementBlock as be, createElementVNode as F, toDisplayString as ee, renderSlot as xe, vShow as _e } from "vue";
+import { defineComponent as ue, useCssVars as he, unref as Q, ref as K, computed as N, watch as Y, nextTick as z, onMounted as me, onBeforeUnmount as ve, withDirectives as ye, openBlock as ge, createElementBlock as be, createElementVNode as F, toDisplayString as ee, renderSlot as xe, vShow as _e } from "vue";
 import "html2canvas";
-import { B as Ce } from "./BaseComponent-D5tlYehc.js";
-import { k as De, J as Te, z as Se, _ as Ee } from "./index-Bdq33405.js";
+import { B as Ce } from "./BaseComponent-CBagahPU.js";
+import { k as De, L as Te, E as Se, _ as Ee } from "./index-DwPJu6XM.js";
 import "./index-ButoLLAe.js";
-import { A as Ie, D as we } from "./ele-dzc-icon-D6eVpaHp.js";
-import { i as Me } from "./echarts-BVht3HHb.js";
-const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }, $e = { class: "chart-title" }, Le = { class: "chart-subtitle" }, Oe = {
-  DEFAULT_ICON: we,
+import { A as Ie, D as Me } from "./ele-dzc-icon-D6eVpaHp.js";
+import { i as we } from "./echarts-BVht3HHb.js";
+const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }, Le = { class: "chart-title" }, $e = { class: "chart-subtitle" }, Oe = {
+  DEFAULT_ICON: Me,
   ACTIVE_ICON: Ie,
   NAME_CN: "位移趋势图",
   NAME_EN: "Displacement Trend Chart",
-  ORDER: 15
+  ORDER: 15,
+  PLATFORM: ["pc", "screen"]
 }, je = {
   bindId: { value: "", type: "string", label: "component.deepDisplacement.bindId" },
   title: { value: "ZK10-深部位移01", type: "string", label: "component.deepDisplacement.title" },
@@ -67,7 +68,7 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
     color: "#4a90d9"
     // 曲线颜色
   }
-], ze = ["configPanelId", "name", "object_id", "points_fv", "fv", "depth_fv", "color"], Be = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Ne = { useAlias: !1, multiObject: !1, source: "mosaic" }, Pe = { DEFAULT: Oe, OPTIONS: je, DATA: Re, PARAMS: ze, SOURCE: Be, COMMON: Ne }, Fe = /* @__PURE__ */ ue(J(X({}, Pe), {
+], Pe = ["configPanelId", "name", "object_id", "points_fv", "fv", "depth_fv", "color"], Be = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Ne = { useAlias: !1, multiObject: !1, source: "mosaic" }, ze = { DEFAULT: Oe, OPTIONS: je, DATA: Re, PARAMS: Pe, SOURCE: Be, COMMON: Ne }, Fe = /* @__PURE__ */ ue(W(X({}, ze), {
   __name: "displacementTrendChart",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -77,8 +78,8 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
   },
   setup(d) {
     he((a) => ({
-      af895d9e: Q(M).bgColor,
-      v1da9f089: Q(M).textColor
+      a494a23e: Q(w).bgColor,
+      a3f8bb8e: Q(w).textColor
     }));
     const i = De(), n = d, A = K({
       selectedTimes: [],
@@ -154,9 +155,9 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
         }), t;
       }
       onPreview() {
-        return q(this, null, function* () {
+        return J(this, null, function* () {
           const { data: e } = this.props.conf;
-          e.some((t) => t.object_id && t.fv) ? (console.log("[DisplacementTrendChart] 检测到数据绑定，订阅真实数据"), yield W(k.prototype, this, "onPreview").call(this)) : (console.log("[DisplacementTrendChart] 未配置数据源，使用模拟数据"), this.getMockData().forEach((y, l) => v.value.set(l, y)), j());
+          e.some((t) => t.object_id && t.fv) ? (console.log("[DisplacementTrendChart] 检测到数据绑定，订阅真实数据"), yield q(k.prototype, this, "onPreview").call(this)) : (console.log("[DisplacementTrendChart] 未配置数据源，使用模拟数据"), this.getMockData().forEach((y, l) => v.value.set(l, y)), j());
         });
       }
       setHistoryData(e) {
@@ -174,35 +175,35 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
             const s = o.indexOf(r), f = ((C = u.history) == null ? void 0 : C[s]) || [], g = r.points_fv || "points";
             f.length > 0 && Array.isArray((D = f[0]) == null ? void 0 : D[g]) ? o.forEach((c) => {
               if (!c.object_id || !c.fv) return;
-              const b = /* @__PURE__ */ new Map(), L = this.getActualFv(c.fv), T = /* @__PURE__ */ new Map();
+              const b = /* @__PURE__ */ new Map(), $ = this.getActualFv(c.fv), T = /* @__PURE__ */ new Map();
               f.forEach((x) => {
                 const I = (x.time || x.datetime || "").split(" ")[0];
                 T.has(I) || T.set(I, []), (x[g] || []).forEach((m) => {
-                  var S, R, z;
+                  var S, R, P;
                   T.get(I).push({
                     depth: (R = (S = m[c.depth_fv]) != null ? S : m.depth) != null ? R : 0,
-                    value: (z = m[L]) != null ? z : 0
+                    value: (P = m[$]) != null ? P : 0
                   });
                 });
-              }), T.forEach((x, $) => {
+              }), T.forEach((x, L) => {
                 const I = /* @__PURE__ */ new Map();
                 x.forEach((m) => I.set(m.depth, m.value));
-                const w = Array.from(I.entries()).map(([m, S]) => ({ depth: m, value: S })).sort((m, S) => S.depth - m.depth);
-                b.set($, w);
+                const M = Array.from(I.entries()).map(([m, S]) => ({ depth: m, value: S })).sort((m, S) => S.depth - m.depth);
+                b.set(L, M);
               }), v.value.set(c.name, b);
             }) : o.forEach((c, b) => {
               var I;
               if (!c.object_id || !c.fv) return;
-              const L = ((I = u.history) == null ? void 0 : I[b]) || [], T = /* @__PURE__ */ new Map(), x = this.getActualFv(c.fv), $ = /* @__PURE__ */ new Map();
-              L.forEach((w) => {
-                var R, z;
-                const S = (w.time || w.datetime || "").split(" ")[0];
-                $.has(S) || $.set(S, []), $.get(S).push({
-                  depth: (R = w[c.depth_fv]) != null ? R : 0,
-                  value: (z = w[x]) != null ? z : 0
+              const $ = ((I = u.history) == null ? void 0 : I[b]) || [], T = /* @__PURE__ */ new Map(), x = this.getActualFv(c.fv), L = /* @__PURE__ */ new Map();
+              $.forEach((M) => {
+                var R, P;
+                const S = (M.time || M.datetime || "").split(" ")[0];
+                L.has(S) || L.set(S, []), L.get(S).push({
+                  depth: (R = M[c.depth_fv]) != null ? R : 0,
+                  value: (P = M[x]) != null ? P : 0
                 });
-              }), $.forEach((w, m) => {
-                T.set(m, w);
+              }), L.forEach((M, m) => {
+                T.set(m, M);
               }), v.value.set(c.name, T);
             });
           } catch (r) {
@@ -217,17 +218,17 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
     }
     const O = new k(n, "displacementTrendChart");
     (!n.conf.data || n.conf.data.length === 0) && (n.conf.data = O.getDefaultData()), O.setupLifecycle();
-    const M = O.getStyle(), te = N(() => {
-      const a = M.value.title, e = M.value.depth, t = U() === "relative" ? "相对趋势图" : "累计趋势图";
+    const w = O.getStyle(), te = N(() => {
+      const a = w.value.title, e = w.value.depth, t = U() === "relative" ? "相对趋势图" : "累计趋势图";
       return `${a}（深度${e}米）-${t}`;
     }), ae = N(() => {
       const a = A.value.selectedTimes || A.value.trendSelectedTimes || [];
       if (a.length === 0) return "";
       const e = [...a].sort(), o = e[0], t = e[e.length - 1];
       return `${o} ~ ${t} [${a.length}天]`;
-    }), U = () => M.value.dispType, G = () => {
+    }), U = () => w.value.dispType, G = () => {
       var r;
-      const a = M.value, e = A.value, o = ((r = n.conf) == null ? void 0 : r.data) || O.getDefaultData();
+      const a = w.value, e = A.value, o = ((r = n.conf) == null ? void 0 : r.data) || O.getDefaultData();
       U();
       let t = e.selectedTimes || e.trendSelectedTimes || [];
       if (v.value.size === 0 && O.getMockData().forEach((f, g) => v.value.set(g, f)), t.length === 0 && v.value.size > 0) {
@@ -245,7 +246,7 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
           const b = f.get(h) || [];
           if (b.length === 0) return;
           b.forEach((x) => l.push(x.depth));
-          const L = 1 - c * 0.15, T = g;
+          const $ = 1 - c * 0.15, T = g;
           y.push({
             name: `${s.name} (${h})`,
             type: "line",
@@ -253,8 +254,8 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
             smooth: !0,
             symbol: "circle",
             symbolSize: 4,
-            lineStyle: { color: T, width: 2, opacity: L },
-            itemStyle: { color: T, opacity: L }
+            lineStyle: { color: T, width: 2, opacity: $ },
+            itemStyle: { color: T, opacity: $ }
           });
         });
       }), l.length === 0 && (l = [-122, -152]);
@@ -319,23 +320,23 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
     }, oe = N(() => {
       var e, o;
       return ((o = (((e = n.conf) == null ? void 0 : e.data) || [])[0]) == null ? void 0 : o.configPanelId) || "";
-    }), ne = N(() => M.value.bindId || n.uid || ""), V = K(!0);
+    }), ne = N(() => w.value.bindId || n.uid || ""), V = K(!0);
     Y(() => i.channels.deepDisplacement, (a) => {
       var y, l, u;
       if (!a || a.topic.source === "displacementTrendChart") return;
       const e = oe.value, o = ne.value, { payload: t } = a;
-      t.type === "config" && t.objectId === e && (console.log("[TrendChart] 收到配置变化(configPanelId):", e, t.fv), A.value = t.fv, P(j)), t.type === "bindConfig" && t.objectId === o && (console.log("[TrendChart] 收到直接绑定配置(bindId):", o, t.fv), A.value = t.fv, ((y = t.fv) == null ? void 0 : y.visible) !== void 0 && (V.value = t.fv.visible), P(j)), t.type === "export" && t.objectId === e && (console.log("[TrendChart] 收到导出请求:", t.fv), (((l = t.fv) == null ? void 0 : l.type) === "trend_disp" || ((u = t.fv) == null ? void 0 : u.type) === "trend_relative") && se());
+      t.type === "config" && t.objectId === e && (console.log("[TrendChart] 收到配置变化(configPanelId):", e, t.fv), A.value = t.fv, z(j)), t.type === "bindConfig" && t.objectId === o && (console.log("[TrendChart] 收到直接绑定配置(bindId):", o, t.fv), A.value = t.fv, ((y = t.fv) == null ? void 0 : y.visible) !== void 0 && (V.value = t.fv.visible), z(j)), t.type === "export" && t.objectId === e && (console.log("[TrendChart] 收到导出请求:", t.fv), (((l = t.fv) == null ? void 0 : l.type) === "trend_disp" || ((u = t.fv) == null ? void 0 : u.type) === "trend_relative") && se());
     }, { deep: !0 });
     const se = () => {
       if (p) {
         const a = p.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), e = document.createElement("a");
-        e.download = `${M.value.title}-位移趋势图.png`, e.href = a, e.click();
+        e.download = `${w.value.title}-位移趋势图.png`, e.href = a, e.click();
       }
     };
     return me(() => {
-      P(() => {
+      z(() => {
         const a = document.getElementById(B);
-        a && (p = Me(a), p.setOption(G()), E = new ResizeObserver(() => p == null ? void 0 : p.resize()), E.observe(a.parentElement));
+        a && (p = we(a), p.setOption(G()), E = new ResizeObserver(() => p == null ? void 0 : p.resize()), E.observe(a.parentElement));
       });
     }), ve(() => {
       E == null || E.disconnect(), p == null || p.dispose();
@@ -343,11 +344,11 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
       var a;
       return (a = n.conf) == null ? void 0 : a.data;
     }, () => {
-      P(j);
+      z(j);
     }, { deep: !0 }), (a, e) => ye((ge(), be("div", Ae, [
       F("div", ke, [
-        F("div", $e, ee(te.value), 1),
-        F("div", Le, ee(ae.value), 1)
+        F("div", Le, ee(te.value), 1),
+        F("div", $e, ee(ae.value), 1)
       ]),
       F("div", {
         id: B,
@@ -358,7 +359,7 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
       [_e, V.value]
     ]);
   }
-})), We = /* @__PURE__ */ Ee(Fe, [["__scopeId", "data-v-63f21ddb"]]);
+})), qe = /* @__PURE__ */ Ee(Fe, [["__scopeId", "data-v-28a449e1"]]);
 export {
-  We as default
+  qe as default
 };

package/dist/displacementTrendChart-Cuxa5iTp.cjs

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