mixdashboards 1.0.71 → 1.0.73

package/dist/{timeSeries-CdpEx6bf.js → timeSeries-U91gMDDQ.js}

@@ -1,16 +1,16 @@
-var he = Object.defineProperty, ue = Object.defineProperties;
-var de = Object.getOwnPropertyDescriptors;
+var he = Object.defineProperty, de = Object.defineProperties;
+var ue = Object.getOwnPropertyDescriptors;
 var K = Object.getOwnPropertySymbols, fe = Object.getPrototypeOf, me = Object.prototype.hasOwnProperty, pe = Object.prototype.propertyIsEnumerable, ve = Reflect.get;
-var Z = (b, u, g) => u in b ? he(b, u, { enumerable: !0, configurable: !0, writable: !0, value: g }) : b[u] = g, T = (b, u) => {
-  for (var g in u || (u = {}))
-    me.call(u, g) && Z(b, g, u[g]);
+var Z = (b, d, g) => d in b ? he(b, d, { enumerable: !0, configurable: !0, writable: !0, value: g }) : b[d] = g, N = (b, d) => {
+  for (var g in d || (d = {}))
+    me.call(d, g) && Z(b, g, d[g]);
   if (K)
-    for (var g of K(u))
-      pe.call(u, g) && Z(b, g, u[g]);
+    for (var g of K(d))
+      pe.call(d, g) && Z(b, g, d[g]);
   return b;
-}, $ = (b, u) => ue(b, de(u));
-var Q = (b, u, g) => ve(fe(b), g, u);
-var X = (b, u, g) => new Promise((p, x) => {
+}, $ = (b, d) => de(b, ue(d));
+var Q = (b, d, g) => ve(fe(b), g, d);
+var X = (b, d, g) => new Promise((p, x) => {
   var U = (S) => {
     try {
       j(g.next(S));
@@ -24,7 +24,7 @@ var X = (b, u, g) => new Promise((p, x) => {
       x(O);
     }
   }, j = (S) => S.done ? p(S.value) : Promise.resolve(S.value).then(U, V);
-  j((g = g.apply(b, u)).next());
+  j((g = g.apply(b, d)).next());
 });
 import { ElSelect as ge, ElOption as ye, ElButton as be, ElIcon as Se } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
@@ -34,20 +34,22 @@ import "element-plus/es/components/select/style/css";
 import "element-plus/es/components/option/style/css";
 import { defineComponent as Ce, inject as De, computed as R, ref as z, watch as Y, onMounted as _e, onUnmounted as xe, openBlock as k, createElementBlock as L, normalizeStyle as Oe, createElementVNode as A, toDisplayString as ee, unref as B, createCommentVNode as te, createBlock as q, withCtx as P, Fragment as se, renderList as ae, createVNode as F, createTextVNode as Ie, renderSlot as ke } from "vue";
 import "html2canvas";
-import { t as Ee, _ as Ae } from "./index-Bdq33405.js";
-import { E as je } from "./EChartComponentBase-CAabYXSj.js";
-import { formatRequest as Me } from "./request-BHfDxLXZ.js";
-import { A as we, D as Ne } from "./ele-glbModel-icon-l_SMi3ik.js";
-import { Download as Te } from "@element-plus/icons-vue";
+import { t as Ee, _ as Ae } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as je } from "./EChartComponentBase-cFfawl6h.js";
+import { formatRequest as Me } from "./request-CMbwWTDF.js";
+import { A as Te, D as we } from "./ele-glbModel-icon-l_SMi3ik.js";
+import { Download as Ne } from "@element-plus/icons-vue";
 const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { class: "header-title" }, ze = {
   key: 0,
   class: "time-range-text"
 }, Le = { class: "header-right" }, Pe = { class: "chart-area" }, Fe = ["id"], Ue = {
-  DEFAULT_ICON: Ne,
-  ACTIVE_ICON: we,
+  DEFAULT_ICON: we,
+  ACTIVE_ICON: Te,
   NAME_CN: "指标时序演变曲线",
   NAME_EN: "Time Series Evolution Curve",
-  ORDER: 12
+  ORDER: 12,
+  PLATFORM: ["pc", "screen"]
 }, Be = {
   title: { value: "指标时序演变曲线", type: "string", label: "component.timeSeries.title" },
   bgColor: { value: "#ffffff", type: "color", label: "setting.bgColor" },
@@ -107,7 +109,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
     object_id: ""
   }
   // 可以添加更多指标...
-], He = ["name", "fv", "unit", "color", "lineStyle", "fvDeviceName", "object_id"], We = ["mosaic", "statistics", "statisticsRealtime"], Ge = { useAlias: !1, multiObject: !1, source: "mosaic" }, Je = { DEFAULT: Ue, OPTIONS: Be, DATA: qe, PARAMS: He, SOURCE: We, COMMON: Ge }, Ke = /* @__PURE__ */ Ce($(T({}, Je), {
+], He = ["name", "fv", "unit", "color", "lineStyle", "fvDeviceName", "object_id"], We = ["mosaic", "statistics", "statisticsRealtime"], Ge = { useAlias: !1, multiObject: !1, source: "mosaic" }, Je = { DEFAULT: Ue, OPTIONS: Be, DATA: qe, PARAMS: He, SOURCE: We, COMMON: Ge }, Ke = /* @__PURE__ */ Ce($(N({}, Je), {
   __name: "timeSeries",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -116,7 +118,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
     theme: { type: String, default: "light" }
   },
   setup(b) {
-    const u = b;
+    const d = b;
     class g extends je {
       constructor() {
         super(...arguments), this.currentObjectId = "", this.chartData = {
@@ -126,7 +128,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
       }
       extractStyles() {
         var h, t, i, r, v, C, y, _;
-        const { options: e } = this.props.conf, s = ((h = e == null ? void 0 : e.linkChannel) == null ? void 0 : h.value) || "deepDisplacement", d = ((t = e == null ? void 0 : e.customChannel) == null ? void 0 : t.value) || "", c = s === "custom" && d ? d : s, f = ((i = this.props.conf) == null ? void 0 : i.data) || [], a = ["#4a90d9", "#52c41a", "#ff7875", "#ffc069", "#b37feb", "#36cfc9", "#fadb14", "#ff85c0"], l = ["solid", "dashed", "solid", "dashed", "solid", "dashed", "solid", "dashed"];
+        const { options: e } = this.props.conf, s = ((h = e == null ? void 0 : e.linkChannel) == null ? void 0 : h.value) || "deepDisplacement", u = ((t = e == null ? void 0 : e.customChannel) == null ? void 0 : t.value) || "", c = s === "custom" && u ? u : s, f = ((i = this.props.conf) == null ? void 0 : i.data) || [], a = ["#4a90d9", "#52c41a", "#ff7875", "#ffc069", "#b37feb", "#36cfc9", "#fadb14", "#ff85c0"], l = ["solid", "dashed", "solid", "dashed", "solid", "dashed", "solid", "dashed"];
         let m = {};
         try {
           const D = ((r = e == null ? void 0 : e.seriesStyles) == null ? void 0 : r.value) || "";
@@ -136,10 +138,10 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
         }
         const n = {};
         return f.forEach((D, E) => {
-          const w = D.fv || `series_${E}`, N = m[w] || {};
-          n[w] = {
-            color: N.color || D.color || a[E % a.length],
-            lineStyle: N.lineStyle || D.lineStyle || l[E % l.length]
+          const T = D.fv || `series_${E}`, w = m[T] || {};
+          n[T] = {
+            color: w.color || D.color || a[E % a.length],
+            lineStyle: w.lineStyle || D.lineStyle || l[E % l.length]
           };
         }), {
           title: ((v = e == null ? void 0 : e.title) == null ? void 0 : v.value) || "指标时序演变曲线",
@@ -155,10 +157,10 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
       // 获取模拟数据（用于编辑模式或没有真实数据时）
       getMockData() {
         var a;
-        const e = ((a = this.props.conf) == null ? void 0 : a.data) || [], s = [], d = {};
+        const e = ((a = this.props.conf) == null ? void 0 : a.data) || [], s = [], u = {};
         e.forEach((l) => {
           const m = l.fv || "series";
-          d[m] = [];
+          u[m] = [];
         });
         const c = /* @__PURE__ */ new Date(), f = {};
         e.forEach((l, m) => {
@@ -181,18 +183,18 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
               const y = t * Math.PI / 3;
               v = f[i] + Math.sin((r / 12 + y) * Math.PI) * 3 + (Math.random() - 0.5) * 2;
             }
-            d[i].push(Number(v.toFixed(2)));
+            u[i].push(Number(v.toFixed(2)));
           });
         }
-        return { times: s, series: d };
+        return { times: s, series: u };
       }
       getChartOption() {
         var m;
         const e = this.Style.value, s = ((m = this.props.conf) == null ? void 0 : m.data) || [], c = this.chartData.times.length > 0 ? this.chartData : this.getMockData(), f = [], a = [];
         s.forEach((n, h) => {
-          var E, w, N, J;
+          var E, T, w, J;
           if (!(this.selectionInitialized ? this.selectedSeriesIndex.includes(h) : !0)) return;
-          const i = n.fv || `series_${h}`, r = n.name || `指标${h + 1}`, v = n.unit || "", C = v ? `${r}(${v})` : r, y = ((w = (E = e.seriesConfig) == null ? void 0 : E[i]) == null ? void 0 : w.color) || "#4a90d9", _ = ((J = (N = e.seriesConfig) == null ? void 0 : N[i]) == null ? void 0 : J.lineStyle) || "solid";
+          const i = n.fv || `series_${h}`, r = n.name || `指标${h + 1}`, v = n.unit || "", C = v ? `${r}(${v})` : r, y = ((T = (E = e.seriesConfig) == null ? void 0 : E[i]) == null ? void 0 : T.color) || "#4a90d9", _ = ((J = (w = e.seriesConfig) == null ? void 0 : w[i]) == null ? void 0 : J.lineStyle) || "solid";
           f.push(C);
           const D = c.series[i] || [];
           a.push({
@@ -324,7 +326,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
         if (!this.chartObj) return;
         const s = ((h = this.props.conf) == null ? void 0 : h.data) || [];
         if (!Array.isArray(e == null ? void 0 : e.history) || !e.history.length) return;
-        const d = (t) => {
+        const u = (t) => {
           var i, r, v;
           return String((v = (r = (i = t == null ? void 0 : t.time) != null ? i : t == null ? void 0 : t.datetime) != null ? r : t == null ? void 0 : t.start_time) != null ? v : "");
         }, c = (t, i) => {
@@ -340,7 +342,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
         const m = (t) => {
           const i = [];
           return t.forEach((r) => {
-            const v = d(r);
+            const v = u(r);
             v && i.push(v);
           }), i;
         };
@@ -356,7 +358,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
         if (n.length && (a.push(...n), s.forEach((t, i) => {
           const r = (t == null ? void 0 : t.fv) || "series", v = Array.isArray(e.history[i]) ? e.history[i] : [], C = /* @__PURE__ */ new Map();
           v.forEach((y) => {
-            const _ = d(y);
+            const _ = u(y);
             _ && C.set(_, c(y, r));
           }), l[r] = n.map((y) => {
             var _;
@@ -420,21 +422,21 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
         ce(e);
       }
     }
-    const p = new g(u, "timeSeries");
+    const p = new g(d, "timeSeries");
     p.setupLifecycle();
     const x = p.getStyle(), U = p.getEchartId(), V = De("session", null), j = R(() => {
       var e;
-      return (((e = u.conf) == null ? void 0 : e.data) || []).map((s, d) => {
-        const c = s.unit || "", f = s.name || `指标${d + 1}`;
+      return (((e = d.conf) == null ? void 0 : e.data) || []).map((s, u) => {
+        const c = s.unit || "", f = s.name || `指标${u + 1}`;
         return {
           label: c ? `${f}(${c})` : f,
-          value: d
+          value: u
         };
       });
     }), S = z([]), O = z(""), I = z([]);
     Y(() => {
       var o;
-      return (o = u.conf) == null ? void 0 : o.data;
+      return (o = d.conf) == null ? void 0 : o.data;
     }, (o) => {
       if (o && Array.isArray(o))
         if (!p.isSelectionInitialized())
@@ -452,8 +454,8 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
       if (!H.value) return "";
       const o = ((c = p.chartData) == null ? void 0 : c.times) || [];
       if (!o.length) return "";
-      const e = [...o].sort(), s = e[0], d = e[e.length - 1];
-      return `${s} ~ ${d}`;
+      const e = [...o].sort(), s = e[0], u = e[e.length - 1];
+      return `${s} ~ ${u}`;
     }), oe = (o) => {
       p.getChartInstance() && (p.setSelectedSeriesIndex(o), p.updateChart());
     }, ie = (o) => {
@@ -472,22 +474,22 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
       s.download = `指标时序演变曲线_${(/* @__PURE__ */ new Date()).getTime()}.png`, s.href = e, s.click();
     }, M = z(null);
     R(() => {
-      var s, d;
+      var s, u;
       if (!M.value) return null;
-      const e = ((d = (((s = u.conf) == null ? void 0 : s.data) || [])[0]) == null ? void 0 : d.fvDeviceName) || "deviceId";
+      const e = ((u = (((s = d.conf) == null ? void 0 : s.data) || [])[0]) == null ? void 0 : u.fvDeviceName) || "deviceId";
       return M.value[e] || M.value.deviceId || M.value.name || "未知设备";
     });
     const re = (o) => {
       var f;
-      if (!V || !o || u.mode !== "preview") return;
+      if (!V || !o || d.mode !== "preview") return;
       const e = p.getCurrentObjectId();
       if (e === o) return;
       console.log(`[timeSeries] 切换订阅: ${e} → ${o}`), p.setCurrentObjectId(o);
-      const s = ((f = u.conf) == null ? void 0 : f.data) || [], d = $(T({}, u.conf), {
-        data: s.map((a) => $(T({}, a), { object_id: o }))
-      }), c = Me(d, u.uid, "timeSeries");
+      const s = ((f = d.conf) == null ? void 0 : f.data) || [], u = $(N({}, d.conf), {
+        data: s.map((a) => $(N({}, a), { object_id: o }))
+      }), c = Me(u, d.uid, "timeSeries");
       V.registerComponent({
-        id: u.conf.id,
+        id: d.conf.id,
         request: c,
         onUpdate: (a, l) => {
           a === "realtime" ? p.setSocketData(l) : a === "history" && p.setHistoryData(l);
@@ -499,14 +501,14 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
         console.warn("[timeSeries] 收到格式错误的事件:", o);
         return;
       }
-      const { topic: e, payload: s } = o, d = x.value.linkChannel;
-      if (e.channel !== d) {
-        console.warn(`[timeSeries] 频道不匹配: 期望 ${d}, 收到 ${e.channel}`);
+      const { topic: e, payload: s } = o, u = x.value.linkChannel;
+      if (e.channel !== u) {
+        console.warn(`[timeSeries] 频道不匹配: 期望 ${u}, 收到 ${e.channel}`);
         return;
       }
-      const { objectId: c, deviceId: f } = s, a = u.conf, l = (a == null ? void 0 : a.data) || [], m = (a == null ? void 0 : a.common) || {};
+      const { objectId: c, deviceId: f } = s, a = d.conf, l = (a == null ? void 0 : a.data) || [], m = (a == null ? void 0 : a.common) || {};
       if (l.length > 0 && !(m != null && m.multiObject)) {
-        const t = Ee(m, m == null ? void 0 : m.useAlias, u.uid) || ((h = l[0]) == null ? void 0 : h.object_id), i = c || (s == null ? void 0 : s.object_id);
+        const t = Ee(m, m == null ? void 0 : m.useAlias, d.uid) || ((h = l[0]) == null ? void 0 : h.object_id), i = c || (s == null ? void 0 : s.object_id);
         if (t && i && String(t) !== String(i))
           return;
       }
@@ -518,7 +520,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
           uniqueId: e.uniqueId
         },
         payload: s
-      }), M.value = $(T({}, s), {
+      }), M.value = $(N({}, s), {
         _topic: e
         // 保存 topic 信息，方便调试和后续使用
       });
@@ -528,11 +530,11 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
       var f, a, l;
       const e = p.getChartInstance();
       if (!e) return;
-      const s = ((f = u.conf) == null ? void 0 : f.data) || [], d = ((a = s[0]) == null ? void 0 : a.fv) || "cumulativePrecipitation", c = ((l = s[1]) == null ? void 0 : l.fv) || "realtimePrecipitation";
+      const s = ((f = d.conf) == null ? void 0 : f.data) || [], u = ((a = s[0]) == null ? void 0 : a.fv) || "cumulativePrecipitation", c = ((l = s[1]) == null ? void 0 : l.fv) || "realtimePrecipitation";
       if (o.data && Array.isArray(o.data)) {
         const m = [], n = [], h = [];
         o.data.forEach((t) => {
-          t.time && (m.push(t.time), n.push(t[d] || 0), h.push(t[c] || 0));
+          t.time && (m.push(t.time), n.push(t[u] || 0), h.push(t[c] || 0));
         }), e.setOption({
           xAxis: [{ data: m }],
           series: [
@@ -542,14 +544,14 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
         });
       }
     };
-    return Y(() => u.conf, () => {
+    return Y(() => d.conf, () => {
       p.init();
     }, { deep: !0 }), _e(() => {
       p.init();
     }), xe(() => {
       p.cleanup();
     }), (o, e) => {
-      const s = ye, d = ge, c = Se, f = be;
+      const s = ye, u = ge, c = Se, f = be;
       return k(), L("div", {
         class: "time-series-wrapper",
         style: Oe(ne.value)
@@ -558,7 +560,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
           A("div", Re, [
             A("span", Ve, ee(B(x).title), 1),
             H.value && W.value ? (k(), L("span", ze, ee(W.value), 1)) : te("", !0),
-            S.value.length ? (k(), q(d, {
+            S.value.length ? (k(), q(u, {
               key: 1,
               modelValue: O.value,
               "onUpdate:modelValue": e[0] || (e[0] = (a) => O.value = a),
@@ -578,7 +580,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
             }, 8, ["modelValue"])) : te("", !0)
           ]),
           A("div", Le, [
-            F(d, {
+            F(u, {
               modelValue: I.value,
               "onUpdate:modelValue": e[1] || (e[1] = (a) => I.value = a),
               placeholder: "选择指标",
@@ -605,7 +607,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
               default: P(() => [
                 F(c, null, {
                   default: P(() => [
-                    F(B(Te))
+                    F(B(Ne))
                   ]),
                   _: 1
                 }),
@@ -625,7 +627,7 @@ const $e = { class: "panel-header" }, Re = { class: "header-left" }, Ve = { clas
       ], 4);
     };
   }
-})), ht = /* @__PURE__ */ Ae(Ke, [["__scopeId", "data-v-b27e6439"]]);
+})), dt = /* @__PURE__ */ Ae(Ke, [["__scopeId", "data-v-2a38951d"]]);
 export {
-  ht as default
+  dt as default
 };

package/dist/timeSeriesCurve-CiRMnZRD.cjs

@@ -0,0 +1 @@
+"use strict";var ge=Object.defineProperty,ye=Object.defineProperties;var be=Object.getOwnPropertyDescriptors;var ee=Object.getOwnPropertySymbols;var Ce=Object.prototype.hasOwnProperty,_e=Object.prototype.propertyIsEnumerable;var te=(y,h,s)=>h in y?ge(y,h,{enumerable:!0,configurable:!0,writable:!0,value:s}):y[h]=s,L=(y,h)=>{for(var s in h||(h={}))Ce.call(h,s)&&te(y,s,h[s]);if(ee)for(var s of ee(h))_e.call(h,s)&&te(y,s,h[s]);return y},q=(y,h)=>ye(y,be(h));var B=(y,h,s)=>new Promise((d,b)=>{var w=i=>{try{O(s.next(i))}catch(I){b(I)}},S=i=>{try{O(s.throw(i))}catch(I){b(I)}},O=i=>i.done?d(i.value):Promise.resolve(i.value).then(w,S);O((s=s.apply(y,h)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=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/checkbox/style/css");require("element-plus/es/components/input/style/css");require("element-plus/es/components/icon/style/css");const t=require("vue"),we=require("@element-plus/icons-vue"),N=require("./index-DVqMfQVc.cjs");require("element-plus");const Se=require("./EChartComponentBase-dLE5F7Tt.cjs"),De=require("./safeI18n-DR20q_h1.cjs"),oe=require("./ele-vlu-icon-Dv-R7Xuc.cjs"),je={class:"chart-header"},Me={class:"chart-title"},xe={class:"chart-actions"},Ie=["onClick"],ke={class:"item-label"},Ne=["id"],Oe={DEFAULT_ICON:oe.DEFAULT_ICON,ACTIVE_ICON:oe.ACTIVE_ICON,NAME_CN:"指标时序演变曲线",NAME_EN:"TimeSeriesCurve",ORDER:1,PLATFORM:["pc","screen"]},Ee={bgColor:{value:"#ffffff",type:"color",label:"setting.bgColor"},textColor:{value:"#333333",type:"color",label:"setting.textColor"},titleSize:{value:14,type:"number",label:"component.options.titleSize"},showLegend:{value:!0,type:"switch",label:"component.options.showLegend"},showDataZoom:{value:!0,type:"switch",label:"component.crack.showDataZoom"},lineWidth:{value:2.5,type:"number",label:"component.options.lineWidth"},linkChannel:{value:"crack",type:"select",label:"component.linkChannel",options:[{label:"裂缝监测",value:"crack"},{label:"GNSS监测",value:"gnss"},{label:"边坡监测",value:"slope"},{label:"深部位移",value:"deepDisplacement"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},Te=[{name:"宽度累计变化量",fv:"",object_id:"",device:"",color:"#5470c6"},{name:"宽度日变化量",fv:"",object_id:"",device:"",color:"#91cc75"},{name:"x方向加速度",fv:"",object_id:"",device:"",color:"#fac858"},{name:"y方向加速度",fv:"",object_id:"",device:"",color:"#ee6666"},{name:"z方向加速度",fv:"",object_id:"",device:"",color:"#73c0de"},{name:"x方向倾角",fv:"",object_id:"",device:"",color:"#3ba272"},{name:"y方向倾角",fv:"",object_id:"",device:"",color:"#fc8452"},{name:"z方向倾角",fv:"",object_id:"",device:"",color:"#9a60b4"}],Ve=["name","fv","object_id","device","color"],Ae=["mosaic","statistics","calculate"],Re={useAlias:!1,multiObject:!1,hideMultiObject:!0,source:"mosaic"},Le=50,qe={DEFAULT:Oe,OPTIONS:Ee,DATA:Te,PARAMS:Ve,SOURCE:Ae,ITEMS:Le,COMMON:Re},Be=t.defineComponent(q(L({},qe),{__name:"timeSeriesCurve",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(y){var Y,K;const{t:h}=De.useSafeI18n({"component.crack.timeSeriesCurve":"指标时序演变曲线"}),s=y,d=t.ref([]),b=t.computed(()=>s.conf.data||[]),w=t.ref([]);let S=0;class O extends Se.EChartComponentBase{constructor(){super(...arguments),this.deviceColors=["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4"],this.realTimeData=new Map,this.deviceNameMap=new Map,this.currentObjectId=""}getCurrentObjectId(){return this.currentObjectId}setCurrentObjectId(e){this.currentObjectId=e}extractStyles(){return q(L({},super.extractStyles()),{showLegend:this.getOptionValue("showLegend",!0),showDataZoom:this.getOptionValue("showDataZoom",!0),lineWidth:this.getOptionValue("lineWidth",2.5),linkChannel:this.getOptionValue("linkChannel","crack")})}needsHistoryData(){return!1}onPreview(){return B(this,null,function*(){const{common:e,data:o}=this.props.conf,l=[];if(e.multiObject&&Array.isArray(o)){const c=new Set;for(const p of o){const a=yield this.resolveObjectId(p);!a||c.has(a)||(c.add(a),l.push(a))}}else{const c=yield this.resolveObjectId();c&&(this.currentObjectId=c,l.push(c))}l.length>0&&(w.value=l,yield $(l))})}onLinkEvent(e){se(e)}getChartOption(){const{data:e}=this.props.conf,o=this.Style.value,l=w.value,c=l.length>1,p=d.value.length===0?[]:e.filter(r=>d.value.includes(r.name));let a=[];if(this.props.mode==="edit")a=this.generateTimeLabels();else for(const[,r]of this.realTimeData)r.times.length>a.length&&(a=r.times);const u=[];let v=0;if(c&&this.props.mode!=="edit")for(const r of l){const g=this.deviceNameMap.get(r)||r.slice(-6);for(const m of p){if(!m.fv)continue;const f=`${r}:${m.name}`,C=`${g}-${m.name}`,M=m.color||this.deviceColors[v%this.deviceColors.length],_=this.realTimeData.get(f);u.push({name:C,type:"line",smooth:!0,showSymbol:!1,lineStyle:{color:M,type:"solid",width:o.lineWidth},itemStyle:{color:M},data:_?_.values:[]}),v++}}else p.filter(r=>r.fv||this.props.mode==="edit").forEach((r,g)=>{const m=r.device&&this.deviceNameMap.get(r.device)||"",f=m?`${m}-${r.name}`:r.name,C=r.color||this.deviceColors[g%this.deviceColors.length];let M;if(this.props.mode!=="edit"){const _=this.realTimeData.get(r.name);M=_?_.values:[]}else M=this.generateSeriesData(r,a);u.push({name:f,type:"line",smooth:!0,showSymbol:!1,lineStyle:{color:C,type:"solid",width:o.lineWidth},itemStyle:{color:C},data:M})});return{tooltip:{trigger:"axis",axisPointer:{type:"cross"}},legend:{show:o.showLegend,type:"scroll",top:10,textStyle:{color:o.textColor}},grid:{top:60,left:60,right:40,bottom:o.showDataZoom?80:40},xAxis:{type:"category",data:a,axisLabel:{interval:"auto",rotate:15,fontSize:10,color:o.textColor}},yAxis:{type:"value",name:"值",nameTextStyle:{color:o.textColor},axisLabel:{color:o.textColor},splitLine:{lineStyle:{type:"dashed",opacity:.5}}},dataZoom:o.showDataZoom?[{type:"inside"},{type:"slider",bottom:10,height:15}]:[],series:u}}generateTimeLabels(){const e=[];for(let o=24;o>=0;o--){const l=N.dayjs().subtract(o,"hour");e.push(l.format("MM-DD HH:mm"))}return e}generateSeriesData(e,o){const l=e.name,c=this.realTimeData.get(l);if(c&&c.times.length>0){const p=new Map;return c.times.forEach((a,u)=>p.set(a,c.values[u])),o.map(a=>{var u;return(u=p.get(a))!=null?u:null})}if(this.props.mode==="edit"){const p=Math.random()*10+5;return Array.from({length:o.length},(a,u)=>{const v=Math.sin(u*.5)*.3;return parseFloat((p*(.8+v)).toFixed(2))})}return new Array(o.length).fill(null)}setSocketData(e){if(!e)return;const{data:o}=this.props.conf;if(!o||!Array.isArray(o))return;const l=e.object_id||e.objectId||"";if(l&&w.value.length>0&&!w.value.includes(l))return;const c=e.datetime?e.datetime.split(".")[0]:N.dayjs().format("MM-DD HH:mm:ss"),p=N.dayjs(c).format("MM-DD HH:mm:ss"),a=w.value.length>1;o.forEach(v=>{if(!v.fv)return;if(v.device){const g=this.extractDataValue(e,v.device);g!=null&&(a&&l?this.deviceNameMap.set(l,String(g)):this.deviceNameMap.set(v.device,String(g)))}const r=this.extractDataValue(e,v.fv);if(r!=null){const g=parseFloat(r);if(!isNaN(g)){const m=a&&l?`${l}:${v.name}`:v.name;let f=this.realTimeData.get(m);f||(f={times:[],values:[]},this.realTimeData.set(m,f)),f.times.push(p),f.values.push(g),f.times.length>200&&(f.times.shift(),f.values.shift()),v.value=g}}});const u=this.getChartInstance();u&&u.setOption(this.getChartOption())}}const i=new O(s,"timeSeriesCurve");i.setupLifecycle();const I=i.getStyle(),ne=i.getEchartId();let A=null,j=!1;const se=n=>{const{payload:e}=n;if(!e)return;e.dateRange&&Array.isArray(e.dateRange)&&e.dateRange.length===2&&(A={start_time:e.dateRange[0],end_time:e.dateRange[1]});const o=e.objectIds&&e.objectIds.length>0?e.objectIds:e.objectId||e.object_id?[e.objectId||e.object_id]:[];o.length>0&&(w.value=o,$(o))},$=n=>B(null,null,function*(){var g;if(!n.length||s.mode!=="preview")return;j=!0;const e=++S;i.setCurrentObjectId([...n].sort().join(",")),i.realTimeData.clear(),i.deviceNameMap.clear();const o=(g=i.session)==null?void 0:g.value;if(!o){j=!1;return}const l=s.conf.id;o.componentRequests&&o.componentRequests.delete(l),typeof o.unsubscribeComponent=="function"&&o.unsubscribeComponent(l);const{data:c,common:p}=s.conf,a=n.length>1;A&&(p.historyTimeRange=A),s.conf.options||(s.conf.options={});const u=s.conf.options.points,v=Object.prototype.hasOwnProperty.call(s.conf.options,"points");(!u||Number(u)<24)&&(s.conf.options.points=24);for(const m of n){if(S!==e){j=!1;return}Array.isArray(c)&&c.forEach(C=>{C.object_id=m}),p.multiObject||(p.object_id=m);try{const C=yield Promise.resolve().then(()=>require("./history-MxYUUwkm.cjs")),_=yield new C.default().getHistoryData(s,"timeSeriesCurve");if(S!==e){j=!1;return}_&&_.history&&Array.isArray(_.history)&&c.forEach((x,he)=>{if(!x.fv)return;const G=_.history[he];if(!Array.isArray(G))return;const fe=[...G].sort((D,E)=>new Date(D.time||D.datetime||"").getTime()-new Date(E.time||E.datetime||"").getTime()),ve=a?`${m}:${x.name}`:x.name,R=[],J=[];fe.forEach(D=>{const E=D.time||D.datetime,Q=D[x.fv];if(E&&Q!=null){const X=parseFloat(Q);isNaN(X)||(R.push(N.dayjs(E).format("MM-DD HH:mm:ss")),J.push(X))}a&&x.device&&D[x.device]&&i.deviceNameMap.set(m,String(D[x.device]))}),R.length>0&&i.realTimeData.set(ve,{times:R,values:J})})}catch(C){console.warn("[指标时序演变曲线] 历史数据获取失败:",C)}if(S!==e){j=!1;return}const f=i.getSource();i.subscribeBySource(f,m)}if(v?s.conf.options.points=u:delete s.conf.options.points,j=!1,S!==e)return;const r=i.getChartInstance();r&&r.setOption(i.getChartOption(),!0),o.registerComponent({id:l,request:null,onUpdate:(m,f)=>{S===e&&m==="realtime"&&i.setSocketData(f)}})}),ae=t.computed(()=>({background:I.value.bgColor,color:I.value.textColor})),ie=t.computed(()=>"指标时序演变曲线"),le=t.computed(()=>"导出图像"),re=t.computed(()=>"选择监测指标");s.mode==="edit"&&b.value.length>0&&(d.value=[(Y=b.value[0])==null?void 0:Y.name,(K=b.value[1])==null?void 0:K.name].filter(Boolean));const k=t.ref(!1),T=t.ref(null),H=t.ref(null),P=t.ref({}),ce=t.computed(()=>d.value.length===0?"":d.value.length===b.value.length?"全部":d.value.join("、")),z=t.computed(()=>{const n=b.value;return n.length>0&&n.every(e=>d.value.includes(e.name))}),ue=t.computed(()=>{const n=b.value,e=n.filter(o=>d.value.includes(o.name)).length;return e>0&&e<n.length}),de=()=>{k.value=!k.value,k.value&&me()};function me(){if(!T.value)return;const n=T.value.getBoundingClientRect();P.value={position:"fixed",top:`${n.bottom+4}px`,left:`${n.left}px`,zIndex:"9999"}}const W=n=>{const e=T.value,o=H.value;e&&!e.contains(n.target)&&o&&!o.contains(n.target)&&(k.value=!1)};t.onMounted(()=>{document.addEventListener("click",W)}),t.onBeforeUnmount(()=>{document.removeEventListener("click",W)});const F=()=>{z.value?d.value=[]:d.value=b.value.map(n=>n.name),Z()},U=n=>{const e=d.value.indexOf(n.name);e>-1?d.value.splice(e,1):d.value.push(n.name),Z()},Z=()=>{const n=i.getChartInstance();n&&n.setOption(i.getChartOption(),!0)};t.watch(()=>s.conf.data,n=>{var e,o;j||n&&n.length>0&&d.value.length===0&&(d.value=[(e=n[0])==null?void 0:e.name,(o=n[1])==null?void 0:o.name].filter(Boolean))},{immediate:!0});const pe=()=>{const n=i.getChartInstance();if(!n)return;const e=document.createElement("a");e.href=n.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),e.download=`${h("component.crack.timeSeriesCurve")}_${N.dayjs().format("YYYYMMDDHHmmss")}.png`,e.click()};return(n,e)=>{const o=V.ElIcon,l=V.ElInput,c=V.ElCheckbox,p=V.ElButton;return t.openBlock(),t.createElementBlock("div",{class:"mix-component crack-time-series",style:t.normalizeStyle(ae.value)},[t.createElementVNode("div",je,[t.createElementVNode("span",Me,"📉 "+t.toDisplayString(ie.value),1),t.createElementVNode("div",xe,[t.createElementVNode("div",{class:"metrics-select-wrapper",ref_key:"metricsWrapperRef",ref:T},[t.createVNode(l,{"model-value":ce.value,placeholder:re.value,size:"small",style:{width:"220px"},readonly:"",onClick:de},{suffix:t.withCtx(()=>[t.createVNode(o,{class:t.normalizeClass(["metrics-arrow",{"is-open":k.value}])},{default:t.withCtx(()=>[t.createVNode(t.unref(we.ArrowDown))]),_:1},8,["class"])]),_:1},8,["model-value","placeholder"]),(t.openBlock(),t.createBlock(t.Teleport,{to:"body"},[t.withDirectives(t.createElementVNode("div",{class:"metrics-dropdown",style:t.normalizeStyle(P.value),ref_key:"metricsDropdownRef",ref:H},[t.createElementVNode("div",{class:"metrics-dropdown-item",onClick:t.withModifiers(F,["stop"])},[t.createVNode(c,{"model-value":z.value,indeterminate:ue.value,onChange:F},null,8,["model-value","indeterminate"]),e[0]||(e[0]=t.createElementVNode("span",{class:"item-label",style:{"font-weight":"bold"}},"全部",-1))]),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(b.value,a=>(t.openBlock(),t.createElementBlock("div",{key:a.name,class:"metrics-dropdown-item",onClick:t.withModifiers(u=>U(a),["stop"])},[t.createVNode(c,{"model-value":d.value.includes(a.name),onChange:u=>U(a)},null,8,["model-value","onChange"]),t.createElementVNode("span",ke,t.toDisplayString(a.name),1)],8,Ie))),128))],4),[[t.vShow,k.value]])]))],512),t.createVNode(p,{size:"small",onClick:pe},{default:t.withCtx(()=>[t.createTextVNode("💾 "+t.toDisplayString(le.value),1)]),_:1})])]),t.createElementVNode("div",{id:t.unref(ne),class:"chart-container"},null,8,Ne),t.renderSlot(n.$slots,"default",{},void 0,!0)],4)}}})),$e=N._export_sfc(Be,[["__scopeId","data-v-6b410ecb"]]);exports.default=$e;