mixdashboards 1.0.32 → 1.0.39

package/dist/deviceStatus-B2ibBDSi.js

@@ -0,0 +1,194 @@
+var L = Object.defineProperty, T = Object.defineProperties;
+var U = Object.getOwnPropertyDescriptors;
+var D = Object.getOwnPropertySymbols;
+var z = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
+var j = (u, a, n) => a in u ? L(u, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : u[a] = n, x = (u, a) => {
+  for (var n in a || (a = {}))
+    z.call(a, n) && j(u, n, a[n]);
+  if (D)
+    for (var n of D(a))
+      F.call(a, n) && j(u, n, a[n]);
+  return u;
+}, k = (u, a) => T(u, U(a));
+import { defineComponent as I, useCssVars as P, unref as v, ref as $, computed as A, openBlock as C, createElementBlock as _, createElementVNode as o, toDisplayString as f, Fragment as N, renderList as O, normalizeStyle as S, createCommentVNode as q, renderSlot as G } from "vue";
+import "html2canvas";
+import { B as J, i as K, j as Q } from "./element-resize-detector-DJcsrJ8s.js";
+import { A as W, D as X } from "./ele-gag-icon-CB5dJeYF.js";
+import { _ as Y } from "./index-kShjySl9.js";
+const Z = { class: "device-status-wrapper" }, tt = { class: "panel-header" }, et = { class: "header-left" }, at = { class: "header-title" }, ot = { 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,
+  class: "no-data"
+}, mt = {
+  DEFAULT_ICON: X,
+  ACTIVE_ICON: W,
+  NAME_CN: "设备运行状态",
+  NAME_EN: "Device Status",
+  ORDER: 8
+}, Ct = {
+  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" }
+}, _t = [
+  { 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: 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__ */ I(k(x({}, yt), {
+  __name: "deviceStatus",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(u) {
+    P((l) => ({
+      d75d9a62: v(c).bgColor,
+      v77263a70: v(c).borderColor,
+      v5bcde2a7: v(c).textColor,
+      v537754ea: v(c).accentColor,
+      cd65bab2: v(c).glowEffect ? `drop-shadow(0 0 6px ${v(c).accentColor})` : "none",
+      v16f8f25a: v(c).glowEffect ? `0 0 10px ${v(c).accentColor}` : "none"
+    }));
+    const a = u;
+    class n extends J {
+      extractStyles() {
+        var e, i, s, r, y, d, g, p, h, m;
+        const { options: t } = this.props.conf;
+        return {
+          title: ((e = t == null ? void 0 : t.title) == null ? void 0 : e.value) || "监测设备运行状态",
+          bgColor: ((i = t == null ? void 0 : t.bgColor) == null ? void 0 : i.value) || "#1a2a3a",
+          borderColor: ((s = t == null ? void 0 : t.borderColor) == null ? void 0 : s.value) || "#2a4a6a",
+          textColor: ((r = t == null ? void 0 : t.textColor) == null ? void 0 : r.value) || "#ffffff",
+          accentColor: ((y = t == null ? void 0 : t.accentColor) == null ? void 0 : y.value) || "#00d4ff",
+          glowEffect: (g = (d = t == null ? void 0 : t.glowEffect) == null ? void 0 : d.value) != null ? g : !0,
+          normalColor: ((p = t == null ? void 0 : t.normalColor) == null ? void 0 : p.value) || "#2ecc71",
+          warnColor: ((h = t == null ? void 0 : t.warnColor) == null ? void 0 : h.value) || "#f39c12",
+          errorColor: ((m = t == null ? void 0 : t.errorColor) == null ? void 0 : m.value) || "#e74c3c"
+        };
+      }
+      setHistoryData(t) {
+        const { data: e, common: i } = this.props.conf;
+        if (!e.some((d) => d.object_id && d.fv)) return;
+        const r = i.source || "mosaic";
+        ["statistics", "calculate"].includes(r) && (t = K(t, e));
+        let y = Q(t, this.props, "history");
+        e.forEach((d, g) => {
+          var p, h;
+          if (!(!d.object_id || !d.fv))
+            try {
+              const m = (h = (p = y.history[g]) == null ? void 0 : p[0]) == null ? void 0 : h[d.fv];
+              m != null && (d.value = m);
+            } catch (m) {
+            }
+        });
+      }
+      setSocketData(t) {
+        if (!t) return;
+        const { data: e } = this.props.conf;
+        e.some((s) => s.object_id && s.fv) && e.forEach((s) => {
+          if (!s.object_id || !s.fv) return;
+          const r = this.extractDataValue(t, s.fv);
+          r != null && (s.value = r);
+        });
+      }
+    }
+    const w = new n(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: 0.1, status: 0 }
+    ]), w.setupLifecycle();
+    const c = w.getStyle(), b = $(null), B = A(() => {
+      var s;
+      const l = ((s = a.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 [
+        { name: "正常", count: t, color: c.value.normalColor },
+        { name: "警告", count: e, color: c.value.warnColor },
+        { name: "异常", count: i, color: c.value.errorColor }
+      ];
+    }), E = A(() => {
+      var t;
+      const l = ((t = a.conf) == null ? void 0 : t.data) || [];
+      return b.value === null ? l : l.filter((e) => e.status === b.value);
+    }), R = () => console.log("实时更新"), V = (l) => {
+      b.value = b.value === l ? null : l;
+    }, M = (l) => {
+      const t = [c.value.normalColor, c.value.warnColor, c.value.errorColor];
+      return t[l] || t[0];
+    }, H = (l) => {
+      const t = ["正常", "警告", "异常"];
+      return t[l] || t[0];
+    };
+    return (l, t) => (C(), _("div", Z, [
+      o("div", tt, [
+        o("div", et, [
+          t[0] || (t[0] = o("svg", {
+            class: "header-icon",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2"
+          }, [
+            o("circle", {
+              cx: "12",
+              cy: "12",
+              r: "3"
+            }),
+            o("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)),
+          o("span", at, f(v(c).title), 1)
+        ]),
+        o("button", {
+          class: "realtime-btn",
+          onClick: R
+        }, " 实时更新 ")
+      ]),
+      o("div", ot, [
+        (C(!0), _(N, null, O(B.value, (e, i) => (C(), _("div", {
+          key: i,
+          class: "status-card",
+          style: S({ borderTopColor: e.color }),
+          onClick: (s) => V(i)
+        }, [
+          o("div", {
+            class: "status-count",
+            style: S({ color: e.color })
+          }, f(e.count), 5),
+          o("div", ct, f(e.name), 1)
+        ], 12, lt))), 128))
+      ]),
+      o("div", st, [
+        (C(!0), _(N, null, O(E.value, (e, i) => (C(), _("div", {
+          key: i,
+          class: "device-item"
+        }, [
+          o("div", rt, f(e.icon), 1),
+          o("div", nt, [
+            o("div", it, f(e.name), 1),
+            o("div", ut, f(e.type), 1)
+          ]),
+          o("div", dt, [
+            o("div", vt, f(e.value) + " " + f(e.unit), 1),
+            o("div", {
+              class: "status-tag",
+              style: S({ background: M(e.status) })
+            }, f(H(e.status)), 5)
+          ])
+        ]))), 128)),
+        E.value.length === 0 ? (C(), _("div", ft, " 暂无设备数据 ")) : q("", !0)
+      ]),
+      G(l.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+})), kt = /* @__PURE__ */ Y(gt, [["__scopeId", "data-v-732244ee"]]);
+export {
+  kt as default
+};

package/dist/deviceStatus-DsEtKiGo.cjs

@@ -0,0 +1 @@
+"use strict";var x=Object.defineProperty,A=Object.defineProperties;var O=Object.getOwnPropertyDescriptors;var b=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,M=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={}))R.call(a,s)&&S(u,s,a[s]);if(b)for(var s of b(a))M.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 y=require("./element-resize-detector-Bo5uDQAu.cjs"),V=require("./ele-gag-icon-Ce1hl9NI.cjs"),T=require("./index-Mh5Dw2sd.cjs"),I={class:"device-status-wrapper"},L={class:"panel-header"},z={class:"header-left"},F={class:"header-title"},H={class:"status-cards"},U=["onClick"],q={class:"status-label"},P={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},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=>({d75d9a62:e.unref(c).bgColor,v77263a70:e.unref(c).borderColor,v5bcde2a7:e.unref(c).textColor,v537754ea:e.unref(c).accentColor,cd65bab2:e.unref(c).glowEffect?`drop-shadow(0 0 6px ${e.unref(c).accentColor})`:"none",v16f8f25a:e.unref(c).glowEffect?`0 0 10px ${e.unref(c).accentColor}`:"none"}));const a=u;class s extends y.BaseComponent{extractStyles(){var o,i,r,n,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:((r=t==null?void 0:t.borderColor)==null?void 0:r.value)||"#2a4a6a",textColor:((n=t==null?void 0:t.textColor)==null?void 0:n.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 n=i.source||"mosaic";["statistics","calculate"].includes(n)&&(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(r=>r.object_id&&r.fv)&&o.forEach(r=>{if(!r.object_id||!r.fv)return;const n=this.extractDataValue(t,r.fv);n!=null&&(r.value=n)})}}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 r;const l=((r=a.conf)==null?void 0:r.data)||[],t=l.filter(n=>n.status===0).length,o=l.filter(n=>n.status===1).length,i=l.filter(n=>n.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}]}),h=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("实时更新"),w=l=>{p.value=p.value===l?null:l},B=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",I,[e.createElementVNode("div",L,[e.createElementVNode("div",z,[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",F,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:r=>w(i)},[e.createElementVNode("div",{class:"status-count",style:e.normalizeStyle({color:o.color})},e.toDisplayString(o.count),5),e.createElementVNode("div",q,e.toDisplayString(o.name),1)],12,U))),128))]),e.createElementVNode("div",P,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.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:B(o.status)})},e.toDisplayString(j(o.status)),5)])]))),128)),h.value.length===0?(e.openBlock(),e.createElementBlock("div",X," 暂无设备数据 ")):e.createCommentVNode("",!0)]),e.renderSlot(l.$slots,"default",{},void 0,!0)]))}})),re=T._export_sfc(ce,[["__scopeId","data-v-732244ee"]]);exports.default=re;

