mixdashboards 1.0.71 → 1.0.73

package/dist/{accelerationChart-DacjcSHD.js → accelerationChart-D7KNk5fI.js}

@@ -1,16 +1,16 @@
-var K = Object.defineProperty, ee = Object.defineProperties;
+var J = Object.defineProperty, ee = Object.defineProperties;
 var te = Object.getOwnPropertyDescriptors;
-var I = Object.getOwnPropertySymbols;
+var N = Object.getOwnPropertySymbols;
 var ae = Object.prototype.hasOwnProperty, oe = Object.prototype.propertyIsEnumerable;
-var N = (y, r, c) => r in y ? K(y, r, { enumerable: !0, configurable: !0, writable: !0, value: c }) : y[r] = c, P = (y, r) => {
-  for (var c in r || (r = {}))
-    ae.call(r, c) && N(y, c, r[c]);
-  if (I)
-    for (var c of I(r))
-      oe.call(r, c) && N(y, c, r[c]);
+var I = (y, s, c) => s in y ? J(y, s, { enumerable: !0, configurable: !0, writable: !0, value: c }) : y[s] = c, P = (y, s) => {
+  for (var c in s || (s = {}))
+    ae.call(s, c) && I(y, c, s[c]);
+  if (N)
+    for (var c of N(s))
+      oe.call(s, c) && I(y, c, s[c]);
   return y;
-}, U = (y, r) => ee(y, te(r));
-import { ElSelect as le, ElOption as se, ElRadioGroup as re, ElRadioButton as ne, ElDatePicker as ce, ElButton as ie } from "element-plus/es";
+}, U = (y, s) => ee(y, te(s));
+import { ElSelect as le, ElOption as re, ElRadioGroup as se, ElRadioButton as ne, ElDatePicker as ce, ElButton as ie } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/date-picker/style/css";
@@ -20,8 +20,9 @@ import "element-plus/es/components/select/style/css";
 import "element-plus/es/components/option/style/css";
 import { defineComponent as ue, useCssVars as me, unref as A, ref as M, computed as k, watch as Y, onMounted as de, nextTick as $, openBlock as g, createElementBlock as F, createElementVNode as m, createVNode as x, withCtx as b, Fragment as L, renderList as O, createBlock as G, createTextVNode as E, toDisplayString as T, normalizeStyle as W, renderSlot as fe } from "vue";
 import "html2canvas";
-import { g as z, I as he, J as ve, z as ye, _ as pe } from "./index-Bdq33405.js";
-import { E as xe } from "./EChartComponentBase-CAabYXSj.js";
+import { d as z, K as he, L as ve, E as ye, _ as pe } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as xe } from "./EChartComponentBase-cFfawl6h.js";
 import "./index-ButoLLAe.js";
 import { A as be, D as _e } from "./ele-lin-icon-Dax-ZiWV.js";
 import { i as De } from "./echarts-BVht3HHb.js";
@@ -30,7 +31,8 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
   ACTIVE_ICON: be,
   NAME_CN: "加速度监测",
   NAME_EN: "Acceleration Chart",
-  ORDER: 10
+  ORDER: 10,
+  PLATFORM: ["pc", "screen"]
 }, Oe = {
   unit: { value: "mm", type: "string", label: "component.accelerationChart.unit" },
   bgColor: { value: "#ffffff", type: "color", label: "component.options.bgColor" },
@@ -85,7 +87,7 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
       { name: "xyh加速度", fv: "acc_xyh", color: "#1E90FF" }
     ]
   }
