mixdashboards 1.0.32 → 1.0.39

package/dist/evn-DuL5oVRl.cjs

@@ -0,0 +1 @@
+"use strict";var C=Object.defineProperty,z=Object.defineProperties;var E=Object.getOwnPropertyDescriptors;var f=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var S=(s,e,a)=>e in s?C(s,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):s[e]=a,p=(s,e)=>{for(var a in e||(e={}))O.call(e,a)&&S(s,a,e[a]);if(f)for(var a of f(e))V.call(e,a)&&S(s,a,e[a]);return s},m=(s,e)=>z(s,E(e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),b=require("./element-resize-detector-Bo5uDQAu.cjs"),_=require("./index-Mh5Dw2sd.cjs"),A=require("./titleStyle-NSnz6cUg.cjs"),v=require("./ele-evn-icon-DUQMS-9T.cjs"),D={class:"mix-body"},N={class:"mix-footer"},y="--",T={DEFAULT_ICON:v.DEFAULT_ICON,ACTIVE_ICON:v.ACTIVE_ICON,NAME_CN:"状态卡片",NAME_EN:"State",ORDER:3},I={nameSize:14,valueSize:36,timeSize:12,radiusSize:8,bgColor:"#fff",titleColor:"#111",textColor:"#111"},M=[{fv:"",status_fv:"",object_id:"",status:[{code:0,text:"离线",color:"#a40e0e"}]}],j=["fv","status_fv"],L=["mosaic"],R={useAlias:!1,source:"mosaic",multiObject:!1,hideMultiObject:!0},U=1,q={DEFAULT:T,OPTIONS:I,DATA:M,PARAMS:j,SOURCE:L,ITEMS:U,COMMON:R},$=t.defineComponent(m(p({},q),{__name:"evn",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(s){const e=s,a=t.ref(_.dayjs().format("YYYY-MM-DD HH:mm:ss"));class g extends b.BaseComponent{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#111"),textColor:this.getOptionValue("textColor","#111"),nameSize:this.getOptionValue("nameSize",14),valueSize:this.getOptionValue("valueSize",36),timeSize:this.getOptionValue("timeSize",12),radiusSize:this.getOptionValue("radiusSize",8)}}init(){var o;this.Style.value=this.extractStyles(),this.applyTheme(),(o=this.props.conf.data)!=null&&o.length||(this.props.conf.data=[{fv:"",status_fv:"",object_id:"",status:[{code:0,text:"离线",color:"#a40e0e"}]}])}setSocketData(o){if(!o)return;const{data:n}=this.props.conf;!n||!Array.isArray(n)||n.forEach(i=>{var l;try{i.value=(l=this.extractDataValue(o,i.fv))!=null?l:y,i.statusValue=this.extractDataValue(o,i.status_fv),o.datetime&&(a.value=o.datetime)}catch(F){i.value=y}})}}const u=new g(e,"evn");u.setupLifecycle();const r=u.getStyle(),d=e.conf,h=t.computed(()=>A.generateTitleStyle(e.conf.options)),x=()=>{var i;const{data:c}=e.conf,o=c[0];let n={color:"",text:""};return(i=o==null?void 0:o.status)==null||i.forEach(l=>{String(l.code)===String(o.statusValue)&&(n={text:l.text,color:l.color})}),n};return(c,o)=>{var n,i,l;return t.openBlock(),t.createElementBlock("div",{class:"mix-component",style:t.normalizeStyle({background:t.unref(r).bgColor,borderRadius:`${t.unref(r).radiusSize}px`})},[t.createElementVNode("div",{class:"mix-title",style:t.normalizeStyle(h.value)},t.toDisplayString(t.unref(d).caption||x().text),5),t.createElementVNode("div",D,[t.createElementVNode("div",{class:"body-value",style:t.normalizeStyle({fontSize:`${t.unref(r).valueSize}px`,color:t.unref(r).textColor})},t.toDisplayString((l=(i=(n=t.unref(d))==null?void 0:n.data)==null?void 0:i[0])==null?void 0:l.value),5)]),t.createElementVNode("div",N,[t.createElementVNode("div",{class:"footer-time",style:t.normalizeStyle({fontSize:`${t.unref(r).timeSize}px`,color:t.unref(r).titleColor})},t.toDisplayString(a.value),5)]),t.renderSlot(c.$slots,"default",{},void 0,!0)],4)}}})),k=_._export_sfc($,[["__scopeId","data-v-eb019c9b"]]);exports.default=k;

package/dist/evn-YwCALVXj.js

@@ -0,0 +1,116 @@
+var z = Object.defineProperty, O = Object.defineProperties;
+var b = Object.getOwnPropertyDescriptors;
+var m = Object.getOwnPropertySymbols;
+var A = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var v = (a, t, o) => t in a ? z(a, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : a[t] = o, _ = (a, t) => {
+  for (var o in t || (t = {}))
+    A.call(t, o) && v(a, o, t[o]);
+  if (m)
+    for (var o of m(t))
+      E.call(t, o) && v(a, o, t[o]);
+  return a;
+}, h = (a, t) => O(a, b(t));
+import { defineComponent as V, ref as D, computed as T, openBlock as M, createElementBlock as N, normalizeStyle as f, unref as n, createElementVNode as c, toDisplayString as d, renderSlot as j } from "vue";
+import { B as I } from "./element-resize-detector-DJcsrJ8s.js";
+import { d as L, _ as R } from "./index-kShjySl9.js";
+import { g as U } from "./titleStyle-BT5GlpAb.js";
+import { A as k, D as B } from "./ele-evn-icon-MWzAujnD.js";
+const Y = { class: "mix-body" }, $ = { class: "mix-footer" }, y = "--", F = {
+  DEFAULT_ICON: B,
+  ACTIVE_ICON: k,
+  NAME_CN: "状态卡片",
+  NAME_EN: "State",
+  ORDER: 3
+}, w = {
+  nameSize: 14,
+  valueSize: 36,
+  timeSize: 12,
+  radiusSize: 8,
+  bgColor: "#fff",
+  titleColor: "#111",
+  textColor: "#111"
+}, H = [{ fv: "", status_fv: "", object_id: "", status: [{ code: 0, text: "离线", color: "#a40e0e" }] }], P = ["fv", "status_fv"], q = ["mosaic"], G = {
+  useAlias: !1,
+  source: "mosaic",
+  multiObject: !1,
+  hideMultiObject: !0
+}, J = 1, K = { DEFAULT: F, OPTIONS: w, DATA: H, PARAMS: P, SOURCE: q, ITEMS: J, COMMON: G }, Q = /* @__PURE__ */ V(h(_({}, K), {
+  __name: "evn",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(a) {
+    const t = a, o = D(L().format("YYYY-MM-DD HH:mm:ss"));
+    class g extends I {
+      extractStyles() {
+        return {
+          bgColor: this.getOptionValue("bgColor", "#fff"),
+          titleColor: this.getOptionValue("titleColor", "#111"),
+          textColor: this.getOptionValue("textColor", "#111"),
+          nameSize: this.getOptionValue("nameSize", 14),
+          valueSize: this.getOptionValue("valueSize", 36),
+          timeSize: this.getOptionValue("timeSize", 12),
+          radiusSize: this.getOptionValue("radiusSize", 8)
+        };
+      }
+      init() {
+        var e;
+        this.Style.value = this.extractStyles(), this.applyTheme(), (e = this.props.conf.data) != null && e.length || (this.props.conf.data = [{ fv: "", status_fv: "", object_id: "", status: [{ code: 0, text: "离线", color: "#a40e0e" }] }]);
+      }
+      // 重写 setSocketData 以处理状态值和时间
+      setSocketData(e) {
+        if (!e) return;
+        const { data: i } = this.props.conf;
+        !i || !Array.isArray(i) || i.forEach((s) => {
+          var l;
+          try {
+            s.value = (l = this.extractDataValue(e, s.fv)) != null ? l : y, s.statusValue = this.extractDataValue(e, s.status_fv), e.datetime && (o.value = e.datetime);
+          } catch (W) {
+            s.value = y;
+          }
+        });
+      }
+    }
+    const p = new g(t, "evn");
+    p.setupLifecycle();
+    const r = p.getStyle(), S = t.conf, x = T(() => U(t.conf.options)), C = () => {
+      var s;
+      const { data: u } = t.conf, e = u[0];
+      let i = { color: "", text: "" };
+      return (s = e == null ? void 0 : e.status) == null || s.forEach((l) => {
+        String(l.code) === String(e.statusValue) && (i = { text: l.text, color: l.color });
+      }), i;
+    };
+    return (u, e) => {
+      var i, s, l;
+      return M(), N("div", {
+        class: "mix-component",
+        style: f({ background: n(r).bgColor, borderRadius: `${n(r).radiusSize}px` })
+      }, [
+        c("div", {
+          class: "mix-title",
+          style: f(x.value)
+        }, d(n(S).caption || C().text), 5),
+        c("div", Y, [
+          c("div", {
+            class: "body-value",
+            style: f({ fontSize: `${n(r).valueSize}px`, color: n(r).textColor })
+          }, d((l = (s = (i = n(S)) == null ? void 0 : i.data) == null ? void 0 : s[0]) == null ? void 0 : l.value), 5)
+        ]),
+        c("div", $, [
+          c("div", {
+            class: "footer-time",
+            style: f({ fontSize: `${n(r).timeSize}px`, color: n(r).titleColor })
+          }, d(o.value), 5)
+        ]),
+        j(u.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), st = /* @__PURE__ */ R(Q, [["__scopeId", "data-v-eb019c9b"]]);
+export {
+  st as default
+};

package/dist/evolutionChart-4noZSdLX.js

@@ -0,0 +1,406 @@
+var G = Object.defineProperty, J = Object.defineProperties;
+var K = Object.getOwnPropertyDescriptors;
+var B = Object.getOwnPropertySymbols;
+var Q = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
+var H = (p, i, r) => i in p ? G(p, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : p[i] = r, x = (p, i) => {
+  for (var r in i || (i = {}))
+    Q.call(i, r) && H(p, r, i[r]);
+  if (B)
+    for (var r of B(i))
+      X.call(i, r) && H(p, r, i[r]);
+  return p;
+}, k = (p, i) => J(p, K(i));
+var R = (p, i, r) => new Promise((h, b) => {
+  var A = (g) => {
+    try {
+      O(r.next(g));
+    } catch (w) {
+      b(w);
+    }
+  }, u = (g) => {
+    try {
+      O(r.throw(g));
+    } catch (w) {
+      b(w);
+    }
+  }, O = (g) => g.done ? h(g.value) : Promise.resolve(g.value).then(A, u);
+  O((r = r.apply(p, i)).next());
+});
+import { ElButton as ee } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent as te, ref as U, computed as E, watch as oe, openBlock as ae, createElementBlock as se, normalizeStyle as ne, createElementVNode as N, toDisplayString as Y, createVNode as ce, withCtx as re, createTextVNode as le, unref as ie, renderSlot as ue } from "vue";
+import { u as de } from "./vue-i18n-5Nahpzrm.js";
+import { d as S, _ as he } from "./index-kShjySl9.js";
+import { E as fe } from "./EChartComponentBase-BQOhWkz2.js";
+import "./index-ButoLLAe.js";
+import { A as me, D as ve } from "./ele-vlu-icon-Bg6EHZdJ.js";
+import { cn as pe } from "./echarts-BVht3HHb.js";
+const be = { class: "chart-header" }, ye = { class: "chart-title" }, ge = { class: "chart-actions" }, Ce = ["id"], De = {
+  DEFAULT_ICON: ve,
+  ACTIVE_ICON: me,
+  NAME_CN: "裂缝演变图",
+  NAME_EN: "EvolutionChart",
+  ORDER: 2
+}, Oe = {
+  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: 3, type: "number", label: "component.options.lineWidth" },
+  showArea: { value: !0, type: "switch", label: "component.line.showArea" },
+  // 联动频道配置
+  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" }
+  }
+}, je = [
+  {
+    name: "宽度累计变化量",
+    fv: "",
+    // 数值字段
+    fvDeviceName: "",
+    // 设备名称字段（可选）
+    object_id: ""
+  }
+], we = ["name", "fv", "fvDeviceName", "object_id"], _e = ["mosaic", "statistics", "calculate"], Se = {
+  useAlias: !1,
+  multiObject: !0,
+  // 支持多设备对比
+  source: "mosaic"
+}, Ie = 1, Ne = { DEFAULT: De, OPTIONS: Oe, DATA: je, PARAMS: we, SOURCE: _e, ITEMS: Ie, COMMON: Se }, Ae = /* @__PURE__ */ te(k(x({}, Ne), {
+  __name: "evolutionChart",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(p) {
+    const { t: i } = de(), r = p, h = U(/* @__PURE__ */ new Map()), b = U(/* @__PURE__ */ new Map());
+    class A extends fe {
+      constructor() {
+        super(...arguments), this.deviceColors = ["#5470c6", "#91cc75", "#fac858", "#ee6666", "#73c0de", "#3ba272", "#fc8452", "#9a60b4"], this.yAxisLabel = "", this.currentObjectId = "";
+      }
+      getCurrentObjectId() {
+        return this.currentObjectId;
+      }
+      setCurrentObjectId(o) {
+        this.currentObjectId = o;
+      }
+      extractStyles() {
+        return k(x({}, super.extractStyles()), {
+          showLegend: this.getOptionValue("showLegend", !0),
+          showDataZoom: this.getOptionValue("showDataZoom", !0),
+          lineWidth: this.getOptionValue("lineWidth", 3),
+          showArea: this.getOptionValue("showArea", !0),
+          linkChannel: this.getOptionValue("linkChannel", "crack")
+        });
+      }
+      setYAxisLabel(o) {
+        this.yAxisLabel = o;
+      }
+      onPreview() {
+        var l;
+        const { common: o, data: s } = this.props.conf, f = this.getSource();
+        if (o.multiObject && Array.isArray(s)) {
+          const d = /* @__PURE__ */ new Set();
+          s.forEach((e) => {
+            const a = this.resolveObjectId(e);
+            if (!a || d.has(a)) return;
+            d.add(a), this.subscribeBySource(f, a, e.uid);
+            const t = `${a}-${e.name || e.fv || "default"}`;
+            h.value.has(t) || h.value.set(t, []);
+          });
+        } else {
+          const d = this.resolveObjectId(), e = (l = s == null ? void 0 : s[0]) == null ? void 0 : l.uid;
+          d && (this.currentObjectId = d, this.subscribeBySource(f, d, e), s.forEach((a) => {
+            const t = `${d}-${a.name || a.fv || "default"}`;
+            h.value.has(t) || h.value.set(t, []);
+          }));
+        }
+      }
+      // 联动事件处理：收到 filterBar 发来的 objectId，重新订阅
+      onLinkEvent(o) {
+        w(o);
+      }
+      getChartOption() {
+        const { data: o, common: s } = this.props.conf, f = this.Style.value;
+        let l;
+        if (this.props.mode === "edit") {
+          l = [];
+          for (let e = 30; e >= 0; e--)
+            l.push(S().subtract(e, "day").format("MM-DD"));
+        } else {
+          const e = /* @__PURE__ */ new Set();
+          o.forEach((a) => {
+            const t = s.multiObject ? this.resolveObjectId(a) : this.currentObjectId || this.resolveObjectId();
+            if (!t) return;
+            const n = `${t}-${a.name || a.fv || "default"}`;
+            (h.value.get(n) || []).forEach((c) => e.add(c.time));
+          }), l = Array.from(e).sort();
+        }
+        const d = o.filter((e) => s.multiObject ? this.resolveObjectId(e) : this.currentObjectId || this.resolveObjectId()).map((e, a) => {
+          const t = this.deviceColors[a % this.deviceColors.length], n = s.multiObject ? this.resolveObjectId(e) : this.currentObjectId || this.resolveObjectId(), m = `${n}-${e.name || e.fv || "default"}`, c = b.value.get(n) || n, v = e.name || e.fv || "default";
+          console.log(`[裂缝演变图] 生成系列 ${a}:`, {
+            object_id: n,
+            deviceName: c,
+            displayName: v,
+            multiObject: s.multiObject,
+            deviceNameMapSize: b.value.size,
+            allDeviceNames: Array.from(b.value.entries())
+          });
+          let D;
+          return e.fvDeviceName && c !== n ? D = `${c}-${v}` : s.multiObject ? D = `${c}-${v}` : D = v, {
+            name: D,
+            type: "line",
+            smooth: !0,
+            showSymbol: !0,
+            symbol: "circle",
+            symbolSize: 6,
+            connectNulls: !0,
+            // 关键：连接 null 值，形成连续曲线
+            lineStyle: {
+              color: t,
+              width: f.lineWidth
+            },
+            itemStyle: {
+              color: t
+            },
+            areaStyle: f.showArea ? {
+              color: new pe(0, 0, 0, 1, [
+                { offset: 0, color: `${t}4D` },
+                // 30% opacity
+                { offset: 1, color: `${t}0D` }
+                // 5% opacity
+              ])
+            } : void 0,
+            data: this.getEvolutionData(m, l)
+          };
+        });
+        return {
+          tooltip: {
+            trigger: "axis",
+            axisPointer: { type: "cross" },
+            formatter: (e) => {
+              let a = `<div style="font-weight: bold;">${e[0].axisValue}</div>`;
+              return e.forEach((t) => {
+                var n;
+                a += `<div>${t.marker} ${t.seriesName}: ${(n = t.value) != null ? n : "--"} mm</div>`;
+              }), a;
+            }
+          },
+          legend: {
+            show: f.showLegend,
+            type: "scroll",
+            top: 10,
+            textStyle: { color: f.textColor }
+          },
+          grid: {
+            top: 60,
+            left: 60,
+            right: 40,
+            bottom: f.showDataZoom ? 80 : 40
+          },
+          xAxis: {
+            type: "category",
+            data: l,
+            axisLabel: {
+              interval: "auto",
+              rotate: 15,
+              fontSize: 10,
+              color: f.textColor
+            }
+          },
+          yAxis: {
+            type: "value",
+            name: this.yAxisLabel || "宽度累计变化量(mm)",
+            nameTextStyle: { color: f.textColor },
+            axisLabel: { color: f.textColor },
+            splitLine: {
+              lineStyle: { type: "dashed", opacity: 0.5 }
+            }
+          },
+          dataZoom: f.showDataZoom ? [
+            { type: "inside" },
+            { type: "slider", bottom: 10, height: 15 }
+          ] : [],
+          series: d
+        };
+      }
+      generateTimeLabels() {
+        return [];
+      }
+      getEvolutionData(o, s) {
+        if (this.props.mode === "edit") {
+          const l = [];
+          for (let a = 30; a >= 0; a--)
+            l.push(S().subtract(a, "day").format("MM-DD"));
+          const d = 0.1, e = 0.02 + Math.random() * 0.03;
+          return Array.from({ length: l.length }, (a, t) => {
+            const n = d + e * t;
+            return parseFloat(n.toFixed(2));
+          });
+        }
+        return (h.value.get(o) || []).map((l) => l.value);
+      }
+      setSocketData(o) {
+        console.log("[裂缝演变图] 收到实时数据:", o), console.log("[裂缝演变图] 数据结构:", JSON.stringify(o, null, 2)), super.setSocketData(o);
+        const { data: s, common: f } = this.props.conf, l = S().format("MM-DD HH:mm:ss");
+        s.forEach((e, a) => {
+          const t = f.multiObject ? this.resolveObjectId(e) : this.currentObjectId || this.resolveObjectId();
+          if (!t) {
+            console.warn(`[裂缝演变图] 数据项 ${a} 缺少 object_id`);
+            return;
+          }
+          if (e.fvDeviceName) {
+            console.log(`[裂缝演变图] 尝试提取设备名称，字段: ${e.fvDeviceName}`);
+            const m = this.extractDataValue(o, e.fvDeviceName);
+            if (console.log(`[裂缝演变图] 提取结果: ${m}`), m)
+              b.value.set(t, String(m)), console.log(`[裂缝演变图] 设置设备名称: ${t} -> ${m}`);
+            else if (console.warn(`[裂缝演变图] 未能从字段 ${e.fvDeviceName} 提取设备名称`), o.data && o.data[e.fvDeviceName]) {
+              const c = o.data[e.fvDeviceName];
+              b.value.set(t, String(c)), console.log(`[裂缝演变图] 使用备用方式获取设备名称: ${t} -> ${c}`);
+            }
+          }
+          let n = e.value;
+          if ((!n || n === "--") && (n = this.extractDataValue(o, e.fv)), console.log(`[裂缝演变图] 数据项 ${a}:`, {
+            object_id: t,
+            fv: e.fv,
+            fvDeviceName: e.fvDeviceName,
+            name: e.name,
+            value: n,
+            rawValue: e.value,
+            currentDeviceName: b.value.get(t)
+          }), n != null && n !== "--") {
+            const m = `${t}-${e.name || e.fv || "default"}`, c = h.value.get(m) || [], v = typeof n == "number" ? n : parseFloat(n);
+            if (isNaN(v)) {
+              console.warn(`[裂缝演变图] 无效的数值: ${n}`);
+              return;
+            }
+            c.push({ time: l, value: v }), console.log(`[裂缝演变图] 添加数据点 ${m}:`, { time: l, value: v }), c.length > 100 && c.shift(), h.value.set(m, c);
+          }
+        }), console.log("[裂缝演变图] 当前历史数据:", Array.from(h.value.entries())), console.log("[裂缝演变图] 当前设备名称映射:", Array.from(b.value.entries()));
+        const d = this.getChartInstance();
+        d && d.setOption(this.getChartOption());
+      }
+    }
+    const u = new A(r, "evolutionChart");
+    u.setYAxisLabel(i("component.crack.widthCumulativeChangeUnit")), u.setupLifecycle();
+    const O = u.getStyle(), g = u.getEchartId(), w = (y) => R(null, null, function* () {
+      var m;
+      console.log("[裂缝演变图] 收到联动事件:", y);
+      const { payload: o } = y;
+      if (!o) return;
+      const s = o.objectId || o.object_id;
+      if (!s || r.mode !== "preview" || u.getCurrentObjectId() === s) return;
+      u.setCurrentObjectId(s), h.value.clear(), b.value.clear();
+      const l = (m = u.session) == null ? void 0 : m.value;
+      if (!l) return;
+      const d = r.conf.id;
+      l.componentRequests && l.componentRequests.delete(d);
+      const { data: e, common: a } = r.conf;
+      Array.isArray(e) && e.forEach((c) => {
+        c.object_id = s;
+      }), a.multiObject || (a.object_id = s);
+      try {
+        const c = yield import("./history-BkZhlpdY.js"), D = yield new c.default().getHistoryData(r, "evolutionChart");
+        D && Array.isArray(D) && e.forEach((j, q) => {
+          if (!j.fv) return;
+          const L = `${s}-${j.name || j.fv || "default"}`, I = D[q], M = (I == null ? void 0 : I.data) || I;
+          if (!Array.isArray(M)) {
+            h.value.set(L, []);
+            return;
+          }
+          const $ = [...M].sort((C, _) => new Date(C.time || C.datetime || "").getTime() - new Date(_.time || _.datetime || "").getTime()), V = [];
+          if ($.forEach((C) => {
+            const _ = C.time || C.datetime, T = C[j.fv];
+            if (_ && T != null) {
+              const z = parseFloat(T);
+              isNaN(z) || V.push({ time: S(_).format("MM-DD HH:mm:ss"), value: z });
+            }
+          }), h.value.set(L, V), j.fvDeviceName && $.length > 0) {
+            const C = $[0][j.fvDeviceName];
+            C && b.value.set(s, String(C));
+          }
+        }), console.log("[裂缝演变图] 历史数据加载完成");
+      } catch (c) {
+        console.warn("[裂缝演变图] 历史数据获取失败:", c);
+      }
+      const t = u.getChartInstance();
+      t && t.setOption(u.getChartOption(), !0), l.registerComponent({
+        id: d,
+        request: null,
+        onUpdate: (c, v) => {
+          c === "realtime" && u.setSocketData(v);
+        }
+      });
+      const n = u.getSource();
+      u.subscribeBySource(n, s), e && Array.isArray(e) && e.forEach((c) => {
+        const v = `${s}-${c.name || c.fv || "default"}`;
+        h.value.has(v) || h.value.set(v, []);
+      });
+    }), Z = E(() => ({
+      background: O.value.bgColor,
+      color: O.value.textColor
+    })), F = E(() => i("component.crack.evolutionChart")), W = E(() => i("component.crack.exportImage"));
+    oe(() => i("component.crack.widthCumulativeChangeUnit"), (y) => {
+      u.setYAxisLabel(y), u.init();
+    });
+    const P = () => {
+      const y = u.getChartInstance();
+      if (!y) return;
+      const o = document.createElement("a");
+      o.href = y.getDataURL({
+        type: "png",
+        pixelRatio: 2,
+        backgroundColor: "#fff"
+      }), o.download = `${i("component.crack.evolutionChart")}_${S().format("YYYYMMDDHHmmss")}.png`, o.click();
+    };
+    return (y, o) => {
+      const s = ee;
+      return ae(), se("div", {
+        class: "mix-component crack-evolution",
+        style: ne(Z.value)
+      }, [
+        N("div", be, [
+          N("span", ye, "📊 " + Y(F.value), 1),
+          N("div", ge, [
+            ce(s, {
+              size: "small",
+              onClick: P
+            }, {
+              default: re(() => [
+                le("💾 " + Y(W.value), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        N("div", {
+          id: ie(g),
+          class: "chart-container"
+        }, null, 8, Ce),
+        ue(y.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), Re = /* @__PURE__ */ he(Ae, [["__scopeId", "data-v-2cd3daa1"]]);
+export {
+  Re as default
+};

package/dist/evolutionChart-AeL67MAt.cjs

@@ -0,0 +1 @@
+"use strict";var P=Object.defineProperty,W=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var q=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var B=(b,u,r)=>u in b?P(b,u,{enumerable:!0,configurable:!0,writable:!0,value:r}):b[u]=r,x=(b,u)=>{for(var r in u||(u={}))J.call(u,r)&&B(b,r,u[r]);if(q)for(var r of q(u))K.call(u,r)&&B(b,r,u[r]);return b},E=(b,u)=>W(b,G(u));var z=(b,u,r)=>new Promise((v,y)=>{var A=C=>{try{j(r.next(C))}catch(_){y(_)}},d=C=>{try{j(r.throw(C))}catch(_){y(_)}},j=C=>C.done?v(C.value):Promise.resolve(C.value).then(A,d);j((r=r.apply(b,u)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");const i=require("vue"),X=require("./vue-i18n-BvHMBi_b.cjs"),w=require("./index-Mh5Dw2sd.cjs"),ee=require("./EChartComponentBase-BaQpBzVC.cjs");require("./index-mAPVa0s4.cjs");const H=require("./ele-vlu-icon-Dv-R7Xuc.cjs"),te=require("./echarts-BB8O2KSA.cjs"),oe={class:"chart-header"},ae={class:"chart-title"},se={class:"chart-actions"},ne=["id"],ce={DEFAULT_ICON:H.DEFAULT_ICON,ACTIVE_ICON:H.ACTIVE_ICON,NAME_CN:"裂缝演变图",NAME_EN:"EvolutionChart",ORDER:2},re={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:3,type:"number",label:"component.options.lineWidth"},showArea:{value:!0,type:"switch",label:"component.line.showArea"},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"}}},le=[{name:"宽度累计变化量",fv:"",fvDeviceName:"",object_id:""}],ie=["name","fv","fvDeviceName","object_id"],ue=["mosaic","statistics","calculate"],de={useAlias:!1,multiObject:!0,source:"mosaic"},he=1,ve={DEFAULT:ce,OPTIONS:re,DATA:le,PARAMS:ie,SOURCE:ue,ITEMS:he,COMMON:de},fe=i.defineComponent(E(x({},ve),{__name:"evolutionChart",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(b){const{t:u}=X.useI18n(),r=b,v=i.ref(new Map),y=i.ref(new Map);class A extends ee.EChartComponentBase{constructor(){super(...arguments),this.deviceColors=["#5470c6","#91cc75","#fac858","#ee6666","#73c0de","#3ba272","#fc8452","#9a60b4"],this.yAxisLabel="",this.currentObjectId=""}getCurrentObjectId(){return this.currentObjectId}setCurrentObjectId(o){this.currentObjectId=o}extractStyles(){return E(x({},super.extractStyles()),{showLegend:this.getOptionValue("showLegend",!0),showDataZoom:this.getOptionValue("showDataZoom",!0),lineWidth:this.getOptionValue("lineWidth",3),showArea:this.getOptionValue("showArea",!0),linkChannel:this.getOptionValue("linkChannel","crack")})}setYAxisLabel(o){this.yAxisLabel=o}onPreview(){var l;const{common:o,data:s}=this.props.conf,f=this.getSource();if(o.multiObject&&Array.isArray(s)){const h=new Set;s.forEach(e=>{const a=this.resolveObjectId(e);if(!a||h.has(a))return;h.add(a),this.subscribeBySource(f,a,e.uid);const t=`${a}-${e.name||e.fv||"default"}`;v.value.has(t)||v.value.set(t,[])})}else{const h=this.resolveObjectId(),e=(l=s==null?void 0:s[0])==null?void 0:l.uid;h&&(this.currentObjectId=h,this.subscribeBySource(f,h,e),s.forEach(a=>{const t=`${h}-${a.name||a.fv||"default"}`;v.value.has(t)||v.value.set(t,[])}))}}onLinkEvent(o){_(o)}getChartOption(){const{data:o,common:s}=this.props.conf,f=this.Style.value;let l;if(this.props.mode==="edit"){l=[];for(let e=30;e>=0;e--)l.push(w.dayjs().subtract(e,"day").format("MM-DD"))}else{const e=new Set;o.forEach(a=>{const t=s.multiObject?this.resolveObjectId(a):this.currentObjectId||this.resolveObjectId();if(!t)return;const n=`${t}-${a.name||a.fv||"default"}`;(v.value.get(n)||[]).forEach(c=>e.add(c.time))}),l=Array.from(e).sort()}const h=o.filter(e=>s.multiObject?this.resolveObjectId(e):this.currentObjectId||this.resolveObjectId()).map((e,a)=>{const t=this.deviceColors[a%this.deviceColors.length],n=s.multiObject?this.resolveObjectId(e):this.currentObjectId||this.resolveObjectId(),m=`${n}-${e.name||e.fv||"default"}`,c=y.value.get(n)||n,p=e.name||e.fv||"default";console.log(`[裂缝演变图] 生成系列 ${a}:`,{object_id:n,deviceName:c,displayName:p,multiObject:s.multiObject,deviceNameMapSize:y.value.size,allDeviceNames:Array.from(y.value.entries())});let O;return e.fvDeviceName&&c!==n?O=`${c}-${p}`:s.multiObject?O=`${c}-${p}`:O=p,{name:O,type:"line",smooth:!0,showSymbol:!0,symbol:"circle",symbolSize:6,connectNulls:!0,lineStyle:{color:t,width:f.lineWidth},itemStyle:{color:t},areaStyle:f.showArea?{color:new te.LinearGradient(0,0,0,1,[{offset:0,color:`${t}4D`},{offset:1,color:`${t}0D`}])}:void 0,data:this.getEvolutionData(m,l)}});return{tooltip:{trigger:"axis",axisPointer:{type:"cross"},formatter:e=>{let a=`<div style="font-weight: bold;">${e[0].axisValue}</div>`;return e.forEach(t=>{var n;a+=`<div>${t.marker} ${t.seriesName}: ${(n=t.value)!=null?n:"--"} mm</div>`}),a}},legend:{show:f.showLegend,type:"scroll",top:10,textStyle:{color:f.textColor}},grid:{top:60,left:60,right:40,bottom:f.showDataZoom?80:40},xAxis:{type:"category",data:l,axisLabel:{interval:"auto",rotate:15,fontSize:10,color:f.textColor}},yAxis:{type:"value",name:this.yAxisLabel||"宽度累计变化量(mm)",nameTextStyle:{color:f.textColor},axisLabel:{color:f.textColor},splitLine:{lineStyle:{type:"dashed",opacity:.5}}},dataZoom:f.showDataZoom?[{type:"inside"},{type:"slider",bottom:10,height:15}]:[],series:h}}generateTimeLabels(){return[]}getEvolutionData(o,s){if(this.props.mode==="edit"){const l=[];for(let a=30;a>=0;a--)l.push(w.dayjs().subtract(a,"day").format("MM-DD"));const h=.1,e=.02+Math.random()*.03;return Array.from({length:l.length},(a,t)=>{const n=h+e*t;return parseFloat(n.toFixed(2))})}return(v.value.get(o)||[]).map(l=>l.value)}setSocketData(o){console.log("[裂缝演变图] 收到实时数据:",o),console.log("[裂缝演变图] 数据结构:",JSON.stringify(o,null,2)),super.setSocketData(o);const{data:s,common:f}=this.props.conf,l=w.dayjs().format("MM-DD HH:mm:ss");s.forEach((e,a)=>{const t=f.multiObject?this.resolveObjectId(e):this.currentObjectId||this.resolveObjectId();if(!t){console.warn(`[裂缝演变图] 数据项 ${a} 缺少 object_id`);return}if(e.fvDeviceName){console.log(`[裂缝演变图] 尝试提取设备名称，字段: ${e.fvDeviceName}`);const m=this.extractDataValue(o,e.fvDeviceName);if(console.log(`[裂缝演变图] 提取结果: ${m}`),m)y.value.set(t,String(m)),console.log(`[裂缝演变图] 设置设备名称: ${t} -> ${m}`);else if(console.warn(`[裂缝演变图] 未能从字段 ${e.fvDeviceName} 提取设备名称`),o.data&&o.data[e.fvDeviceName]){const c=o.data[e.fvDeviceName];y.value.set(t,String(c)),console.log(`[裂缝演变图] 使用备用方式获取设备名称: ${t} -> ${c}`)}}let n=e.value;if((!n||n==="--")&&(n=this.extractDataValue(o,e.fv)),console.log(`[裂缝演变图] 数据项 ${a}:`,{object_id:t,fv:e.fv,fvDeviceName:e.fvDeviceName,name:e.name,value:n,rawValue:e.value,currentDeviceName:y.value.get(t)}),n!=null&&n!=="--"){const m=`${t}-${e.name||e.fv||"default"}`,c=v.value.get(m)||[],p=typeof n=="number"?n:parseFloat(n);if(isNaN(p)){console.warn(`[裂缝演变图] 无效的数值: ${n}`);return}c.push({time:l,value:p}),console.log(`[裂缝演变图] 添加数据点 ${m}:`,{time:l,value:p}),c.length>100&&c.shift(),v.value.set(m,c)}}),console.log("[裂缝演变图] 当前历史数据:",Array.from(v.value.entries())),console.log("[裂缝演变图] 当前设备名称映射:",Array.from(y.value.entries()));const h=this.getChartInstance();h&&h.setOption(this.getChartOption())}}const d=new A(r,"evolutionChart");d.setYAxisLabel(u("component.crack.widthCumulativeChangeUnit")),d.setupLifecycle();const j=d.getStyle(),C=d.getEchartId(),_=g=>z(null,null,function*(){var m;console.log("[裂缝演变图] 收到联动事件:",g);const{payload:o}=g;if(!o)return;const s=o.objectId||o.object_id;if(!s||r.mode!=="preview"||d.getCurrentObjectId()===s)return;d.setCurrentObjectId(s),v.value.clear(),y.value.clear();const l=(m=d.session)==null?void 0:m.value;if(!l)return;const h=r.conf.id;l.componentRequests&&l.componentRequests.delete(h);const{data:e,common:a}=r.conf;Array.isArray(e)&&e.forEach(c=>{c.object_id=s}),a.multiObject||(a.object_id=s);try{const c=yield Promise.resolve().then(()=>require("./history-DAmBl4_5.cjs")),O=yield new c.default().getHistoryData(r,"evolutionChart");O&&Array.isArray(O)&&e.forEach((S,Z)=>{if(!S.fv)return;const k=`${s}-${S.name||S.fv||"default"}`,N=O[Z],L=(N==null?void 0:N.data)||N;if(!Array.isArray(L)){v.value.set(k,[]);return}const $=[...L].sort((D,I)=>new Date(D.time||D.datetime||"").getTime()-new Date(I.time||I.datetime||"").getTime()),M=[];if($.forEach(D=>{const I=D.time||D.datetime,V=D[S.fv];if(I&&V!=null){const T=parseFloat(V);isNaN(T)||M.push({time:w.dayjs(I).format("MM-DD HH:mm:ss"),value:T})}}),v.value.set(k,M),S.fvDeviceName&&$.length>0){const D=$[0][S.fvDeviceName];D&&y.value.set(s,String(D))}}),console.log("[裂缝演变图] 历史数据加载完成")}catch(c){console.warn("[裂缝演变图] 历史数据获取失败:",c)}const t=d.getChartInstance();t&&t.setOption(d.getChartOption(),!0),l.registerComponent({id:h,request:null,onUpdate:(c,p)=>{c==="realtime"&&d.setSocketData(p)}});const n=d.getSource();d.subscribeBySource(n,s),e&&Array.isArray(e)&&e.forEach(c=>{const p=`${s}-${c.name||c.fv||"default"}`;v.value.has(p)||v.value.set(p,[])})}),R=i.computed(()=>({background:j.value.bgColor,color:j.value.textColor})),U=i.computed(()=>u("component.crack.evolutionChart")),F=i.computed(()=>u("component.crack.exportImage"));i.watch(()=>u("component.crack.widthCumulativeChangeUnit"),g=>{d.setYAxisLabel(g),d.init()});const Y=()=>{const g=d.getChartInstance();if(!g)return;const o=document.createElement("a");o.href=g.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),o.download=`${u("component.crack.evolutionChart")}_${w.dayjs().format("YYYYMMDDHHmmss")}.png`,o.click()};return(g,o)=>{const s=Q.ElButton;return i.openBlock(),i.createElementBlock("div",{class:"mix-component crack-evolution",style:i.normalizeStyle(R.value)},[i.createElementVNode("div",oe,[i.createElementVNode("span",ae,"📊 "+i.toDisplayString(U.value),1),i.createElementVNode("div",se,[i.createVNode(s,{size:"small",onClick:Y},{default:i.withCtx(()=>[i.createTextVNode("💾 "+i.toDisplayString(F.value),1)]),_:1})])]),i.createElementVNode("div",{id:i.unref(C),class:"chart-container"},null,8,ne),i.renderSlot(g.$slots,"default",{},void 0,!0)],4)}}})),me=w._export_sfc(fe,[["__scopeId","data-v-2cd3daa1"]]);exports.default=me;