mixdashboards 1.0.32 → 1.0.39

package/dist/deepTangentAngleChart-C6xOiITk.js

@@ -0,0 +1,420 @@
+var fe = Object.defineProperty, pe = Object.defineProperties;
+var ge = Object.getOwnPropertyDescriptors;
+var Q = Object.getOwnPropertySymbols;
+var me = Object.prototype.hasOwnProperty, ve = Object.prototype.propertyIsEnumerable;
+var Z = (m, i, v) => i in m ? fe(m, i, { enumerable: !0, configurable: !0, writable: !0, value: v }) : m[i] = v, H = (m, i) => {
+  for (var v in i || (i = {}))
+    me.call(i, v) && Z(m, v, i[v]);
+  if (Q)
+    for (var v of Q(i))
+      ve.call(i, v) && Z(m, v, i[v]);
+  return m;
+}, F = (m, i) => pe(m, ge(i));
+import { ElButton as Ce, ElIcon as Se } 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 ye, ref as V, computed as ee, watch as j, watchEffect as be, onMounted as xe, openBlock as E, createElementBlock as T, normalizeStyle as U, unref as A, toDisplayString as te, createCommentVNode as ne, createElementVNode as $, createVNode as Y, withCtx as se, createTextVNode as Oe, Fragment as ke, renderList as _e, normalizeClass as Ne, renderSlot as Me, nextTick as ae } from "vue";
+import { Download as De } from "@element-plus/icons-vue";
+import { d as le, i as Ve } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as Ee, d as Te, _ as Ae } from "./index-kShjySl9.js";
+import { E as $e } from "./EChartComponentBase-BQOhWkz2.js";
+import { g as we } from "./titleStyle-BT5GlpAb.js";
+import { A as ze, D as Ie } from "./ele-lin-icon-Dax-ZiWV.js";
+import { i as Le } from "./install-BBrAry2m.js";
+import { u as Re, i as Pe, a as Be } from "./installCanvasRenderer-CLT2hquJ.js";
+import { i as He } from "./install-hfre7yvV.js";
+import { i as Fe } from "./install-C9Cdzkc6.js";
+import { i as je } from "./install-8XfFtnlL.js";
+const Ue = { class: "mix-body" }, Ye = { class: "toolbar" }, Ke = {
+  key: 0,
+  class: "custom-legend"
+}, Ge = ["onClick"], We = { class: "legend-text" }, Xe = ["id"], qe = {
+  DEFAULT_ICON: Ie,
+  ACTIVE_ICON: ze,
+  NAME_CN: "深部切线角",
+  NAME_EN: "DeepTangentAngleChart",
+  ORDER: 17
+}, Je = {
+  titleColor: "#111",
+  textColor: "#111",
+  bgColor: "#fff",
+  radiusSize: 8,
+  textSize: 12,
+  isHideTitle: !1,
+  top: 40,
+  bottom: 40,
+  left: 50,
+  right: 30,
+  xName: { value: "时间", type: "string", label: "X轴名称" },
+  yName: { value: "切线角(°)", type: "string", label: "Y轴名称" },
+  yMin: { value: -90, type: "number", label: "Y轴最小值" },
+  yMax: { value: 90, type: "number", label: "Y轴最大值" },
+  showThresholdBand: { value: !0, 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" }
+  }
+}, oe = [
+  { name: "切线角", fv: "angle_130", depth: -130, color: "#5470c6", object_id: "" },
+  { name: "切线角", fv: "angle_140", depth: -140, color: "#5470c6", object_id: "" }
+], Qe = ["name", "fv", "depth", "color", "object_id"], Ze = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], et = { useAlias: !1, multiObject: !0, source: "mosaic" }, tt = { DEFAULT: qe, OPTIONS: Je, DATA: oe, PARAMS: Qe, SOURCE: Ze, COMMON: et }, nt = /* @__PURE__ */ ye(F(H({}, tt), {
+  __name: "deepTangentAngleChart",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(m) {
+    Re([Le, Pe, He, Fe, Be, je]);
+    const i = m, v = Ee(), N = (e, n, t) => {
+      const s = (e == null ? void 0 : e.name) || `切线角${n + 1}`;
+      if (t.filter((p) => ((p == null ? void 0 : p.name) || "") === s).length <= 1) return s;
+      const l = (e == null ? void 0 : e.depth) !== void 0 ? `${e.depth}m` : `${n + 1}`;
+      return `${s}-${l}`;
+    }, C = V(""), w = V([]), M = V(/* @__PURE__ */ new Map());
+    class ie extends $e {
+      extractStyles() {
+        const n = this.getOptionValue("linkChannel", "deepDisplacement"), t = this.getOptionValue("customChannel", ""), s = n === "custom" && t ? t : n;
+        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", 40),
+          left: this.getOptionValue("left", 50),
+          right: this.getOptionValue("right", 30),
+          xName: this.getOptionValue("xName", "时间"),
+          yName: this.getOptionValue("yName", "切线角(°)"),
+          yMin: this.getOptionValue("yMin", -90),
+          yMax: this.getOptionValue("yMax", 90),
+          showThresholdBand: this.getOptionValue("showThresholdBand", !0),
+          linkChannel: s
+        };
+      }
+      init() {
+        var n;
+        this.Style.value = this.extractStyles(), this.applyTheme(), (n = this.props.conf.data) != null && n.length || (this.props.conf.data = oe), ae(() => this.initChart());
+      }
+      setHistoryData(n) {
+        q(n);
+      }
+      setSocketData(n) {
+        n && q(n);
+      }
+      onLinkEvent(n) {
+        X(n);
+      }
+      getChartOption() {
+        var p;
+        const n = ((p = i.conf) == null ? void 0 : p.data) || [], t = C.value && M.value.has(C.value) ? M.value.get(C.value) || /* @__PURE__ */ new Map() : b.value, s = [];
+        let c = [];
+        if (n.forEach((o, d) => {
+          const f = N(o, d, n), h = (o == null ? void 0 : o.color) || "#5470c6", a = t instanceof Map ? t.get(f) || [] : [];
+          d === 0 && (c = a);
+          const r = a.map((x) => x.angle), g = a[a.length - 1], u = _.value[f] !== !1;
+          u && s.push({
+            name: f,
+            type: "line",
+            data: r,
+            smooth: !1,
+            symbol: "circle",
+            symbolSize: 6,
+            lineStyle: { color: h, width: 2 },
+            itemStyle: { color: h },
+            markArea: void 0,
+            markPoint: g && u ? {
+              symbol: "circle",
+              symbolSize: 8,
+              label: {
+                show: !0,
+                formatter: f,
+                position: "right",
+                color: h,
+                fontSize: 12
+              },
+              data: [
+                { coord: [g.t, g.angle] }
+              ]
+            } : void 0
+          });
+        }), !c.length && t instanceof Map) {
+          const o = Array.from(t.keys())[0];
+          c = o ? t.get(o) || [] : [];
+        }
+        const l = this.Style.value.showThresholdBand ? 90 : 0;
+        return {
+          grid: {
+            top: this.Style.value.top,
+            bottom: this.Style.value.bottom,
+            left: this.Style.value.left,
+            right: this.Style.value.right + l,
+            containLabel: !0
+          },
+          tooltip: {
+            trigger: "axis",
+            formatter: (o) => {
+              var h;
+              if (!(o != null && o.length)) return "";
+              const d = ((h = o[0]) == null ? void 0 : h.axisValue) || "-", f = o.map((a) => {
+                var r;
+                return `${a.seriesName}: ${(r = a.data) != null ? r : "-"}°`;
+              });
+              return `${d}<br/>${f.join("<br/>")}`;
+            }
+          },
+          xAxis: {
+            type: "category",
+            name: this.Style.value.xName,
+            data: c.map((o) => o.t),
+            axisLabel: {
+              color: this.Style.value.textColor,
+              fontSize: this.Style.value.textSize,
+              formatter: (o) => {
+                if (!o) return o;
+                const d = Te(o);
+                if (d.isValid())
+                  return d.format("MM-DD HH:mm");
+                if (o.includes(" ")) {
+                  const [f, h] = o.split(" "), [, a, r] = f.split("-"), [g, u] = h.split(":");
+                  return `${a}-${r} ${g}:${u}`;
+                }
+                return o;
+              }
+            }
+          },
+          yAxis: {
+            type: "value",
+            name: this.Style.value.yName,
+            min: Number(this.Style.value.yMin),
+            max: Number(this.Style.value.yMax),
+            axisLabel: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize },
+            splitLine: { lineStyle: { color: "#f0f0f0" } }
+          },
+          series: s
+        };
+      }
+    }
+    const S = new ie(i, "deepTangentAngleChart"), re = S.getEchartId();
+    S.setupLifecycle();
+    const z = S.getStyle(), ce = ee(() => we(i.conf.options)), b = V(/* @__PURE__ */ new Map()), _ = V({}), K = ee(() => {
+      var n;
+      const e = ((n = i.conf) == null ? void 0 : n.data) || [];
+      return e.map((t, s) => ({
+        name: N(t, s, e),
+        color: (t == null ? void 0 : t.color) || "#5470c6"
+      }));
+    }), y = () => {
+      ae(() => {
+        const e = S.getChartInstance();
+        e && e.setOption(S.getChartOption(), !0);
+      });
+    }, G = (e) => {
+      _.value = (e == null ? void 0 : e.selected) || {}, y();
+    }, ue = (e) => {
+      _.value = F(H({}, _.value), {
+        [e]: _.value[e] === !1
+      }), y();
+    };
+    j(
+      () => S.getChartInstance(),
+      (e) => {
+        e && (e.off("legendselectchanged", G), e.on("legendselectchanged", G));
+      }
+    );
+    const he = () => {
+      const e = S.getChartInstance();
+      if (!e) return;
+      const n = e.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), t = document.createElement("a");
+      t.href = n, t.download = `tangent-angle-${C.value || Date.now()}.png`, t.click();
+    }, W = () => {
+      var s, c, l;
+      const e = ((s = i.conf) == null ? void 0 : s.options) || {}, n = ((c = e == null ? void 0 : e.linkChannel) == null ? void 0 : c.value) || z.value.linkChannel || "deepDisplacement", t = ((l = e == null ? void 0 : e.customChannel) == null ? void 0 : l.value) || "";
+      return n === "custom" && t ? t : n;
+    }, de = (e) => {
+      var s;
+      const n = ((s = i.conf) == null ? void 0 : s.data) || [], t = /* @__PURE__ */ new Map();
+      return n.length && n.forEach((c, l) => {
+        var h, a;
+        const p = c.fv, o = N(c, l, n), d = Number(e == null ? void 0 : e[p]);
+        if (!Number.isFinite(d)) return;
+        const f = String((a = (h = e == null ? void 0 : e.time) != null ? h : e == null ? void 0 : e.datetime) != null ? a : Date.now());
+        t.has(o) || t.set(o, []), t.get(o).push({ t: f, angle: d });
+      }), t;
+    }, X = (e) => {
+      var d, f, h;
+      if (i.mode === "edit" || !e || !e.payload) return;
+      const n = W();
+      if ((d = e.topic) != null && d.channel && n && e.topic.channel !== n || !v.shouldHandle(e, "deepTangentAngleChart")) return;
+      const t = e.payload;
+      if ((t == null ? void 0 : t.type) === "filter") {
+        const a = t.timeRange || t.dateRange || t.timeRangeValue;
+        if ((f = t.selectedTimes) != null && f.length) {
+          C.value = String(t.selectedTimes[t.selectedTimes.length - 1]), y();
+          return;
+        }
+        if (Array.isArray(a) && a.length) {
+          C.value = String(a[a.length - 1]), y();
+          return;
+        }
+        if (a != null && a.endDate || a != null && a.end) {
+          C.value = String(a.endDate || a.end), y();
+          return;
+        }
+        return;
+      }
+      const s = i.conf, c = (s == null ? void 0 : s.data) || [], l = (s == null ? void 0 : s.common) || {};
+      if (c.length > 0 && !(l != null && l.multiObject)) {
+        const a = le(l, l == null ? void 0 : l.useAlias, i.uid) || ((h = c[0]) == null ? void 0 : h.object_id), r = (t == null ? void 0 : t.objectId) || (t == null ? void 0 : t.object_id);
+        if (a && r && String(a) !== String(r)) return;
+      }
+      const p = de(t);
+      if (!p.size) return;
+      const o = new Map(b.value);
+      p.forEach((a, r) => {
+        const g = o.get(r) || [];
+        o.set(r, [...g.slice(-199), ...a]);
+      }), b.value = o, y();
+    }, q = (e) => {
+      var o, d, f, h;
+      const n = i.conf, t = (n == null ? void 0 : n.data) || [], s = (n == null ? void 0 : n.common) || {}, c = (s == null ? void 0 : s.source) || "mosaic";
+      let l = e;
+      ["statistics", "calculate"].includes(c) && (l = Ve(l, t));
+      let p = !1;
+      if ((o = l == null ? void 0 : l.history) != null && o.length) {
+        const a = /* @__PURE__ */ new Map();
+        l.history.forEach((r, g) => {
+          var k, D;
+          const u = (r == null ? void 0 : r[0]) || r || {}, x = String((D = (k = u == null ? void 0 : u.time) != null ? k : u == null ? void 0 : u.datetime) != null ? D : g), O = x.split(" ")[0];
+          t.forEach((I, L) => {
+            const R = I.fv, P = N(I, L, t), J = Number(u == null ? void 0 : u[R]);
+            if (!Number.isFinite(J)) return;
+            a.has(O) || a.set(O, /* @__PURE__ */ new Map());
+            const B = a.get(O);
+            B.has(P) || B.set(P, []), B.get(P).push({ t: x, angle: J });
+          });
+        }), w.value = Array.from(a.keys()).sort().reverse(), M.value = a, w.value.length > 0 && !C.value && (C.value = w.value[0]), b.value = a.get(C.value) || /* @__PURE__ */ new Map(), p = !0;
+      } else {
+        const a = s != null && s.multiObject ? "" : le(s, s == null ? void 0 : s.useAlias, i.uid), r = a && ((f = (d = l == null ? void 0 : l[a]) == null ? void 0 : d[c]) == null ? void 0 : f.data) || ((h = l == null ? void 0 : l[c]) == null ? void 0 : h.data) || (l == null ? void 0 : l.data) || l, g = /* @__PURE__ */ new Map();
+        if (t.forEach((u, x) => {
+          var L, R;
+          const O = u.fv, k = N(u, x, t), D = Number(r == null ? void 0 : r[O]);
+          if (!Number.isFinite(D)) return;
+          const I = String((R = (L = r == null ? void 0 : r.time) != null ? L : r == null ? void 0 : r.datetime) != null ? R : Date.now());
+          g.has(k) || g.set(k, []), g.get(k).push({ t: I, angle: D });
+        }), g.size > 0) {
+          const u = new Map(b.value);
+          g.forEach((x, O) => {
+            const k = u.get(O) || [];
+            u.set(O, [...k.slice(-199), ...x]);
+          }), b.value = u, p = !0;
+        }
+      }
+      p && y();
+    };
+    return j(
+      () => v.channels[W()],
+      (e) => {
+        e && X(e);
+      },
+      { deep: !0 }
+    ), be(() => {
+      i.conf.socketData && S.setSocketData(i.conf.socketData);
+    }), j(
+      () => {
+        var e;
+        return (e = i.conf) == null ? void 0 : e.options;
+      },
+      () => {
+        S.getStyle().value = S.extractStyles(), y();
+      },
+      { deep: !0 }
+    ), xe(() => {
+      if (i.mode === "edit" && !b.value.length) {
+        const e = ["2026-03-05", "2026-03-04", "2026-03-03"];
+        e.forEach((n) => {
+          const t = [];
+          for (let s = 0; s < 24; s++) {
+            const c = `${n} ${String(s).padStart(2, "0")}:00:00`, l = Number((Math.sin(s / 3) * 50 + s % 4 * 6).toFixed(2));
+            t.push({ t: c, angle: l });
+          }
+          M.value.set(n, t);
+        }), w.value = e, C.value = e[0], b.value = M.value.get(e[0]) || [];
+      }
+      y();
+    }), (e, n) => {
+      const t = Se, s = Ce;
+      return E(), T("div", {
+        class: "mix-component",
+        style: U({ background: A(z).bgColor, borderRadius: `${A(z).radiusSize}px` })
+      }, [
+        A(z).isHideTitle ? ne("", !0) : (E(), T("div", {
+          key: 0,
+          class: "mix-title",
+          style: U(ce.value)
+        }, te(m.conf.caption || m.conf.name), 5)),
+        $("div", Ue, [
+          $("div", Ye, [
+            Y(s, {
+              size: "small",
+              class: "export-btn",
+              onClick: he
+            }, {
+              default: se(() => [
+                Y(t, null, {
+                  default: se(() => [
+                    Y(A(De))
+                  ]),
+                  _: 1
+                }),
+                n[0] || (n[0] = Oe(" 导出图 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          K.value.length ? (E(), T("div", Ke, [
+            (E(!0), T(ke, null, _e(K.value, (c) => (E(), T("span", {
+              key: c.name,
+              class: Ne(["legend-item", { inactive: _.value[c.name] === !1 }]),
+              onClick: (l) => ue(c.name)
+            }, [
+              $("span", {
+                class: "legend-dot",
+                style: U({ backgroundColor: c.color })
+              }, null, 4),
+              $("span", We, te(c.name), 1)
+            ], 10, Ge))), 128))
+          ])) : ne("", !0),
+          $("div", {
+            class: "echart-container",
+            id: A(re)
+          }, null, 8, Xe)
+        ]),
+        Me(e.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), yt = /* @__PURE__ */ Ae(nt, [["__scopeId", "data-v-3f556520"]]);
+export {
+  yt as default
+};

package/dist/deepTangentAngleChart-DukevXaM.cjs

@@ -0,0 +1 @@
+"use strict";var oe=Object.defineProperty,ae=Object.defineProperties;var ie=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var re=Object.prototype.hasOwnProperty,ce=Object.prototype.propertyIsEnumerable;var W=(v,r,C)=>r in v?oe(v,r,{enumerable:!0,configurable:!0,writable:!0,value:C}):v[r]=C,L=(v,r)=>{for(var C in r||(r={}))re.call(r,C)&&W(v,C,r[C]);if(G)for(var C of G(r))ce.call(r,C)&&W(v,C,r[C]);return v},B=(v,r)=>ae(v,ie(r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=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 n=require("vue"),ue=require("@element-plus/icons-vue"),q=require("./element-resize-detector-Bo5uDQAu.cjs"),P=require("./index-Mh5Dw2sd.cjs"),he=require("./EChartComponentBase-BaQpBzVC.cjs"),de=require("./titleStyle-NSnz6cUg.cjs"),J=require("./ele-lin-icon-Dke_1AmT.cjs"),ge=require("./install-C8buXQPI.cjs"),R=require("./installCanvasRenderer-CyhM1Qpl.cjs"),fe=require("./install-CltTFs4e.cjs"),pe=require("./install-kGXY_57n.cjs"),me=require("./install-CYwVETsi.cjs"),ve={class:"mix-body"},Ce={class:"toolbar"},Se={key:0,class:"custom-legend"},ye=["onClick"],be={class:"legend-text"},ke=["id"],xe={DEFAULT_ICON:J.DEFAULT_ICON,ACTIVE_ICON:J.ACTIVE_ICON,NAME_CN:"深部切线角",NAME_EN:"DeepTangentAngleChart",ORDER:17},Oe={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,isHideTitle:!1,top:40,bottom:40,left:50,right:30,xName:{value:"时间",type:"string",label:"X轴名称"},yName:{value:"切线角(°)",type:"string",label:"Y轴名称"},yMin:{value:-90,type:"number",label:"Y轴最小值"},yMax:{value:90,type:"number",label:"Y轴最大值"},showThresholdBand:{value:!0,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"}}},Q=[{name:"切线角",fv:"angle_130",depth:-130,color:"#5470c6",object_id:""},{name:"切线角",fv:"angle_140",depth:-140,color:"#5470c6",object_id:""}],Ne=["name","fv","depth","color","object_id"],_e=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],Ee={useAlias:!1,multiObject:!0,source:"mosaic"},Ve={DEFAULT:xe,OPTIONS:Oe,DATA:Q,PARAMS:Ne,SOURCE:_e,COMMON:Ee},Me=n.defineComponent(B(L({},Ve),{__name:"deepTangentAngleChart",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(v){R.use([ge.install,R.install,fe.install,pe.install,R.install$1,me.install]);const r=v,C=P.useLinkStore(),E=(e,l,t)=>{const s=(e==null?void 0:e.name)||`切线角${l+1}`;if(t.filter(p=>((p==null?void 0:p.name)||"")===s).length<=1)return s;const a=(e==null?void 0:e.depth)!==void 0?`${e.depth}m`:`${l+1}`;return`${s}-${a}`},S=n.ref(""),T=n.ref([]),V=n.ref(new Map);class Z extends he.EChartComponentBase{extractStyles(){const l=this.getOptionValue("linkChannel","deepDisplacement"),t=this.getOptionValue("customChannel",""),s=l==="custom"&&t?t:l;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",40),left:this.getOptionValue("left",50),right:this.getOptionValue("right",30),xName:this.getOptionValue("xName","时间"),yName:this.getOptionValue("yName","切线角(°)"),yMin:this.getOptionValue("yMin",-90),yMax:this.getOptionValue("yMax",90),showThresholdBand:this.getOptionValue("showThresholdBand",!0),linkChannel:s}}init(){var l;this.Style.value=this.extractStyles(),this.applyTheme(),(l=this.props.conf.data)!=null&&l.length||(this.props.conf.data=Q),n.nextTick(()=>this.initChart())}setHistoryData(l){Y(l)}setSocketData(l){l&&Y(l)}onLinkEvent(l){U(l)}getChartOption(){var p;const l=((p=r.conf)==null?void 0:p.data)||[],t=S.value&&V.value.has(S.value)?V.value.get(S.value)||new Map:k.value,s=[];let u=[];if(l.forEach((i,g)=>{const f=E(i,g,l),d=(i==null?void 0:i.color)||"#5470c6",o=t instanceof Map?t.get(f)||[]:[];g===0&&(u=o);const c=o.map(x=>x.angle),m=o[o.length-1],h=_.value[f]!==!1;h&&s.push({name:f,type:"line",data:c,smooth:!1,symbol:"circle",symbolSize:6,lineStyle:{color:d,width:2},itemStyle:{color:d},markArea:void 0,markPoint:m&&h?{symbol:"circle",symbolSize:8,label:{show:!0,formatter:f,position:"right",color:d,fontSize:12},data:[{coord:[m.t,m.angle]}]}:void 0})}),!u.length&&t instanceof Map){const i=Array.from(t.keys())[0];u=i?t.get(i)||[]:[]}const a=this.Style.value.showThresholdBand?90:0;return{grid:{top:this.Style.value.top,bottom:this.Style.value.bottom,left:this.Style.value.left,right:this.Style.value.right+a,containLabel:!0},tooltip:{trigger:"axis",formatter:i=>{var d;if(!(i!=null&&i.length))return"";const g=((d=i[0])==null?void 0:d.axisValue)||"-",f=i.map(o=>{var c;return`${o.seriesName}: ${(c=o.data)!=null?c:"-"}°`});return`${g}<br/>${f.join("<br/>")}`}},xAxis:{type:"category",name:this.Style.value.xName,data:u.map(i=>i.t),axisLabel:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize,formatter:i=>{if(!i)return i;const g=P.dayjs(i);if(g.isValid())return g.format("MM-DD HH:mm");if(i.includes(" ")){const[f,d]=i.split(" "),[,o,c]=f.split("-"),[m,h]=d.split(":");return`${o}-${c} ${m}:${h}`}return i}}},yAxis:{type:"value",name:this.Style.value.yName,min:Number(this.Style.value.yMin),max:Number(this.Style.value.yMax),axisLabel:{color:this.Style.value.textColor,fontSize:this.Style.value.textSize},splitLine:{lineStyle:{color:"#f0f0f0"}}},series:s}}}const y=new Z(r,"deepTangentAngleChart"),ee=y.getEchartId();y.setupLifecycle();const D=y.getStyle(),te=n.computed(()=>de.generateTitleStyle(r.conf.options)),k=n.ref(new Map),_=n.ref({}),j=n.computed(()=>{var l;const e=((l=r.conf)==null?void 0:l.data)||[];return e.map((t,s)=>({name:E(t,s,e),color:(t==null?void 0:t.color)||"#5470c6"}))}),b=()=>{n.nextTick(()=>{const e=y.getChartInstance();e&&e.setOption(y.getChartOption(),!0)})},F=e=>{_.value=(e==null?void 0:e.selected)||{},b()},ne=e=>{_.value=B(L({},_.value),{[e]:_.value[e]===!1}),b()};n.watch(()=>y.getChartInstance(),e=>{e&&(e.off("legendselectchanged",F),e.on("legendselectchanged",F))});const le=()=>{const e=y.getChartInstance();if(!e)return;const l=e.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),t=document.createElement("a");t.href=l,t.download=`tangent-angle-${S.value||Date.now()}.png`,t.click()},H=()=>{var s,u,a;const e=((s=r.conf)==null?void 0:s.options)||{},l=((u=e==null?void 0:e.linkChannel)==null?void 0:u.value)||D.value.linkChannel||"deepDisplacement",t=((a=e==null?void 0:e.customChannel)==null?void 0:a.value)||"";return l==="custom"&&t?t:l},se=e=>{var s;const l=((s=r.conf)==null?void 0:s.data)||[],t=new Map;return l.length&&l.forEach((u,a)=>{var d,o;const p=u.fv,i=E(u,a,l),g=Number(e==null?void 0:e[p]);if(!Number.isFinite(g))return;const f=String((o=(d=e==null?void 0:e.time)!=null?d:e==null?void 0:e.datetime)!=null?o:Date.now());t.has(i)||t.set(i,[]),t.get(i).push({t:f,angle:g})}),t},U=e=>{var g,f,d;if(r.mode==="edit"||!e||!e.payload)return;const l=H();if((g=e.topic)!=null&&g.channel&&l&&e.topic.channel!==l||!C.shouldHandle(e,"deepTangentAngleChart"))return;const t=e.payload;if((t==null?void 0:t.type)==="filter"){const o=t.timeRange||t.dateRange||t.timeRangeValue;if((f=t.selectedTimes)!=null&&f.length){S.value=String(t.selectedTimes[t.selectedTimes.length-1]),b();return}if(Array.isArray(o)&&o.length){S.value=String(o[o.length-1]),b();return}if(o!=null&&o.endDate||o!=null&&o.end){S.value=String(o.endDate||o.end),b();return}return}const s=r.conf,u=(s==null?void 0:s.data)||[],a=(s==null?void 0:s.common)||{};if(u.length>0&&!(a!=null&&a.multiObject)){const o=q.getObjectId(a,a==null?void 0:a.useAlias,r.uid)||((d=u[0])==null?void 0:d.object_id),c=(t==null?void 0:t.objectId)||(t==null?void 0:t.object_id);if(o&&c&&String(o)!==String(c))return}const p=se(t);if(!p.size)return;const i=new Map(k.value);p.forEach((o,c)=>{const m=i.get(c)||[];i.set(c,[...m.slice(-199),...o])}),k.value=i,b()},Y=e=>{var i,g,f,d;const l=r.conf,t=(l==null?void 0:l.data)||[],s=(l==null?void 0:l.common)||{},u=(s==null?void 0:s.source)||"mosaic";let a=e;["statistics","calculate"].includes(u)&&(a=q.formatStatisticsResult(a,t));let p=!1;if((i=a==null?void 0:a.history)!=null&&i.length){const o=new Map;a.history.forEach((c,m)=>{var N,M;const h=(c==null?void 0:c[0])||c||{},x=String((M=(N=h==null?void 0:h.time)!=null?N:h==null?void 0:h.datetime)!=null?M:m),O=x.split(" ")[0];t.forEach((A,w)=>{const $=A.fv,I=E(A,w,t),K=Number(h==null?void 0:h[$]);if(!Number.isFinite(K))return;o.has(O)||o.set(O,new Map);const z=o.get(O);z.has(I)||z.set(I,[]),z.get(I).push({t:x,angle:K})})}),T.value=Array.from(o.keys()).sort().reverse(),V.value=o,T.value.length>0&&!S.value&&(S.value=T.value[0]),k.value=o.get(S.value)||new Map,p=!0}else{const o=s!=null&&s.multiObject?"":q.getObjectId(s,s==null?void 0:s.useAlias,r.uid),c=o&&((f=(g=a==null?void 0:a[o])==null?void 0:g[u])==null?void 0:f.data)||((d=a==null?void 0:a[u])==null?void 0:d.data)||(a==null?void 0:a.data)||a,m=new Map;if(t.forEach((h,x)=>{var w,$;const O=h.fv,N=E(h,x,t),M=Number(c==null?void 0:c[O]);if(!Number.isFinite(M))return;const A=String(($=(w=c==null?void 0:c.time)!=null?w:c==null?void 0:c.datetime)!=null?$:Date.now());m.has(N)||m.set(N,[]),m.get(N).push({t:A,angle:M})}),m.size>0){const h=new Map(k.value);m.forEach((x,O)=>{const N=h.get(O)||[];h.set(O,[...N.slice(-199),...x])}),k.value=h,p=!0}}p&&b()};return n.watch(()=>C.channels[H()],e=>{e&&U(e)},{deep:!0}),n.watchEffect(()=>{r.conf.socketData&&y.setSocketData(r.conf.socketData)}),n.watch(()=>{var e;return(e=r.conf)==null?void 0:e.options},()=>{y.getStyle().value=y.extractStyles(),b()},{deep:!0}),n.onMounted(()=>{if(r.mode==="edit"&&!k.value.length){const e=["2026-03-05","2026-03-04","2026-03-03"];e.forEach(l=>{const t=[];for(let s=0;s<24;s++){const u=`${l} ${String(s).padStart(2,"0")}:00:00`,a=Number((Math.sin(s/3)*50+s%4*6).toFixed(2));t.push({t:u,angle:a})}V.value.set(l,t)}),T.value=e,S.value=e[0],k.value=V.value.get(e[0])||[]}b()}),(e,l)=>{const t=X.ElIcon,s=X.ElButton;return n.openBlock(),n.createElementBlock("div",{class:"mix-component",style:n.normalizeStyle({background:n.unref(D).bgColor,borderRadius:`${n.unref(D).radiusSize}px`})},[n.unref(D).isHideTitle?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("div",{key:0,class:"mix-title",style:n.normalizeStyle(te.value)},n.toDisplayString(v.conf.caption||v.conf.name),5)),n.createElementVNode("div",ve,[n.createElementVNode("div",Ce,[n.createVNode(s,{size:"small",class:"export-btn",onClick:le},{default:n.withCtx(()=>[n.createVNode(t,null,{default:n.withCtx(()=>[n.createVNode(n.unref(ue.Download))]),_:1}),l[0]||(l[0]=n.createTextVNode(" 导出图 ",-1))]),_:1})]),j.value.length?(n.openBlock(),n.createElementBlock("div",Se,[(n.openBlock(!0),n.createElementBlock(n.Fragment,null,n.renderList(j.value,u=>(n.openBlock(),n.createElementBlock("span",{key:u.name,class:n.normalizeClass(["legend-item",{inactive:_.value[u.name]===!1}]),onClick:a=>ne(u.name)},[n.createElementVNode("span",{class:"legend-dot",style:n.normalizeStyle({backgroundColor:u.color})},null,4),n.createElementVNode("span",be,n.toDisplayString(u.name),1)],10,ye))),128))])):n.createCommentVNode("",!0),n.createElementVNode("div",{class:"echart-container",id:n.unref(ee)},null,8,ke)]),n.renderSlot(e.$slots,"default",{},void 0,!0)],4)}}})),Te=P._export_sfc(Me,[["__scopeId","data-v-3f556520"]]);exports.default=Te;