mixdashboards 1.0.32 → 1.0.39

package/dist/deepTemperatureField-B-y94GPV.js

@@ -0,0 +1,398 @@
+var mt = Object.defineProperty, pt = Object.defineProperties;
+var dt = Object.getOwnPropertyDescriptors;
+var j = Object.getOwnPropertySymbols;
+var ht = Object.prototype.hasOwnProperty, ft = Object.prototype.propertyIsEnumerable;
+var U = (g, l, v) => l in g ? mt(g, l, { enumerable: !0, configurable: !0, writable: !0, value: v }) : g[l] = v, P = (g, l) => {
+  for (var v in l || (l = {}))
+    ht.call(l, v) && U(g, v, l[v]);
+  if (j)
+    for (var v of j(l))
+      ft.call(l, v) && U(g, v, l[v]);
+  return g;
+}, W = (g, l) => pt(g, dt(l));
+import { ElButton as gt, ElIcon as vt } 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/icon/style/css";
+import { defineComponent as St, ref as M, computed as E, watch as Y, watchEffect as bt, onMounted as Ct, openBlock as V, createElementBlock as q, normalizeStyle as G, unref as k, toDisplayString as yt, createCommentVNode as J, createElementVNode as R, createVNode as L, withCtx as I, createTextVNode as K, createBlock as xt, renderSlot as Ot, nextTick as Q } from "vue";
+import { Download as Dt } from "@element-plus/icons-vue";
+import { d as X, i as Nt } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as kt, d as Z, _ as Tt } from "./index-kShjySl9.js";
+import { E as _t } from "./EChartComponentBase-BQOhWkz2.js";
+import { g as wt } from "./titleStyle-BT5GlpAb.js";
+import { A as Mt, D as Et } from "./ele-lin-icon-Dax-ZiWV.js";
+import { i as At } from "./install-BBrAry2m.js";
+import { u as Ft, i as $t, a as Vt } from "./installCanvasRenderer-CLT2hquJ.js";
+import { i as Rt } from "./install-B0x4IqQr.js";
+import { i as Lt } from "./install-D1QM80AD.js";
+const It = { class: "mix-body" }, zt = { class: "toolbar" }, Ht = ["id"], Bt = {
+  DEFAULT_ICON: Et,
+  ACTIVE_ICON: Mt,
+  NAME_CN: "深部温度场",
+  NAME_EN: "DeepTemperatureField",
+  ORDER: 16
+}, jt = {
+  titleColor: "#111",
+  textColor: "#111",
+  bgColor: "#fff",
+  radiusSize: 8,
+  textSize: 12,
+  isHideTitle: !1,
+  top: 40,
+  bottom: 30,
+  left: 50,
+  right: 60,
+  visualMin: { value: 0, type: "number", label: "温度最小值" },
+  visualMax: { value: 40, type: "number", label: "温度最大值" },
+  showDebugClear: { value: !1, type: "switch", label: "显示清空过滤按钮" },
+  // 联动频道配置
+  linkChannel: {
+    value: "deepDisplacement",
+    type: "select",
+    label: "component.linkChannel",
+    options: [
+      { label: "component.linkChannelOptions.deepDisplacement", value: "deepDisplacement" },
+      { label: "component.linkChannelOptions.gnss", value: "gnss" },
+      { label: "component.linkChannelOptions.slope", value: "slope" },
+      { label: "component.linkChannelOptions.device", value: "device" },
+      { label: "component.linkChannelOptions.alarm", value: "alarm" },
+      { label: "component.linkChannelOptions.custom", value: "custom" }
+    ]
+  },
+  customChannel: {
+    value: "",
+    type: "string",
+    label: "component.customChannel",
+    showWhen: { linkChannel: "custom" }
+  }
+}, tt = [
+  { name: "温度场", fv: "temp_130", depth: -130, color: "#5470c6", object_id: "" },
+  { name: "温度场", fv: "temp_140", depth: -140, color: "#5470c6", object_id: "" }
+], Ut = ["name", "fv", "depth", "color", "object_id"], Pt = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Wt = { useAlias: !1, multiObject: !0, source: "mosaic" }, Yt = { DEFAULT: Bt, OPTIONS: jt, DATA: tt, PARAMS: Ut, SOURCE: Pt, COMMON: Wt }, qt = /* @__PURE__ */ St(W(P({}, Yt), {
+  __name: "deepTemperatureField",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(g) {
+    Ft([At, $t, Rt, Vt, Lt]);
+    const l = g, v = kt();
+    M([]);
+    const et = (t) => {
+      if (t == null) return "";
+      const e = typeof t == "string" ? t : String(t), i = typeof t == "number" || /^\d+$/.test(e) ? new Date(Number(t)) : new Date(e);
+      if (Number.isNaN(i.getTime())) return e;
+      const a = i.getFullYear(), s = String(i.getMonth() + 1).padStart(2, "0"), m = String(i.getDate()).padStart(2, "0"), o = String(i.getHours()).padStart(2, "0"), h = String(i.getMinutes()).padStart(2, "0"), d = String(i.getSeconds()).padStart(2, "0");
+      return `${a}-${s}-${m} ${o}:${h}:${d}`;
+    }, A = (t) => {
+      if (t == null) return null;
+      const e = String(t);
+      return /^\d+$/.test(e) ? Z(Number(e)) : Z(t);
+    }, nt = (t, e) => {
+      const n = t ? A(t) : null, i = e ? A(e) : null, a = !!(t && String(t).includes(" ")), s = !!(e && String(e).includes(" "));
+      return {
+        start: n ? a ? n : n.startOf("day") : null,
+        end: i ? s ? i : i.endOf("day") : null
+      };
+    };
+    class it extends _t {
+      extractStyles() {
+        const e = this.getOptionValue("linkChannel", "deepDisplacement"), n = this.getOptionValue("customChannel", ""), i = e === "custom" && n ? n : e;
+        return {
+          bgColor: this.getOptionValue("bgColor", "#fff"),
+          titleColor: this.getOptionValue("titleColor", "#111"),
+          textColor: this.getOptionValue("textColor", "#111"),
+          radiusSize: this.getOptionValue("radiusSize", 8),
+          textSize: this.getOptionValue("textSize", 12),
+          isHideTitle: this.getOptionValue("isHideTitle", !1),
+          top: this.getOptionValue("top", 40),
+          bottom: this.getOptionValue("bottom", 30),
+          left: this.getOptionValue("left", 50),
+          right: this.getOptionValue("right", 60),
+          visualMin: this.getOptionValue("visualMin", 0),
+          visualMax: this.getOptionValue("visualMax", 40),
+          showDebugClear: this.getOptionValue("showDebugClear", !1),
+          linkChannel: i
+        };
+      }
+      init() {
+        var e;
+        this.Style.value = this.extractStyles(), this.applyTheme(), (e = this.props.conf.data) != null && e.length || (this.props.conf.data = tt), Q(() => this.initChart());
+      }
+      setHistoryData(e) {
+        B(e);
+      }
+      setSocketData(e) {
+        e && B(e);
+      }
+      onLinkEvent(e) {
+        H(e);
+      }
+      getChartOption() {
+        var i, a, s, m, o, h, d, D;
+        const e = Number((m = (s = (a = (i = l.conf) == null ? void 0 : i.options) == null ? void 0 : a.visualMin) == null ? void 0 : s.value) != null ? m : this.Style.value.visualMin), n = Number((D = (d = (h = (o = l.conf) == null ? void 0 : o.options) == null ? void 0 : h.visualMax) == null ? void 0 : d.value) != null ? D : this.Style.value.visualMax);
+        return {
+          grid: {
+            top: this.Style.value.top,
+            bottom: this.Style.value.bottom,
+            left: this.Style.value.left,
+            right: this.Style.value.right,
+            containLabel: !0
+          },
+          tooltip: {
+            position: "top",
+            formatter: (r) => {
+              var S, f, C;
+              const c = F.value[(S = r.value) == null ? void 0 : S[0]] || "-", u = $.value[(f = r.value) == null ? void 0 : f[1]] || "-", p = (C = r.value) == null ? void 0 : C[2];
+              return `时间: ${c}<br/>深度: ${u}m<br/>温度: ${p}℃`;
+            }
+          },
+          xAxis: {
+            type: "category",
+            data: F.value,
+            axisLabel: {
+              color: this.Style.value.textColor,
+              fontSize: this.Style.value.textSize,
+              rotate: 45,
+              formatter: (r) => {
+                if (/^\d+$/.test(r)) {
+                  const c = new Date(Number(r)), u = String(c.getMonth() + 1).padStart(2, "0"), p = String(c.getDate()).padStart(2, "0"), S = String(c.getHours()).padStart(2, "0"), f = String(c.getMinutes()).padStart(2, "0");
+                  return `${u}-${p} ${S}:${f}`;
+                }
+                if (r && r.includes(" ")) {
+                  const [c, u] = r.split(" "), p = c.split("-");
+                  if (p.length === 3) {
+                    const [S, f, C] = p, [w, ut] = u.split(":");
+                    return `${f}-${C} ${w}:${ut}`;
+                  }
+                }
+                return r;
+              }
+            }
+          },
+          yAxis: {
+            type: "category",
+            data: $.value.map((r) => String(r)),
+            axisLabel: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize }
+          },
+          visualMap: {
+            min: Number.isFinite(e) ? e : 0,
+            max: Number.isFinite(n) ? n : 40,
+            calculable: !0,
+            orient: "vertical",
+            right: 8,
+            top: "middle"
+          },
+          series: [
+            {
+              name: "温度场",
+              type: "heatmap",
+              data: ot.value,
+              label: { show: !1 },
+              emphasis: {
+                itemStyle: { shadowBlur: 10, shadowColor: "rgba(0, 0, 0, 0.4)" }
+              }
+            }
+          ]
+        };
+      }
+    }
+    const y = new it(l, "deepTemperatureField"), st = y.getEchartId();
+    y.setupLifecycle();
+    const T = y.getStyle(), at = E(() => wt(l.conf.options)), b = M([]), x = M([]), F = E(() => {
+      const t = /* @__PURE__ */ new Set();
+      return b.value.forEach((e) => t.add(String(e.t))), Array.from(t).sort();
+    }), $ = E(() => {
+      const t = /* @__PURE__ */ new Set();
+      return b.value.forEach((e) => t.add(Number(e.depth))), Array.from(t).sort((e, n) => e - n);
+    }), ot = E(() => {
+      const t = /* @__PURE__ */ new Map(), e = /* @__PURE__ */ new Map();
+      return F.value.forEach((n, i) => t.set(n, i)), $.value.forEach((n, i) => e.set(n, i)), b.value.map((n) => {
+        const i = t.get(String(n.t)), a = e.get(Number(n.depth)), s = Number(n.temp);
+        return i === void 0 || a === void 0 || !Number.isFinite(s) ? null : [i, a, s];
+      }).filter(Boolean);
+    }), O = () => {
+      Q(() => {
+        const t = y.getChartInstance();
+        t && t.setOption(y.getChartOption(), !0);
+      });
+    }, lt = () => {
+      const t = y.getChartInstance();
+      if (!t) return;
+      const e = t.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), n = document.createElement("a");
+      n.href = e, n.download = `temperature-field-${Date.now()}.png`, n.click();
+    }, rt = () => {
+      N.value = null, b.value = [...x.value], O();
+    }, z = () => {
+      var i, a, s;
+      const t = ((i = l.conf) == null ? void 0 : i.options) || {}, e = ((a = t == null ? void 0 : t.linkChannel) == null ? void 0 : a.value) || T.value.linkChannel || "deepDisplacement", n = ((s = t == null ? void 0 : t.customChannel) == null ? void 0 : s.value) || "";
+      return e === "custom" && n ? n : e;
+    }, H = (t) => {
+      var h, d, D, r, c;
+      if (l.mode === "edit" || !t || !t.payload) return;
+      const e = z();
+      if ((h = t.topic) != null && h.channel && e && t.topic.channel !== e || !v.shouldHandle(t, "deepTemperatureField")) return;
+      const n = t.payload, i = l.conf, a = (i == null ? void 0 : i.data) || [], s = (i == null ? void 0 : i.common) || {};
+      if (n.type === "filter") {
+        console.log("[deepTemperatureField] 收到筛选配置:", (d = n.filter) != null ? d : n), ct((D = n.filter) != null ? D : n);
+        return;
+      }
+      if (a.length > 0 && !(s != null && s.multiObject)) {
+        const u = X(s, s == null ? void 0 : s.useAlias, l.uid) || ((r = a[0]) == null ? void 0 : r.object_id), p = (n == null ? void 0 : n.objectId) || (n == null ? void 0 : n.object_id);
+        if (u && p && String(u) !== String(p)) return;
+      }
+      const m = et((n == null ? void 0 : n.time) || (n == null ? void 0 : n.datetime) || ((c = t.topic) == null ? void 0 : c.time) || Date.now()), o = [];
+      a.forEach((u) => {
+        const p = u.fv, S = u.depth, f = Number(n == null ? void 0 : n[p]);
+        Number.isFinite(S) && Number.isFinite(f) && o.push({ t: m, depth: S, temp: f });
+      }), o.length && (x.value = [...x.value, ...o], _(), O());
+    }, N = M(null), ct = (t) => {
+      var m;
+      if (!t) {
+        N.value = null, _(), O();
+        return;
+      }
+      console.log("[deepTemperatureField] 收到配置数据类型:", typeof t, t);
+      const e = Array.isArray(t) ? null : t || null;
+      if (e) {
+        const o = e.timeRange || e.dateRange, h = e.timeList || e.selectedTimes, d = {};
+        o && (d.startDate = o.startDate || o.start || o[0], d.endDate = o.endDate || o.end || o[1]), Array.isArray(h) && h.length > 0 && (d.timeList = h), N.value = d, _(), O();
+        return;
+      }
+      const n = Array.isArray(t) ? t : [];
+      if (n.length === 0) {
+        console.warn("[deepTemperatureField] 配置为空或格式错误");
+        return;
+      }
+      const i = n.find((o) => o.type === "timeRange"), a = n.find((o) => o.type === "timeList"), s = {};
+      i && (s.startDate = i.startDate, s.endDate = i.endDate), a && ((m = a.selectedTimes) == null ? void 0 : m.length) > 0 && (s.timeList = a.selectedTimes), N.value = s, _(), O();
+    }, _ = () => {
+      if (!N.value) {
+        b.value = [...x.value];
+        return;
+      }
+      const { startDate: t, endDate: e, timeList: n } = N.value, i = x.value;
+      if (n && n.length > 0) {
+        const a = new Set(n);
+        b.value = i.filter((s) => {
+          const m = String(s.t).split(" ")[0];
+          return a.has(m) || a.has(String(s.t));
+        });
+        return;
+      }
+      if (t || e) {
+        const { start: a, end: s } = nt(t, e);
+        b.value = i.filter((m) => {
+          const o = A(m.t);
+          return !(!o || !o.isValid() || a && o.isBefore(a) || s && o.isAfter(s));
+        });
+        return;
+      }
+      b.value = i;
+    }, B = (t) => {
+      var o, h, d, D;
+      const e = l.conf, n = (e == null ? void 0 : e.data) || [], i = (e == null ? void 0 : e.common) || {}, a = (i == null ? void 0 : i.source) || "mosaic";
+      let s = t;
+      ["statistics", "calculate"].includes(a) && (s = Nt(s, n));
+      const m = [];
+      if ((o = s == null ? void 0 : s.history) != null && o.length)
+        s.history.forEach((r, c) => {
+          const u = (r == null ? void 0 : r[0]) || r || {}, p = (u == null ? void 0 : u.time) || (u == null ? void 0 : u.datetime) || c;
+          n.forEach((S) => {
+            const f = S.fv, C = S.depth, w = Number(u == null ? void 0 : u[f]);
+            Number.isFinite(C) && Number.isFinite(w) && m.push({ t: String(p), depth: C, temp: w });
+          });
+        }), x.value = m;
+      else {
+        const r = i != null && i.multiObject ? "" : X(i, i == null ? void 0 : i.useAlias, l.uid), c = r && ((d = (h = s == null ? void 0 : s[r]) == null ? void 0 : h[a]) == null ? void 0 : d.data) || ((D = s == null ? void 0 : s[a]) == null ? void 0 : D.data) || (s == null ? void 0 : s.data) || s, u = (c == null ? void 0 : c.time) || (c == null ? void 0 : c.datetime) || Date.now();
+        n.forEach((p) => {
+          const S = p.fv, f = p.depth, C = Number(c == null ? void 0 : c[S]);
+          Number.isFinite(f) && Number.isFinite(C) && m.push({ t: String(u), depth: f, temp: C });
+        }), m.length && (x.value = [...x.value, ...m]);
+      }
+      m.length && (_(), O());
+    };
+    return Y(
+      () => v.channels[z()],
+      (t) => {
+        t && H(t);
+      },
+      { deep: !0 }
+    ), bt(() => {
+      l.conf.socketData && y.setSocketData(l.conf.socketData);
+    }), Y(
+      () => {
+        var t;
+        return (t = l.conf) == null ? void 0 : t.options;
+      },
+      () => {
+        y.getStyle().value = y.extractStyles(), O();
+      },
+      { deep: !0 }
+    ), Ct(() => {
+      if (l.mode === "edit" && !b.value.length) {
+        const t = ["2026-03-10 00:44:43", "2026-03-10 02:44:40", "2026-03-10 04:44:40", "2026-03-10 06:44:40", "2026-03-10 08:44:40", "2026-03-10 09:44:44"], e = [-122, -124, -126, -128, -130, -132, -134, -136, -138, -140, -142, -144, -146, -148, -150, -152];
+        t.forEach((n) => {
+          e.forEach((i) => {
+            const a = Number((5 + Math.abs(i) * 0.05 + Math.random() * 2).toFixed(2));
+            b.value.push({ t: n, depth: i, temp: a });
+          });
+        }), x.value = [...b.value];
+      }
+      O();
+    }), (t, e) => {
+      const n = vt, i = gt;
+      return V(), q("div", {
+        class: "mix-component",
+        style: G({ background: k(T).bgColor, borderRadius: `${k(T).radiusSize}px` })
+      }, [
+        k(T).isHideTitle ? J("", !0) : (V(), q("div", {
+          key: 0,
+          class: "mix-title",
+          style: G(at.value)
+        }, yt(g.conf.caption || g.conf.name), 5)),
+        R("div", It, [
+          R("div", zt, [
+            L(i, {
+              size: "small",
+              class: "export-btn",
+              onClick: lt
+            }, {
+              default: I(() => [
+                L(n, null, {
+                  default: I(() => [
+                    L(k(Dt))
+                  ]),
+                  _: 1
+                }),
+                e[0] || (e[0] = K(" 导出图 ", -1))
+              ]),
+              _: 1
+            }),
+            k(T).showDebugClear ? (V(), xt(i, {
+              key: 0,
+              size: "small",
+              class: "clear-btn",
+              onClick: rt
+            }, {
+              default: I(() => [...e[1] || (e[1] = [
+                K(" 清空过滤 ", -1)
+              ])]),
+              _: 1
+            })) : J("", !0)
+          ]),
+          R("div", {
+            class: "echart-container",
+            id: k(st)
+          }, null, 8, Ht)
+        ]),
+        Ot(t.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), ue = /* @__PURE__ */ Tt(qt, [["__scopeId", "data-v-d9de034b"]]);
+export {
+  ue as default
+};

package/dist/deepTemperatureField-De4xKoHw.cjs

@@ -0,0 +1 @@
+"use strict";var nt=Object.defineProperty,it=Object.defineProperties;var st=Object.getOwnPropertyDescriptors;var z=Object.getOwnPropertySymbols;var at=Object.prototype.hasOwnProperty,lt=Object.prototype.propertyIsEnumerable;var q=(v,r,S)=>r in v?nt(v,r,{enumerable:!0,configurable:!0,writable:!0,value:S}):v[r]=S,B=(v,r)=>{for(var S in r||(r={}))at.call(r,S)&&q(v,S,r[S]);if(z)for(var S of z(r))lt.call(r,S)&&q(v,S,r[S]);return v},H=(v,r)=>it(v,st(r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");const a=require("vue"),ot=require("@element-plus/icons-vue"),F=require("./element-resize-detector-Bo5uDQAu.cjs"),V=require("./index-Mh5Dw2sd.cjs"),rt=require("./EChartComponentBase-BaQpBzVC.cjs"),ct=require("./titleStyle-NSnz6cUg.cjs"),U=require("./ele-lin-icon-Dke_1AmT.cjs"),ut=require("./install-C8buXQPI.cjs"),$=require("./installCanvasRenderer-CyhM1Qpl.cjs"),dt=require("./install-CIT6k8Ga.cjs"),pt=require("./install-LtoYukZU.cjs"),mt={class:"mix-body"},ht={class:"toolbar"},ft=["id"],gt={DEFAULT_ICON:U.DEFAULT_ICON,ACTIVE_ICON:U.ACTIVE_ICON,NAME_CN:"深部温度场",NAME_EN:"DeepTemperatureField",ORDER:16},vt={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,isHideTitle:!1,top:40,bottom:30,left:50,right:60,visualMin:{value:0,type:"number",label:"温度最小值"},visualMax:{value:40,type:"number",label:"温度最大值"},showDebugClear:{value:!1,type:"switch",label:"显示清空过滤按钮"},linkChannel:{value:"deepDisplacement",type:"select",label:"component.linkChannel",options:[{label:"component.linkChannelOptions.deepDisplacement",value:"deepDisplacement"},{label:"component.linkChannelOptions.gnss",value:"gnss"},{label:"component.linkChannelOptions.slope",value:"slope"},{label:"component.linkChannelOptions.device",value:"device"},{label:"component.linkChannelOptions.alarm",value:"alarm"},{label:"component.linkChannelOptions.custom",value:"custom"}]},customChannel:{value:"",type:"string",label:"component.customChannel",showWhen:{linkChannel:"custom"}}},P=[{name:"温度场",fv:"temp_130",depth:-130,color:"#5470c6",object_id:""},{name:"温度场",fv:"temp_140",depth:-140,color:"#5470c6",object_id:""}],St=["name","fv","depth","color","object_id"],bt=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],Ct={useAlias:!1,multiObject:!0,source:"mosaic"},yt={DEFAULT:gt,OPTIONS:vt,DATA:P,PARAMS:St,SOURCE:bt,COMMON:Ct},xt=a.defineComponent(H(B({},yt),{__name:"deepTemperatureField",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(v){$.use([ut.install,$.install,dt.install,$.install$1,pt.install]);const r=v,S=V.useLinkStore();a.ref([]);const W=t=>{if(t==null)return"";const e=typeof t=="string"?t:String(t),i=typeof t=="number"||/^\d+$/.test(e)?new Date(Number(t)):new Date(e);if(Number.isNaN(i.getTime()))return e;const l=i.getFullYear(),s=String(i.getMonth()+1).padStart(2,"0"),p=String(i.getDate()).padStart(2,"0"),o=String(i.getHours()).padStart(2,"0"),f=String(i.getMinutes()).padStart(2,"0"),h=String(i.getSeconds()).padStart(2,"0");return`${l}-${s}-${p} ${o}:${f}:${h}`},_=t=>{if(t==null)return null;const e=String(t);return/^\d+$/.test(e)?V.dayjs(Number(e)):V.dayjs(t)},Y=(t,e)=>{const n=t?_(t):null,i=e?_(e):null,l=!!(t&&String(t).includes(" ")),s=!!(e&&String(e).includes(" "));return{start:n?l?n:n.startOf("day"):null,end:i?s?i:i.endOf("day"):null}};class G extends rt.EChartComponentBase{extractStyles(){const e=this.getOptionValue("linkChannel","deepDisplacement"),n=this.getOptionValue("customChannel",""),i=e==="custom"&&n?n:e;return{bgColor:this.getOptionValue("bgColor","#fff"),titleColor:this.getOptionValue("titleColor","#111"),textColor:this.getOptionValue("textColor","#111"),radiusSize:this.getOptionValue("radiusSize",8),textSize:this.getOptionValue("textSize",12),isHideTitle:this.getOptionValue("isHideTitle",!1),top:this.getOptionValue("top",40),bottom:this.getOptionValue("bottom",30),left:this.getOptionValue("left",50),right:this.getOptionValue("right",60),visualMin:this.getOptionValue("visualMin",0),visualMax:this.getOptionValue("visualMax",40),showDebugClear:this.getOptionValue("showDebugClear",!1),linkChannel:i}}init(){var e;this.Style.value=this.extractStyles(),this.applyTheme(),(e=this.props.conf.data)!=null&&e.length||(this.props.conf.data=P),a.nextTick(()=>this.initChart())}setHistoryData(e){L(e)}setSocketData(e){e&&L(e)}onLinkEvent(e){I(e)}getChartOption(){var i,l,s,p,o,f,h,D;const e=Number((p=(s=(l=(i=r.conf)==null?void 0:i.options)==null?void 0:l.visualMin)==null?void 0:s.value)!=null?p:this.Style.value.visualMin),n=Number((D=(h=(f=(o=r.conf)==null?void 0:o.options)==null?void 0:f.visualMax)==null?void 0:h.value)!=null?D:this.Style.value.visualMax);return{grid:{top:this.Style.value.top,bottom:this.Style.value.bottom,left:this.Style.value.left,right:this.Style.value.right,containLabel:!0},tooltip:{position:"top",formatter:c=>{var b,g,y;const u=M.value[(b=c.value)==null?void 0:b[0]]||"-",d=A.value[(g=c.value)==null?void 0:g[1]]||"-",m=(y=c.value)==null?void 0:y[2];return`时间: ${u}<br/>深度: ${d}m<br/>温度: ${m}℃`}},xAxis:{type:"category",data:M.value,axisLabel:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize,rotate:45,formatter:c=>{if(/^\d+$/.test(c)){const u=new Date(Number(c)),d=String(u.getMonth()+1).padStart(2,"0"),m=String(u.getDate()).padStart(2,"0"),b=String(u.getHours()).padStart(2,"0"),g=String(u.getMinutes()).padStart(2,"0");return`${d}-${m} ${b}:${g}`}if(c&&c.includes(" ")){const[u,d]=c.split(" "),m=u.split("-");if(m.length===3){const[b,g,y]=m,[w,et]=d.split(":");return`${g}-${y} ${w}:${et}`}}return c}}},yAxis:{type:"category",data:A.value.map(c=>String(c)),axisLabel:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize}},visualMap:{min:Number.isFinite(e)?e:0,max:Number.isFinite(n)?n:40,calculable:!0,orient:"vertical",right:8,top:"middle"},series:[{name:"温度场",type:"heatmap",data:Q.value,label:{show:!1},emphasis:{itemStyle:{shadowBlur:10,shadowColor:"rgba(0, 0, 0, 0.4)"}}}]}}}const x=new G(r,"deepTemperatureField"),J=x.getEchartId();x.setupLifecycle();const T=x.getStyle(),K=a.computed(()=>ct.generateTitleStyle(r.conf.options)),C=a.ref([]),O=a.ref([]),M=a.computed(()=>{const t=new Set;return C.value.forEach(e=>t.add(String(e.t))),Array.from(t).sort()}),A=a.computed(()=>{const t=new Set;return C.value.forEach(e=>t.add(Number(e.depth))),Array.from(t).sort((e,n)=>e-n)}),Q=a.computed(()=>{const t=new Map,e=new Map;return M.value.forEach((n,i)=>t.set(n,i)),A.value.forEach((n,i)=>e.set(n,i)),C.value.map(n=>{const i=t.get(String(n.t)),l=e.get(Number(n.depth)),s=Number(n.temp);return i===void 0||l===void 0||!Number.isFinite(s)?null:[i,l,s]}).filter(Boolean)}),N=()=>{a.nextTick(()=>{const t=x.getChartInstance();t&&t.setOption(x.getChartOption(),!0)})},X=()=>{const t=x.getChartInstance();if(!t)return;const e=t.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),n=document.createElement("a");n.href=e,n.download=`temperature-field-${Date.now()}.png`,n.click()},Z=()=>{k.value=null,C.value=[...O.value],N()},R=()=>{var i,l,s;const t=((i=r.conf)==null?void 0:i.options)||{},e=((l=t==null?void 0:t.linkChannel)==null?void 0:l.value)||T.value.linkChannel||"deepDisplacement",n=((s=t==null?void 0:t.customChannel)==null?void 0:s.value)||"";return e==="custom"&&n?n:e},I=t=>{var f,h,D,c,u;if(r.mode==="edit"||!t||!t.payload)return;const e=R();if((f=t.topic)!=null&&f.channel&&e&&t.topic.channel!==e||!S.shouldHandle(t,"deepTemperatureField"))return;const n=t.payload,i=r.conf,l=(i==null?void 0:i.data)||[],s=(i==null?void 0:i.common)||{};if(n.type==="filter"){console.log("[deepTemperatureField] 收到筛选配置:",(h=n.filter)!=null?h:n),tt((D=n.filter)!=null?D:n);return}if(l.length>0&&!(s!=null&&s.multiObject)){const d=F.getObjectId(s,s==null?void 0:s.useAlias,r.uid)||((c=l[0])==null?void 0:c.object_id),m=(n==null?void 0:n.objectId)||(n==null?void 0:n.object_id);if(d&&m&&String(d)!==String(m))return}const p=W((n==null?void 0:n.time)||(n==null?void 0:n.datetime)||((u=t.topic)==null?void 0:u.time)||Date.now()),o=[];l.forEach(d=>{const m=d.fv,b=d.depth,g=Number(n==null?void 0:n[m]);Number.isFinite(b)&&Number.isFinite(g)&&o.push({t:p,depth:b,temp:g})}),o.length&&(O.value=[...O.value,...o],E(),N())},k=a.ref(null),tt=t=>{var p;if(!t){k.value=null,E(),N();return}console.log("[deepTemperatureField] 收到配置数据类型:",typeof t,t);const e=Array.isArray(t)?null:t||null;if(e){const o=e.timeRange||e.dateRange,f=e.timeList||e.selectedTimes,h={};o&&(h.startDate=o.startDate||o.start||o[0],h.endDate=o.endDate||o.end||o[1]),Array.isArray(f)&&f.length>0&&(h.timeList=f),k.value=h,E(),N();return}const n=Array.isArray(t)?t:[];if(n.length===0){console.warn("[deepTemperatureField] 配置为空或格式错误");return}const i=n.find(o=>o.type==="timeRange"),l=n.find(o=>o.type==="timeList"),s={};i&&(s.startDate=i.startDate,s.endDate=i.endDate),l&&((p=l.selectedTimes)==null?void 0:p.length)>0&&(s.timeList=l.selectedTimes),k.value=s,E(),N()},E=()=>{if(!k.value){C.value=[...O.value];return}const{startDate:t,endDate:e,timeList:n}=k.value,i=O.value;if(n&&n.length>0){const l=new Set(n);C.value=i.filter(s=>{const p=String(s.t).split(" ")[0];return l.has(p)||l.has(String(s.t))});return}if(t||e){const{start:l,end:s}=Y(t,e);C.value=i.filter(p=>{const o=_(p.t);return!(!o||!o.isValid()||l&&o.isBefore(l)||s&&o.isAfter(s))});return}C.value=i},L=t=>{var o,f,h,D;const e=r.conf,n=(e==null?void 0:e.data)||[],i=(e==null?void 0:e.common)||{},l=(i==null?void 0:i.source)||"mosaic";let s=t;["statistics","calculate"].includes(l)&&(s=F.formatStatisticsResult(s,n));const p=[];if((o=s==null?void 0:s.history)!=null&&o.length)s.history.forEach((c,u)=>{const d=(c==null?void 0:c[0])||c||{},m=(d==null?void 0:d.time)||(d==null?void 0:d.datetime)||u;n.forEach(b=>{const g=b.fv,y=b.depth,w=Number(d==null?void 0:d[g]);Number.isFinite(y)&&Number.isFinite(w)&&p.push({t:String(m),depth:y,temp:w})})}),O.value=p;else{const c=i!=null&&i.multiObject?"":F.getObjectId(i,i==null?void 0:i.useAlias,r.uid),u=c&&((h=(f=s==null?void 0:s[c])==null?void 0:f[l])==null?void 0:h.data)||((D=s==null?void 0:s[l])==null?void 0:D.data)||(s==null?void 0:s.data)||s,d=(u==null?void 0:u.time)||(u==null?void 0:u.datetime)||Date.now();n.forEach(m=>{const b=m.fv,g=m.depth,y=Number(u==null?void 0:u[b]);Number.isFinite(g)&&Number.isFinite(y)&&p.push({t:String(d),depth:g,temp:y})}),p.length&&(O.value=[...O.value,...p])}p.length&&(E(),N())};return a.watch(()=>S.channels[R()],t=>{t&&I(t)},{deep:!0}),a.watchEffect(()=>{r.conf.socketData&&x.setSocketData(r.conf.socketData)}),a.watch(()=>{var t;return(t=r.conf)==null?void 0:t.options},()=>{x.getStyle().value=x.extractStyles(),N()},{deep:!0}),a.onMounted(()=>{if(r.mode==="edit"&&!C.value.length){const t=["2026-03-10 00:44:43","2026-03-10 02:44:40","2026-03-10 04:44:40","2026-03-10 06:44:40","2026-03-10 08:44:40","2026-03-10 09:44:44"],e=[-122,-124,-126,-128,-130,-132,-134,-136,-138,-140,-142,-144,-146,-148,-150,-152];t.forEach(n=>{e.forEach(i=>{const l=Number((5+Math.abs(i)*.05+Math.random()*2).toFixed(2));C.value.push({t:n,depth:i,temp:l})})}),O.value=[...C.value]}N()}),(t,e)=>{const n=j.ElIcon,i=j.ElButton;return a.openBlock(),a.createElementBlock("div",{class:"mix-component",style:a.normalizeStyle({background:a.unref(T).bgColor,borderRadius:`${a.unref(T).radiusSize}px`})},[a.unref(T).isHideTitle?a.createCommentVNode("",!0):(a.openBlock(),a.createElementBlock("div",{key:0,class:"mix-title",style:a.normalizeStyle(K.value)},a.toDisplayString(v.conf.caption||v.conf.name),5)),a.createElementVNode("div",mt,[a.createElementVNode("div",ht,[a.createVNode(i,{size:"small",class:"export-btn",onClick:X},{default:a.withCtx(()=>[a.createVNode(n,null,{default:a.withCtx(()=>[a.createVNode(a.unref(ot.Download))]),_:1}),e[0]||(e[0]=a.createTextVNode(" 导出图 ",-1))]),_:1}),a.unref(T).showDebugClear?(a.openBlock(),a.createBlock(i,{key:0,size:"small",class:"clear-btn",onClick:Z},{default:a.withCtx(()=>[...e[1]||(e[1]=[a.createTextVNode(" 清空过滤 ",-1)])]),_:1})):a.createCommentVNode("",!0)]),a.createElementVNode("div",{class:"echart-container",id:a.unref(J)},null,8,ft)]),a.renderSlot(t.$slots,"default",{},void 0,!0)],4)}}})),Ot=V._export_sfc(xt,[["__scopeId","data-v-d9de034b"]]);exports.default=Ot;