mixdashboards 1.0.73 → 1.0.74

package/dist/{deviceStatus-90rQa1uj.js → deviceStatus-CxjbfqGK.js}

@@ -1,19 +1,19 @@
 var T = Object.defineProperty, H = Object.defineProperties;
 var F = Object.getOwnPropertyDescriptors;
 var D = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable;
+var I = Object.prototype.hasOwnProperty, P = Object.prototype.propertyIsEnumerable;
 var j = (u, o, n) => o in u ? T(u, o, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[o] = n, x = (u, o) => {
   for (var n in o || (o = {}))
-    P.call(o, n) && j(u, n, o[n]);
+    I.call(o, n) && j(u, n, o[n]);
   if (D)
     for (var n of D(o))
-      U.call(o, n) && j(u, n, o[n]);
+      P.call(o, n) && j(u, n, o[n]);
   return u;
 }, A = (u, o) => H(u, F(o));
-import { defineComponent as z, useCssVars as I, unref as v, ref as $, computed as k, openBlock as C, createElementBlock as _, createElementVNode as a, toDisplayString as f, Fragment as N, renderList as O, normalizeStyle as S, createCommentVNode as q, renderSlot as G } from "vue";
+import { defineComponent as U, useCssVars as z, unref as v, ref as $, computed as k, openBlock as C, createElementBlock as _, createElementVNode as a, toDisplayString as f, Fragment as O, renderList as N, normalizeStyle as S, createCommentVNode as q, renderSlot as G } from "vue";
 import "html2canvas";
-import { B as J } from "./BaseComponent-CBagahPU.js";
-import { L as K, E as Q, _ as W } from "./index-DwPJu6XM.js";
+import { B as J } from "./BaseComponent-NnwLq7Cf.js";
+import { O as K, I as Q, _ as W } from "./index-D5BukPPY.js";
 import { A as X, D as Y } from "./ele-gag-icon-CB5dJeYF.js";
 const Z = { class: "device-status-wrapper" }, tt = { class: "panel-header" }, et = { class: "header-left" }, ot = { class: "header-title" }, at = { class: "status-cards" }, lt = ["onClick"], ct = { class: "status-label" }, st = { class: "device-list" }, rt = { class: "device-icon" }, nt = { class: "device-info" }, it = { class: "device-name" }, ut = { class: "device-type" }, dt = { class: "device-value" }, vt = { class: "value-text" }, ft = {
   key: 0,
@@ -40,7 +40,7 @@ const Z = { class: "device-status-wrapper" }, tt = { class: "panel-header" }, et
   { name: "压力传感器-01", type: "压力传感器", icon: "⏱", fv: "pressure", object_id: "", unit: "MPa", value: 1.3, status: 0 },
   { name: "位移传感器-01", type: "位移传感器", icon: "↔", fv: "displacement", object_id: "", unit: "mm", value: 2.1, status: 1 },
   { name: "振动传感器-01", type: "振动传感器", icon: "〰", fv: "vibration", object_id: "", unit: "Hz", value: 0.1, status: 0 }
-], pt = ["name", "type", "icon", "fv", "object_id", "unit", "status"], ht = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], bt = { useAlias: !1, multiObject: !0, source: "mosaic" }, yt = { DEFAULT: mt, OPTIONS: Ct, DATA: _t, PARAMS: pt, SOURCE: ht, COMMON: bt }, gt = /* @__PURE__ */ z(A(x({}, yt), {
+], pt = ["name", "type", "icon", "fv", "object_id", "unit", "status"], ht = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], bt = { useAlias: !1, multiObject: !0, source: "mosaic" }, yt = { DEFAULT: mt, OPTIONS: Ct, DATA: _t, PARAMS: pt, SOURCE: ht, COMMON: bt }, gt = /* @__PURE__ */ U(A(x({}, yt), {
   __name: "deviceStatus",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -49,7 +49,7 @@ const Z = { class: "device-status-wrapper" }, tt = { class: "panel-header" }, et
     theme: { type: String, default: "light" }
   },
   setup(u) {
-    I((l) => ({
+    z((l) => ({
       v2279d942: v(c).bgColor,
       v282717bb: v(c).borderColor,
       v0266b85a: v(c).textColor,
@@ -100,14 +100,14 @@ const Z = { class: "device-status-wrapper" }, tt = { class: "panel-header" }, et
         });
       }
     }
-    const E = new n(o, "deviceStatus");
+    const w = new n(o, "deviceStatus");
     (!o.conf.data || o.conf.data.length === 0) && (o.conf.data = [
       { name: "温度传感器-01", type: "温度传感器", icon: "🌡", fv: "", object_id: "", unit: "°C", value: 25.1, status: 0 },
       { name: "压力传感器-01", type: "压力传感器", icon: "⏱", fv: "", object_id: "", unit: "MPa", value: 1.3, status: 0 },
       { name: "位移传感器-01", type: "位移传感器", icon: "↔", fv: "", object_id: "", unit: "mm", value: 2.1, status: 1 },
       { name: "振动传感器-01", type: "振动传感器", icon: "〰", fv: "", object_id: "", unit: "Hz", value: 0.1, status: 0 }
-    ]), E.setupLifecycle();
-    const c = E.getStyle(), b = $(null), B = k(() => {
+    ]), w.setupLifecycle();
+    const c = w.getStyle(), b = $(null), B = k(() => {
       var s;
       const l = ((s = o.conf) == null ? void 0 : s.data) || [], t = l.filter((r) => r.status === 0).length, e = l.filter((r) => r.status === 1).length, i = l.filter((r) => r.status === 2).length;
       return [
@@ -115,7 +115,7 @@ const Z = { class: "device-status-wrapper" }, tt = { class: "panel-header" }, et
         { name: "警告", count: e, color: c.value.warnColor },
         { name: "异常", count: i, color: c.value.errorColor }
       ];
-    }), w = k(() => {
+    }), E = k(() => {
       var t;
       const l = ((t = o.conf) == null ? void 0 : t.data) || [];
       return b.value === null ? l : l.filter((e) => e.status === b.value);
@@ -153,7 +153,7 @@ const Z = { class: "device-status-wrapper" }, tt = { class: "panel-header" }, et
         }, " 实时更新 ")
       ]),
       a("div", at, [
-        (C(!0), _(N, null, O(B.value, (e, i) => (C(), _("div", {
+        (C(!0), _(O, null, N(B.value, (e, i) => (C(), _("div", {
           key: i,
           class: "status-card",
           style: S({ borderTopColor: e.color }),
@@ -167,7 +167,7 @@ const Z = { class: "device-status-wrapper" }, tt = { class: "panel-header" }, et
         ], 12, lt))), 128))
       ]),
       a("div", st, [
-        (C(!0), _(N, null, O(w.value, (e, i) => (C(), _("div", {
+        (C(!0), _(O, null, N(E.value, (e, i) => (C(), _("div", {
           key: i,
           class: "device-item"
         }, [
@@ -184,7 +184,7 @@ const Z = { class: "device-status-wrapper" }, tt = { class: "panel-header" }, et
             }, f(L(e.status)), 5)
           ])
         ]))), 128)),
-        w.value.length === 0 ? (C(), _("div", ft, " 暂无设备数据 ")) : q("", !0)
+        E.value.length === 0 ? (C(), _("div", ft, " 暂无设备数据 ")) : q("", !0)
       ]),
       G(l.$slots, "default", {}, void 0, !0)
     ]));

package/dist/{deviceStatus-4BMy4qBD.cjs → deviceStatus-ySE9suGE.cjs}

@@ -1 +1 @@
-"use strict";var x=Object.defineProperty,A=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var S=(u,a,s)=>a in u?x(u,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[a]=s,E=(u,a)=>{for(var s in a||(a={}))M.call(a,s)&&S(u,s,a[s]);if(h)for(var s of h(a))R.call(a,s)&&S(u,s,a[s]);return u},N=(u,a)=>A(u,O(a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("html2canvas");const T=require("./BaseComponent-Chnv4fBT.cjs"),y=require("./index-DVqMfQVc.cjs"),V=require("./ele-gag-icon-Ce1hl9NI.cjs"),L={class:"device-status-wrapper"},I={class:"panel-header"},F={class:"header-left"},z={class:"header-title"},H={class:"status-cards"},P=["onClick"],U={class:"status-label"},q={class:"device-list"},$={class:"device-icon"},G={class:"device-info"},J={class:"device-name"},K={class:"device-type"},Q={class:"device-value"},W={class:"value-text"},X={key:0,class:"no-data"},Y={DEFAULT_ICON:V.DEFAULT_ICON,ACTIVE_ICON:V.ACTIVE_ICON,NAME_CN:"设备运行状态",NAME_EN:"Device Status",ORDER:8,PLATFORM:["pc","screen"]},Z={title:{value:"监测设备运行状态",type:"string",label:"component.deviceStatus.title"},bgColor:{value:"#1a2a3a",type:"color",label:"setting.bgColor"},borderColor:{value:"#2a4a6a",type:"color",label:"component.deviceStatus.borderColor"},textColor:{value:"#ffffff",type:"color",label:"setting.textColor"},accentColor:{value:"#00d4ff",type:"color",label:"component.deviceStatus.accentColor"},glowEffect:{value:!0,type:"checkbox",label:"component.deviceStatus.glowEffect"},normalColor:{value:"#2ecc71",type:"color",label:"component.deviceStatus.normalColor"},warnColor:{value:"#f39c12",type:"color",label:"component.deviceStatus.warnColor"},errorColor:{value:"#e74c3c",type:"color",label:"component.deviceStatus.errorColor"}},ee=[{name:"温度传感器-01",type:"温度传感器",icon:"🌡",fv:"temperature",object_id:"",unit:"°C",value:25.1,status:0},{name:"压力传感器-01",type:"压力传感器",icon:"⏱",fv:"pressure",object_id:"",unit:"MPa",value:1.3,status:0},{name:"位移传感器-01",type:"位移传感器",icon:"↔",fv:"displacement",object_id:"",unit:"mm",value:2.1,status:1},{name:"振动传感器-01",type:"振动传感器",icon:"〰",fv:"vibration",object_id:"",unit:"Hz",value:.1,status:0}],te=["name","type","icon","fv","object_id","unit","status"],oe=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],ae={useAlias:!1,multiObject:!0,source:"mosaic"},le={DEFAULT:Y,OPTIONS:Z,DATA:ee,PARAMS:te,SOURCE:oe,COMMON:ae},ce=e.defineComponent(N(E({},le),{__name:"deviceStatus",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(u){e.useCssVars(l=>({v2279d942:e.unref(c).bgColor,v282717bb:e.unref(c).borderColor,v0266b85a:e.unref(c).textColor,v919cec46:e.unref(c).accentColor,v09e5435a:e.unref(c).glowEffect?`drop-shadow(0 0 6px ${e.unref(c).accentColor})`:"none",v114e47f4:e.unref(c).glowEffect?`0 0 10px ${e.unref(c).accentColor}`:"none"}));const a=u;class s extends T.BaseComponent{extractStyles(){var o,i,n,r,C,d,_,f,m,v;const{options:t}=this.props.conf;return{title:((o=t==null?void 0:t.title)==null?void 0:o.value)||"监测设备运行状态",bgColor:((i=t==null?void 0:t.bgColor)==null?void 0:i.value)||"#1a2a3a",borderColor:((n=t==null?void 0:t.borderColor)==null?void 0:n.value)||"#2a4a6a",textColor:((r=t==null?void 0:t.textColor)==null?void 0:r.value)||"#ffffff",accentColor:((C=t==null?void 0:t.accentColor)==null?void 0:C.value)||"#00d4ff",glowEffect:(_=(d=t==null?void 0:t.glowEffect)==null?void 0:d.value)!=null?_:!0,normalColor:((f=t==null?void 0:t.normalColor)==null?void 0:f.value)||"#2ecc71",warnColor:((m=t==null?void 0:t.warnColor)==null?void 0:m.value)||"#f39c12",errorColor:((v=t==null?void 0:t.errorColor)==null?void 0:v.value)||"#e74c3c"}}setHistoryData(t){const{data:o,common:i}=this.props.conf;if(!o.some(d=>d.object_id&&d.fv))return;const r=i.source||"mosaic";["statistics","calculate"].includes(r)&&(t=y.formatStatisticsResult(t,o));let C=y.handleNullData(t,this.props,"history");o.forEach((d,_)=>{var f,m;if(!(!d.object_id||!d.fv))try{const v=(m=(f=C.history[_])==null?void 0:f[0])==null?void 0:m[d.fv];v!=null&&(d.value=v)}catch(v){}})}setSocketData(t){if(!t)return;const{data:o}=this.props.conf;o.some(n=>n.object_id&&n.fv)&&o.forEach(n=>{if(!n.object_id||!n.fv)return;const r=this.extractDataValue(t,n.fv);r!=null&&(n.value=r)})}}const g=new s(a,"deviceStatus");(!a.conf.data||a.conf.data.length===0)&&(a.conf.data=[{name:"温度传感器-01",type:"温度传感器",icon:"🌡",fv:"",object_id:"",unit:"°C",value:25.1,status:0},{name:"压力传感器-01",type:"压力传感器",icon:"⏱",fv:"",object_id:"",unit:"MPa",value:1.3,status:0},{name:"位移传感器-01",type:"位移传感器",icon:"↔",fv:"",object_id:"",unit:"mm",value:2.1,status:1},{name:"振动传感器-01",type:"振动传感器",icon:"〰",fv:"",object_id:"",unit:"Hz",value:.1,status:0}]),g.setupLifecycle();const c=g.getStyle(),p=e.ref(null),D=e.computed(()=>{var n;const l=((n=a.conf)==null?void 0:n.data)||[],t=l.filter(r=>r.status===0).length,o=l.filter(r=>r.status===1).length,i=l.filter(r=>r.status===2).length;return[{name:"正常",count:t,color:c.value.normalColor},{name:"警告",count:o,color:c.value.warnColor},{name:"异常",count:i,color:c.value.errorColor}]}),b=e.computed(()=>{var t;const l=((t=a.conf)==null?void 0:t.data)||[];return p.value===null?l:l.filter(o=>o.status===p.value)}),k=()=>console.log("实时更新"),B=l=>{p.value=p.value===l?null:l},w=l=>{const t=[c.value.normalColor,c.value.warnColor,c.value.errorColor];return t[l]||t[0]},j=l=>{const t=["正常","警告","异常"];return t[l]||t[0]};return(l,t)=>(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",I,[e.createElementVNode("div",F,[t[0]||(t[0]=e.createElementVNode("svg",{class:"header-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"3"}),e.createElementVNode("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"})],-1)),e.createElementVNode("span",z,e.toDisplayString(e.unref(c).title),1)]),e.createElementVNode("button",{class:"realtime-btn",onClick:k}," 实时更新 ")]),e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"status-card",style:e.normalizeStyle({borderTopColor:o.color}),onClick:n=>B(i)},[e.createElementVNode("div",{class:"status-count",style:e.normalizeStyle({color:o.color})},e.toDisplayString(o.count),5),e.createElementVNode("div",U,e.toDisplayString(o.name),1)],12,P))),128))]),e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"device-item"},[e.createElementVNode("div",$,e.toDisplayString(o.icon),1),e.createElementVNode("div",G,[e.createElementVNode("div",J,e.toDisplayString(o.name),1),e.createElementVNode("div",K,e.toDisplayString(o.type),1)]),e.createElementVNode("div",Q,[e.createElementVNode("div",W,e.toDisplayString(o.value)+" "+e.toDisplayString(o.unit),1),e.createElementVNode("div",{class:"status-tag",style:e.normalizeStyle({background:w(o.status)})},e.toDisplayString(j(o.status)),5)])]))),128)),b.value.length===0?(e.openBlock(),e.createElementBlock("div",X," 暂无设备数据 ")):e.createCommentVNode("",!0)]),e.renderSlot(l.$slots,"default",{},void 0,!0)]))}})),ne=y._export_sfc(ce,[["__scopeId","data-v-d3c9d7b3"]]);exports.default=ne;
+"use strict";var x=Object.defineProperty,A=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var S=(u,a,s)=>a in u?x(u,a,{enumerable:!0,configurable:!0,writable:!0,value:s}):u[a]=s,E=(u,a)=>{for(var s in a||(a={}))M.call(a,s)&&S(u,s,a[s]);if(h)for(var s of h(a))R.call(a,s)&&S(u,s,a[s]);return u},N=(u,a)=>A(u,O(a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("html2canvas");const T=require("./BaseComponent-CaCkjmmb.cjs"),y=require("./index-BzWbqJIl.cjs"),V=require("./ele-gag-icon-Ce1hl9NI.cjs"),L={class:"device-status-wrapper"},I={class:"panel-header"},F={class:"header-left"},z={class:"header-title"},H={class:"status-cards"},P=["onClick"],U={class:"status-label"},q={class:"device-list"},$={class:"device-icon"},G={class:"device-info"},J={class:"device-name"},K={class:"device-type"},Q={class:"device-value"},W={class:"value-text"},X={key:0,class:"no-data"},Y={DEFAULT_ICON:V.DEFAULT_ICON,ACTIVE_ICON:V.ACTIVE_ICON,NAME_CN:"设备运行状态",NAME_EN:"Device Status",ORDER:8,PLATFORM:["pc","screen"]},Z={title:{value:"监测设备运行状态",type:"string",label:"component.deviceStatus.title"},bgColor:{value:"#1a2a3a",type:"color",label:"setting.bgColor"},borderColor:{value:"#2a4a6a",type:"color",label:"component.deviceStatus.borderColor"},textColor:{value:"#ffffff",type:"color",label:"setting.textColor"},accentColor:{value:"#00d4ff",type:"color",label:"component.deviceStatus.accentColor"},glowEffect:{value:!0,type:"checkbox",label:"component.deviceStatus.glowEffect"},normalColor:{value:"#2ecc71",type:"color",label:"component.deviceStatus.normalColor"},warnColor:{value:"#f39c12",type:"color",label:"component.deviceStatus.warnColor"},errorColor:{value:"#e74c3c",type:"color",label:"component.deviceStatus.errorColor"}},ee=[{name:"温度传感器-01",type:"温度传感器",icon:"🌡",fv:"temperature",object_id:"",unit:"°C",value:25.1,status:0},{name:"压力传感器-01",type:"压力传感器",icon:"⏱",fv:"pressure",object_id:"",unit:"MPa",value:1.3,status:0},{name:"位移传感器-01",type:"位移传感器",icon:"↔",fv:"displacement",object_id:"",unit:"mm",value:2.1,status:1},{name:"振动传感器-01",type:"振动传感器",icon:"〰",fv:"vibration",object_id:"",unit:"Hz",value:.1,status:0}],te=["name","type","icon","fv","object_id","unit","status"],oe=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],ae={useAlias:!1,multiObject:!0,source:"mosaic"},le={DEFAULT:Y,OPTIONS:Z,DATA:ee,PARAMS:te,SOURCE:oe,COMMON:ae},ce=e.defineComponent(N(E({},le),{__name:"deviceStatus",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(u){e.useCssVars(l=>({v2279d942:e.unref(c).bgColor,v282717bb:e.unref(c).borderColor,v0266b85a:e.unref(c).textColor,v919cec46:e.unref(c).accentColor,v09e5435a:e.unref(c).glowEffect?`drop-shadow(0 0 6px ${e.unref(c).accentColor})`:"none",v114e47f4:e.unref(c).glowEffect?`0 0 10px ${e.unref(c).accentColor}`:"none"}));const a=u;class s extends T.BaseComponent{extractStyles(){var o,i,n,r,C,d,_,f,m,v;const{options:t}=this.props.conf;return{title:((o=t==null?void 0:t.title)==null?void 0:o.value)||"监测设备运行状态",bgColor:((i=t==null?void 0:t.bgColor)==null?void 0:i.value)||"#1a2a3a",borderColor:((n=t==null?void 0:t.borderColor)==null?void 0:n.value)||"#2a4a6a",textColor:((r=t==null?void 0:t.textColor)==null?void 0:r.value)||"#ffffff",accentColor:((C=t==null?void 0:t.accentColor)==null?void 0:C.value)||"#00d4ff",glowEffect:(_=(d=t==null?void 0:t.glowEffect)==null?void 0:d.value)!=null?_:!0,normalColor:((f=t==null?void 0:t.normalColor)==null?void 0:f.value)||"#2ecc71",warnColor:((m=t==null?void 0:t.warnColor)==null?void 0:m.value)||"#f39c12",errorColor:((v=t==null?void 0:t.errorColor)==null?void 0:v.value)||"#e74c3c"}}setHistoryData(t){const{data:o,common:i}=this.props.conf;if(!o.some(d=>d.object_id&&d.fv))return;const r=i.source||"mosaic";["statistics","calculate"].includes(r)&&(t=y.formatStatisticsResult(t,o));let C=y.handleNullData(t,this.props,"history");o.forEach((d,_)=>{var f,m;if(!(!d.object_id||!d.fv))try{const v=(m=(f=C.history[_])==null?void 0:f[0])==null?void 0:m[d.fv];v!=null&&(d.value=v)}catch(v){}})}setSocketData(t){if(!t)return;const{data:o}=this.props.conf;o.some(n=>n.object_id&&n.fv)&&o.forEach(n=>{if(!n.object_id||!n.fv)return;const r=this.extractDataValue(t,n.fv);r!=null&&(n.value=r)})}}const g=new s(a,"deviceStatus");(!a.conf.data||a.conf.data.length===0)&&(a.conf.data=[{name:"温度传感器-01",type:"温度传感器",icon:"🌡",fv:"",object_id:"",unit:"°C",value:25.1,status:0},{name:"压力传感器-01",type:"压力传感器",icon:"⏱",fv:"",object_id:"",unit:"MPa",value:1.3,status:0},{name:"位移传感器-01",type:"位移传感器",icon:"↔",fv:"",object_id:"",unit:"mm",value:2.1,status:1},{name:"振动传感器-01",type:"振动传感器",icon:"〰",fv:"",object_id:"",unit:"Hz",value:.1,status:0}]),g.setupLifecycle();const c=g.getStyle(),p=e.ref(null),D=e.computed(()=>{var n;const l=((n=a.conf)==null?void 0:n.data)||[],t=l.filter(r=>r.status===0).length,o=l.filter(r=>r.status===1).length,i=l.filter(r=>r.status===2).length;return[{name:"正常",count:t,color:c.value.normalColor},{name:"警告",count:o,color:c.value.warnColor},{name:"异常",count:i,color:c.value.errorColor}]}),b=e.computed(()=>{var t;const l=((t=a.conf)==null?void 0:t.data)||[];return p.value===null?l:l.filter(o=>o.status===p.value)}),k=()=>console.log("实时更新"),B=l=>{p.value=p.value===l?null:l},w=l=>{const t=[c.value.normalColor,c.value.warnColor,c.value.errorColor];return t[l]||t[0]},j=l=>{const t=["正常","警告","异常"];return t[l]||t[0]};return(l,t)=>(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",I,[e.createElementVNode("div",F,[t[0]||(t[0]=e.createElementVNode("svg",{class:"header-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},[e.createElementVNode("circle",{cx:"12",cy:"12",r:"3"}),e.createElementVNode("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"})],-1)),e.createElementVNode("span",z,e.toDisplayString(e.unref(c).title),1)]),e.createElementVNode("button",{class:"realtime-btn",onClick:k}," 实时更新 ")]),e.createElementVNode("div",H,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(D.value,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"status-card",style:e.normalizeStyle({borderTopColor:o.color}),onClick:n=>B(i)},[e.createElementVNode("div",{class:"status-count",style:e.normalizeStyle({color:o.color})},e.toDisplayString(o.count),5),e.createElementVNode("div",U,e.toDisplayString(o.name),1)],12,P))),128))]),e.createElementVNode("div",q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(o,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"device-item"},[e.createElementVNode("div",$,e.toDisplayString(o.icon),1),e.createElementVNode("div",G,[e.createElementVNode("div",J,e.toDisplayString(o.name),1),e.createElementVNode("div",K,e.toDisplayString(o.type),1)]),e.createElementVNode("div",Q,[e.createElementVNode("div",W,e.toDisplayString(o.value)+" "+e.toDisplayString(o.unit),1),e.createElementVNode("div",{class:"status-tag",style:e.normalizeStyle({background:w(o.status)})},e.toDisplayString(j(o.status)),5)])]))),128)),b.value.length===0?(e.openBlock(),e.createElementBlock("div",X," 暂无设备数据 ")):e.createCommentVNode("",!0)]),e.renderSlot(l.$slots,"default",{},void 0,!0)]))}})),ne=y._export_sfc(ce,[["__scopeId","data-v-d3c9d7b3"]]);exports.default=ne;

