mixdashboards 1.0.32 → 1.0.39

package/dist/deepDisplacementChart-igl4rW1K.js

@@ -0,0 +1,340 @@
+var et = Object.defineProperty, ot = Object.defineProperties;
+var at = Object.getOwnPropertyDescriptors;
+var G = Object.getOwnPropertySymbols, nt = Object.getPrototypeOf, st = Object.prototype.hasOwnProperty, lt = Object.prototype.propertyIsEnumerable, it = Reflect.get;
+var F = (r, l, o) => l in r ? et(r, l, { enumerable: !0, configurable: !0, writable: !0, value: o }) : r[l] = o, V = (r, l) => {
+  for (var o in l || (l = {}))
+    st.call(l, o) && F(r, o, l[o]);
+  if (G)
+    for (var o of G(l))
+      lt.call(l, o) && F(r, o, l[o]);
+  return r;
+}, Z = (r, l) => ot(r, at(l));
+var H = (r, l, o) => it(nt(r), o, l);
+var X = (r, l, o) => new Promise((L, u) => {
+  var R = (b) => {
+    try {
+      _(o.next(b));
+    } catch (A) {
+      u(A);
+    }
+  }, d = (b) => {
+    try {
+      _(o.throw(b));
+    } catch (A) {
+      u(A);
+    }
+  }, _ = (b) => b.done ? L(b.value) : Promise.resolve(b.value).then(R, d);
+  _((o = o.apply(r, l)).next());
+});
+import { defineComponent as ct, useCssVars as rt, unref as z, ref as W, computed as q, watch as J, nextTick as P, onMounted as dt, onBeforeUnmount as pt, openBlock as ft, createElementBlock as ht, createElementVNode as B, toDisplayString as K, renderSlot as ut } from "vue";
+import "html2canvas";
+import { B as mt, i as gt, j as vt } from "./element-resize-detector-DJcsrJ8s.js";
+import { u as yt, _ as xt } from "./index-kShjySl9.js";
+import "./index-ButoLLAe.js";
+import { A as bt, D as Dt } from "./ele-mxa-icon-CJWttkCK.js";
+import { i as _t } from "./echarts-BVht3HHb.js";
+const Ct = { class: "deep-displacement-chart" }, St = { class: "chart-header" }, Et = { class: "chart-title" }, wt = { class: "chart-subtitle" }, Mt = {
+  DEFAULT_ICON: Dt,
+  ACTIVE_ICON: bt,
+  NAME_CN: "深部位移曲线图",
+  NAME_EN: "Deep Displacement Chart",
+  ORDER: 13
+}, At = {
+  title: { value: "ZK10-深部位移01", type: "string", label: "component.deepDisplacement.title" },
+  depth: { value: 152, type: "number", label: "component.deepDisplacement.depth", min: 1, max: 500 },
+  bgColor: { value: "#ffffff", type: "color", label: "component.options.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "component.options.textColor" },
+  points: { value: 30, type: "number", label: "component.options.points", min: 5, max: 100 }
+}, kt = [
+  {
+    configPanelId: "",
+    // 配置面板uid
+    name: "ZK10-X位移",
+    // 曲线名称
+    object_id: "",
+    // 对象ID
+    points_fv: "points",
+    // points数组字段名（模式A）
+    fv: "disp_x",
+    // 位移值字段
+    depth_fv: "depth",
+    // 深度字段
+    color: "#4a90d9"
+    // 曲线颜色
+  }
+], It = ["configPanelId", "name", "object_id", "points_fv", "fv", "depth_fv", "color"], Ot = ["mosaic", "statistics", "calculate", "statisticsRealtime", "calculateRealtime"], Lt = { useAlias: !1, multiObject: !1, source: "mosaic" }, Tt = { DEFAULT: Mt, OPTIONS: At, DATA: kt, PARAMS: It, SOURCE: Ot, COMMON: Lt }, $t = /* @__PURE__ */ ct(Z(V({}, Tt), {
+  __name: "deepDisplacementChart",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(r) {
+    rt((e) => ({
+      v7db3a074: z(I).bgColor,
+      v764b7b0c: z(I).textColor
+    }));
+    const l = yt(), o = r, L = W({
+      selectedTimes: [],
+      startDate: "",
+      endDate: ""
+    }), u = W(/* @__PURE__ */ new Map()), R = `dispChart_${Date.now()}_${Math.random().toString(36).slice(2, 8)}`;
+    let d = null, _ = null;
+    const b = [
+      "#4a90d9",
+      "#67c23a",
+      "#e6a23c",
+      "#f56c6c",
+      "#909399",
+      "#00bcd4",
+      "#9c27b0",
+      "#ff9800",
+      "#795548",
+      "#607d8b"
+    ];
+    class A extends mt {
+      extractStyles() {
+        var a, n, v, p, m;
+        const { options: t } = this.props.conf;
+        return {
+          title: ((a = t == null ? void 0 : t.title) == null ? void 0 : a.value) || "ZK10-深部位移01",
+          depth: ((n = t == null ? void 0 : t.depth) == null ? void 0 : n.value) || 152,
+          bgColor: ((v = t == null ? void 0 : t.bgColor) == null ? void 0 : v.value) || "#ffffff",
+          textColor: ((p = t == null ? void 0 : t.textColor) == null ? void 0 : p.value) || "#333333",
+          points: ((m = t == null ? void 0 : t.points) == null ? void 0 : m.value) || 30
+        };
+      }
+      getDefaultData() {
+        return [{
+          configPanelId: "",
+          name: "ZK10-X位移",
+          object_id: "",
+          points_fv: "points",
+          fv: "disp_x",
+          depth_fv: "depth",
+          color: "#4a90d9"
+        }];
+      }
+      // 模拟数据 - 为每条曲线生成多天数据
+      getMockData() {
+        var v;
+        const t = ((v = this.props.conf) == null ? void 0 : v.data) || this.getDefaultData(), a = ["2026-01-15", "2026-01-14", "2026-01-13", "2026-01-12", "2026-01-11"], n = /* @__PURE__ */ new Map();
+        return t.forEach((p, m) => {
+          const k = /* @__PURE__ */ new Map();
+          a.forEach((O, f) => {
+            const s = [], y = (a.length - 1 - f) * 5;
+            for (let c = 0; c <= 30; c++) {
+              const C = -122 - c, i = (10 + y + m * 3) * (1 + c * 0.03);
+              s.push({
+                depth: C,
+                value: i + Math.sin(c * 0.2 + m) * 2
+              });
+            }
+            k.set(O, s);
+          }), n.set(p.name, k);
+        }), n;
+      }
+      onPreview() {
+        return X(this, null, function* () {
+          const { data: t } = this.props.conf;
+          t.some((n) => n.object_id && n.fv) ? (console.log("[DeepDisplacementChart] 检测到数据绑定，订阅真实数据"), yield H(A.prototype, this, "onPreview").call(this)) : (console.log("[DeepDisplacementChart] 未配置数据源，使用模拟数据"), this.getMockData().forEach((v, p) => u.value.set(p, v)), N());
+        });
+      }
+      setHistoryData(t) {
+        var k, O;
+        const { data: a, common: n } = this.props.conf;
+        if (!a || a.length === 0 || !a.some((f) => f.object_id && f.fv)) return;
+        const p = (n == null ? void 0 : n.source) || "mosaic";
+        ["statistics", "calculate"].includes(p) && (t = gt(t, a));
+        const m = vt(t, this.props, "history");
+        if (m) {
+          try {
+            u.value.clear();
+            const f = a.find((i) => i.object_id);
+            if (!f) return;
+            const s = a.indexOf(f), y = ((k = m.history) == null ? void 0 : k[s]) || [], c = f.points_fv || "points";
+            y.length > 0 && Array.isArray((O = y[0]) == null ? void 0 : O[c]) ? a.forEach((i) => {
+              if (!i.object_id || !i.fv) return;
+              const M = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map();
+              y.forEach((x) => {
+                const E = (x.time || x.datetime || "").split(" ")[0];
+                S.has(E) || S.set(E, []), (x[c] || []).forEach((h) => {
+                  var D, $, j;
+                  S.get(E).push({
+                    depth: ($ = (D = h[i.depth_fv]) != null ? D : h.depth) != null ? $ : 0,
+                    value: (j = h[i.fv]) != null ? j : 0
+                  });
+                });
+              }), S.forEach((x, g) => {
+                const E = /* @__PURE__ */ new Map();
+                x.forEach((h) => E.set(h.depth, h.value));
+                const w = Array.from(E.entries()).map(([h, D]) => ({ depth: h, value: D })).sort((h, D) => D.depth - h.depth);
+                M.set(g, w);
+              }), u.value.set(i.name, M);
+            }) : a.forEach((i, M) => {
+              var E;
+              if (!i.object_id || !i.fv) return;
+              const S = ((E = m.history) == null ? void 0 : E[M]) || [], x = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map();
+              S.forEach((w) => {
+                var $, j;
+                const D = (w.time || w.datetime || "").split(" ")[0];
+                g.has(D) || g.set(D, []), g.get(D).push({
+                  depth: ($ = w[i.depth_fv]) != null ? $ : 0,
+                  value: (j = w[i.fv]) != null ? j : 0
+                });
+              }), g.forEach((w, h) => {
+                x.set(h, w);
+              }), u.value.set(i.name, x);
+            });
+          } catch (f) {
+            console.error("[Chart] 解析历史数据失败:", f);
+          }
+          N();
+        }
+      }
+      setSocketData(t) {
+        t && console.log("[DeepDisplacementChart] 收到实时数据:", t);
+      }
+    }
+    const T = new A(o, "deepDisplacementChart");
+    (!o.conf.data || o.conf.data.length === 0) && (o.conf.data = T.getDefaultData()), T.setupLifecycle();
+    const I = T.getStyle(), Q = q(() => {
+      const e = L.value.selectedTimes || [];
+      if (e.length === 0) return "";
+      const t = [...e].sort(), a = t[0], n = t[t.length - 1];
+      return `${a} ~ ${n} [${e.length}天]`;
+    }), U = () => {
+      var f;
+      const e = I.value, t = L.value, a = ((f = o.conf) == null ? void 0 : f.data) || T.getDefaultData();
+      let n = t.selectedTimes || [];
+      if (u.value.size === 0 && T.getMockData().forEach((y, c) => u.value.set(c, y)), n.length === 0 && u.value.size > 0) {
+        const s = u.value.values().next().value;
+        s && (n = Array.from(s.keys()));
+      }
+      n = [...n].sort().reverse();
+      const v = [];
+      let p = [], m = 0;
+      a.forEach((s) => {
+        const y = u.value.get(s.name);
+        if (!y) return;
+        const c = s.color || b[m % b.length];
+        m++, n.forEach((C, i) => {
+          const M = y.get(C) || [];
+          if (M.length === 0) return;
+          M.forEach((g) => p.push(g.depth));
+          const S = 1 - i * 0.15, x = c;
+          v.push({
+            name: `${s.name} (${C})`,
+            type: "line",
+            data: M.map((g) => [g.value, g.depth]),
+            smooth: !0,
+            symbol: "circle",
+            symbolSize: 4,
+            lineStyle: { color: x, width: 2, opacity: S },
+            itemStyle: { color: x, opacity: S }
+          });
+        });
+      }), p.length === 0 && (p = [-122, -152]);
+      const k = Math.min(...p), O = Math.max(...p);
+      return {
+        grid: { left: 60, right: 140, top: 30, bottom: 60 },
+        tooltip: {
+          trigger: "axis",
+          backgroundColor: "rgba(255,255,255,0.95)",
+          borderColor: "#e5e5e5",
+          textStyle: { color: "#333", fontSize: 12 },
+          formatter: (s) => {
+            if (!s || s.length === 0) return "";
+            let c = `<div style="padding:8px;max-width:280px;">
+					<div style="font-weight:600;margin-bottom:6px;">深度: ${s[0].data[1]}m</div>`;
+            return s.forEach((C) => {
+              c += `<div style="display:flex;align-items:center;margin:2px 0;">
+						<span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:${C.color};margin-right:6px;"></span>
+						<span style="flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">${C.seriesName}: ${C.data[0].toFixed(3)} mm</span>
+					</div>`;
+            }), c += "</div>", c;
+          }
+        },
+        legend: {
+          type: "scroll",
+          orient: "vertical",
+          right: 10,
+          bottom: 60,
+          itemWidth: 16,
+          itemHeight: 10,
+          itemGap: 6,
+          textStyle: { color: e.textColor, fontSize: 10 },
+          formatter: (s) => s.length > 15 ? s.slice(0, 15) + "..." : s
+        },
+        xAxis: {
+          type: "value",
+          name: "位移量 (mm)",
+          nameLocation: "middle",
+          nameGap: 30,
+          nameTextStyle: { color: e.textColor, fontSize: 12 },
+          axisLine: { lineStyle: { color: "#ddd" } },
+          axisLabel: { color: e.textColor, fontSize: 10 },
+          splitLine: { lineStyle: { color: "#f0f0f0", type: "dashed" } }
+        },
+        yAxis: {
+          type: "value",
+          name: "深度 (m)",
+          nameLocation: "middle",
+          nameGap: 40,
+          nameTextStyle: { color: e.textColor, fontSize: 12 },
+          min: k - 1,
+          max: O + 1,
+          inverse: !1,
+          axisLine: { lineStyle: { color: "#ddd" } },
+          axisLabel: { color: e.textColor, fontSize: 10 },
+          splitLine: { lineStyle: { color: "#f0f0f0", type: "dashed" } }
+        },
+        series: v
+      };
+    }, N = () => {
+      d && (d.clear(), d.setOption(U(), !0));
+    }, Y = q(() => {
+      var t, a;
+      return ((a = (((t = o.conf) == null ? void 0 : t.data) || [])[0]) == null ? void 0 : a.configPanelId) || "";
+    });
+    J(() => l.channels.deepDisplacement, (e) => {
+      var a;
+      if (!e || e.source === "deepDisplacementChart") return;
+      const t = Y.value;
+      t && e.objectId === t && (e.type === "config" ? (console.log("[Chart] 收到配置变化:", e.fv), L.value = e.fv, P(N)) : e.type === "export" && (console.log("[Chart] 收到导出请求:", e.fv), ((a = e.fv) == null ? void 0 : a.type) === "static" && tt()));
+    }, { deep: !0 });
+    const tt = () => {
+      if (d) {
+        const e = d.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), t = document.createElement("a");
+        t.download = `${I.value.title}-深部位移曲线图.png`, t.href = e, t.click();
+      }
+    };
+    return dt(() => {
+      P(() => {
+        const e = document.getElementById(R);
+        e && (d = _t(e), d.setOption(U()), _ = new ResizeObserver(() => d == null ? void 0 : d.resize()), _.observe(e.parentElement));
+      });
+    }), pt(() => {
+      _ == null || _.disconnect(), d == null || d.dispose();
+    }), J(() => {
+      var e;
+      return (e = o.conf) == null ? void 0 : e.data;
+    }, () => {
+      P(N);
+    }, { deep: !0 }), (e, t) => (ft(), ht("div", Ct, [
+      B("div", St, [
+        B("div", Et, K(z(I).title) + "（深度" + K(z(I).depth) + "米）", 1),
+        B("div", wt, K(Q.value), 1)
+      ]),
+      B("div", {
+        id: R,
+        class: "chart-area"
+      }),
+      ut(e.$slots, "default", {}, void 0, !0)
+    ]));
+  }
+})), Gt = /* @__PURE__ */ xt($t, [["__scopeId", "data-v-d04a5a0b"]]);
+export {
+  Gt as default
+};