package/dist/displacementDataTable-BDqG1IvI.js

@@ -0,0 +1,256 @@
+var Z = Object.defineProperty, W = Object.defineProperties;
+var q = Object.getOwnPropertyDescriptors;
+var k = 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, N = (s, n) => {
+  for (var t in n || (n = {}))
+    J.call(n, t) && I(s, t, n[t]);
+  if (k)
+    for (var t of k(n))
+      Q.call(n, t) && I(s, t, n[t]);
+  return s;
+}, A = (s, n) => W(s, q(n));
+var O = (s, n, t) => ee(G(s), t, n);
+var j = (s, n, t) => new Promise((f, u) => {
+  var x = (p) => {
+    try {
+      d(t.next(p));
+    } catch (m) {
+      u(m);
+    }
+  }, T = (p) => {
+    try {
+      d(t.throw(p));
+    } catch (m) {
+      u(m);
+    }
+  }, d = (p) => p.done ? f(p.value) : Promise.resolve(p.value).then(x, T);
+  d((t = t.apply(s, n)).next());
+});
+import { ElButton as te, ElIcon as ae, ElPagination as oe, ElTable as ne, ElTableColumn as le } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/pagination/style/css";
+import "element-plus/es/components/button/style/css";
+import "element-plus/es/components/icon/style/css";
+import { defineComponent as se, useCssVars as ce, unref as C, ref as _, onMounted as re, computed as y, watch as w, openBlock as P, createElementBlock as B, createElementVNode as v, toDisplayString as S, createVNode as b, withCtx as E, createTextVNode as U, 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, i as ge, j as he } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as _e, d as be, _ as ve } from "./index-kShjySl9.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,
+  ACTIVE_ICON: De,
+  NAME_CN: "位移数据表",
+  NAME_EN: "Displacement Data Table",
+  ORDER: 16
+}, 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" }
+}, ke = [
+  {
+    configPanelId: "",
+    // 配置面板uid
+    name: "ZK10-X位移",
+    // 列名称
+    object_id: "",
+    // 对象ID
+    points_fv: "points",
+    // points数组字段名（模式A）
+    fv: "disp_x",
+    // 位移值字段
+    depth_fv: "depth"
+    // 深度字段
+  }
+], Ie = ["configPanelId", "name", "object_id", "points_fv", "fv", "depth_fv"], Ne = ["mosaic", "statistics", "calculate"], Ae = { useAlias: !1, multiObject: !1, source: "mosaic" }, Oe = { DEFAULT: Pe, OPTIONS: ze, DATA: ke, PARAMS: Ie, SOURCE: Ne, COMMON: Ae }, je = /* @__PURE__ */ se(A(N({}, Oe), {
+  __name: "displacementDataTable",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(s) {
+    ce((a) => ({
+      v5e516c27: C(D).bgColor,
+      b2b5b402: C(D).textColor
+    }));
+    const n = _e(), t = s, f = _(1), u = _(10), x = _("0.039"), T = _(400), d = _([]), p = _([]);
+    class m extends me {
+      extractStyles() {
+        var o, l, r, i, h;
+        const { options: e } = this.props.conf;
+        return {
+          title: ((o = e == null ? void 0 : e.title) == null ? void 0 : o.value) || "深部位移数据表",
+          pageSize: ((l = e == null ? void 0 : e.pageSize) == null ? void 0 : l.value) || 10,
+          bgColor: ((r = e == null ? void 0 : e.bgColor) == null ? void 0 : r.value) || "#ffffff",
+          textColor: ((i = e == null ? void 0 : e.textColor) == null ? void 0 : i.value) || "#333333",
+          headerColor: ((h = e == null ? void 0 : e.headerColor) == null ? void 0 : h.value) || "#f5f7fa"
+        };
+      }
+      getDefaultData() {
+        return [{
+          configPanelId: "",
+          name: "ZK10-X位移",
+          object_id: "",
+          points_fv: "points",
+          fv: "disp_x",
+          depth_fv: "depth"
+        }];
+      }
+      // 模拟数据 - 根据配置的参数生成列
+      getMockData() {
+        var r;
+        const e = ((r = this.props.conf) == null ? void 0 : r.data) || this.getDefaultData(), o = [-152, -151, -150, -149, -148, -147, -146, -145, -144, -143, -142];
+        p.value = o;
+        const l = [];
+        for (let i = 0; i < 50; i++) {
+          const c = { time: be().subtract(i, "hour").format("YYYY-MM-DD HH:mm:ss") };
+          e.forEach((M) => {
+            o.forEach((K) => {
+              const X = Math.random() * 5;
+              c[`${M.name}_${Math.abs(K)}`] = X + Math.random();
+            });
+          }), l.push(c);
+        }
+        return l;
+      }
+      onPreview() {
+        return j(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());
+        });
+      }
+      setHistoryData(e) {
+        const { data: o, common: l } = this.props.conf;
+        if (!o || o.length === 0 || !o.some((c) => c.object_id && c.fv)) return;
+        const i = (l == null ? void 0 : l.source) || "mosaic";
+        ["statistics", "calculate"].includes(i) && (e = ge(e, o)), he(e, this.props, "history");
+      }
+      setSocketData(e) {
+        console.log("[DisplacementDataTable] 收到实时数据");
+      }
+    }
+    const g = new m(t, "displacementDataTable");
+    (!t.conf.data || t.conf.data.length === 0) && (t.conf.data = g.getDefaultData()), g.setupLifecycle();
+    const D = g.getStyle();
+    re(() => {
+      u.value = D.value.pageSize, d.value = g.getMockData();
+    });
+    const $ = y(() => {
+      var e, o;
+      return ((o = (((e = t.conf) == null ? void 0 : e.data) || [])[0]) == null ? void 0 : o.configPanelId) || "";
+    });
+    w(() => n.channels.deepDisplacement, (a) => {
+      if (!a || a.topic.source === "displacementDataTable") return;
+      const e = $.value;
+      if (!e) return;
+      const { payload: o } = a;
+      o.objectId === e && o.type === "config" && console.log("[DataTable] 收到配置:", o.fv);
+    }, { deep: !0 });
+    const L = y(() => {
+      var o;
+      const a = ((o = t.conf) == null ? void 0 : o.data) || g.getDefaultData(), e = [];
+      return a.forEach((l) => {
+        p.value.forEach((r) => {
+          e.push({
+            prop: `${l.name}_${Math.abs(r)}`,
+            label: `${l.name} (${r}m)`
+          });
+        });
+      }), e;
+    }), R = y(() => {
+      const a = (f.value - 1) * u.value, e = a + u.value;
+      return d.value.slice(a, e);
+    }), 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;
+    }, Y = () => {
+      console.log("导出表格");
+    };
+    return w(() => {
+      var a;
+      return (a = t.conf) == null ? void 0 : a.data;
+    }, () => {
+      d.value = g.getMockData();
+    }, { deep: !0 }), (a, e) => {
+      const o = ae, l = te, r = oe, i = le, h = ne;
+      return P(), B("div", ye, [
+        v("div", Se, [
+          v("div", Ee, S(C(D).title), 1),
+          b(l, {
+            size: "small",
+            onClick: Y
+          }, {
+            default: E(() => [
+              b(o, null, {
+                default: E(() => [
+                  b(C(fe))
+                ]),
+                _: 1
+              }),
+              e[2] || (e[2] = U(" 导出表 ", -1))
+            ]),
+            _: 1
+          }),
+          v("div", xe, [
+            v("span", Te, "搜索耗时 " + S(x.value) + "秒 总共 " + S(z.value) + " 条数据", 1),
+            b(r, {
+              "current-page": f.value,
+              "onUpdate:currentPage": e[0] || (e[0] = (c) => f.value = c),
+              "page-size": u.value,
+              "onUpdate:pageSize": e[1] || (e[1] = (c) => u.value = c),
+              "page-sizes": [10, 20, 50, 100],
+              total: z.value,
+              layout: "prev, pager, next, sizes",
+              small: "",
+              onSizeChange: H,
+              onCurrentChange: F
+            }, null, 8, ["current-page", "page-size", "total"])
+          ])
+        ]),
+        v("div", Me, [
+          b(h, {
+            data: R.value,
+            height: T.value,
+            border: "",
+            stripe: "",
+            size: "small",
+            "header-cell-style": { background: "#f5f7fa", color: "#333", fontWeight: 600 }
+          }, {
+            default: E(() => [
+              b(i, {
+                prop: "time",
+                label: "采集时间",
+                width: "160",
+                fixed: "left"
+              }),
+              (P(!0), B(ie, null, pe(L.value, (c) => (P(), ue(i, {
+                key: c.prop,
+                prop: c.prop,
+                label: c.label,
+                width: "100",
+                align: "right"
+              }, {
+                default: E(({ row: M }) => [
+                  U(S(V(M[c.prop])), 1)
+                ]),
+                _: 2
+              }, 1032, ["prop", "label"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["data", "height"])
+        ]),
+        de(a.$slots, "default", {}, void 0, !0)
+      ]);
+    };
+  }
+})), qe = /* @__PURE__ */ ve(je, [["__scopeId", "data-v-71109cab"]]);
+export {
+  qe as default
+};

package/dist/displacementDataTable-oLnUdafv.cjs

@@ -0,0 +1 @@
+"use strict";var R=Object.defineProperty,$=Object.defineProperties;var F=Object.getOwnPropertyDescriptors;var x=Object.getOwnPropertySymbols,H=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable,X=Reflect.get;var T=(r,l,a)=>l in r?R(r,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):r[l]=a,V=(r,l)=>{for(var a in l||(l={}))Y.call(l,a)&&T(r,a,l[a]);if(x)for(var a of x(l))K.call(l,a)&&T(r,a,l[a]);return r},I=(r,l)=>$(r,F(l));var M=(r,l,a)=>X(H(r),a,l);var P=(r,l,a)=>new Promise((g,p)=>{var D=d=>{try{f(a.next(d))}catch(m){p(m)}},C=d=>{try{f(a.throw(d))}catch(m){p(m)}},f=d=>d.done?g(d.value):Promise.resolve(d.value).then(D,C);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"),Z=require("@element-plus/icons-vue");require("html2canvas");const S=require("./element-resize-detector-Bo5uDQAu.cjs"),E=require("./index-Mh5Dw2sd.cjs"),k=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:k.DEFAULT_ICON,ACTIVE_ICON:k.ACTIVE_ICON,NAME_CN:"位移数据表",NAME_EN:"Displacement Data Table",ORDER:16},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(I(V({},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=>({v5e516c27:e.unref(v).bgColor,b2b5b402:e.unref(v).textColor}));const l=E.useLinkStore(),a=r,g=e.ref(1),p=e.ref(10),D=e.ref("0.039"),C=e.ref(400),f=e.ref([]),d=e.ref([]);class m extends S.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:E.dayjs().subtract(u,"hour").format("YYYY-MM-DD HH:mm:ss")};t.forEach(y=>{n.forEach(L=>{const U=Math.random()*5;c[`${y.name}_${Math.abs(L)}`]=U+Math.random()})}),s.push(c)}return s}onPreview(){return P(this,null,function*(){const{data:t}=this.props.conf;t.some(s=>s.object_id&&s.fv)?(console.log("[DisplacementDataTable] 检测到数据绑定，订阅真实数据"),yield M(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=S.formatStatisticsResult(t,n)),S.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 v=h.getStyle();e.onMounted(()=>{p.value=v.value.pageSize,f.value=h.getMockData()});const z=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=z.value;if(!t)return;const{payload:n}=o;n.objectId===t&&n.type==="config"&&console.log("[DataTable] 收到配置:",n.fv)},{deep:!0});const w=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}),O=e.computed(()=>{const o=(g.value-1)*p.value,t=o+p.value;return f.value.slice(o,t)}),N=e.computed(()=>f.value.length),q=o=>o==null?"-":typeof o=="number"?o.toFixed(3):o,A=o=>{g.value=o},B=o=>{p.value=o,g.value=1},j=()=>{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(v).title),1),e.createVNode(s,{size:"small",onClick:j},{default:e.withCtx(()=>[e.createVNode(n,null,{default:e.withCtx(()=>[e.createVNode(e.unref(Z.Upload))]),_:1}),t[2]||(t[2]=e.createTextVNode(" 导出表 ",-1))]),_:1}),e.createElementVNode("div",Q,[e.createElementVNode("span",ee,"搜索耗时 "+e.toDisplayString(D.value)+"秒 总共 "+e.toDisplayString(N.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:N.value,layout:"prev, pager, next, sizes",small:"",onSizeChange:B,onCurrentChange:A},null,8,["current-page","page-size","total"])])]),e.createElementVNode("div",te,[e.createVNode(_,{data:O.value,height:C.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(w.value,c=>(e.openBlock(),e.createBlock(u,{key:c.prop,prop:c.prop,label:c.label,width:"100",align:"right"},{default:e.withCtx(({row:y})=>[e.createTextVNode(e.toDisplayString(q(y[c.prop])),1)]),_:2},1032,["prop","label"]))),128))]),_:1},8,["data","height"])]),e.renderSlot(o.$slots,"default",{},void 0,!0)])}}})),ue=E._export_sfc(ie,[["__scopeId","data-v-71109cab"]]);exports.default=ue;

package/dist/displacementTrajectoryChart-CBhPwZhe.cjs

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