-], ze = ["name", "area", "object_id", "curves"], je = ["name", "fv", "color"], Be = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Re = { useAlias: !1, multiObject: !0, source: "mosaic" }, Ie = { DEFAULT: Le, OPTIONS: Oe, DATA: Te, PARAMS: ze, SOURCE: Be, COMMON: Re, CURVE_PARAMS: je }, Ne = /* @__PURE__ */ ue(U(P({}, Ie), {
+], ze = ["name", "area", "object_id", "curves"], je = ["name", "fv", "color"], Re = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Be = { useAlias: !1, multiObject: !0, source: "mosaic" }, Ne = { DEFAULT: Le, OPTIONS: Oe, DATA: Te, PARAMS: ze, SOURCE: Re, COMMON: Be, CURVE_PARAMS: je }, Ie = /* @__PURE__ */ ue(U(P({}, Ne), {
   __name: "accelerationChart",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -95,26 +97,26 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
   },
   setup(y) {
     me((a) => ({
-      v3cfd941c: A(V).bgColor,
-      ea31b698: A(V).textColor
+      v5223c71b: A(V).bgColor,
+      v2166d81a: A(V).textColor
     }));
-    const r = y, c = M(""), j = k(() => {
+    const s = y, c = M(""), j = k(() => {
       var o, n, u, d;
-      const a = ((o = r.conf) == null ? void 0 : o.data) || [], e = /* @__PURE__ */ new Set();
-      return a.forEach((s) => {
-        s.area && e.add(s.area);
-      }), e.size === 0 ? (((d = (u = (n = r.conf) == null ? void 0 : n.options) == null ? void 0 : u.areaList) == null ? void 0 : d.value) || "内排,外排,边坡,平台").split(",").map((l) => l.trim()).filter((l) => l) : Array.from(e);
+      const a = ((o = s.conf) == null ? void 0 : o.data) || [], e = /* @__PURE__ */ new Set();
+      return a.forEach((r) => {
+        r.area && e.add(r.area);
+      }), e.size === 0 ? (((d = (u = (n = s.conf) == null ? void 0 : n.options) == null ? void 0 : u.areaList) == null ? void 0 : d.value) || "内排,外排,边坡,平台").split(",").map((l) => l.trim()).filter((l) => l) : Array.from(e);
     });
     Y(j, (a) => {
       a.length > 0 && !c.value && (c.value = a[0]);
     }, { immediate: !0 });
-    const J = () => {
+    const K = () => {
       console.log("区域切换:", c.value);
       const a = w.value;
       a.length > 0 ? v.value = a[0].value : v.value = "", H();
     }, v = M(""), w = k(() => {
       var o;
-      return (((o = r.conf) == null ? void 0 : o.data) || []).filter((n) => n.area ? n.area === c.value : !0).map((n) => ({
+      return (((o = s.conf) == null ? void 0 : o.data) || []).filter((n) => n.area ? n.area === c.value : !0).map((n) => ({
         label: n.name,
         value: n.name
       }));
@@ -124,12 +126,12 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
     }, { immediate: !0 });
     const Q = k(() => {
       var e;
-      const a = ((e = r.conf) == null ? void 0 : e.data) || [];
+      const a = ((e = s.conf) == null ? void 0 : e.data) || [];
       return a.find((o) => o.name === v.value) || a[0] || null;
     }), C = k(() => {
       const a = Q.value;
       return a ? a.curves || [] : [];
-    }), B = M("7days"), _ = M(z().subtract(7, "day").format("YYYY-MM-DD HH:mm:ss")), D = M(z().format("YYYY-MM-DD HH:mm:ss")), X = (a) => {
+    }), R = M("7days"), _ = M(z().subtract(7, "day").format("YYYY-MM-DD HH:mm:ss")), D = M(z().format("YYYY-MM-DD HH:mm:ss")), X = (a) => {
       const e = z();
       switch (a) {
         case "today":
@@ -156,14 +158,14 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
         super(...arguments), this.historyData = /* @__PURE__ */ new Map(), this.xAxisData = [];
       }
       extractStyles() {
-        var o, n, u, d, s, l, t, i, f, h, S;
+        var o, n, u, d, r, l, t, i, f, h, S;
         const { options: e } = this.props.conf;
         return {
           unit: ((o = e == null ? void 0 : e.unit) == null ? void 0 : o.value) || "mm",
           bgColor: ((n = e == null ? void 0 : e.bgColor) == null ? void 0 : n.value) || "#ffffff",
           textColor: ((u = e == null ? void 0 : e.textColor) == null ? void 0 : u.value) || "#333333",
           gridLineColor: ((d = e == null ? void 0 : e.gridLineColor) == null ? void 0 : d.value) || "#e5e5e5",
-          points: ((s = e == null ? void 0 : e.points) == null ? void 0 : s.value) || 50,
+          points: ((r = e == null ? void 0 : e.points) == null ? void 0 : r.value) || 50,
           lineType: ((l = e == null ? void 0 : e.lineType) == null ? void 0 : l.value) || "smooth",
           showSymbol: (i = (t = e == null ? void 0 : e.showSymbol) == null ? void 0 : t.value) != null ? i : !1,
           lineWidth: ((f = e == null ? void 0 : e.lineWidth) == null ? void 0 : f.value) || 1.5,
@@ -215,8 +217,8 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
       generateMockData(e, o = 0, n = 15) {
         const u = [];
         let d = Math.random() * Math.PI * 2;
-        for (let s = 0; s < e; s++) {
-          const l = (Math.random() - 0.5) * n * 0.5, t = Math.sin(d + s * 0.15) * n * 0.6, i = o + t + l;
+        for (let r = 0; r < e; r++) {
+          const l = (Math.random() - 0.5) * n * 0.5, t = Math.sin(d + r * 0.15) * n * 0.6, i = o + t + l;
           u.push(parseFloat(i.toFixed(1)));
         }
         return u;
@@ -230,25 +232,25 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
           { name: "h加速度", fv: "acc_h", color: "#FFD700" },
           { name: "xy加速度", fv: "acc_xy", color: "#FF4500" },
           { name: "xyh加速度", fv: "acc_xyh", color: "#1E90FF" }
-        ]).map((s, l) => {
-          const t = `${v.value}_${s.name}`;
+        ]).map((r, l) => {
+          const t = `${v.value}_${r.name}`;
           let i = this.historyData.get(t);
           if (!i || i.length === 0) {
             const h = [15, -12, -11, 19, 22];
             i = this.generateMockData(n, h[l] || 0, 2), this.historyData.set(t, i);
           }
           const f = {
-            name: s.name,
+            name: r.name,
             type: "line",
             symbol: o.showSymbol ? "circle" : "none",
             symbolSize: 4,
             data: i,
             lineStyle: {
               width: o.lineWidth,
-              color: s.color
+              color: r.color
             },
             itemStyle: {
-              color: s.color
+              color: r.color
             }
           };
           return o.lineType === "smooth" ? f.smooth = !0 : (o.lineType === "step" && (f.step = "middle"), f.smooth = !1), f;
@@ -265,9 +267,9 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
             backgroundColor: "rgba(255, 255, 255, 0.95)",
             borderColor: "#e5e5e5",
             textStyle: { color: "#333", fontSize: 12 },
-            formatter: (s) => {
-              let l = `<div style="font-weight:bold;margin-bottom:5px">${s[0].axisValue}</div>`;
-              return s.forEach((t) => {
+            formatter: (r) => {
+              let l = `<div style="font-weight:bold;margin-bottom:5px">${r[0].axisValue}</div>`;
+              return r.forEach((t) => {
                 l += `<div style="display:flex;align-items:center;gap:5px">
 							${t.marker} 
 							<span>${t.seriesName}:</span>
@@ -284,13 +286,13 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
               color: o.textColor,
               fontSize: 11,
               rotate: 0,
-              formatter: (s) => {
-                if (s.includes(" ")) {
-                  const l = s.split(" ");
+              formatter: (r) => {
+                if (r.includes(" ")) {
+                  const l = r.split(" ");
                   return l[0].substring(5) + `
 ` + l[1].substring(0, 5);
                 }
-                return s;
+                return r;
               }
             },
             splitLine: { show: !1 }
@@ -373,11 +375,11 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
         if (!o.some((l) => l.object_id && l.fv)) return;
         const d = n.source || "mosaic";
         ["statistics", "calculate"].includes(d) && (e = ve(e, o));
-        let s = ye(e, this.props, "history");
+        let r = ye(e, this.props, "history");
         o.forEach((l, t) => {
           if (!(!l.object_id || !l.fv))
             try {
-              const i = s.history[t] || [], f = i.map((h) => {
+              const i = r.history[t] || [], f = i.map((h) => {
                 var S;
                 return (S = h[l.fv]) != null ? S : 0;
               });
@@ -390,7 +392,7 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
         if (!e) return;
         const { data: o } = this.props.conf;
         if (!o.some((l) => l.object_id && l.fv)) return;
-        const u = this.extractStyles().points, s = this.getSource() === "mosaic" ? e.datetime : e.start_time;
+        const u = this.extractStyles().points, r = this.getSource() === "mosaic" ? e.datetime : e.start_time;
         o.forEach((l) => {
           !l.object_id || !l.curves || l.curves.forEach((t) => {
             if (!t.fv) return;
@@ -401,18 +403,18 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
               h.push(i), h.length > u && h.shift(), this.historyData.set(f, h);
             }
           });
-        }), s && (this.xAxisData.push(s), this.xAxisData.length > u && this.xAxisData.shift()), this.updateChartData();
+        }), r && (this.xAxisData.push(r), this.xAxisData.length > u && this.xAxisData.shift()), this.updateChartData();
       }
       updateChartData(e = []) {
         this.chartObj && this.chartObj.setOption(this.getChartOption(e), !0);
       }
     }
-    const p = new q(r, "accelerationChart");
-    (!r.conf.data || r.conf.data.length === 0) && (r.conf.data = p.getDefaultData()), p.setupLifecycle();
-    const V = p.getStyle(), R = p.getEchartId();
+    const p = new q(s, "accelerationChart");
+    (!s.conf.data || s.conf.data.length === 0) && (s.conf.data = p.getDefaultData()), p.setupLifecycle();
+    const V = p.getStyle(), B = p.getEchartId();
     return de(() => {
       $(() => {
-        const a = document.getElementById(R);
+        const a = document.getElementById(B);
         if (a) {
           const e = De(a);
           e.setOption(p.getChartOption(C.value)), p.chartObj = e;
@@ -420,16 +422,16 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
       });
     }), Y(() => {
       var a;
-      return (a = r.conf) == null ? void 0 : a.data;
+      return (a = s.conf) == null ? void 0 : a.data;
     }, () => {
       $(() => p.updateChartData(C.value));
     }, { deep: !0 }), Y(() => {
       var a;
-      return (a = r.conf) == null ? void 0 : a.socketData;
+      return (a = s.conf) == null ? void 0 : a.socketData;
     }, (a) => {
       a && p.setSocketData(a);
     }), (a, e) => {
-      const o = se, n = le, u = ne, d = re, s = ce, l = ie;
+      const o = re, n = le, u = ne, d = se, r = ce, l = ie;
       return g(), F("div", ge, [
         m("div", Ce, [
           m("div", Se, [
@@ -439,7 +441,7 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
               "onUpdate:modelValue": e[0] || (e[0] = (t) => c.value = t),
               class: "area-select",
               size: "small",
-              onChange: J
+              onChange: K
             }, {
               default: b(() => [
                 (g(!0), F(L, null, O(j.value, (t) => (g(), G(o, {
@@ -469,8 +471,8 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
           ]),
           m("div", Me, [
             x(d, {
-              modelValue: B.value,
-              "onUpdate:modelValue": e[2] || (e[2] = (t) => B.value = t),
+              modelValue: R.value,
+              "onUpdate:modelValue": e[2] || (e[2] = (t) => R.value = t),
               size: "small",
               onChange: X
             }, {
@@ -499,7 +501,7 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
           ]),
           m("div", Ye, [
             e[12] || (e[12] = m("span", { class: "toolbar-label" }, "开始时间", -1)),
-            x(s, {
+            x(r, {
               modelValue: _.value,
               "onUpdate:modelValue": e[3] || (e[3] = (t) => _.value = t),
               type: "datetime",
@@ -509,7 +511,7 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
               class: "datetime-picker"
             }, null, 8, ["modelValue"]),
             e[13] || (e[13] = m("span", { class: "toolbar-label" }, "结束时间", -1)),
-            x(s, {
+            x(r, {
               modelValue: D.value,
               "onUpdate:modelValue": e[4] || (e[4] = (t) => D.value = t),
               type: "datetime",
@@ -562,7 +564,7 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
         m("div", we, T(A(V).unit), 1),
         m("div", He, [
           m("div", {
-            id: A(R),
+            id: A(B),
             class: "chart-container"
           }, null, 8, Ve)
         ]),
@@ -570,7 +572,7 @@ const ge = { class: "acceleration-chart-wrapper" }, Ce = { class: "toolbar" }, S
       ]);
     };
   }
-})), st = /* @__PURE__ */ pe(Ne, [["__scopeId", "data-v-58581516"]]);
+})), st = /* @__PURE__ */ pe(Ie, [["__scopeId", "data-v-2b46c27f"]]);
 export {
   st as default
 };

package/dist/accelerationChart-HBCb2bRW.cjs

@@ -0,0 +1,6 @@
+"use strict";var z=Object.defineProperty,q=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var k=(y,s,i)=>s in y?z(y,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):y[s]=i,w=(y,s)=>{for(var i in s||(s={}))R.call(s,i)&&k(y,i,s[i]);if(N)for(var i of N(s))P.call(s,i)&&k(y,i,s[i]);return y},A=(y,s)=>q(y,I(s));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=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/date-picker/style/css");require("element-plus/es/components/radio-group/style/css");require("element-plus/es/components/radio-button/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");const t=require("vue");require("html2canvas");const _=require("./index-DVqMfQVc.cjs");require("element-plus");const U=require("./EChartComponentBase-dLE5F7Tt.cjs");require("./index-mAPVa0s4.cjs");const T=require("./ele-lin-icon-Dke_1AmT.cjs"),$=require("./echarts-BB8O2KSA.cjs"),G={class:"acceleration-chart-wrapper"},W={class:"toolbar"},Q={class:"toolbar-left"},X={class:"toolbar-center"},Z={class:"toolbar-right"},J={class:"chart-header"},K={class:"chart-title"},ee={class:"chart-legend"},te={class:"legend-text"},ae={class:"y-axis-unit"},oe={class:"chart-body"},le=["id"],re={DEFAULT_ICON:T.DEFAULT_ICON,ACTIVE_ICON:T.ACTIVE_ICON,NAME_CN:"加速度监测",NAME_EN:"Acceleration Chart",ORDER:10,PLATFORM:["pc","screen"]},ne={unit:{value:"mm",type:"string",label:"component.accelerationChart.unit"},bgColor:{value:"#ffffff",type:"color",label:"component.options.bgColor"},textColor:{value:"#333333",type:"color",label:"component.options.textColor"},gridLineColor:{value:"#e5e5e5",type:"color",label:"component.accelerationChart.gridLineColor"},points:{value:50,type:"number",label:"component.options.points",min:10,max:200},lineType:{value:"smooth",type:"select",label:"component.accelerationChart.lineType",options:[{label:"平滑曲线",value:"smooth"},{label:"折线",value:"line"},{label:"阶梯线",value:"step"}]},showSymbol:{value:!1,type:"checkbox",label:"component.accelerationChart.showSymbol"},lineWidth:{value:1.5,type:"number",label:"component.accelerationChart.lineWidth",min:1,max:5},yMax:{value:30,type:"number",label:"component.line.yMax"},yMin:{value:-20,type:"number",label:"component.line.yMin"},areaList:{value:"内排,外排,边坡,平台",type:"string",label:"component.accelerationChart.areaList"}},se=[{name:"GPS01",area:"内排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]},{name:"GPS02",area:"内排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]},{name:"GPS03",area:"外排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]}],ce=["name","area","object_id","curves"],ie=["name","fv","color"],ue=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],de={useAlias:!1,multiObject:!0,source:"mosaic"},me={DEFAULT:re,OPTIONS:ne,DATA:se,PARAMS:ce,SOURCE:ue,COMMON:de,CURVE_PARAMS:ie},fe=t.defineComponent(A(w({},me),{__name:"accelerationChart",props:{conf:{type:Object,default:()=>({data:[]})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(y){t.useCssVars(o=>({v5223c71b:t.unref(V).bgColor,v2166d81a:t.unref(V).textColor}));const s=y,i=t.ref(""),M=t.computed(()=>{var l,c,d,m;const o=((l=s.conf)==null?void 0:l.data)||[],e=new Set;return o.forEach(n=>{n.area&&e.add(n.area)}),e.size===0?(((m=(d=(c=s.conf)==null?void 0:c.options)==null?void 0:d.areaList)==null?void 0:m.value)||"内排,外排,边坡,平台").split(",").map(r=>r.trim()).filter(r=>r):Array.from(e)});t.watch(M,o=>{o.length>0&&!i.value&&(i.value=o[0])},{immediate:!0});const H=()=>{console.log("区域切换:",i.value);const o=E.value;o.length>0?v.value=o[0].value:v.value="",S()},v=t.ref(""),E=t.computed(()=>{var l;return(((l=s.conf)==null?void 0:l.data)||[]).filter(c=>c.area?c.area===i.value:!0).map(c=>({label:c.name,value:c.name}))});t.watch(E,o=>{o.length>0&&!v.value&&(v.value=o[0].value)},{immediate:!0});const L=t.computed(()=>{var e;const o=((e=s.conf)==null?void 0:e.data)||[];return o.find(l=>l.name===v.value)||o[0]||null}),D=t.computed(()=>{const o=L.value;return o?o.curves||[]:[]}),F=t.ref("7days"),x=t.ref(_.dayjs().subtract(7,"day").format("YYYY-MM-DD HH:mm:ss")),b=t.ref(_.dayjs().format("YYYY-MM-DD HH:mm:ss")),O=o=>{const e=_.dayjs();switch(o){case"today":x.value=e.startOf("day").format("YYYY-MM-DD HH:mm:ss"),b.value=e.format("YYYY-MM-DD HH:mm:ss");break;case"7days":x.value=e.subtract(7,"day").format("YYYY-MM-DD HH:mm:ss"),b.value=e.format("YYYY-MM-DD HH:mm:ss");break;case"30days":x.value=e.subtract(30,"day").format("YYYY-MM-DD HH:mm:ss"),b.value=e.format("YYYY-MM-DD HH:mm:ss");break}S()},S=()=>{console.log("查询数据:",{area:i.value,device:v.value,startTime:x.value,endTime:b.value}),p.updateChartData(D.value)},B=()=>{console.log("导出数据:",{area:i.value,device:v.value,startTime:x.value,endTime:b.value})};t.watch(v,()=>{p.updateChartData(D.value)});class j extends U.EChartComponentBase{constructor(){super(...arguments),this.historyData=new Map,this.xAxisData=[]}extractStyles(){var l,c,d,m,n,r,a,u,f,h,C;const{options:e}=this.props.conf;return{unit:((l=e==null?void 0:e.unit)==null?void 0:l.value)||"mm",bgColor:((c=e==null?void 0:e.bgColor)==null?void 0:c.value)||"#ffffff",textColor:((d=e==null?void 0:e.textColor)==null?void 0:d.value)||"#333333",gridLineColor:((m=e==null?void 0:e.gridLineColor)==null?void 0:m.value)||"#e5e5e5",points:((n=e==null?void 0:e.points)==null?void 0:n.value)||50,lineType:((r=e==null?void 0:e.lineType)==null?void 0:r.value)||"smooth",showSymbol:(u=(a=e==null?void 0:e.showSymbol)==null?void 0:a.value)!=null?u:!1,lineWidth:((f=e==null?void 0:e.lineWidth)==null?void 0:f.value)||1.5,yMax:((h=e==null?void 0:e.yMax)==null?void 0:h.value)||30,yMin:((C=e==null?void 0:e.yMin)==null?void 0:C.value)||-20}}getDefaultData(){return[{name:"GPS01",area:"内排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]},{name:"GPS02",area:"内排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]},{name:"GPS03",area:"外排",object_id:"",curves:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]}]}generateMockData(e,l=0,c=15){const d=[];let m=Math.random()*Math.PI*2;for(let n=0;n<e;n++){const r=(Math.random()-.5)*c*.5,a=Math.sin(m+n*.15)*c*.6,u=l+a+r;d.push(parseFloat(u.toFixed(1)))}return d}getChartOption(e=[]){const l=this.extractStyles(),c=l.points;this.xAxisData=_.getxAxisDataTime(c,this.props.mode,!1);const m=(e.length>0?e:[{name:"x加速度",fv:"acc_x",color:"#4169E1"},{name:"y加速度",fv:"acc_y",color:"#32CD32"},{name:"h加速度",fv:"acc_h",color:"#FFD700"},{name:"xy加速度",fv:"acc_xy",color:"#FF4500"},{name:"xyh加速度",fv:"acc_xyh",color:"#1E90FF"}]).map((n,r)=>{const a=`${v.value}_${n.name}`;let u=this.historyData.get(a);if(!u||u.length===0){const h=[15,-12,-11,19,22];u=this.generateMockData(c,h[r]||0,2),this.historyData.set(a,u)}const f={name:n.name,type:"line",symbol:l.showSymbol?"circle":"none",symbolSize:4,data:u,lineStyle:{width:l.lineWidth,color:n.color},itemStyle:{color:n.color}};return l.lineType==="smooth"?f.smooth=!0:(l.lineType==="step"&&(f.step="middle"),f.smooth=!1),f});return{grid:{left:50,right:20,top:20,bottom:70},tooltip:{trigger:"axis",backgroundColor:"rgba(255, 255, 255, 0.95)",borderColor:"#e5e5e5",textStyle:{color:"#333",fontSize:12},formatter:n=>{let r=`<div style="font-weight:bold;margin-bottom:5px">${n[0].axisValue}</div>`;return n.forEach(a=>{r+=`<div style="display:flex;align-items:center;gap:5px">
+							${a.marker} 
+							<span>${a.seriesName}:</span>
+							<span style="font-weight:bold">${a.value} ${l.unit}</span>
+						</div>`}),r}},xAxis:{type:"category",data:this.xAxisData,axisLine:{lineStyle:{color:l.gridLineColor}},axisLabel:{color:l.textColor,fontSize:11,rotate:0,formatter:n=>{if(n.includes(" ")){const r=n.split(" ");return r[0].substring(5)+`
+`+r[1].substring(0,5)}return n}},splitLine:{show:!1}},yAxis:{type:"value",max:l.yMax,min:l.yMin,axisLine:{show:!1},axisLabel:{color:l.textColor,fontSize:11},splitLine:{lineStyle:{color:l.gridLineColor,type:"solid"}}},dataZoom:[{type:"slider",show:!0,xAxisIndex:[0],bottom:5,height:30,start:0,end:100,borderColor:"#ddd",backgroundColor:"#f5f5f5",fillerColor:"rgba(65, 105, 225, 0.15)",showDetail:!0,showDataShadow:!0,realtime:!0,textStyle:{color:"#666",fontSize:11},handleIcon:"M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z",handleSize:"80%",handleStyle:{color:"#fff",borderColor:"#aaa",borderWidth:1,shadowBlur:2,shadowColor:"rgba(0,0,0,0.2)",shadowOffsetX:1,shadowOffsetY:1},dataBackground:{lineStyle:{color:"#8392A5",width:1},areaStyle:{color:"rgba(131, 146, 165, 0.2)"}},selectedDataBackground:{lineStyle:{color:"#4169E1",width:1},areaStyle:{color:"rgba(65, 105, 225, 0.1)"}}},{type:"inside",xAxisIndex:[0],start:0,end:100}],series:m}}setHistoryData(e){const{data:l,common:c}=this.props.conf;if(!l.some(r=>r.object_id&&r.fv))return;const m=c.source||"mosaic";["statistics","calculate"].includes(m)&&(e=_.formatStatisticsResult(e,l));let n=_.handleNullData(e,this.props,"history");l.forEach((r,a)=>{if(!(!r.object_id||!r.fv))try{const u=n.history[a]||[],f=u.map(h=>{var C;return(C=h[r.fv])!=null?C:0});this.historyData.set(r.name,f),a===0&&u.length>0&&(this.xAxisData=u.map(h=>h.time))}catch(u){}}),this.updateChartData()}setSocketData(e){if(!e)return;const{data:l}=this.props.conf;if(!l.some(r=>r.object_id&&r.fv))return;const d=this.extractStyles().points,n=this.getSource()==="mosaic"?e.datetime:e.start_time;l.forEach(r=>{!r.object_id||!r.curves||r.curves.forEach(a=>{if(!a.fv)return;const u=this.extractDataValue(e,a.fv);if(u!=null){const f=`${r.name}_${a.name}`;let h=this.historyData.get(f)||[];h.push(u),h.length>d&&h.shift(),this.historyData.set(f,h)}})}),n&&(this.xAxisData.push(n),this.xAxisData.length>d&&this.xAxisData.shift()),this.updateChartData()}updateChartData(e=[]){this.chartObj&&this.chartObj.setOption(this.getChartOption(e),!0)}}const p=new j(s,"accelerationChart");(!s.conf.data||s.conf.data.length===0)&&(s.conf.data=p.getDefaultData()),p.setupLifecycle();const V=p.getStyle(),Y=p.getEchartId();return t.onMounted(()=>{t.nextTick(()=>{const o=document.getElementById(Y);if(o){const e=$.init(o);e.setOption(p.getChartOption(D.value)),p.chartObj=e}})}),t.watch(()=>{var o;return(o=s.conf)==null?void 0:o.data},()=>{t.nextTick(()=>p.updateChartData(D.value))},{deep:!0}),t.watch(()=>{var o;return(o=s.conf)==null?void 0:o.socketData},o=>{o&&p.setSocketData(o)}),(o,e)=>{const l=g.ElOption,c=g.ElSelect,d=g.ElRadioButton,m=g.ElRadioGroup,n=g.ElDatePicker,r=g.ElButton;return t.openBlock(),t.createElementBlock("div",G,[t.createElementVNode("div",W,[t.createElementVNode("div",Q,[e[5]||(e[5]=t.createElementVNode("span",{class:"toolbar-label"},"区域",-1)),t.createVNode(c,{modelValue:i.value,"onUpdate:modelValue":e[0]||(e[0]=a=>i.value=a),class:"area-select",size:"small",onChange:H},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(M.value,a=>(t.openBlock(),t.createBlock(l,{key:a,label:a,value:a},null,8,["label","value"]))),128))]),_:1},8,["modelValue"]),e[6]||(e[6]=t.createElementVNode("span",{class:"toolbar-label"},"设备",-1)),t.createVNode(c,{modelValue:v.value,"onUpdate:modelValue":e[1]||(e[1]=a=>v.value=a),class:"device-select",size:"small"},{default:t.withCtx(()=>[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(E.value,a=>(t.openBlock(),t.createBlock(l,{key:a.value,label:a.label,value:a.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),t.createElementVNode("div",X,[t.createVNode(m,{modelValue:F.value,"onUpdate:modelValue":e[2]||(e[2]=a=>F.value=a),size:"small",onChange:O},{default:t.withCtx(()=>[t.createVNode(d,{label:"today"},{default:t.withCtx(()=>[...e[7]||(e[7]=[t.createTextVNode("今天",-1)])]),_:1}),t.createVNode(d,{label:"7days"},{default:t.withCtx(()=>[...e[8]||(e[8]=[t.createTextVNode("近7天",-1)])]),_:1}),t.createVNode(d,{label:"30days"},{default:t.withCtx(()=>[...e[9]||(e[9]=[t.createTextVNode("近30天",-1)])]),_:1})]),_:1},8,["modelValue"])]),t.createElementVNode("div",Z,[e[12]||(e[12]=t.createElementVNode("span",{class:"toolbar-label"},"开始时间",-1)),t.createVNode(n,{modelValue:x.value,"onUpdate:modelValue":e[3]||(e[3]=a=>x.value=a),type:"datetime",size:"small",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss",class:"datetime-picker"},null,8,["modelValue"]),e[13]||(e[13]=t.createElementVNode("span",{class:"toolbar-label"},"结束时间",-1)),t.createVNode(n,{modelValue:b.value,"onUpdate:modelValue":e[4]||(e[4]=a=>b.value=a),type:"datetime",size:"small",format:"YYYY-MM-DD HH:mm:ss","value-format":"YYYY-MM-DD HH:mm:ss",class:"datetime-picker"},null,8,["modelValue"]),t.createVNode(r,{type:"primary",size:"small",onClick:S},{default:t.withCtx(()=>[...e[10]||(e[10]=[t.createTextVNode("查询",-1)])]),_:1}),t.createVNode(r,{size:"small",onClick:B},{default:t.withCtx(()=>[...e[11]||(e[11]=[t.createTextVNode("导出",-1)])]),_:1})])]),t.createElementVNode("div",J,[t.createElementVNode("div",K,t.toDisplayString(v.value),1),t.createElementVNode("div",ee,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(D.value,a=>(t.openBlock(),t.createElementBlock("div",{key:a.name,class:"legend-item"},[t.createElementVNode("span",{class:"legend-marker",style:t.normalizeStyle({backgroundColor:a.color})},[t.createElementVNode("span",{class:"legend-icon",style:t.normalizeStyle({borderColor:a.color})},null,4)],4),t.createElementVNode("span",te,t.toDisplayString(a.name),1)]))),128))])]),t.createElementVNode("div",ae,t.toDisplayString(t.unref(V).unit),1),t.createElementVNode("div",oe,[t.createElementVNode("div",{id:t.unref(Y),class:"chart-container"},null,8,le)]),t.renderSlot(o.$slots,"default",{},void 0,!0)])}}})),he=_._export_sfc(fe,[["__scopeId","data-v-2b46c27f"]]);exports.default=he;