package/dist/deepDisplacementView-BedWJsx7.js

@@ -0,0 +1,231 @@
+var W = Object.defineProperty, G = Object.defineProperties;
+var J = Object.getOwnPropertyDescriptors;
+var $ = Object.getOwnPropertySymbols;
+var K = Object.prototype.hasOwnProperty, Q = Object.prototype.propertyIsEnumerable;
+var T = (c, n, r) => n in c ? W(c, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : c[n] = r, Y = (c, n) => {
+  for (var r in n || (n = {}))
+    K.call(n, r) && T(c, r, n[r]);
+  if ($)
+    for (var r of $(n))
+      Q.call(n, r) && T(c, r, n[r]);
+  return c;
+}, U = (c, n) => G(c, J(n));
+import { ElButton as ee, ElSelect as te, ElOption as oe } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+import "element-plus/es/components/button/style/css";
+import { defineComponent as le, useCssVars as ae, ref as w, computed as I, watch as A, nextTick as j, onMounted as ne, onBeforeUnmount as ie, openBlock as V, createElementBlock as E, createElementVNode as s, toDisplayString as b, createVNode as L, withCtx as B, createTextVNode as se, Fragment as re, renderList as de, createCommentVNode as ce, renderSlot as me } from "vue";
+import { u as pe, d as ue, _ as fe } from "./index-kShjySl9.js";
+import "./index-ButoLLAe.js";
+import { A as ve, D as xe } from "./ele-gridview-icon-cSd1oIDi.js";
+import { i as ge } from "./echarts-BVht3HHb.js";
+const ye = { class: "deep-displacement-view" }, Ce = { class: "view-toolbar" }, he = { class: "time-display" }, be = { class: "view-header" }, _e = { class: "view-title" }, De = { class: "view-time" }, Se = { class: "chart-container" }, Me = {
+  key: 0,
+  class: "no-data"
+}, we = {
+  DEFAULT_ICON: xe,
+  ACTIVE_ICON: ve,
+  NAME_CN: "深部位移三视图",
+  NAME_EN: "Deep Displacement View",
+  ORDER: 12
+}, Ie = {
+  title: { value: "深部位移三视图", type: "string", label: "component.deepDisplacement.title" },
+  bgColor: { value: "#ffffff", type: "color", label: "component.options.bgColor" },
+  textColor: { value: "#333333", type: "color", label: "component.options.textColor" },
+  lineColor: { value: "#4a90d9", type: "color", label: "component.deepDisplacement.lineColor" },
+  gridColor: { value: "#e5e5e5", type: "color", label: "component.deepDisplacement.gridColor" },
+  pointColor: { value: "#4a90d9", type: "color", label: "component.deepDisplacement.pointColor" }
+}, Ae = [
+  { configPanelId: "" }
+], Ve = ["configPanelId"], Ee = [], Le = { useAlias: !1, multiObject: !1, source: "" }, Ne = { DEFAULT: we, OPTIONS: Ie, DATA: Ae, PARAMS: Ve, SOURCE: Ee, COMMON: Le }, Oe = /* @__PURE__ */ le(U(Y({}, Ne), {
+  __name: "deepDisplacementView",
+  props: {
+    conf: { type: Object, default: () => ({}) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(c) {
+    ae((e) => ({
+      v28f3e125: p.value.bgColor,
+      v527e537d: p.value.textColor,
+      v25488d16: p.value.lineColor
+    }));
+    const n = pe(), r = c, F = [
+      { label: "俯视图", value: "top" },
+      { label: "主视图", value: "front" },
+      { label: "侧视图", value: "side" }
+    ], N = { top: "俯视图", front: "主视图", side: "侧视图" }, f = w("top"), _ = w(""), X = I(() => ue().format("YYYY-MM-DD HH:mm:ss")), O = `deepDisplacementView_${Date.now()}_${Math.random().toString(36).slice(2, 11)}`, v = w([]), D = I(() => v.value && v.value.length > 0);
+    let d = null, x = null;
+    const p = I(() => {
+      var o, l, m, i, u, g, y;
+      const { options: e, data: t } = r.conf || {};
+      return {
+        title: ((o = e == null ? void 0 : e.title) == null ? void 0 : o.value) || "深部位移三视图",
+        configPanelId: ((l = t == null ? void 0 : t[0]) == null ? void 0 : l.configPanelId) || "",
+        bgColor: ((m = e == null ? void 0 : e.bgColor) == null ? void 0 : m.value) || "#ffffff",
+        textColor: ((i = e == null ? void 0 : e.textColor) == null ? void 0 : i.value) || "#333333",
+        lineColor: ((u = e == null ? void 0 : e.lineColor) == null ? void 0 : u.value) || "#4a90d9",
+        gridColor: ((g = e == null ? void 0 : e.gridColor) == null ? void 0 : g.value) || "#e5e5e5",
+        pointColor: ((y = e == null ? void 0 : e.pointColor) == null ? void 0 : y.value) || "#4a90d9"
+      };
+    }), Z = (e) => {
+      const t = v.value;
+      if (!t || t.length === 0) return {};
+      const o = p.value;
+      let l = [], m = [], i = "", u = "";
+      e === "front" ? (l = t.map((a) => a.x), m = t.map((a) => a.depth), i = "X (mm)", u = "Z (mm)") : e === "side" ? (l = t.map((a) => a.y), m = t.map((a) => a.depth), i = "Y (mm)", u = "Z (mm)") : (l = t.map((a) => a.x), m = t.map((a) => a.y), i = "X (mm)", u = "Y (mm)");
+      const g = Math.min(...l), y = Math.max(...l), C = Math.min(...m), P = Math.max(...m), z = Math.max(Math.abs(g), Math.abs(y), 15e3), R = e === "top" ? Math.max(Math.abs(C), Math.abs(P), 15e3) : Math.abs(C - P) * 1.1;
+      return {
+        grid: { left: 60, right: 50, top: 20, bottom: 60 },
+        tooltip: {
+          trigger: "item",
+          backgroundColor: "rgba(255, 255, 255, 0.95)",
+          borderColor: "#e5e5e5",
+          textStyle: { color: "#333", fontSize: 12 },
+          formatter: (a) => {
+            const M = a.dataIndex, h = t[M];
+            return `<div style="padding: 8px;">
+					<div style="font-weight: 600; margin-bottom: 6px;">深度: ${h.depth}m</div>
+					<div style="color: #666; line-height: 1.8;">
+						<div>高程: ${h.elevation}m</div>
+						<div>X: ${h.x}</div>
+						<div>Y: ${h.y}</div>
+					</div>
+				</div>`;
+          }
+        },
+        dataZoom: [
+          { type: "inside", xAxisIndex: 0, filterMode: "none" },
+          { type: "inside", yAxisIndex: 0, filterMode: "none" },
+          { type: "slider", xAxisIndex: 0, bottom: 5, height: 15, showDetail: !0, filterMode: "none" },
+          { type: "slider", yAxisIndex: 0, right: 5, width: 15, showDetail: !0, filterMode: "none" }
+        ],
+        xAxis: {
+          type: "value",
+          name: i,
+          nameLocation: "end",
+          nameTextStyle: { color: o.textColor, fontSize: 11 },
+          min: -z,
+          max: z,
+          axisLine: { lineStyle: { color: o.gridColor } },
+          axisLabel: { color: o.textColor, fontSize: 10, formatter: (a) => a.toLocaleString() },
+          splitLine: { lineStyle: { color: o.gridColor, type: "dashed" } }
+        },
+        yAxis: {
+          type: "value",
+          name: u,
+          nameLocation: "end",
+          nameTextStyle: { color: o.textColor, fontSize: 11 },
+          min: e === "top" ? -R : C - Math.abs(C) * 0.1,
+          max: e === "top" ? R : 0,
+          axisLine: { lineStyle: { color: o.gridColor } },
+          axisLabel: { color: o.textColor, fontSize: 10, formatter: (a) => a.toLocaleString() },
+          splitLine: { lineStyle: { color: o.gridColor, type: "dashed" } }
+        },
+        series: [{
+          type: "line",
+          data: l.map((a, M) => [a, m[M]]),
+          smooth: !1,
+          symbol: "circle",
+          symbolSize: 6,
+          lineStyle: { color: o.lineColor, width: 2 },
+          itemStyle: { color: o.pointColor, borderColor: "#fff", borderWidth: 1 },
+          emphasis: { itemStyle: { borderWidth: 2, borderColor: o.lineColor } }
+        }]
+      };
+    }, S = () => {
+      d && D.value && (d.clear(), d.setOption(Z(f.value), !0));
+    }, q = () => {
+      S();
+    };
+    A(() => n.channels.deepDisplacement3D, (e) => {
+      if (!e || e.topic.source === "deepDisplacementView") return;
+      const t = p.value.configPanelId;
+      if (!t || e.payload.objectId !== t) return;
+      const o = e.payload;
+      if (o.type === "data") {
+        console.log("[View] 收到数据, payload:", o.fv);
+        const l = o.fv;
+        l != null && l.data && Array.isArray(l.data) && (v.value = [...l.data], l.time && (_.value = l.time), j(S));
+      }
+    }, { deep: !0 });
+    const k = () => {
+      const e = p.value.configPanelId;
+      e && n.publish("deepDisplacement3D", "deepDisplacementView", {
+        objectId: e,
+        type: "request",
+        fv: {}
+      });
+    }, H = () => {
+      if (d && D.value) {
+        const e = d.getDataURL({ type: "png", pixelRatio: 2, backgroundColor: "#fff" }), t = document.createElement("a");
+        t.download = `${p.value.title}-${N[f.value]}.png`, t.href = e, t.click();
+      }
+    };
+    return ne(() => {
+      j(() => {
+        const e = document.getElementById(O);
+        e && (d = ge(e), x = new ResizeObserver(() => d == null ? void 0 : d.resize()), x.observe(e.parentElement)), k();
+      });
+    }), ie(() => {
+      x == null || x.disconnect(), d == null || d.dispose();
+    }), A(() => p.value.configPanelId, k), A(v, S, { deep: !0 }), (e, t) => {
+      const o = ee, l = oe, m = te;
+      return V(), E("div", ye, [
+        s("div", Ce, [
+          s("span", he, b(_.value || "等待数据..."), 1),
+          L(o, {
+            size: "small",
+            onClick: H
+          }, {
+            default: B(() => [...t[1] || (t[1] = [
+              se("导出", -1)
+            ])]),
+            _: 1
+          }),
+          L(m, {
+            modelValue: f.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (i) => f.value = i),
+            size: "small",
+            class: "view-select",
+            onChange: q
+          }, {
+            default: B(() => [
+              (V(), E(re, null, de(F, (i) => L(l, {
+                key: i.value,
+                label: i.label,
+                value: i.value
+              }, null, 8, ["label", "value"])), 64))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        s("div", be, [
+          s("div", _e, b(p.value.title) + "-" + b(N[f.value]), 1),
+          s("div", De, b(_.value || X.value), 1),
+          t[2] || (t[2] = s("div", { class: "view-legend" }, [
+            s("span", { class: "legend-line" }),
+            s("span", null, "姿态")
+          ], -1))
+        ]),
+        s("div", Se, [
+          D.value ? ce("", !0) : (V(), E("div", Me, [...t[3] || (t[3] = [
+            s("div", { class: "no-data-icon" }, "📊", -1),
+            s("div", { class: "no-data-text" }, "请设置配置面板ID以获取数据", -1),
+            s("div", { class: "no-data-hint" }, '在数据面板中设置"configPanelId"，填入3D组件的uid', -1)
+          ])])),
+          s("div", {
+            id: O,
+            class: "view-chart"
+          })
+        ]),
+        me(e.$slots, "default", {}, void 0, !0)
+      ]);
+    };
+  }
+})), Xe = /* @__PURE__ */ fe(Oe, [["__scopeId", "data-v-20558d51"]]);
+export {
+  Xe as default
+};

package/dist/deepDisplacementView-wQxyKzB-.cjs

@@ -0,0 +1,8 @@
+"use strict";var Y=Object.defineProperty,j=Object.defineProperties;var F=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var X=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var O=(c,i,s)=>i in c?Y(c,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):c[i]=s,q=(c,i)=>{for(var s in i||(i={}))X.call(i,s)&&O(c,s,i[s]);if(L)for(var s of L(i))Z.call(i,s)&&O(c,s,i[s]);return c},P=(c,i)=>j(c,F(i));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/select/style/css");require("element-plus/es/components/option/style/css");require("element-plus/es/components/button/style/css");const e=require("vue"),V=require("./index-Mh5Dw2sd.cjs");require("./index-mAPVa0s4.cjs");const T=require("./ele-gridview-icon-D3GcssP6.cjs"),H=require("./echarts-BB8O2KSA.cjs"),W={class:"deep-displacement-view"},G={class:"view-toolbar"},J={class:"time-display"},K={class:"view-header"},Q={class:"view-title"},ee={class:"view-time"},te={class:"chart-container"},oe={key:0,class:"no-data"},le={DEFAULT_ICON:T.DEFAULT_ICON,ACTIVE_ICON:T.ACTIVE_ICON,NAME_CN:"深部位移三视图",NAME_EN:"Deep Displacement View",ORDER:12},ne={title:{value:"深部位移三视图",type:"string",label:"component.deepDisplacement.title"},bgColor:{value:"#ffffff",type:"color",label:"component.options.bgColor"},textColor:{value:"#333333",type:"color",label:"component.options.textColor"},lineColor:{value:"#4a90d9",type:"color",label:"component.deepDisplacement.lineColor"},gridColor:{value:"#e5e5e5",type:"color",label:"component.deepDisplacement.gridColor"},pointColor:{value:"#4a90d9",type:"color",label:"component.deepDisplacement.pointColor"}},ae=[{configPanelId:""}],ie=["configPanelId"],re=[],se={useAlias:!1,multiObject:!1,source:""},de={DEFAULT:le,OPTIONS:ne,DATA:ae,PARAMS:ie,SOURCE:re,COMMON:se},ce=e.defineComponent(P(q({},de),{__name:"deepDisplacementView",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(c){e.useCssVars(t=>({v28f3e125:u.value.bgColor,v527e537d:u.value.textColor,v25488d16:u.value.lineColor}));const i=V.useLinkStore(),s=c,z=[{label:"俯视图",value:"top"},{label:"主视图",value:"front"},{label:"侧视图",value:"side"}],N={top:"俯视图",front:"主视图",side:"侧视图"},f=e.ref("top"),b=e.ref(""),B=e.computed(()=>V.dayjs().format("YYYY-MM-DD HH:mm:ss")),M=`deepDisplacementView_${Date.now()}_${Math.random().toString(36).slice(2,11)}`,v=e.ref([]),_=e.computed(()=>v.value&&v.value.length>0);let d=null,g=null;const u=e.computed(()=>{var l,n,m,r,p,x,y;const{options:t,data:o}=s.conf||{};return{title:((l=t==null?void 0:t.title)==null?void 0:l.value)||"深部位移三视图",configPanelId:((n=o==null?void 0:o[0])==null?void 0:n.configPanelId)||"",bgColor:((m=t==null?void 0:t.bgColor)==null?void 0:m.value)||"#ffffff",textColor:((r=t==null?void 0:t.textColor)==null?void 0:r.value)||"#333333",lineColor:((p=t==null?void 0:t.lineColor)==null?void 0:p.value)||"#4a90d9",gridColor:((x=t==null?void 0:t.gridColor)==null?void 0:x.value)||"#e5e5e5",pointColor:((y=t==null?void 0:t.pointColor)==null?void 0:y.value)||"#4a90d9"}}),R=t=>{const o=v.value;if(!o||o.length===0)return{};const l=u.value;let n=[],m=[],r="",p="";t==="front"?(n=o.map(a=>a.x),m=o.map(a=>a.depth),r="X (mm)",p="Z (mm)"):t==="side"?(n=o.map(a=>a.y),m=o.map(a=>a.depth),r="Y (mm)",p="Z (mm)"):(n=o.map(a=>a.x),m=o.map(a=>a.y),r="X (mm)",p="Y (mm)");const x=Math.min(...n),y=Math.max(...n),C=Math.min(...m),I=Math.max(...m),A=Math.max(Math.abs(x),Math.abs(y),15e3),k=t==="top"?Math.max(Math.abs(C),Math.abs(I),15e3):Math.abs(C-I)*1.1;return{grid:{left:60,right:50,top:20,bottom:60},tooltip:{trigger:"item",backgroundColor:"rgba(255, 255, 255, 0.95)",borderColor:"#e5e5e5",textStyle:{color:"#333",fontSize:12},formatter:a=>{const S=a.dataIndex,h=o[S];return`<div style="padding: 8px;">
+					<div style="font-weight: 600; margin-bottom: 6px;">深度: ${h.depth}m</div>
+					<div style="color: #666; line-height: 1.8;">
+						<div>高程: ${h.elevation}m</div>
+						<div>X: ${h.x}</div>
+						<div>Y: ${h.y}</div>
+					</div>
+				</div>`}},dataZoom:[{type:"inside",xAxisIndex:0,filterMode:"none"},{type:"inside",yAxisIndex:0,filterMode:"none"},{type:"slider",xAxisIndex:0,bottom:5,height:15,showDetail:!0,filterMode:"none"},{type:"slider",yAxisIndex:0,right:5,width:15,showDetail:!0,filterMode:"none"}],xAxis:{type:"value",name:r,nameLocation:"end",nameTextStyle:{color:l.textColor,fontSize:11},min:-A,max:A,axisLine:{lineStyle:{color:l.gridColor}},axisLabel:{color:l.textColor,fontSize:10,formatter:a=>a.toLocaleString()},splitLine:{lineStyle:{color:l.gridColor,type:"dashed"}}},yAxis:{type:"value",name:p,nameLocation:"end",nameTextStyle:{color:l.textColor,fontSize:11},min:t==="top"?-k:C-Math.abs(C)*.1,max:t==="top"?k:0,axisLine:{lineStyle:{color:l.gridColor}},axisLabel:{color:l.textColor,fontSize:10,formatter:a=>a.toLocaleString()},splitLine:{lineStyle:{color:l.gridColor,type:"dashed"}}},series:[{type:"line",data:n.map((a,S)=>[a,m[S]]),smooth:!1,symbol:"circle",symbolSize:6,lineStyle:{color:l.lineColor,width:2},itemStyle:{color:l.pointColor,borderColor:"#fff",borderWidth:1},emphasis:{itemStyle:{borderWidth:2,borderColor:l.lineColor}}}]}},D=()=>{d&&_.value&&(d.clear(),d.setOption(R(f.value),!0))},$=()=>{D()};e.watch(()=>i.channels.deepDisplacement3D,t=>{if(!t||t.topic.source==="deepDisplacementView")return;const o=u.value.configPanelId;if(!o||t.payload.objectId!==o)return;const l=t.payload;if(l.type==="data"){console.log("[View] 收到数据, payload:",l.fv);const n=l.fv;n!=null&&n.data&&Array.isArray(n.data)&&(v.value=[...n.data],n.time&&(b.value=n.time),e.nextTick(D))}},{deep:!0});const w=()=>{const t=u.value.configPanelId;t&&i.publish("deepDisplacement3D","deepDisplacementView",{objectId:t,type:"request",fv:{}})},U=()=>{if(d&&_.value){const t=d.getDataURL({type:"png",pixelRatio:2,backgroundColor:"#fff"}),o=document.createElement("a");o.download=`${u.value.title}-${N[f.value]}.png`,o.href=t,o.click()}};return e.onMounted(()=>{e.nextTick(()=>{const t=document.getElementById(M);t&&(d=H.init(t),g=new ResizeObserver(()=>d==null?void 0:d.resize()),g.observe(t.parentElement)),w()})}),e.onBeforeUnmount(()=>{g==null||g.disconnect(),d==null||d.dispose()}),e.watch(()=>u.value.configPanelId,w),e.watch(v,D,{deep:!0}),(t,o)=>{const l=E.ElButton,n=E.ElOption,m=E.ElSelect;return e.openBlock(),e.createElementBlock("div",W,[e.createElementVNode("div",G,[e.createElementVNode("span",J,e.toDisplayString(b.value||"等待数据..."),1),e.createVNode(l,{size:"small",onClick:U},{default:e.withCtx(()=>[...o[1]||(o[1]=[e.createTextVNode("导出",-1)])]),_:1}),e.createVNode(m,{modelValue:f.value,"onUpdate:modelValue":o[0]||(o[0]=r=>f.value=r),size:"small",class:"view-select",onChange:$},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(z,r=>e.createVNode(n,{key:r.value,label:r.label,value:r.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])]),e.createElementVNode("div",K,[e.createElementVNode("div",Q,e.toDisplayString(u.value.title)+"-"+e.toDisplayString(N[f.value]),1),e.createElementVNode("div",ee,e.toDisplayString(b.value||B.value),1),o[2]||(o[2]=e.createElementVNode("div",{class:"view-legend"},[e.createElementVNode("span",{class:"legend-line"}),e.createElementVNode("span",null,"姿态")],-1))]),e.createElementVNode("div",te,[_.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",oe,[...o[3]||(o[3]=[e.createElementVNode("div",{class:"no-data-icon"},"📊",-1),e.createElementVNode("div",{class:"no-data-text"},"请设置配置面板ID以获取数据",-1),e.createElementVNode("div",{class:"no-data-hint"},'在数据面板中设置"configPanelId"，填入3D组件的uid',-1)])])),e.createElementVNode("div",{id:M,class:"view-chart"})]),e.renderSlot(t.$slots,"default",{},void 0,!0)])}}})),me=V._export_sfc(ce,[["__scopeId","data-v-20558d51"]]);exports.default=me;