mixdashboards 1.0.32 → 1.0.39

package/dist/deepClusterSlipSurface-CQUE05cK.js

@@ -0,0 +1,372 @@
+var he = Object.defineProperty, fe = Object.defineProperties;
+var de = Object.getOwnPropertyDescriptors;
+var J = Object.getOwnPropertySymbols;
+var ve = Object.prototype.hasOwnProperty, ge = Object.prototype.propertyIsEnumerable;
+var Q = (h, s, f) => s in h ? he(h, s, { enumerable: !0, configurable: !0, writable: !0, value: f }) : h[s] = f, Y = (h, s) => {
+  for (var f in s || (s = {}))
+    ve.call(s, f) && Q(h, f, s[f]);
+  if (J)
+    for (var f of J(s))
+      ge.call(s, f) && Q(h, f, s[f]);
+  return h;
+}, Z = (h, s) => fe(h, de(s));
+import { ElSelect as Se, ElOption as Ce, ElButton as be, ElIcon as xe } 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 "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import { defineComponent as ye, ref as F, computed as R, watch as ee, watchEffect as Ne, onMounted as Oe, openBlock as w, createElementBlock as M, normalizeStyle as te, unref as E, toDisplayString as _e, createCommentVNode as ke, createElementVNode as $, createVNode as I, withCtx as H, Fragment as Ve, renderList as Ee, createBlock as De, createTextVNode as Ae, renderSlot as Fe, nextTick as ne } from "vue";
+import { Download as Re } from "@element-plus/icons-vue";
+import { d as ie, i as we } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as Ie, _ as Le } from "./index-kShjySl9.js";
+import { E as Te } from "./EChartComponentBase-BQOhWkz2.js";
+import { g as ze } from "./titleStyle-BT5GlpAb.js";
+import { A as Me, D as $e } from "./ele-lin-icon-Dax-ZiWV.js";
+import { i as He } from "./install-BBrAry2m.js";
+import { u as Be, i as Ue, a as Pe } from "./installCanvasRenderer-CLT2hquJ.js";
+import { i as Ge } from "./install-hfre7yvV.js";
+import { i as Ke } from "./install-8XfFtnlL.js";
+const We = { class: "mix-body" }, Xe = { class: "toolbar" }, je = ["id"], qe = {
+  DEFAULT_ICON: $e,
+  ACTIVE_ICON: Me,
+  NAME_CN: "聚类滑面关联",
+  NAME_EN: "DeepClusterSlipSurface",
+  ORDER: 18
+}, Je = {
+  titleColor: "#111",
+  textColor: "#111",
+  bgColor: "#fff",
+  radiusSize: 8,
+  textSize: 12,
+  isHideTitle: !1,
+  top: 40,
+  bottom: 35,
+  left: 50,
+  right: 40,
+  xName: { value: "时间", type: "string", label: "X轴名称" },
+  yLeftName: { value: "累计位移(mm)", type: "string", label: "左轴名称" },
+  yRightName: { value: "滑面关联度", type: "string", 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" }
+  }
+}, le = [
+  { name: "累计位移", fv: "disp_130", depth: -130, color: "#5470c6", object_id: "" },
+  { name: "滑面关联度", fv: "slip_130", depth: -130, color: "#f56c6c", object_id: "" }
+], Qe = ["name", "fv", "depth", "color", "object_id"], Ye = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Ze = { useAlias: !1, multiObject: !0, source: "mosaic" }, et = { DEFAULT: qe, OPTIONS: Je, DATA: le, PARAMS: Qe, SOURCE: Ye, COMMON: Ze }, tt = /* @__PURE__ */ ye(Z(Y({}, et), {
+  __name: "deepClusterSlipSurface",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(h) {
+    Be([He, Ue, Ge, Pe, Ke]);
+    const s = h, f = Ie(), a = F(""), O = F([]), v = F(/* @__PURE__ */ new Map());
+    class se extends Te {
+      extractStyles() {
+        const n = this.getOptionValue("linkChannel", "deepDisplacement"), e = this.getOptionValue("customChannel", ""), i = n === "custom" && e ? e : 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", 35),
+          left: this.getOptionValue("left", 50),
+          right: this.getOptionValue("right", 40),
+          xName: this.getOptionValue("xName", "时间"),
+          yLeftName: this.getOptionValue("yLeftName", "累计位移(mm)"),
+          yRightName: this.getOptionValue("yRightName", "滑面关联度"),
+          linkChannel: i
+        };
+      }
+      init() {
+        var n;
+        this.Style.value = this.extractStyles(), this.applyTheme(), (n = this.props.conf.data) != null && n.length || (this.props.conf.data = le), ne(() => this.initChart());
+      }
+      setHistoryData(n) {
+        P(n);
+      }
+      setSocketData(n) {
+        n && P(n);
+      }
+      onLinkEvent(n) {
+        U(n);
+      }
+      getChartOption() {
+        var c;
+        const n = ((c = s.conf) == null ? void 0 : c.data) || [], e = n[0] || {}, i = n[1] || {};
+        return {
+          grid: {
+            top: this.Style.value.top,
+            bottom: this.Style.value.bottom,
+            left: this.Style.value.left,
+            right: this.Style.value.right,
+            containLabel: !0
+          },
+          legend: {
+            top: 8,
+            textStyle: { color: this.Style.value.textColor }
+          },
+          tooltip: {
+            trigger: "axis"
+          },
+          xAxis: {
+            type: "category",
+            name: this.Style.value.xName,
+            data: L.value,
+            axisLabel: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize }
+          },
+          yAxis: [
+            {
+              type: "value",
+              name: this.Style.value.yLeftName,
+              axisLabel: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize },
+              splitLine: { lineStyle: { color: "#f0f0f0" } }
+            },
+            {
+              type: "value",
+              name: this.Style.value.yRightName,
+              min: 0,
+              max: 1,
+              axisLabel: { color: this.Style.value.textColor, fontSize: this.Style.value.textSize }
+            }
+          ],
+          series: [
+            {
+              name: (e == null ? void 0 : e.name) || "累计位移",
+              type: "line",
+              smooth: !0,
+              data: ce.value,
+              lineStyle: { color: (e == null ? void 0 : e.color) || "#5470c6", width: 2 },
+              itemStyle: { color: (e == null ? void 0 : e.color) || "#5470c6" },
+              yAxisIndex: 0
+            },
+            {
+              name: (i == null ? void 0 : i.name) || "滑面关联度",
+              type: "line",
+              smooth: !0,
+              data: re.value,
+              lineStyle: { color: (i == null ? void 0 : i.color) || "#f56c6c", width: 2, type: "dashed" },
+              itemStyle: { color: (i == null ? void 0 : i.color) || "#f56c6c" },
+              areaStyle: { color: "rgba(245,108,108,0.12)" },
+              yAxisIndex: 1
+            }
+          ]
+        };
+      }
+    }
+    const g = new se(s, "deepClusterSlipSurface"), oe = g.getEchartId();
+    g.setupLifecycle();
+    const D = g.getStyle(), ae = R(() => ze(s.conf.options)), d = F([]), L = R(() => {
+      const t = a.value && v.value.has(a.value) ? v.value.get(a.value) || [] : d.value, n = /* @__PURE__ */ new Set();
+      return t.forEach((e) => n.add(e.t)), Array.from(n);
+    }), ce = R(() => {
+      const t = a.value && v.value.has(a.value) ? v.value.get(a.value) || [] : d.value, n = /* @__PURE__ */ new Map();
+      return t.forEach((e) => {
+        Number.isFinite(e.disp) && n.set(e.t, Number(e.disp));
+      }), L.value.map((e) => {
+        var i;
+        return (i = n.get(e)) != null ? i : null;
+      });
+    }), re = R(() => {
+      const t = a.value && v.value.has(a.value) ? v.value.get(a.value) || [] : d.value, n = /* @__PURE__ */ new Map();
+      return t.forEach((e) => {
+        Number.isFinite(e.slip) && n.set(e.t, Number(e.slip));
+      }), L.value.map((e) => {
+        var i;
+        return (i = n.get(e)) != null ? i : null;
+      });
+    }), C = () => {
+      ne(() => {
+        const t = g.getChartInstance();
+        t && t.setOption(g.getChartOption(), !0);
+      });
+    }, ue = () => C(), me = () => {
+      const t = g.getChartInstance();
+      if (!t) return;
+      const n = t.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), e = document.createElement("a");
+      e.href = n, e.download = `cluster-slip-${a.value || Date.now()}.png`, e.click();
+    }, B = () => {
+      var i, c, l;
+      const t = ((i = s.conf) == null ? void 0 : i.options) || {}, n = ((c = t == null ? void 0 : t.linkChannel) == null ? void 0 : c.value) || D.value.linkChannel || "deepDisplacement", e = ((l = t == null ? void 0 : t.customChannel) == null ? void 0 : l.value) || "";
+      return n === "custom" && e ? e : n;
+    }, pe = (t) => {
+      var x, o, y;
+      const n = ((x = s.conf) == null ? void 0 : x.data) || [];
+      if (n.length < 2) return [];
+      const e = n[0] || {}, i = n[1] || {}, c = e.fv || "disp", l = i.fv || "slip_score";
+      if (Array.isArray(t == null ? void 0 : t.data))
+        return t.data.map((r, A) => {
+          var _, k;
+          return {
+            t: String((k = (_ = r == null ? void 0 : r.time) != null ? _ : r == null ? void 0 : r.datetime) != null ? k : A),
+            disp: Number(r == null ? void 0 : r[c]),
+            slip: Number(r == null ? void 0 : r[l])
+          };
+        }).filter((r) => Number.isFinite(r.disp) || Number.isFinite(r.slip));
+      const p = String((y = (o = t == null ? void 0 : t.time) != null ? o : t == null ? void 0 : t.datetime) != null ? y : Date.now()), N = Number(t == null ? void 0 : t[c]), b = Number(t == null ? void 0 : t[l]);
+      return Number.isFinite(N) || Number.isFinite(b) ? [{ t: p, disp: N, slip: b }] : [];
+    }, U = (t) => {
+      var N, b, x;
+      if (s.mode === "edit" || !t || !t.payload) return;
+      const n = B();
+      if ((N = t.topic) != null && N.channel && n && t.topic.channel !== n || !f.shouldHandle(t, "deepClusterSlipSurface")) return;
+      const e = t.payload;
+      if ((e == null ? void 0 : e.type) === "filter") {
+        const o = e.timeRange || e.dateRange || e.timeRangeValue;
+        if ((b = e.selectedTimes) != null && b.length) {
+          a.value = String(e.selectedTimes[e.selectedTimes.length - 1]), C();
+          return;
+        }
+        if (Array.isArray(o) && o.length) {
+          a.value = String(o[o.length - 1]), C();
+          return;
+        }
+        if (o != null && o.endDate || o != null && o.end) {
+          a.value = String(o.endDate || o.end), C();
+          return;
+        }
+        return;
+      }
+      const i = s.conf, c = (i == null ? void 0 : i.data) || [], l = (i == null ? void 0 : i.common) || {};
+      if (c.length > 0 && !(l != null && l.multiObject)) {
+        const o = ie(l, l == null ? void 0 : l.useAlias, s.uid) || ((x = c[0]) == null ? void 0 : x.object_id), y = (e == null ? void 0 : e.objectId) || (e == null ? void 0 : e.object_id);
+        if (o && y && String(o) !== String(y)) return;
+      }
+      const p = pe(e);
+      p.length && (d.value = p.length === 1 ? [...d.value.slice(-199), ...p] : p, C());
+    }, P = (t) => {
+      var y, r, A, _, k, G, K;
+      const n = s.conf, e = (n == null ? void 0 : n.data) || [], i = (n == null ? void 0 : n.common) || {}, c = (i == null ? void 0 : i.source) || "mosaic";
+      let l = t;
+      ["statistics", "calculate"].includes(c) && (l = we(l, e));
+      const p = e[0] || {}, N = e[1] || {}, b = p.fv || "disp", x = N.fv || "slip_score", o = [];
+      if ((y = l == null ? void 0 : l.history) != null && y.length) {
+        const S = /* @__PURE__ */ new Map();
+        l.history.forEach((u, T) => {
+          var j, q;
+          const m = (u == null ? void 0 : u[0]) || u || {}, V = String((q = (j = m == null ? void 0 : m.time) != null ? j : m == null ? void 0 : m.datetime) != null ? q : T), z = V.split(" ")[0], W = Number(m == null ? void 0 : m[b]), X = Number(m == null ? void 0 : m[x]);
+          (Number.isFinite(W) || Number.isFinite(X)) && (S.has(z) || S.set(z, []), S.get(z).push({ t: V, disp: W, slip: X }));
+        }), O.value = Array.from(S.keys()).sort().reverse(), v.value = S, O.value.length > 0 && !a.value && (a.value = O.value[0]), d.value = S.get(a.value) || [];
+      } else {
+        const S = i != null && i.multiObject ? "" : ie(i, i == null ? void 0 : i.useAlias, s.uid), u = S && ((A = (r = l == null ? void 0 : l[S]) == null ? void 0 : r[c]) == null ? void 0 : A.data) || ((_ = l == null ? void 0 : l[c]) == null ? void 0 : _.data) || (l == null ? void 0 : l.data) || l, T = String((G = (k = u == null ? void 0 : u.time) != null ? k : u == null ? void 0 : u.datetime) != null ? G : Date.now()), m = Number(u == null ? void 0 : u[b]), V = Number(u == null ? void 0 : u[x]);
+        (Number.isFinite(m) || Number.isFinite(V)) && o.push({ t: T, disp: m, slip: V }), d.value = [...d.value.slice(-199), ...o];
+      }
+      !o.length && !((K = l == null ? void 0 : l.history) != null && K.length) || C();
+    };
+    return ee(
+      () => f.channels[B()],
+      (t) => {
+        t && U(t);
+      },
+      { deep: !0 }
+    ), Ne(() => {
+      s.conf.socketData && g.setSocketData(s.conf.socketData);
+    }), ee(
+      () => {
+        var t;
+        return (t = s.conf) == null ? void 0 : t.options;
+      },
+      () => {
+        g.getStyle().value = g.extractStyles(), C();
+      },
+      { deep: !0 }
+    ), Oe(() => {
+      if (s.mode === "edit" && !d.value.length) {
+        const t = ["2026-03-05", "2026-03-04", "2026-03-03"];
+        t.forEach((n) => {
+          const e = [];
+          for (let i = 0; i < 24; i++) {
+            const c = `${n} ${String(i).padStart(2, "0")}:00:00`;
+            e.push({
+              t: c,
+              disp: Number((i * 1.8 + Math.sin(i / 3) * 2).toFixed(2)),
+              slip: Number(Math.max(0, Math.min(1, 0.25 + i * 0.02 + Math.sin(i / 4) * 0.08)).toFixed(3))
+            });
+          }
+          v.value.set(n, e);
+        }), O.value = t, a.value = t[0], d.value = v.value.get(t[0]) || [];
+      }
+      C();
+    }), (t, n) => {
+      const e = Ce, i = Se, c = xe, l = be;
+      return w(), M("div", {
+        class: "mix-component",
+        style: te({ background: E(D).bgColor, borderRadius: `${E(D).radiusSize}px` })
+      }, [
+        E(D).isHideTitle ? ke("", !0) : (w(), M("div", {
+          key: 0,
+          class: "mix-title",
+          style: te(ae.value)
+        }, _e(h.conf.caption || h.conf.name), 5)),
+        $("div", We, [
+          $("div", Xe, [
+            I(i, {
+              modelValue: a.value,
+              "onUpdate:modelValue": n[0] || (n[0] = (p) => a.value = p),
+              placeholder: "选择时间",
+              size: "small",
+              class: "time-select",
+              onChange: ue
+            }, {
+              default: H(() => [
+                (w(!0), M(Ve, null, Ee(O.value, (p) => (w(), De(e, {
+                  key: p,
+                  label: p,
+                  value: p
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            I(l, {
+              size: "small",
+              class: "export-btn",
+              onClick: me
+            }, {
+              default: H(() => [
+                I(c, null, {
+                  default: H(() => [
+                    I(E(Re))
+                  ]),
+                  _: 1
+                }),
+                n[1] || (n[1] = Ae(" 导出图 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          $("div", {
+            class: "echart-container",
+            id: E(oe)
+          }, null, 8, je)
+        ]),
+        Fe(t.$slots, "default", {}, void 0, !0)
+      ], 4);
+    };
+  }
+})), bt = /* @__PURE__ */ Le(tt, [["__scopeId", "data-v-215adf76"]]);
+export {
+  bt as default
+};

package/dist/deepDataMatrix-DHZA0IAm.cjs

@@ -0,0 +1 @@
+"use strict";var F=Object.defineProperty,$=Object.defineProperties;var q=Object.getOwnPropertyDescriptors;var j=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var B=(c,i,r)=>i in c?F(c,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[i]=r,A=(c,i)=>{for(var r in i||(i={}))H.call(i,r)&&B(c,r,i[r]);if(j)for(var r of j(i))U.call(i,r)&&B(c,r,i[r]);return c},R=(c,i)=>$(c,q(i));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("html2canvas");const y=require("./element-resize-detector-Bo5uDQAu.cjs"),P=require("./titleStyle-NSnz6cUg.cjs"),T=require("./index-Mh5Dw2sd.cjs"),I=require("./ele-gridview-icon-D3GcssP6.cjs"),G={class:"mix-body"},W={class:"table-wrap"},J={class:"matrix-table"},K={class:"time-col"},Q={key:0},X=["colspan"],Y={DEFAULT_ICON:I.DEFAULT_ICON,ACTIVE_ICON:I.ACTIVE_ICON,NAME_CN:"深部位移矩阵表",NAME_EN:"DeepDataMatrix",ORDER:20},Z={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,isHideTitle:!1,maxRows:{value:50,type:"number",label:"最大显示行数"},decimal:{value:3,type:"number",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"}}},w=[{name:"合位移",fv:"disp_130",depth:-130,color:"#5470c6",object_id:""},{name:"合位移",fv:"disp_140",depth:-140,color:"#5470c6",object_id:""}],ee=["name","fv","depth","color","object_id"],te=["mosaic","statistics","calculate","statisticsRealtime","calculateRealtime"],ne={useAlias:!1,multiObject:!0,source:"mosaic"},le={DEFAULT:Y,OPTIONS:Z,DATA:w,PARAMS:ee,SOURCE:te,COMMON:ne},ae=e.defineComponent(R(A({},le),{__name:"deepDataMatrix",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(c){const i=c,r=T.useLinkStore();class L extends y.BaseComponent{extractStyles(){const n=this.getOptionValue("linkChannel","deepDisplacement"),t=this.getOptionValue("customChannel",""),o=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),maxRows:this.getOptionValue("maxRows",50),decimal:this.getOptionValue("decimal",3),linkChannel:o}}init(){var n;this.Style.value=this.extractStyles(),this.applyTheme(),(n=this.props.conf.data)!=null&&n.length||(this.props.conf.data=w)}setHistoryData(n){V(n)}setSocketData(n){n&&V(n)}onLinkEvent(n){N(n)}}const v=new L(i,"deepDataMatrix");v.setupLifecycle();const g=v.getStyle(),z=e.computed(()=>P.generateTitleStyle(i.conf.options)),d=e.ref([]),O=e.computed(()=>{const a=new Set;return d.value.forEach(n=>{Object.keys(n.values).forEach(t=>a.add(Number(t)))}),Array.from(a).sort((n,t)=>n-t)}),x=e.computed(()=>{var n,t,o,s,l;const a=Math.max(1,Number((l=(s=(o=(t=(n=i.conf)==null?void 0:n.options)==null?void 0:t.maxRows)==null?void 0:o.value)!=null?s:g.value.maxRows)!=null?l:50));return d.value.slice(Math.max(0,d.value.length-a))}),_=a=>{var t,o,s,l,u;const n=Math.max(0,Number((u=(l=(s=(o=(t=i.conf)==null?void 0:t.options)==null?void 0:o.decimal)==null?void 0:s.value)!=null?l:g.value.decimal)!=null?u:3));return a.toFixed(n)},D=()=>{var o,s,l;const a=((o=i.conf)==null?void 0:o.options)||{},n=((s=a==null?void 0:a.linkChannel)==null?void 0:s.value)||g.value.linkChannel||"deepDisplacement",t=((l=a==null?void 0:a.customChannel)==null?void 0:l.value)||"";return n==="custom"&&t?t:n},C=a=>{var o;const n=((o=i.conf)==null?void 0:o.data)||[],t=[];return a.forEach((s,l)=>{var h,m;const u=String((m=(h=s==null?void 0:s.time)!=null?h:s==null?void 0:s.datetime)!=null?m:l),p={};n.forEach(f=>{const k=f.fv,b=Number(s==null?void 0:s[k]);if(Number.isFinite(b)){const E=-Math.abs(parseFloat(k));p[E]=_(b)}}),Object.keys(p).length&&t.push({time:u,values:p})}),t},N=a=>{var p,h;if(i.mode==="edit"||!a||!a.payload)return;const n=D();if((p=a.topic)!=null&&p.channel&&n&&a.topic.channel!==n||!r.shouldHandle(a,"deepDataMatrix"))return;const t=a.payload;if((t==null?void 0:t.type)==="filter")return;const o=i.conf,s=(o==null?void 0:o.data)||[],l=(o==null?void 0:o.common)||{};if(s.length>0&&!(l!=null&&l.multiObject)){const m=y.getObjectId(l,l==null?void 0:l.useAlias,i.uid)||((h=s[0])==null?void 0:h.object_id),f=(t==null?void 0:t.objectId)||(t==null?void 0:t.object_id);if(m&&f&&String(m)!==String(f))return}if(Array.isArray(t==null?void 0:t.data)){const m=C(t.data);m.length&&(d.value=m);return}const u=C([t]);u.length&&(d.value=[...d.value.slice(-199),...u])},V=a=>{var m,f,k,b;const n=i.conf,t=(n==null?void 0:n.data)||[],o=(n==null?void 0:n.common)||{},s=(o==null?void 0:o.source)||"mosaic";let l=a;if(["statistics","calculate"].includes(s)&&(l=y.formatStatisticsResult(l,t)),(m=l==null?void 0:l.history)!=null&&m.length){const E=l.history.map(S=>(S==null?void 0:S[0])||S||{}),M=C(E);M.length&&(d.value=M);return}const u=o!=null&&o.multiObject?"":y.getObjectId(o,o==null?void 0:o.useAlias,i.uid),p=u&&((k=(f=l==null?void 0:l[u])==null?void 0:f[s])==null?void 0:k.data)||((b=l==null?void 0:l[s])==null?void 0:b.data)||(l==null?void 0:l.data)||l,h=C([p]);h.length&&(d.value=[...d.value.slice(-199),...h])};return e.watch(()=>r.channels[D()],a=>{a&&N(a)},{deep:!0}),e.watchEffect(()=>{i.conf.socketData&&v.setSocketData(i.conf.socketData)}),e.watch(()=>{var a;return(a=i.conf)==null?void 0:a.options},()=>{v.getStyle().value=v.extractStyles()},{deep:!0}),e.onMounted(()=>{if(i.mode==="edit"&&!d.value.length){const a=[],n=[-78,-75,-72,-69,-66,-63];for(let t=0;t<8;t++){const o=`2026-03-05 ${String(t).padStart(2,"0")}:00:00`,s={};n.forEach((l,u)=>{const p=5+u*.8+t*.2+Math.sin(t+u)*.3;s[l]=_(p)}),a.push({time:o,values:s})}d.value=a}}),(a,n)=>(e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({background:e.unref(g).bgColor,borderRadius:`${e.unref(g).radiusSize}px`})},[e.unref(g).isHideTitle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"mix-title",style:e.normalizeStyle(z.value)},e.toDisplayString(c.conf.caption||c.conf.name),5)),e.createElementVNode("div",G,[e.createElementVNode("div",W,[e.createElementVNode("table",J,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[n[0]||(n[0]=e.createElementVNode("th",{class:"time-col"},"采集时间",-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,t=>(e.openBlock(),e.createElementBlock("th",{key:`head-${t}`},e.toDisplayString(t)+"米",1))),128))])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(x.value,(t,o)=>(e.openBlock(),e.createElementBlock("tr",{key:`row-${o}-${t.time}`},[e.createElementVNode("td",K,e.toDisplayString(t.time),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(O.value,s=>{var l;return e.openBlock(),e.createElementBlock("td",{key:`cell-${o}-${s}`},e.toDisplayString((l=t.values[s])!=null?l:"--"),1)}),128))]))),128)),x.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("tr",Q,[e.createElementVNode("td",{colspan:Math.max(2,O.value.length+1),class:"empty-cell"},"暂无数据",8,X)]))])])])]),e.renderSlot(a.$slots,"default",{},void 0,!0)],4))}})),oe=T._export_sfc(ae,[["__scopeId","data-v-a26bcc53"]]);exports.default=oe;

package/dist/deepDataMatrix-ai5rB6ET.js

@@ -0,0 +1,238 @@
+var J = Object.defineProperty, K = Object.defineProperties;
+var Q = Object.getOwnPropertyDescriptors;
+var z = Object.getOwnPropertySymbols;
+var X = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable;
+var L = (i, o, c) => o in i ? J(i, o, { enumerable: !0, configurable: !0, writable: !0, value: c }) : i[o] = c, $ = (i, o) => {
+  for (var c in o || (o = {}))
+    X.call(o, c) && L(i, c, o[c]);
+  if (z)
+    for (var c of z(o))
+      Y.call(o, c) && L(i, c, o[c]);
+  return i;
+}, F = (i, o) => K(i, Q(o));
+import { defineComponent as Z, computed as M, ref as tt, watch as H, watchEffect as et, onMounted as nt, openBlock as p, createElementBlock as h, normalizeStyle as B, unref as E, toDisplayString as y, createCommentVNode as U, createElementVNode as f, Fragment as j, renderList as V, renderSlot as at } from "vue";
+import "html2canvas";
+import { B as st, d as P, i as lt } from "./element-resize-detector-DJcsrJ8s.js";
+import { g as ot } from "./titleStyle-BT5GlpAb.js";
+import { u as it, _ as ct } from "./index-kShjySl9.js";
+import { A as ut, D as rt } from "./ele-gridview-icon-cSd1oIDi.js";
+const dt = { class: "mix-body" }, mt = { class: "table-wrap" }, pt = { class: "matrix-table" }, ht = { class: "time-col" }, ft = { key: 0 }, vt = ["colspan"], gt = {
+  DEFAULT_ICON: rt,
+  ACTIVE_ICON: ut,
+  NAME_CN: "深部位移矩阵表",
+  NAME_EN: "DeepDataMatrix",
+  ORDER: 20
+}, bt = {
+  titleColor: "#111",
+  textColor: "#111",
+  bgColor: "#fff",
+  radiusSize: 8,
+  textSize: 12,
+  isHideTitle: !1,
+  maxRows: { value: 50, type: "number", label: "最大显示行数" },
+  decimal: { value: 3, type: "number", 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" }
+  }
+}, W = [
+  { name: "合位移", fv: "disp_130", depth: -130, color: "#5470c6", object_id: "" },
+  { name: "合位移", fv: "disp_140", depth: -140, color: "#5470c6", object_id: "" }
+], Ct = ["name", "fv", "depth", "color", "object_id"], St = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], kt = { useAlias: !1, multiObject: !0, source: "mosaic" }, xt = { DEFAULT: gt, OPTIONS: bt, DATA: W, PARAMS: Ct, SOURCE: St, COMMON: kt }, Ot = /* @__PURE__ */ Z(F($({}, xt), {
+  __name: "deepDataMatrix",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(i) {
+    const o = i, c = it();
+    class q extends st {
+      extractStyles() {
+        const e = this.getOptionValue("linkChannel", "deepDisplacement"), t = this.getOptionValue("customChannel", ""), s = e === "custom" && t ? t : 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),
+          maxRows: this.getOptionValue("maxRows", 50),
+          decimal: this.getOptionValue("decimal", 3),
+          linkChannel: s
+        };
+      }
+      init() {
+        var e;
+        this.Style.value = this.extractStyles(), this.applyTheme(), (e = this.props.conf.data) != null && e.length || (this.props.conf.data = W);
+      }
+      setHistoryData(e) {
+        T(e);
+      }
+      setSocketData(e) {
+        e && T(e);
+      }
+      onLinkEvent(e) {
+        I(e);
+      }
+    }
+    const C = new q(o, "deepDataMatrix");
+    C.setupLifecycle();
+    const b = C.getStyle(), G = M(() => ot(o.conf.options)), r = tt([]), _ = M(() => {
+      const a = /* @__PURE__ */ new Set();
+      return r.value.forEach((e) => {
+        Object.keys(e.values).forEach((t) => a.add(Number(t)));
+      }), Array.from(a).sort((e, t) => e - t);
+    }), A = M(() => {
+      var e, t, s, l, n;
+      const a = Math.max(1, Number((n = (l = (s = (t = (e = o.conf) == null ? void 0 : e.options) == null ? void 0 : t.maxRows) == null ? void 0 : s.value) != null ? l : b.value.maxRows) != null ? n : 50));
+      return r.value.slice(Math.max(0, r.value.length - a));
+    }), N = (a) => {
+      var t, s, l, n, u;
+      const e = Math.max(0, Number((u = (n = (l = (s = (t = o.conf) == null ? void 0 : t.options) == null ? void 0 : s.decimal) == null ? void 0 : l.value) != null ? n : b.value.decimal) != null ? u : 3));
+      return a.toFixed(e);
+    }, R = () => {
+      var s, l, n;
+      const a = ((s = o.conf) == null ? void 0 : s.options) || {}, e = ((l = a == null ? void 0 : a.linkChannel) == null ? void 0 : l.value) || b.value.linkChannel || "deepDisplacement", t = ((n = a == null ? void 0 : a.customChannel) == null ? void 0 : n.value) || "";
+      return e === "custom" && t ? t : e;
+    }, x = (a) => {
+      var s;
+      const e = ((s = o.conf) == null ? void 0 : s.data) || [], t = [];
+      return a.forEach((l, n) => {
+        var v, d;
+        const u = String((d = (v = l == null ? void 0 : l.time) != null ? v : l == null ? void 0 : l.datetime) != null ? d : n), m = {};
+        e.forEach((g) => {
+          const S = g.fv, k = Number(l == null ? void 0 : l[S]);
+          if (Number.isFinite(k)) {
+            const D = -Math.abs(parseFloat(S));
+            m[D] = N(k);
+          }
+        }), Object.keys(m).length && t.push({ time: u, values: m });
+      }), t;
+    }, I = (a) => {
+      var m, v;
+      if (o.mode === "edit" || !a || !a.payload) return;
+      const e = R();
+      if ((m = a.topic) != null && m.channel && e && a.topic.channel !== e || !c.shouldHandle(a, "deepDataMatrix")) return;
+      const t = a.payload;
+      if ((t == null ? void 0 : t.type) === "filter")
+        return;
+      const s = o.conf, l = (s == null ? void 0 : s.data) || [], n = (s == null ? void 0 : s.common) || {};
+      if (l.length > 0 && !(n != null && n.multiObject)) {
+        const d = P(n, n == null ? void 0 : n.useAlias, o.uid) || ((v = l[0]) == null ? void 0 : v.object_id), g = (t == null ? void 0 : t.objectId) || (t == null ? void 0 : t.object_id);
+        if (d && g && String(d) !== String(g)) return;
+      }
+      if (Array.isArray(t == null ? void 0 : t.data)) {
+        const d = x(t.data);
+        d.length && (r.value = d);
+        return;
+      }
+      const u = x([t]);
+      u.length && (r.value = [...r.value.slice(-199), ...u]);
+    }, T = (a) => {
+      var d, g, S, k;
+      const e = o.conf, t = (e == null ? void 0 : e.data) || [], s = (e == null ? void 0 : e.common) || {}, l = (s == null ? void 0 : s.source) || "mosaic";
+      let n = a;
+      if (["statistics", "calculate"].includes(l) && (n = lt(n, t)), (d = n == null ? void 0 : n.history) != null && d.length) {
+        const D = n.history.map((O) => (O == null ? void 0 : O[0]) || O || {}), w = x(D);
+        w.length && (r.value = w);
+        return;
+      }
+      const u = s != null && s.multiObject ? "" : P(s, s == null ? void 0 : s.useAlias, o.uid), m = u && ((S = (g = n == null ? void 0 : n[u]) == null ? void 0 : g[l]) == null ? void 0 : S.data) || ((k = n == null ? void 0 : n[l]) == null ? void 0 : k.data) || (n == null ? void 0 : n.data) || n, v = x([m]);
+      v.length && (r.value = [...r.value.slice(-199), ...v]);
+    };
+    return H(
+      () => c.channels[R()],
+      (a) => {
+        a && I(a);
+      },
+      { deep: !0 }
+    ), et(() => {
+      o.conf.socketData && C.setSocketData(o.conf.socketData);
+    }), H(
+      () => {
+        var a;
+        return (a = o.conf) == null ? void 0 : a.options;
+      },
+      () => {
+        C.getStyle().value = C.extractStyles();
+      },
+      { deep: !0 }
+    ), nt(() => {
+      if (o.mode === "edit" && !r.value.length) {
+        const a = [], e = [-78, -75, -72, -69, -66, -63];
+        for (let t = 0; t < 8; t++) {
+          const s = `2026-03-05 ${String(t).padStart(2, "0")}:00:00`, l = {};
+          e.forEach((n, u) => {
+            const m = 5 + u * 0.8 + t * 0.2 + Math.sin(t + u) * 0.3;
+            l[n] = N(m);
+          }), a.push({ time: s, values: l });
+        }
+        r.value = a;
+      }
+    }), (a, e) => (p(), h("div", {
+      class: "mix-component",
+      style: B({ background: E(b).bgColor, borderRadius: `${E(b).radiusSize}px` })
+    }, [
+      E(b).isHideTitle ? U("", !0) : (p(), h("div", {
+        key: 0,
+        class: "mix-title",
+        style: B(G.value)
+      }, y(i.conf.caption || i.conf.name), 5)),
+      f("div", dt, [
+        f("div", mt, [
+          f("table", pt, [
+            f("thead", null, [
+              f("tr", null, [
+                e[0] || (e[0] = f("th", { class: "time-col" }, "采集时间", -1)),
+                (p(!0), h(j, null, V(_.value, (t) => (p(), h("th", {
+                  key: `head-${t}`
+                }, y(t) + "米", 1))), 128))
+              ])
+            ]),
+            f("tbody", null, [
+              (p(!0), h(j, null, V(A.value, (t, s) => (p(), h("tr", {
+                key: `row-${s}-${t.time}`
+              }, [
+                f("td", ht, y(t.time), 1),
+                (p(!0), h(j, null, V(_.value, (l) => {
+                  var n;
+                  return p(), h("td", {
+                    key: `cell-${s}-${l}`
+                  }, y((n = t.values[l]) != null ? n : "--"), 1);
+                }), 128))
+              ]))), 128)),
+              A.value.length ? U("", !0) : (p(), h("tr", ft, [
+                f("td", {
+                  colspan: Math.max(2, _.value.length + 1),
+                  class: "empty-cell"
+                }, "暂无数据", 8, vt)
+              ]))
+            ])
+          ])
+        ])
+      ]),
+      at(a.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), At = /* @__PURE__ */ ct(Ot, [["__scopeId", "data-v-a26bcc53"]]);
+export {
+  At as default
+};