package/dist/{displacementDataTable-BArwj-xp.js → displacementDataTable-CAYYafN7.js}

@@ -1,15 +1,15 @@
 var Z = Object.defineProperty, W = Object.defineProperties;
 var q = Object.getOwnPropertyDescriptors;
-var z = Object.getOwnPropertySymbols, G = Object.getPrototypeOf, J = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable, ee = Reflect.get;
-var I = (s, n, t) => n in s ? Z(s, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[n] = t, A = (s, n) => {
+var I = Object.getOwnPropertySymbols, G = Object.getPrototypeOf, J = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable, ee = Reflect.get;
+var k = (s, n, t) => n in s ? Z(s, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[n] = t, O = (s, n) => {
   for (var t in n || (n = {}))
-    J.call(n, t) && I(s, t, n[t]);
-  if (z)
-    for (var t of z(n))
-      Q.call(n, t) && I(s, t, n[t]);
+    J.call(n, t) && k(s, t, n[t]);
+  if (I)
+    for (var t of I(n))
+      Q.call(n, t) && k(s, t, n[t]);
   return s;
-}, N = (s, n) => W(s, q(n));
-var O = (s, n, t) => ee(G(s), t, n);
+}, A = (s, n) => W(s, q(n));
+var N = (s, n, t) => ee(G(s), t, n);
 var w = (s, n, t) => new Promise((f, u) => {
   var x = (p) => {
     try {
@@ -36,8 +36,8 @@ import "element-plus/es/components/icon/style/css";
 import { defineComponent as se, useCssVars as re, unref as C, ref as _, onMounted as ce, computed as y, watch as B, openBlock as P, createElementBlock as j, createElementVNode as v, toDisplayString as S, createVNode as b, withCtx as E, createTextVNode as L, Fragment as ie, renderList as pe, createBlock as ue, renderSlot as de } from "vue";
 import { Upload as fe } from "@element-plus/icons-vue";
 import "html2canvas";
-import { B as me } from "./BaseComponent-CBagahPU.js";
-import { k as ge, d as he, L as _e, E as be, _ as ve } from "./index-DwPJu6XM.js";
+import { B as me } from "./BaseComponent-NnwLq7Cf.js";
+import { l as ge, d as he, O as _e, I as be, _ as ve } from "./index-D5BukPPY.js";
 import { A as De, D as Ce } from "./ele-lst-icon-CKpeRKmk.js";
 const ye = { class: "displacement-data-table" }, Se = { class: "table-toolbar" }, Ee = { class: "toolbar-title" }, xe = { class: "toolbar-right" }, Te = { class: "search-info" }, Me = { class: "table-container" }, Pe = {
   DEFAULT_ICON: Ce,
@@ -46,13 +46,13 @@ const ye = { class: "displacement-data-table" }, Se = { class: "table-toolbar" }
   NAME_EN: "Displacement Data Table",
   ORDER: 16,
   PLATFORM: ["pc", "screen"]
-}, ke = {
+}, ze = {
   title: { value: "深部位移数据表", type: "string", label: "component.deepDisplacement.title" },
   pageSize: { value: 10, type: "number", label: "component.options.itemsPerPage", min: 5, max: 100 },
   bgColor: { value: "#ffffff", type: "color", label: "component.options.bgColor" },
   textColor: { value: "#333333", type: "color", label: "component.options.textColor" },
   headerColor: { value: "#f5f7fa", type: "color", label: "component.deepDisplacement.headerColor" }
-}, ze = [
+}, Ie = [
   {
     configPanelId: "",
     // 配置面板uid
@@ -67,7 +67,7 @@ const ye = { class: "displacement-data-table" }, Se = { class: "table-toolbar" }
     depth_fv: "depth"
     // 深度字段
   }
-], Ie = ["configPanelId", "name", "object_id", "points_fv", "fv", "depth_fv"], Ae = ["mosaic", "statistics", "calculate"], Ne = { useAlias: !1, multiObject: !1, source: "mosaic" }, Oe = { DEFAULT: Pe, OPTIONS: ke, DATA: ze, PARAMS: Ie, SOURCE: Ae, COMMON: Ne }, we = /* @__PURE__ */ se(N(A({}, Oe), {
+], ke = ["configPanelId", "name", "object_id", "points_fv", "fv", "depth_fv"], Oe = ["mosaic", "statistics", "calculate"], Ae = { useAlias: !1, multiObject: !1, source: "mosaic" }, Ne = { DEFAULT: Pe, OPTIONS: ze, DATA: Ie, PARAMS: ke, SOURCE: Oe, COMMON: Ae }, we = /* @__PURE__ */ se(A(O({}, Ne), {
   __name: "displacementDataTable",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -123,7 +123,7 @@ const ye = { class: "displacement-data-table" }, Se = { class: "table-toolbar" }
       onPreview() {
         return w(this, null, function* () {
           const { data: e } = this.props.conf;
-          e.some((l) => l.object_id && l.fv) ? (console.log("[DisplacementDataTable] 检测到数据绑定，订阅真实数据"), yield O(m.prototype, this, "onPreview").call(this)) : (console.log("[DisplacementDataTable] 未配置数据源，使用模拟数据"), d.value = this.getMockData());
+          e.some((l) => l.object_id && l.fv) ? (console.log("[DisplacementDataTable] 检测到数据绑定，订阅真实数据"), yield N(m.prototype, this, "onPreview").call(this)) : (console.log("[DisplacementDataTable] 未配置数据源，使用模拟数据"), d.value = this.getMockData());
         });
       }
       setHistoryData(e) {
@@ -167,7 +167,7 @@ const ye = { class: "displacement-data-table" }, Se = { class: "table-toolbar" }
     }), $ = y(() => {
       const a = (f.value - 1) * u.value, e = a + u.value;
       return d.value.slice(a, e);
-    }), k = y(() => d.value.length), V = (a) => a == null ? "-" : typeof a == "number" ? a.toFixed(3) : a, F = (a) => {
+    }), z = y(() => d.value.length), V = (a) => a == null ? "-" : typeof a == "number" ? a.toFixed(3) : a, F = (a) => {
       f.value = a;
     }, H = (a) => {
       u.value = a, f.value = 1;
@@ -200,14 +200,14 @@ const ye = { class: "displacement-data-table" }, Se = { class: "table-toolbar" }
             _: 1
           }),
           v("div", xe, [
-            v("span", Te, "搜索耗时 " + S(x.value) + "秒 总共 " + S(k.value) + " 条数据", 1),
+            v("span", Te, "搜索耗时 " + S(x.value) + "秒 总共 " + S(z.value) + " 条数据", 1),
             b(c, {
               "current-page": f.value,
               "onUpdate:currentPage": e[0] || (e[0] = (r) => f.value = r),
               "page-size": u.value,
               "onUpdate:pageSize": e[1] || (e[1] = (r) => u.value = r),
               "page-sizes": [10, 20, 50, 100],
-              total: k.value,
+              total: z.value,
               layout: "prev, pager, next, sizes",
               small: "",
               onSizeChange: H,

package/dist/{displacementDataTable-BLWjiaRQ.cjs → displacementDataTable-DwutxypE.cjs}

@@ -1 +1 @@
-"use strict";var U=Object.defineProperty,R=Object.defineProperties;var $=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols,F=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,K=Reflect.get;var x=(r,l,a)=>l in r?U(r,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[l]=a,T=(r,l)=>{for(var a in l||(l={}))H.call(l,a)&&x(r,a,l[a]);if(N)for(var a of N(l))Y.call(l,a)&&x(r,a,l[a]);return r},P=(r,l)=>R(r,$(l));var I=(r,l,a)=>K(F(r),a,l);var M=(r,l,a)=>new Promise((g,p)=>{var C=d=>{try{f(a.next(d))}catch(m){p(m)}},y=d=>{try{f(a.throw(d))}catch(m){p(m)}},f=d=>d.done?g(d.value):Promise.resolve(d.value).then(C,y);f((a=a.apply(r,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");require("element-plus/es/components/pagination/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");const e=require("vue"),X=require("@element-plus/icons-vue");require("html2canvas");const Z=require("./BaseComponent-Chnv4fBT.cjs"),v=require("./index-DVqMfQVc.cjs"),V=require("./ele-lst-icon-CrxnHZ-A.cjs"),W={class:"displacement-data-table"},G={class:"table-toolbar"},J={class:"toolbar-title"},Q={class:"toolbar-right"},ee={class:"search-info"},te={class:"table-container"},ae={DEFAULT_ICON:V.DEFAULT_ICON,ACTIVE_ICON:V.ACTIVE_ICON,NAME_CN:"位移数据表",NAME_EN:"Displacement Data Table",ORDER:16,PLATFORM:["pc","screen"]},oe={title:{value:"深部位移数据表",type:"string",label:"component.deepDisplacement.title"},pageSize:{value:10,type:"number",label:"component.options.itemsPerPage",min:5,max:100},bgColor:{value:"#ffffff",type:"color",label:"component.options.bgColor"},textColor:{value:"#333333",type:"color",label:"component.options.textColor"},headerColor:{value:"#f5f7fa",type:"color",label:"component.deepDisplacement.headerColor"}},ne=[{configPanelId:"",name:"ZK10-X位移",object_id:"",points_fv:"points",fv:"disp_x",depth_fv:"depth"}],le=["configPanelId","name","object_id","points_fv","fv","depth_fv"],se=["mosaic","statistics","calculate"],re={useAlias:!1,multiObject:!1,source:"mosaic"},ce={DEFAULT:ae,OPTIONS:oe,DATA:ne,PARAMS:le,SOURCE:se,COMMON:re},ie=e.defineComponent(P(T({},ce),{__name:"displacementDataTable",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(r){e.useCssVars(o=>({v49341654:e.unref(D).bgColor,v30ba3eee:e.unref(D).textColor}));const l=v.useLinkStore(),a=r,g=e.ref(1),p=e.ref(10),C=e.ref("0.039"),y=e.ref(400),f=e.ref([]),d=e.ref([]);class m extends Z.BaseComponent{extractStyles(){var n,s,i,u,_;const{options:t}=this.props.conf;return{title:((n=t==null?void 0:t.title)==null?void 0:n.value)||"深部位移数据表",pageSize:((s=t==null?void 0:t.pageSize)==null?void 0:s.value)||10,bgColor:((i=t==null?void 0:t.bgColor)==null?void 0:i.value)||"#ffffff",textColor:((u=t==null?void 0:t.textColor)==null?void 0:u.value)||"#333333",headerColor:((_=t==null?void 0:t.headerColor)==null?void 0:_.value)||"#f5f7fa"}}getDefaultData(){return[{configPanelId:"",name:"ZK10-X位移",object_id:"",points_fv:"points",fv:"disp_x",depth_fv:"depth"}]}getMockData(){var i;const t=((i=this.props.conf)==null?void 0:i.data)||this.getDefaultData(),n=[-152,-151,-150,-149,-148,-147,-146,-145,-144,-143,-142];d.value=n;const s=[];for(let u=0;u<50;u++){const c={time:v.dayjs().subtract(u,"hour").format("YYYY-MM-DD HH:mm:ss")};t.forEach(E=>{n.forEach(j=>{const L=Math.random()*5;c[`${E.name}_${Math.abs(j)}`]=L+Math.random()})}),s.push(c)}return s}onPreview(){return M(this,null,function*(){const{data:t}=this.props.conf;t.some(s=>s.object_id&&s.fv)?(console.log("[DisplacementDataTable] 检测到数据绑定，订阅真实数据"),yield I(m.prototype,this,"onPreview").call(this)):(console.log("[DisplacementDataTable] 未配置数据源，使用模拟数据"),f.value=this.getMockData())})}setHistoryData(t){const{data:n,common:s}=this.props.conf;if(!n||n.length===0||!n.some(c=>c.object_id&&c.fv))return;const u=(s==null?void 0:s.source)||"mosaic";["statistics","calculate"].includes(u)&&(t=v.formatStatisticsResult(t,n)),v.handleNullData(t,this.props,"history")}setSocketData(t){console.log("[DisplacementDataTable] 收到实时数据")}}const h=new m(a,"displacementDataTable");(!a.conf.data||a.conf.data.length===0)&&(a.conf.data=h.getDefaultData()),h.setupLifecycle();const D=h.getStyle();e.onMounted(()=>{p.value=D.value.pageSize,f.value=h.getMockData()});const k=e.computed(()=>{var t,n;return((n=(((t=a.conf)==null?void 0:t.data)||[])[0])==null?void 0:n.configPanelId)||""});e.watch(()=>l.channels.deepDisplacement,o=>{if(!o||o.topic.source==="displacementDataTable")return;const t=k.value;if(!t)return;const{payload:n}=o;n.objectId===t&&n.type==="config"&&console.log("[DataTable] 收到配置:",n.fv)},{deep:!0});const O=e.computed(()=>{var n;const o=((n=a.conf)==null?void 0:n.data)||h.getDefaultData(),t=[];return o.forEach(s=>{d.value.forEach(i=>{t.push({prop:`${s.name}_${Math.abs(i)}`,label:`${s.name} (${i}m)`})})}),t}),w=e.computed(()=>{const o=(g.value-1)*p.value,t=o+p.value;return f.value.slice(o,t)}),S=e.computed(()=>f.value.length),z=o=>o==null?"-":typeof o=="number"?o.toFixed(3):o,q=o=>{g.value=o},A=o=>{p.value=o,g.value=1},B=()=>{console.log("导出表格")};return e.watch(()=>{var o;return(o=a.conf)==null?void 0:o.data},()=>{f.value=h.getMockData()},{deep:!0}),(o,t)=>{const n=b.ElIcon,s=b.ElButton,i=b.ElPagination,u=b.ElTableColumn,_=b.ElTable;return e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("div",G,[e.createElementVNode("div",J,e.toDisplayString(e.unref(D).title),1),e.createVNode(s,{size:"small",onClick:B},{default:e.withCtx(()=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(e.unref(X.Upload))]),_:1}),t[2]||(t[2]=e.createTextVNode(" 导出表 ",-1))]),_:1}),e.createElementVNode("div",Q,[e.createElementVNode("span",ee,"搜索耗时 "+e.toDisplayString(C.value)+"秒 总共 "+e.toDisplayString(S.value)+" 条数据",1),e.createVNode(i,{"current-page":g.value,"onUpdate:currentPage":t[0]||(t[0]=c=>g.value=c),"page-size":p.value,"onUpdate:pageSize":t[1]||(t[1]=c=>p.value=c),"page-sizes":[10,20,50,100],total:S.value,layout:"prev, pager, next, sizes",small:"",onSizeChange:A,onCurrentChange:q},null,8,["current-page","page-size","total"])])]),e.createElementVNode("div",te,[e.createVNode(_,{data:w.value,height:y.value,border:"",stripe:"",size:"small","header-cell-style":{background:"#f5f7fa",color:"#333",fontWeight:600}},{default:e.withCtx(()=>[e.createVNode(u,{prop:"time",label:"采集时间",width:"160",fixed:"left"}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,c=>(e.openBlock(),e.createBlock(u,{key:c.prop,prop:c.prop,label:c.label,width:"100",align:"right"},{default:e.withCtx(({row:E})=>[e.createTextVNode(e.toDisplayString(z(E[c.prop])),1)]),_:2},1032,["prop","label"]))),128))]),_:1},8,["data","height"])]),e.renderSlot(o.$slots,"default",{},void 0,!0)])}}})),ue=v._export_sfc(ie,[["__scopeId","data-v-5bfa4b32"]]);exports.default=ue;
+"use strict";var U=Object.defineProperty,R=Object.defineProperties;var $=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols,F=Object.getPrototypeOf,H=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,K=Reflect.get;var x=(r,l,a)=>l in r?U(r,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[l]=a,T=(r,l)=>{for(var a in l||(l={}))H.call(l,a)&&x(r,a,l[a]);if(N)for(var a of N(l))Y.call(l,a)&&x(r,a,l[a]);return r},P=(r,l)=>R(r,$(l));var I=(r,l,a)=>K(F(r),a,l);var M=(r,l,a)=>new Promise((g,p)=>{var C=d=>{try{f(a.next(d))}catch(m){p(m)}},y=d=>{try{f(a.throw(d))}catch(m){p(m)}},f=d=>d.done?g(d.value):Promise.resolve(d.value).then(C,y);f((a=a.apply(r,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/table/style/css");require("element-plus/es/components/table-column/style/css");require("element-plus/es/components/pagination/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");const e=require("vue"),X=require("@element-plus/icons-vue");require("html2canvas");const Z=require("./BaseComponent-CaCkjmmb.cjs"),v=require("./index-BzWbqJIl.cjs"),V=require("./ele-lst-icon-CrxnHZ-A.cjs"),W={class:"displacement-data-table"},G={class:"table-toolbar"},J={class:"toolbar-title"},Q={class:"toolbar-right"},ee={class:"search-info"},te={class:"table-container"},ae={DEFAULT_ICON:V.DEFAULT_ICON,ACTIVE_ICON:V.ACTIVE_ICON,NAME_CN:"位移数据表",NAME_EN:"Displacement Data Table",ORDER:16,PLATFORM:["pc","screen"]},oe={title:{value:"深部位移数据表",type:"string",label:"component.deepDisplacement.title"},pageSize:{value:10,type:"number",label:"component.options.itemsPerPage",min:5,max:100},bgColor:{value:"#ffffff",type:"color",label:"component.options.bgColor"},textColor:{value:"#333333",type:"color",label:"component.options.textColor"},headerColor:{value:"#f5f7fa",type:"color",label:"component.deepDisplacement.headerColor"}},ne=[{configPanelId:"",name:"ZK10-X位移",object_id:"",points_fv:"points",fv:"disp_x",depth_fv:"depth"}],le=["configPanelId","name","object_id","points_fv","fv","depth_fv"],se=["mosaic","statistics","calculate"],re={useAlias:!1,multiObject:!1,source:"mosaic"},ce={DEFAULT:ae,OPTIONS:oe,DATA:ne,PARAMS:le,SOURCE:se,COMMON:re},ie=e.defineComponent(P(T({},ce),{__name:"displacementDataTable",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(r){e.useCssVars(o=>({v49341654:e.unref(D).bgColor,v30ba3eee:e.unref(D).textColor}));const l=v.useLinkStore(),a=r,g=e.ref(1),p=e.ref(10),C=e.ref("0.039"),y=e.ref(400),f=e.ref([]),d=e.ref([]);class m extends Z.BaseComponent{extractStyles(){var n,s,i,u,_;const{options:t}=this.props.conf;return{title:((n=t==null?void 0:t.title)==null?void 0:n.value)||"深部位移数据表",pageSize:((s=t==null?void 0:t.pageSize)==null?void 0:s.value)||10,bgColor:((i=t==null?void 0:t.bgColor)==null?void 0:i.value)||"#ffffff",textColor:((u=t==null?void 0:t.textColor)==null?void 0:u.value)||"#333333",headerColor:((_=t==null?void 0:t.headerColor)==null?void 0:_.value)||"#f5f7fa"}}getDefaultData(){return[{configPanelId:"",name:"ZK10-X位移",object_id:"",points_fv:"points",fv:"disp_x",depth_fv:"depth"}]}getMockData(){var i;const t=((i=this.props.conf)==null?void 0:i.data)||this.getDefaultData(),n=[-152,-151,-150,-149,-148,-147,-146,-145,-144,-143,-142];d.value=n;const s=[];for(let u=0;u<50;u++){const c={time:v.dayjs().subtract(u,"hour").format("YYYY-MM-DD HH:mm:ss")};t.forEach(E=>{n.forEach(j=>{const L=Math.random()*5;c[`${E.name}_${Math.abs(j)}`]=L+Math.random()})}),s.push(c)}return s}onPreview(){return M(this,null,function*(){const{data:t}=this.props.conf;t.some(s=>s.object_id&&s.fv)?(console.log("[DisplacementDataTable] 检测到数据绑定，订阅真实数据"),yield I(m.prototype,this,"onPreview").call(this)):(console.log("[DisplacementDataTable] 未配置数据源，使用模拟数据"),f.value=this.getMockData())})}setHistoryData(t){const{data:n,common:s}=this.props.conf;if(!n||n.length===0||!n.some(c=>c.object_id&&c.fv))return;const u=(s==null?void 0:s.source)||"mosaic";["statistics","calculate"].includes(u)&&(t=v.formatStatisticsResult(t,n)),v.handleNullData(t,this.props,"history")}setSocketData(t){console.log("[DisplacementDataTable] 收到实时数据")}}const h=new m(a,"displacementDataTable");(!a.conf.data||a.conf.data.length===0)&&(a.conf.data=h.getDefaultData()),h.setupLifecycle();const D=h.getStyle();e.onMounted(()=>{p.value=D.value.pageSize,f.value=h.getMockData()});const k=e.computed(()=>{var t,n;return((n=(((t=a.conf)==null?void 0:t.data)||[])[0])==null?void 0:n.configPanelId)||""});e.watch(()=>l.channels.deepDisplacement,o=>{if(!o||o.topic.source==="displacementDataTable")return;const t=k.value;if(!t)return;const{payload:n}=o;n.objectId===t&&n.type==="config"&&console.log("[DataTable] 收到配置:",n.fv)},{deep:!0});const O=e.computed(()=>{var n;const o=((n=a.conf)==null?void 0:n.data)||h.getDefaultData(),t=[];return o.forEach(s=>{d.value.forEach(i=>{t.push({prop:`${s.name}_${Math.abs(i)}`,label:`${s.name} (${i}m)`})})}),t}),w=e.computed(()=>{const o=(g.value-1)*p.value,t=o+p.value;return f.value.slice(o,t)}),S=e.computed(()=>f.value.length),z=o=>o==null?"-":typeof o=="number"?o.toFixed(3):o,q=o=>{g.value=o},A=o=>{p.value=o,g.value=1},B=()=>{console.log("导出表格")};return e.watch(()=>{var o;return(o=a.conf)==null?void 0:o.data},()=>{f.value=h.getMockData()},{deep:!0}),(o,t)=>{const n=b.ElIcon,s=b.ElButton,i=b.ElPagination,u=b.ElTableColumn,_=b.ElTable;return e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("div",G,[e.createElementVNode("div",J,e.toDisplayString(e.unref(D).title),1),e.createVNode(s,{size:"small",onClick:B},{default:e.withCtx(()=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(e.unref(X.Upload))]),_:1}),t[2]||(t[2]=e.createTextVNode(" 导出表 ",-1))]),_:1}),e.createElementVNode("div",Q,[e.createElementVNode("span",ee,"搜索耗时 "+e.toDisplayString(C.value)+"秒 总共 "+e.toDisplayString(S.value)+" 条数据",1),e.createVNode(i,{"current-page":g.value,"onUpdate:currentPage":t[0]||(t[0]=c=>g.value=c),"page-size":p.value,"onUpdate:pageSize":t[1]||(t[1]=c=>p.value=c),"page-sizes":[10,20,50,100],total:S.value,layout:"prev, pager, next, sizes",small:"",onSizeChange:A,onCurrentChange:q},null,8,["current-page","page-size","total"])])]),e.createElementVNode("div",te,[e.createVNode(_,{data:w.value,height:y.value,border:"",stripe:"",size:"small","header-cell-style":{background:"#f5f7fa",color:"#333",fontWeight:600}},{default:e.withCtx(()=>[e.createVNode(u,{prop:"time",label:"采集时间",width:"160",fixed:"left"}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,c=>(e.openBlock(),e.createBlock(u,{key:c.prop,prop:c.prop,label:c.label,width:"100",align:"right"},{default:e.withCtx(({row:E})=>[e.createTextVNode(e.toDisplayString(z(E[c.prop])),1)]),_:2},1032,["prop","label"]))),128))]),_:1},8,["data","height"])]),e.renderSlot(o.$slots,"default",{},void 0,!0)])}}})),ue=v._export_sfc(ie,[["__scopeId","data-v-5bfa4b32"]]);exports.default=ue;

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

@@ -16,11 +16,11 @@ 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 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 { 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 Lt, 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, L as Xt, E as qt, d as L, t as Kt, _ as Zt } from "./index-DwPJu6XM.js";
+import { l as Wt, O as Xt, I as qt, d as Y, v as Kt, _ as Zt } from "./index-D5BukPPY.js";
 import "element-plus";
-import { E as Gt } from "./EChartComponentBase-cFfawl6h.js";
+import { E as Gt } from "./EChartComponentBase-C3gcATBZ.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 = {
@@ -107,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), L(s);
+        return s < 1e12 && (s *= 1e3), Y(s);
       }
-      const e = L(n);
+      const e = Y(n);
       return e.isValid() ? e : null;
     }, B = (n) => {
       const t = pt(n);
@@ -125,7 +125,7 @@ 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);
       });
-    }, Y = (n) => n == null ? "" : String(n).replace(/[a-zA-Z\s]/g, "").replace(/[^0-9.\-]/g, "");
+    }, L = (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 = {};
@@ -256,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 : L().format("YYYY-MM-DD HH:mm:ss");
+        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");
         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);
@@ -277,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) => 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);
+        }), y = P.map((o) => L(o)).filter(Boolean), d = y.length > 0, v = d ? g.filter((o) => {
+          const C = String(o.seriesName), N = L(C), z = L(o.depth);
           if (P.includes(C) || N && y.includes(N) || z && y.includes(z)) return !0;
-          const lt = Y(Math.abs(Number(o.depth)));
+          const lt = L(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);
@@ -437,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: L().subtract(10 - e, "day").format("YYYY-MM-DD"),
+            time: Y().subtract(10 - e, "day").format("YYYY-MM-DD"),
             radius: a,
             angle: s,
             dispX: a * Math.cos(s),
@@ -483,7 +483,7 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
           backgroundColor: "#fff",
           pixelRatio: 2
         }), e = document.createElement("a");
-        e.download = `地层运移轨迹图_${L().format("YYYYMMDD_HHmmss")}.png`, e.href = t, e.click();
+        e.download = `地层运移轨迹图_${Y().format("YYYYMMDD_HHmmss")}.png`, e.href = t, e.click();
       }
     };
     F(() => {
@@ -525,7 +525,7 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
         configPanelId: G.value,
         conf: c.conf
       }), V();
-    }), Lt(() => {
+    }), Yt(() => {
       x.cleanup();
     });
     const xt = (n) => {
@@ -549,7 +549,7 @@ const ee = { class: "mix-body" }, ne = { class: "toolbar" }, ae = ["id"], oe = {
           key: 0,
           class: "mix-title",
           style: ft(bt.value)
-        }, Yt(p.conf.caption || p.conf.name), 5)),
+        }, Lt(p.conf.caption || p.conf.name), 5)),
         K("div", ee, [
           K("div", ne, [
             H(s, {

package/dist/{displacementTrajectoryChart-DfJMOCFJ.cjs → displacementTrajectoryChart-zya-qu9n.cjs}

@@ -1,4 +1,4 @@
-"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;">
+"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-BzWbqJIl.cjs");require("element-plus");const xe=require("./EChartComponentBase-D7_ZiE7P.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>

package/dist/{displacementTrendChart-Cuxa5iTp.cjs → displacementTrendChart-DZj52qRD.cjs}

@@ -1,4 +1,4 @@
-"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;">
+"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-CaCkjmmb.cjs"),B=require("./index-BzWbqJIl.cjs");require("./index-CJgyJTvc.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>

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

@@ -28,12 +28,12 @@ var J = (d, i, n) => new Promise((A, v) => {
 });
 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-CBagahPU.js";
-import { k as De, L as Te, E as Se, _ as Ee } from "./index-DwPJu6XM.js";
-import "./index-ButoLLAe.js";
+import { B as Ce } from "./BaseComponent-NnwLq7Cf.js";
+import { l as De, O as Te, I as Se, _ as Ee } from "./index-D5BukPPY.js";
+import "./index-eIsZnzkc.js";
 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 = {
+import { i as we } from "./echarts-Bp7QN4X6.js";
+const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }, Oe = { class: "chart-title" }, $e = { class: "chart-subtitle" }, Le = {
   DEFAULT_ICON: Me,
   ACTIVE_ICON: Ie,
   NAME_CN: "位移趋势图",
@@ -68,7 +68,7 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
     color: "#4a90d9"
     // 曲线颜色
   }
-], 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), {
+], 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: Le, OPTIONS: je, DATA: Re, PARAMS: Pe, SOURCE: Be, COMMON: Ne }, Fe = /* @__PURE__ */ ue(W(X({}, ze), {
   __name: "displacementTrendChart",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -185,24 +185,24 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
                     value: (P = m[$]) != null ? P : 0
                   });
                 });
-              }), T.forEach((x, L) => {
+              }), T.forEach((x, O) => {
                 const I = /* @__PURE__ */ new Map();
                 x.forEach((m) => I.set(m.depth, m.value));
                 const M = Array.from(I.entries()).map(([m, S]) => ({ depth: m, value: S })).sort((m, S) => S.depth - m.depth);
-                b.set(L, M);
+                b.set(O, M);
               }), v.value.set(c.name, b);
             }) : o.forEach((c, b) => {
               var I;
               if (!c.object_id || !c.fv) return;
-              const $ = ((I = u.history) == null ? void 0 : I[b]) || [], T = /* @__PURE__ */ new Map(), x = this.getActualFv(c.fv), L = /* @__PURE__ */ new Map();
+              const $ = ((I = u.history) == null ? void 0 : I[b]) || [], T = /* @__PURE__ */ new Map(), x = this.getActualFv(c.fv), O = /* @__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({
+                O.has(S) || O.set(S, []), O.get(S).push({
                   depth: (R = M[c.depth_fv]) != null ? R : 0,
                   value: (P = M[x]) != null ? P : 0
                 });
-              }), L.forEach((M, m) => {
+              }), O.forEach((M, m) => {
                 T.set(m, M);
               }), v.value.set(c.name, T);
             });
@@ -216,9 +216,9 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
         e && console.log("[DisplacementTrendChart] 收到实时数据:", e);
       }
     }
-    const O = new k(n, "displacementTrendChart");
-    (!n.conf.data || n.conf.data.length === 0) && (n.conf.data = O.getDefaultData()), O.setupLifecycle();
-    const w = O.getStyle(), te = N(() => {
+    const L = new k(n, "displacementTrendChart");
+    (!n.conf.data || n.conf.data.length === 0) && (n.conf.data = L.getDefaultData()), L.setupLifecycle();
+    const w = L.getStyle(), te = N(() => {
       const a = w.value.title, e = w.value.depth, t = U() === "relative" ? "相对趋势图" : "累计趋势图";
       return `${a}（深度${e}米）-${t}`;
     }), ae = N(() => {
@@ -228,10 +228,10 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
       return `${o} ~ ${t} [${a.length}天]`;
     }), U = () => w.value.dispType, G = () => {
       var r;
-      const a = w.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) || L.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) {
+      if (v.value.size === 0 && L.getMockData().forEach((f, g) => v.value.set(g, f)), t.length === 0 && v.value.size > 0) {
         const s = v.value.values().next().value;
         s && (t = Array.from(s.keys()));
       }
@@ -347,7 +347,7 @@ const Ae = { class: "displacement-trend-chart" }, ke = { class: "chart-header" }
       z(j);
     }, { deep: !0 }), (a, e) => ye((ge(), be("div", Ae, [
       F("div", ke, [
-        F("div", Le, ee(te.value), 1),
+        F("div", Oe, ee(te.value), 1),
         F("div", $e, ee(ae.value), 1)
       ]),
       F("div", {