mixdashboards 1.0.71 → 1.0.73

package/dist/{radarMapViewer-BaAXjsWx.js → radarMapViewer-C2dde8EN.js}

@@ -2,18 +2,18 @@ var Ht = Object.defineProperty, Wt = Object.defineProperties;
 var zt = Object.getOwnPropertyDescriptors;
 var Xe = Object.getOwnPropertySymbols;
 var jt = Object.prototype.hasOwnProperty, Yt = Object.prototype.propertyIsEnumerable;
-var Ge = (R, y, $) => y in R ? Ht(R, y, { enumerable: !0, configurable: !0, writable: !0, value: $ }) : R[y] = $, qe = (R, y) => {
-  for (var $ in y || (y = {}))
-    jt.call(y, $) && Ge(R, $, y[$]);
+var Ge = (R, y, M) => y in R ? Ht(R, y, { enumerable: !0, configurable: !0, writable: !0, value: M }) : R[y] = M, qe = (R, y) => {
+  for (var M in y || (y = {}))
+    jt.call(y, M) && Ge(R, M, y[M]);
   if (Xe)
-    for (var $ of Xe(y))
-      Yt.call(y, $) && Ge(R, $, y[$]);
+    for (var M of Xe(y))
+      Yt.call(y, M) && Ge(R, M, y[M]);
   return R;
 }, Ke = (R, y) => Wt(R, zt(y));
 import { defineComponent as Xt, computed as B, ref as v, reactive as Ze, onMounted as Gt, nextTick as Je, onUnmounted as qt, watch as Kt, openBlock as f, createElementBlock as b, normalizeStyle as U, unref as A, createElementVNode as a, withModifiers as D, toDisplayString as F, createTextVNode as oe, normalizeClass as re, withDirectives as W, vModelText as ke, createBlock as Zt, Teleport as Jt, Fragment as z, renderList as j, createCommentVNode as ie, vShow as ae, renderSlot as Qt } from "vue";
 import "html2canvas";
-import { B as en } from "./BaseComponent-D5tlYehc.js";
-import { _ as tn } from "./index-Bdq33405.js";
+import { B as en } from "./BaseComponent-CBagahPU.js";
+import { _ as tn } from "./index-DwPJu6XM.js";
 import { A as nn, D as ln } from "./ele-lin-icon-Dax-ZiWV.js";
 const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { class: "dropdown-wrapper" }, an = { class: "dropdown-wrapper" }, un = { class: "dropdown-wrapper" }, dn = { class: "model-btn-wrapper" }, cn = ["value", "checked", "onChange"], gn = {
   class: "dropdown-item",
@@ -24,7 +24,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
 }, mn = ["checked"], wn = ["checked", "onChange"], yn = {
   class: "dropdown-item",
   style: { background: "#fafafa" }
-}, Sn = ["checked"], xn = ["checked", "onChange"], Cn = ["checked", "onChange"], kn = ["width", "height", "viewBox"], An = ["width", "height", "viewBox"], Rn = ["width", "height", "viewBox"], $n = ["title", "onClick"], Mn = ["title", "onClick"], En = {
+}, Sn = ["checked"], xn = ["checked", "onChange"], Cn = ["checked", "onChange"], kn = ["width", "height", "viewBox"], An = ["width", "height", "viewBox"], Rn = ["width", "height", "viewBox"], Mn = ["title", "onClick"], $n = ["title", "onClick"], En = {
   key: 0,
   class: "draw-toolbar"
 }, Dn = { class: "draw-tip" }, Ln = {
@@ -32,7 +32,8 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
   ACTIVE_ICON: nn,
   NAME_CN: "雷达地图查看器",
   NAME_EN: "Radar Map Viewer",
-  ORDER: 2
+  ORDER: 2,
+  PLATFORM: ["pc", "screen"]
 }, Pn = {
   bgColor: { value: "#0b1a31", type: "color", label: "背景色" },
   canvasWidth: { value: 3e3, type: "number", label: "画布宽度" },
@@ -55,7 +56,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
   { name: "雷达2(东)", fv: "", object_id: "", color: "#E6A23C", lng: "106.7180", lat: "26.5810", elevation: "1480", region: "西帮", x: 2650, y: 1250, angle: 270, targetSide: "left" },
   { name: "雷达3(南)", fv: "", object_id: "", color: "#67C23A", lng: "106.7120", lat: "26.5840", elevation: "1500", region: "北帮", x: 1500, y: 2300, angle: 0, targetSide: "top" },
   { name: "雷达4(西)", fv: "", object_id: "", color: "#909399", lng: "106.7060", lat: "26.5810", elevation: "1460", region: "东帮", x: 350, y: 1250, angle: 90, targetSide: "right" }
-], _n = ["name", "fv", "object_id", "color", "lng", "lat", "elevation", "region", "x", "y", "angle", "targetSide"], In = ["mosaic"], On = { source: "mosaic" }, Tn = { DEFAULT: Ln, OPTIONS: Pn, DATA: Nn, PARAMS: _n, SOURCE: In, COMMON: On }, Bn = /* @__PURE__ */ Xt(Ke(qe({}, Tn), {
+], On = ["name", "fv", "object_id", "color", "lng", "lat", "elevation", "region", "x", "y", "angle", "targetSide"], Tn = ["mosaic"], _n = { source: "mosaic" }, In = { DEFAULT: Ln, OPTIONS: Pn, DATA: Nn, PARAMS: On, SOURCE: Tn, COMMON: _n }, Bn = /* @__PURE__ */ Xt(Ke(qe({}, In), {
   __name: "radarMapViewer",
   props: {
     conf: { type: Object, default: () => ({}) },
@@ -65,7 +66,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
   },
   setup(R) {
     const y = R;
-    class $ extends en {
+    class M extends en {
       extractStyles() {
         var r, s, o, h, p, g, c, w;
         const { options: e } = this.props.conf, n = ((r = e == null ? void 0 : e.linkChannel) == null ? void 0 : r.value) || "radarMonitor", l = ((s = e == null ? void 0 : e.customChannel) == null ? void 0 : s.value) || "";
@@ -83,9 +84,9 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         Vt(e);
       }
     }
-    const M = new $(y, "radarMapViewer");
-    M.setupLifecycle();
-    const m = M.getStyle(), u = 1500, d = 1250, Qe = ["#F57676", "#FFA500", "#E6A23C", "#66B1FF", "#71C446"], V = [
+    const $ = new M(y, "radarMapViewer");
+    $.setupLifecycle();
+    const m = $.getStyle(), u = 1500, d = 1250, Qe = ["#F57676", "#FFA500", "#E6A23C", "#66B1FF", "#71C446"], V = [
       { w: 2200, h: 1600 },
       // 最外圈（坑口）
       { w: 1900, h: 1400 },
@@ -114,7 +115,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         targetSide: n.targetSide || "bottom",
         isOnline: n.value !== void 0 ? !!n.value : !0
       }));
-    }, E = B(() => tt()), C = v(null), Z = v(null), Ae = v(null), te = v(null), ue = v(null), Re = v(null), $e = v(null), Me = v(null), Ee = v(null), J = v({ top: "0px", left: "0px", minWidth: "0px" }), k = v(0.6), x = Ze({ x: -300, y: -200 }), de = v([]), De = v([]), Y = v(/* @__PURE__ */ new Set()), O = v(null), i = Ze({
+    }, E = B(() => tt()), C = v(null), Z = v(null), Ae = v(null), te = v(null), ue = v(null), Re = v(null), Me = v(null), $e = v(null), Ee = v(null), J = v({ top: "0px", left: "0px", minWidth: "0px" }), k = v(0.6), x = Ze({ x: -300, y: -200 }), de = v([]), De = v([]), Y = v(/* @__PURE__ */ new Set()), _ = v(null), i = Ze({
       isDrawing: !1,
       mode: "surface",
       surfacePoints: [],
@@ -128,7 +129,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
       { id: "geology", label: "地质模型" },
       { id: "dtm", label: "DTM面" },
       { id: "uav", label: "无人机地图" }
-    ], H = v(null), S = v([]), L = v([]), X = v([]), G = v([]), P = v(["geology"]), T = v(""), ne = v(1), ce = v("2025-10-10T13:22"), ge = v("2026-01-18T00:00"), lt = B(() => {
+    ], H = v(null), S = v([]), L = v([]), X = v([]), G = v([]), P = v(["geology"]), I = v(""), ne = v(1), ce = v("2025-10-10T13:22"), ge = v("2026-01-18T00:00"), lt = B(() => {
       const t = S.value.filter((e) => e !== "全部");
       return t.length ? S.value.includes("全部") ? "已选全部" : t.length <= 1 ? t[0] : `已选(${t.length})` : "选择区域";
     }), Ne = B(() => {
@@ -149,8 +150,8 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
       return P.value.length > 1 ? e + "..." : e;
     }), at = {
       region: Re,
-      radar: $e,
-      virt: Me,
+      radar: Me,
+      virt: $e,
       model: Ee
     }, ve = (t) => {
       var n;
@@ -174,7 +175,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         };
       }
       H.value = t;
-    }, _e = (t) => {
+    }, Oe = (t) => {
       const e = t.target;
       e != null && e.closest(".tp-dropdown") || e != null && e.closest(".dropdown-wrapper") || e != null && e.closest(".model-btn-wrapper") || (H.value = null);
     }, ut = (t, e) => {
@@ -186,7 +187,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         e ? l.includes(t) || l.push(t) : l = l.filter((r) => r !== t), n.every((r) => l.includes(r)) && (l = ["全部", ...n]), S.value = l;
       }
       Q();
-    }, Ie = (t, e) => {
+    }, Te = (t, e) => {
       const n = E.value.map((l) => l.name);
       if (t === "全部")
         L.value = e ? ["全部", ...n] : [];
@@ -237,12 +238,12 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         P.value.includes("uav") && (l += "saturate(1.5) contrast(1.2) "), P.value.includes("dtm") && (l += "brightness(1.1) "), t.style.filter = l.trim() || "none";
       }
     }, ye = (t) => {
-      ne.value = t, M.publish({ type: "timeRangeChange", days: t, start: ce.value, end: ge.value });
-    }, Oe = () => {
-      ne.value = 0, M.publish({ type: "timeRangeChange", days: 0, start: ce.value, end: ge.value });
+      ne.value = t, $.publish({ type: "timeRangeChange", days: t, start: ce.value, end: ge.value });
+    }, _e = () => {
+      ne.value = 0, $.publish({ type: "timeRangeChange", days: 0, start: ce.value, end: ge.value });
     }, pt = () => {
       Ve("point");
-    }, Te = (t) => {
+    }, Ie = (t) => {
       const e = S.value.filter((l) => l !== "全部"), n = L.value.filter((l) => l !== "全部");
       return !(e.length > 0 && !e.includes(t.region) || n.length > 0 && !n.includes(t.name));
     }, Q = () => {
@@ -255,7 +256,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         const n = E.value.find((l) => l.region === t[0]);
         n && Fe(n);
       }
-      e.length === 1 ? M.publish({ type: "regionFilter", regions: [], radars: [e[0]] }) : t.length === 1 ? M.publish({ type: "regionFilter", regions: [t[0]], radars: [] }) : M.publish({ type: "regionFilter", regions: [], radars: [] });
+      e.length === 1 ? $.publish({ type: "regionFilter", regions: [], radars: [e[0]] }) : t.length === 1 ? $.publish({ type: "regionFilter", regions: [t[0]], radars: [] }) : $.publish({ type: "regionFilter", regions: [], radars: [] });
     }, bt = (t) => {
       const e = te.value;
       if (!e || (e.querySelectorAll(".region-highlight").forEach((r) => r.remove()), t.length === 0 || t.includes("全部"))) return;
@@ -274,7 +275,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
     }, mt = B(() => {
       const t = S.value.filter((o) => o !== "全部"), e = L.value.filter((o) => o !== "全部"), n = X.value.map((o) => o.replace("区域", "")), l = G.value.map((o) => o.replace("监测线", "")), r = [.../* @__PURE__ */ new Set([...n, ...l])];
       let s = De.value;
-      return O.value ? s.filter((o) => o.radarId === O.value) : s.filter((o) => !(t.length > 0 && !t.includes(o.region) || e.length > 0 && !e.includes(o.radarName) || r.length > 0 && !r.includes(o.surfaceId)));
+      return _.value ? s.filter((o) => o.radarId === _.value) : s.filter((o) => !(t.length > 0 && !t.includes(o.region) || e.length > 0 && !e.includes(o.radarName) || r.length > 0 && !r.includes(o.surfaceId)));
     }), wt = B(
       () => i.mode === "surface" ? "【面模式】左键点击添加节点，右键闭合区域" : "【点模式】左键点击选点，左键拖拽画线，右键结束"
     ), yt = (t) => t >= 8 ? 0 : t >= 5 ? 1 : t >= 3 ? 2 : t >= 2 ? 3 : 4, St = (t) => ({
@@ -285,13 +286,13 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
       top: t.y - 2e3 + "px",
       transform: `rotate(${t.angle}deg)`
     }), Ct = (t) => Y.value.has(t), kt = (t) => {
-      const e = !O.value || t.radarId === O.value;
+      const e = !_.value || t.radarId === _.value;
       return {
         left: t.x + "px",
         top: t.y + "px",
         backgroundColor: Qe[t.alarmIdx],
         opacity: e ? 1 : 0.05,
-        transform: e && O.value ? "scale(1.5)" : "scale(1)",
+        transform: e && _.value ? "scale(1.5)" : "scale(1)",
         zIndex: e ? 100 : 1
       };
     }, Be = () => {
@@ -327,25 +328,25 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
             const g = `${n.id}-S${o}-P${p}`, c = Math.random(), w = r.w + (s.w - r.w) * c, N = r.h + (s.h - r.h) * c;
             let le, se;
             if (n.targetSide === "bottom") {
-              const _ = w * 0.8;
-              le = u - _ / 2 + Math.random() * _;
-              const I = d + r.h / 2, K = d + s.h / 2;
-              se = I + (K - I) * c + (Math.random() - 0.5) * 15;
+              const O = w * 0.8;
+              le = u - O / 2 + Math.random() * O;
+              const T = d + r.h / 2, K = d + s.h / 2;
+              se = T + (K - T) * c + (Math.random() - 0.5) * 15;
             } else if (n.targetSide === "top") {
-              const _ = w * 0.8;
-              le = u - _ / 2 + Math.random() * _;
-              const I = d - r.h / 2, K = d - s.h / 2;
-              se = I + (K - I) * c + (Math.random() - 0.5) * 15;
+              const O = w * 0.8;
+              le = u - O / 2 + Math.random() * O;
+              const T = d - r.h / 2, K = d - s.h / 2;
+              se = T + (K - T) * c + (Math.random() - 0.5) * 15;
             } else if (n.targetSide === "left") {
-              const _ = N * 0.8;
-              se = d - _ / 2 + Math.random() * _;
-              const I = u - r.w / 2, K = u - s.w / 2;
-              le = I + (K - I) * c + (Math.random() - 0.5) * 15;
+              const O = N * 0.8;
+              se = d - O / 2 + Math.random() * O;
+              const T = u - r.w / 2, K = u - s.w / 2;
+              le = T + (K - T) * c + (Math.random() - 0.5) * 15;
             } else {
-              const _ = N * 0.8;
-              se = d - _ / 2 + Math.random() * _;
-              const I = u + r.w / 2, K = u + s.w / 2;
-              le = I + (K - I) * c + (Math.random() - 0.5) * 15;
+              const O = N * 0.8;
+              se = d - O / 2 + Math.random() * O;
+              const T = u + r.w / 2, K = u + s.w / 2;
+              le = T + (K - T) * c + (Math.random() - 0.5) * 15;
             }
             const he = Math.random();
             let q;
@@ -371,7 +372,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
     }, At = (t) => {
       if (t.button === 0) {
         if (i.isDrawing) {
-          It(t);
+          Tt(t);
           return;
         }
         pe = !0, Le = t.clientX - x.x, Pe = t.clientY - x.y, C.value && (C.value.style.cursor = "grabbing");
@@ -382,13 +383,13 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         return;
       }
       pe && (x.x = t.clientX - Le, x.y = t.clientY - Pe, ee());
-    }, $t = (t) => {
+    }, Mt = (t) => {
       if (i.isDrawing && i.mode !== "surface") {
-        Ot(t);
+        _t(t);
         return;
       }
       pe = !1, C.value && (C.value.style.cursor = i.isDrawing ? "crosshair" : "grab");
-    }, Mt = (t) => {
+    }, $t = (t) => {
       i.isDrawing && We();
     }, Et = (t) => {
       const e = C.value;
@@ -399,10 +400,10 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
       const e = Z.value.getBoundingClientRect();
       return { x: (t.clientX - e.left) / k.value, y: (t.clientY - e.top) / k.value };
     }, Dt = (t) => {
-      O.value = O.value === t.id ? null : t.id, Y.value.clear(), O.value ? (Y.value.add(t.id), Fe(t), Nt(t)) : (E.value.filter((e) => e.isOnline).forEach((e) => Y.value.add(e.id)), Pt(), Lt()), M.publish({
+      _.value = _.value === t.id ? null : t.id, Y.value.clear(), _.value ? (Y.value.add(t.id), Fe(t), Nt(t)) : (E.value.filter((e) => e.isOnline).forEach((e) => Y.value.add(e.id)), Pt(), Lt()), $.publish({
         type: "regionFilter",
-        regions: O.value ? [t.region] : [],
-        radars: O.value ? [t.name] : []
+        regions: _.value ? [t.region] : [],
+        radars: _.value ? [t.name] : []
       });
     }, Fe = (t) => {
       const e = C.value, n = Z.value;
@@ -454,14 +455,14 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
       }
     }, Ve = (t) => {
       i.isDrawing = !0, i.mode = t, i.surfacePoints = [], i.mixedShapes = [], i.cursorPos = null, i.dragStart = null, i.isDragging = !1, C.value && (C.value.style.cursor = "crosshair"), He();
-    }, _t = () => {
+    }, Ot = () => {
       i.isDrawing = !1, C.value && (C.value.style.cursor = "grab"), i.dragStart = null;
     }, He = () => {
       ue.value && (ue.value.innerHTML = "");
-    }, It = (t) => {
+    }, Tt = (t) => {
       const e = Se(t);
       i.mode === "surface" ? (i.surfacePoints.push(e), fe()) : (i.dragStart = e, i.isDragging = !0);
-    }, Ot = (t) => {
+    }, _t = (t) => {
       if (i.mode === "surface" || !i.dragStart) return;
       const e = Se(t), n = e.x - i.dragStart.x, l = e.y - i.dragStart.y;
       Math.sqrt(n * n + l * l) < 5 ? i.mixedShapes.push({ type: "point", x: i.dragStart.x, y: i.dragStart.y }) : i.mixedShapes.push({
@@ -478,9 +479,9 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         xe();
         return;
       }
-      i.isDrawing = !1, C.value && (C.value.style.cursor = "grab"), i.cursorPos = null, fe(!0), M.publish({ type: "customAreaComplete" });
-    }, Tt = () => We(), xe = () => {
-      _t(), He(), M.publish({ type: "customAreaCancel" });
+      i.isDrawing = !1, C.value && (C.value.style.cursor = "grab"), i.cursorPos = null, fe(!0), $.publish({ type: "customAreaComplete" });
+    }, It = () => We(), xe = () => {
+      Ot(), He(), $.publish({ type: "customAreaCancel" });
     }, fe = (t = !1) => {
       const e = ue.value;
       if (!e) return;
@@ -521,7 +522,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
       const h = document.createElementNS("http://www.w3.org/2000/svg", "line");
       h.setAttribute("x1", String(e)), h.setAttribute("y1", String(n)), h.setAttribute("x2", String(l)), h.setAttribute("y2", String(r)), h.setAttribute("stroke", "#E6A23C"), h.setAttribute("stroke-width", "3"), s && h.setAttribute("stroke-dasharray", "5,5"), t.appendChild(h), Ce(t, e, n, "#E6A23C"), Ce(t, l, r, "#E6A23C");
     }, Ft = (t) => {
-      M.publish({
+      $.publish({
         type: "openAnalysis",
         deviceId: t.id,
         region: t.region
@@ -532,9 +533,9 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         e.action === "start" ? Ve(e.mode || "surface") : e.action === "stop" && xe();
         return;
       }
-    }, je = (t) => Rt(t), Ye = (t) => $t(t);
+    }, je = (t) => Rt(t), Ye = (t) => Mt(t);
     return Gt(() => {
-      window.addEventListener("mousemove", je), window.addEventListener("mouseup", Ye), window.addEventListener("click", _e), de.value = E.value;
+      window.addEventListener("mousemove", je), window.addEventListener("mouseup", Ye), window.addEventListener("click", Oe), de.value = E.value;
       const t = E.value.filter((n) => n.isOnline);
       L.value = t.map((n) => n.name);
       const e = new Set(t.map((n) => n.region));
@@ -542,9 +543,9 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         Be(), Ue(), ee();
       });
     }), qt(() => {
-      window.removeEventListener("mousemove", je), window.removeEventListener("mouseup", Ye), window.removeEventListener("click", _e);
+      window.removeEventListener("mousemove", je), window.removeEventListener("mouseup", Ye), window.removeEventListener("click", Oe);
     }), Kt(() => y.conf, () => {
-      M.init(), de.value = E.value, Je(() => {
+      $.init(), de.value = E.value, Je(() => {
         Be(), Ue();
       });
     }, { deep: !0 }), (t, e) => (f(), b("div", {
@@ -567,7 +568,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
           a("div", an, [
             a("button", {
               ref_key: "radarBtnRef",
-              ref: $e,
+              ref: Me,
               class: "tb-btn",
               onClick: e[1] || (e[1] = D((n) => ve("radar"), ["stop"]))
             }, [
@@ -578,7 +579,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
           a("div", un, [
             a("button", {
               ref_key: "virtBtnRef",
-              ref: Me,
+              ref: $e,
               class: "tb-btn",
               onClick: e[2] || (e[2] = D((n) => ve("virt"), ["stop"]))
             }, [
@@ -604,7 +605,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
             type: "datetime-local",
             "onUpdate:modelValue": e[6] || (e[6] = (n) => ce.value = n),
             class: "tb-btn time-input",
-            onChange: Oe
+            onChange: _e
           }, null, 544), [
             [ke, ce.value]
           ]),
@@ -613,7 +614,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
             type: "datetime-local",
             "onUpdate:modelValue": e[7] || (e[7] = (n) => ge.value = n),
             class: "tb-btn time-input",
-            onChange: Oe
+            onChange: _e
           }, null, 544), [
             [ke, ge.value]
           ])
@@ -671,7 +672,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
               type: "checkbox",
               value: "全部",
               checked: st.value,
-              onChange: e[10] || (e[10] = (n) => Ie("全部", n.target.checked))
+              onChange: e[10] || (e[10] = (n) => Te("全部", n.target.checked))
             }, null, 40, vn),
             e[24] || (e[24] = a("span", null, "全部雷达", -1))
           ]),
@@ -683,7 +684,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
               type: "checkbox",
               value: n.name,
               checked: L.value.includes(n.name),
-              onChange: (l) => Ie(n.name, l.target.checked)
+              onChange: (l) => Te(n.name, l.target.checked)
             }, null, 40, fn),
             a("span", null, [
               oe(F(n.name) + " ", 1),
@@ -703,11 +704,11 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
           a("div", hn, [
             W(a("input", {
               type: "text",
-              "onUpdate:modelValue": e[12] || (e[12] = (n) => T.value = n),
+              "onUpdate:modelValue": e[12] || (e[12] = (n) => I.value = n),
               placeholder: "搜索区域或监测线...",
               style: { width: "100%", padding: "4px 8px", border: "1px solid #ddd", "border-radius": "4px", "font-size": "12px" }
             }, null, 512), [
-              [ke, T.value]
+              [ke, I.value]
             ])
           ]),
           a("div", pn, [
@@ -720,7 +721,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
               }, null, 40, mn),
               e[25] || (e[25] = a("span", { style: { "font-weight": "bold" } }, "全部", -1))
             ], 512), [
-              [ae, !T.value || "全部".includes(T.value)]
+              [ae, !I.value || "全部".includes(I.value)]
             ]),
             (f(), b(z, null, j(me, (n) => W(a("label", {
               key: n,
@@ -733,7 +734,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
               }, null, 40, wn),
               a("span", null, F(n), 1)
             ]), [
-              [ae, !T.value || n.includes(T.value)]
+              [ae, !I.value || n.includes(I.value)]
             ])), 64)),
             e[28] || (e[28] = a("div", {
               class: "dropdown-group-title",
@@ -747,7 +748,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
               }, null, 40, Sn),
               e[26] || (e[26] = a("span", { style: { "font-weight": "bold" } }, "全部", -1))
             ], 512), [
-              [ae, !T.value || "全部".includes(T.value)]
+              [ae, !I.value || "全部".includes(I.value)]
             ]),
             (f(), b(z, null, j(we, (n) => W(a("label", {
               key: n,
@@ -760,7 +761,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
               }, null, 40, xn),
               a("span", null, F(n), 1)
             ]), [
-              [ae, !T.value || n.includes(T.value)]
+              [ae, !I.value || n.includes(I.value)]
             ])), 64))
           ])
         ], 4)) : ie("", !0),
@@ -789,7 +790,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
         ref: C,
         class: "map-viewer",
         onMousedown: At,
-        onContextmenu: D(Mt, ["prevent"]),
+        onContextmenu: D($t, ["prevent"]),
         onWheel: D(Et, ["prevent"])
       }, [
         a("div", {
@@ -827,12 +828,12 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
             style: U(St(n)),
             title: `${n.name}（${n.isOnline ? "在线" : "离线"}）`,
             onClick: D((l) => Dt(n), ["stop"])
-          }, "📡", 14, $n)), [
-            [ae, Te(n)]
+          }, "📡", 14, Mn)), [
+            [ae, Ie(n)]
           ])), 128)),
           (f(!0), b(z, null, j(de.value, (n) => (f(), b("div", {
             key: "cloud-" + n.id,
-            class: re(["radar-cloud", { visible: Ct(n.id) && Te(n), "no-anim": R.mode === "edit" }]),
+            class: re(["radar-cloud", { visible: Ct(n.id) && Ie(n), "no-anim": R.mode === "edit" }]),
             style: U(xt(n))
           }, null, 6))), 128)),
           (f(!0), b(z, null, j(mt.value, (n) => (f(), b("div", {
@@ -841,14 +842,14 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
             style: U(kt(n)),
             title: `${n.deviceId} | ${n.speed} mm/h`,
             onClick: D((l) => Ft(n), ["stop"])
-          }, null, 12, Mn))), 128))
+          }, null, 12, $n))), 128))
         ], 512)
       ], 544),
       i.isDrawing ? (f(), b("div", En, [
         a("span", Dn, F(wt.value), 1),
         a("button", {
           class: "toolbar-btn confirm",
-          onClick: Tt
+          onClick: It
         }, "确定生成"),
         a("button", {
           class: "toolbar-btn",
@@ -858,7 +859,7 @@ const sn = { class: "map-toolbar" }, on = { class: "toolbar-left" }, rn = { clas
       Qt(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), jn = /* @__PURE__ */ tn(Bn, [["__scopeId", "data-v-082c9f0e"]]);
+})), jn = /* @__PURE__ */ tn(Bn, [["__scopeId", "data-v-cc924deb"]]);
 export {
   jn as default
 };

package/dist/radarMapViewer-HWzvBTzT.cjs

@@ -0,0 +1 @@
+"use strict";var Ct=Object.defineProperty,At=Object.defineProperties;var Nt=Object.getOwnPropertyDescriptors;var Be=Object.getOwnPropertySymbols;var Vt=Object.prototype.hasOwnProperty,Mt=Object.prototype.propertyIsEnumerable;var $e=(k,p,x)=>p in k?Ct(k,p,{enumerable:!0,configurable:!0,writable:!0,value:x}):k[p]=x,De=(k,p)=>{for(var x in p||(p={}))Vt.call(p,x)&&$e(k,x,p[x]);if(Be)for(var x of Be(p))Mt.call(p,x)&&$e(k,x,p[x]);return k},Le=(k,p)=>At(k,Nt(p));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue");require("html2canvas");const Rt=require("./BaseComponent-Chnv4fBT.cjs"),Bt=require("./index-DVqMfQVc.cjs"),Te=require("./ele-lin-icon-Dke_1AmT.cjs"),$t={class:"map-toolbar"},Dt={class:"toolbar-left"},Lt={class:"dropdown-wrapper"},Tt={class:"dropdown-wrapper"},Pt={class:"dropdown-wrapper"},It={class:"model-btn-wrapper"},Ot=["value","checked","onChange"],_t={class:"dropdown-item",style:{"border-bottom":"1px solid #eee","font-weight":"bold"}},Ft=["checked"],zt=["value","checked","onChange"],Ut={style:{padding:"8px","border-bottom":"1px solid #eee",background:"#f8fbff"}},Ht={style:{"max-height":"300px","overflow-y":"auto"}},Wt={class:"dropdown-item",style:{background:"#fafafa"}},jt=["checked"],Yt=["checked","onChange"],qt={class:"dropdown-item",style:{background:"#fafafa"}},Xt=["checked"],Gt=["checked","onChange"],Kt=["checked","onChange"],Zt=["width","height","viewBox"],Jt=["width","height","viewBox"],Qt=["width","height","viewBox"],en=["title","onClick"],tn=["title","onClick"],nn={key:0,class:"draw-toolbar"},ln={class:"draw-tip"},on={DEFAULT_ICON:Te.DEFAULT_ICON,ACTIVE_ICON:Te.ACTIVE_ICON,NAME_CN:"雷达地图查看器",NAME_EN:"Radar Map Viewer",ORDER:2,PLATFORM:["pc","screen"]},rn={bgColor:{value:"#0b1a31",type:"color",label:"背景色"},canvasWidth:{value:3e3,type:"number",label:"画布宽度"},canvasHeight:{value:2500,type:"number",label:"画布高度"},geologyModelUrl:{value:"",type:"string",label:"地质模型图片URL"},dtmModelUrl:{value:"",type:"string",label:"DTM面图片URL"},uavModelUrl:{value:"",type:"string",label:"无人机地图URL"},linkChannel:{value:"radarMonitor",type:"select",label:"联动频道",options:[{label:"雷达监测",value:"radarMonitor"},{label:"自定义",value:"custom"}]},customChannel:{value:"",type:"string",label:"自定义频道名",showWhen:{linkChannel:"custom"}}},an=[{name:"雷达1(北)",fv:"",object_id:"",color:"#409EFF",lng:"106.7120",lat:"26.5790",elevation:"1520",region:"南帮",x:1500,y:200,angle:180,targetSide:"bottom"},{name:"雷达2(东)",fv:"",object_id:"",color:"#E6A23C",lng:"106.7180",lat:"26.5810",elevation:"1480",region:"西帮",x:2650,y:1250,angle:270,targetSide:"left"},{name:"雷达3(南)",fv:"",object_id:"",color:"#67C23A",lng:"106.7120",lat:"26.5840",elevation:"1500",region:"北帮",x:1500,y:2300,angle:0,targetSide:"top"},{name:"雷达4(西)",fv:"",object_id:"",color:"#909399",lng:"106.7060",lat:"26.5810",elevation:"1460",region:"东帮",x:350,y:1250,angle:90,targetSide:"right"}],sn=["name","fv","object_id","color","lng","lat","elevation","region","x","y","angle","targetSide"],cn=["mosaic"],un={source:"mosaic"},dn={DEFAULT:on,OPTIONS:rn,DATA:an,PARAMS:sn,SOURCE:cn,COMMON:un},gn=e.defineComponent(Le(De({},dn),{__name:"radarMapViewer",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(k){const p=k;class x extends Rt.BaseComponent{extractStyles(){var i,r,a,v,f,g,d,h;const{options:t}=this.props.conf,l=((i=t==null?void 0:t.linkChannel)==null?void 0:i.value)||"radarMonitor",o=((r=t==null?void 0:t.customChannel)==null?void 0:r.value)||"";return{bgColor:((a=t==null?void 0:t.bgColor)==null?void 0:a.value)||"#0b1a31",canvasWidth:((v=t==null?void 0:t.canvasWidth)==null?void 0:v.value)||3e3,canvasHeight:((f=t==null?void 0:t.canvasHeight)==null?void 0:f.value)||2500,geologyModelUrl:((g=t==null?void 0:t.geologyModelUrl)==null?void 0:g.value)||"",dtmModelUrl:((d=t==null?void 0:t.dtmModelUrl)==null?void 0:d.value)||"",uavModelUrl:((h=t==null?void 0:t.uavModelUrl)==null?void 0:h.value)||"",linkChannel:l==="custom"&&o?o:l}}onLinkEvent(t){Et(t)}}const E=new x(p,"radarMapViewer");E.setupLifecycle();const m=E.getStyle(),c=1500,u=1250,Pe=["#F57676","#FFA500","#E6A23C","#66B1FF","#71C446"],D=[{w:2200,h:1600},{w:1900,h:1400},{w:1600,h:1200},{w:1300,h:1e3},{w:1e3,h:800}],Ie=[{id:"R1",name:"雷达1(北)",region:"南帮",x:c,y:u-1050,angle:180,targetSide:"bottom",isOnline:!0},{id:"R2",name:"雷达2(东)",region:"西帮",x:c+1150,y:u,angle:270,targetSide:"left",isOnline:!0},{id:"R3",name:"雷达3(南)",region:"北帮",x:c,y:u+1050,angle:0,targetSide:"top",isOnline:!0},{id:"R4",name:"雷达4(西)",region:"东帮",x:c-1150,y:u,angle:90,targetSide:"right",isOnline:!1}],Oe=()=>{var t;const n=(t=p.conf)==null?void 0:t.data;return!Array.isArray(n)||n.length===0?Ie:n.map((l,o)=>({id:l.object_id||`R${o+1}`,name:l.name||`雷达${o+1}`,region:l.region||"",x:Number(l.x)||c,y:Number(l.y)||u,angle:Number(l.angle)||0,targetSide:l.targetSide||"bottom",isOnline:l.value!==void 0?!!l.value:!0}))},C=e.computed(()=>Oe()),y=e.ref(null),F=e.ref(null),ce=e.ref(null),W=e.ref(null),X=e.ref(null),ue=e.ref(null),de=e.ref(null),ge=e.ref(null),ve=e.ref(null),z=e.ref({top:"0px",left:"0px",minWidth:"0px"}),S=e.ref(.6),w=e.reactive({x:-300,y:-200}),G=e.ref([]),fe=e.ref([]),T=e.ref(new Set),B=e.ref(null),s=e.reactive({isDrawing:!1,mode:"surface",surfacePoints:[],mixedShapes:[],cursorPos:null,dragStart:null,isDragging:!1});let te=!1,me=0,he=0;const ne=e.computed(()=>["全部",...[...new Set(C.value.map(t=>t.region).filter(Boolean))]]),le=["区域1","区域2","区域3"],oe=["监测线1","监测线2","监测线3"],_e=[{id:"geology",label:"地质模型"},{id:"dtm",label:"DTM面"},{id:"uav",label:"无人机地图"}],L=e.ref(null),b=e.ref([]),A=e.ref([]),P=e.ref([]),I=e.ref([]),N=e.ref(["geology"]),$=e.ref(""),j=e.ref(1),K=e.ref("2025-10-10T13:22"),Z=e.ref("2026-01-18T00:00"),Fe=e.computed(()=>{const n=b.value.filter(t=>t!=="全部");return n.length?b.value.includes("全部")?"已选全部":n.length<=1?n[0]:`已选(${n.length})`:"选择区域"}),pe=e.computed(()=>{const n=b.value.filter(t=>t!=="全部");return!n.length||b.value.includes("全部")?C.value:C.value.filter(t=>n.includes(t.region))}),ze=e.computed(()=>{const n=pe.value.map(t=>t.name);return n.length>0&&n.every(t=>A.value.includes(t))}),Ue=e.computed(()=>{const n=A.value.filter(t=>t!=="全部");return n.length?A.value.includes("全部")?"已选全部":n.length<=1?n[0]:`已选(${n.length})`:"选择设备"}),He=e.computed(()=>{const n=P.value.length+I.value.length;return n===0?"选择/搜索虚拟位置":`已选(${n})`}),We=e.computed(()=>{if(!N.value.length)return"请选择模型";const t={geology:"地质模型",dtm:"DTM面",uav:"无人机地图"}[N.value[0]];return N.value.length>1?t+"...":t}),je={region:ue,radar:de,virt:ge,model:ve},J=n=>{var l;if(L.value===n){L.value=null;return}const t=(l=je[n])==null?void 0:l.value;if(t){const o=t.getBoundingClientRect();n==="model"?z.value={top:o.bottom+2+"px",left:"auto",right:window.innerWidth-o.right+"px",minWidth:o.width+"px"}:z.value={top:o.bottom+2+"px",left:o.left+"px",right:"auto",minWidth:o.width+"px"}}L.value=n},be=n=>{const t=n.target;t!=null&&t.closest(".tp-dropdown")||t!=null&&t.closest(".dropdown-wrapper")||t!=null&&t.closest(".model-btn-wrapper")||(L.value=null)},Ye=(n,t)=>{const l=ne.value.filter(o=>o!=="全部");if(n==="全部")b.value=t?[...ne.value]:[];else{let o=b.value.filter(i=>i!=="全部");t?o.includes(n)||o.push(n):o=o.filter(i=>i!==n),l.every(i=>o.includes(i))&&(o=["全部",...l]),b.value=o}U()},we=(n,t)=>{const l=C.value.map(o=>o.name);if(n==="全部")A.value=t?["全部",...l]:[];else{let o=A.value.filter(i=>i!=="全部");if(t){o.includes(n)||o.push(n);const i=C.value.find(r=>r.name===n);i&&!b.value.includes(i.region)&&(b.value=[...b.value,i.region])}else o=o.filter(i=>i!==n);l.every(i=>o.includes(i))&&(o=["全部",...l]),A.value=o}U()},qe=n=>{P.value=n?[...le]:[],U()},Xe=(n,t)=>{let l=[...P.value];t?l.includes(n)||l.push(n):l=l.filter(o=>o!==n),P.value=l,U()},Ge=n=>{I.value=n?[...oe]:[],U()},Ke=(n,t)=>{let l=[...I.value];t?l.includes(n)||l.push(n):l=l.filter(o=>o!==n),I.value=l,U()},Ze=(n,t)=>{t?N.value.includes(n)||N.value.push(n):N.value=N.value.filter(l=>l!==n),Je()},Je=()=>{const n=F.value;if(!n)return;n.querySelectorAll(".model-overlay").forEach(o=>o.remove());const t={geology:m.value.geologyModelUrl,dtm:m.value.dtmModelUrl,uav:m.value.uavModelUrl};let l=!1;if(N.value.forEach(o=>{const i=t[o];if(i){l=!0;const r=document.createElement("img");r.className="model-overlay",r.src=i,r.style.cssText="position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2;opacity:0.6;",n.insertBefore(r,n.firstChild)}}),l)n.style.filter="none";else{let o="";N.value.includes("uav")&&(o+="saturate(1.5) contrast(1.2) "),N.value.includes("dtm")&&(o+="brightness(1.1) "),n.style.filter=o.trim()||"none"}},re=n=>{j.value=n,E.publish({type:"timeRangeChange",days:n,start:K.value,end:Z.value})},ye=()=>{j.value=0,E.publish({type:"timeRangeChange",days:0,start:K.value,end:Z.value})},Qe=()=>{Ce("point")},Se=n=>{const t=b.value.filter(o=>o!=="全部"),l=A.value.filter(o=>o!=="全部");return!(t.length>0&&!t.includes(n.region)||l.length>0&&!l.includes(n.name))},U=()=>{const n=b.value.filter(l=>l!=="全部"),t=A.value.filter(l=>l!=="全部");if(T.value.clear(),C.value.forEach(l=>{if(!l.isOnline)return;let o=!0;n.length>0&&!n.includes(l.region)&&(o=!1),t.length>0&&!t.includes(l.name)&&(o=!1),o&&T.value.add(l.id)}),et(n),n.length===1){const l=C.value.find(o=>o.region===n[0]);l&&Ee(l)}t.length===1?E.publish({type:"regionFilter",regions:[],radars:[t[0]]}):n.length===1?E.publish({type:"regionFilter",regions:[n[0]],radars:[]}):E.publish({type:"regionFilter",regions:[],radars:[]})},et=n=>{const t=W.value;if(!t||(t.querySelectorAll(".region-highlight").forEach(i=>i.remove()),n.length===0||n.includes("全部")))return;const l="http://www.w3.org/2000/svg",o={北帮:{x:600,y:0,w:1800,h:600},南帮:{x:600,y:1900,w:1800,h:600},东帮:{x:2400,y:600,w:600,h:1300},西帮:{x:0,y:600,w:600,h:1300}};n.forEach(i=>{const r=o[i];if(!r)return;const a=document.createElementNS(l,"rect");a.setAttribute("x",String(r.x)),a.setAttribute("y",String(r.y)),a.setAttribute("width",String(r.w)),a.setAttribute("height",String(r.h)),a.setAttribute("fill","rgba(255, 255, 0, 0.15)"),a.setAttribute("stroke","rgba(255, 255, 0, 0.7)"),a.setAttribute("stroke-width","3"),a.setAttribute("class","region-highlight"),t.appendChild(a)})},tt=e.computed(()=>{const n=b.value.filter(a=>a!=="全部"),t=A.value.filter(a=>a!=="全部"),l=P.value.map(a=>a.replace("区域","")),o=I.value.map(a=>a.replace("监测线","")),i=[...new Set([...l,...o])];let r=fe.value;return B.value?r.filter(a=>a.radarId===B.value):r.filter(a=>!(n.length>0&&!n.includes(a.region)||t.length>0&&!t.includes(a.radarName)||i.length>0&&!i.includes(a.surfaceId)))}),nt=e.computed(()=>s.mode==="surface"?"【面模式】左键点击添加节点，右键闭合区域":"【点模式】左键点击选点，左键拖拽画线，右键结束"),lt=n=>n>=8?0:n>=5?1:n>=3?2:n>=2?3:4,ot=n=>({left:n.x-20+"px",top:n.y-20+"px"}),rt=n=>({left:n.x-1200+"px",top:n.y-2e3+"px",transform:`rotate(${n.angle}deg)`}),at=n=>T.value.has(n),it=n=>{const t=!B.value||n.radarId===B.value;return{left:n.x+"px",top:n.y+"px",backgroundColor:Pe[n.alarmIdx],opacity:t?1:.05,transform:t&&B.value?"scale(1.5)":"scale(1)",zIndex:t?100:1}},ke=()=>{const n=ce.value;if(!n)return;n.innerHTML="";const t="http://www.w3.org/2000/svg",l=["#409EFF","#E6A23C","#F56C6C","#67C23A","#909399"],o=[4,2,2,2,2],i=[.3,.5,.5,.5,.3];D.forEach((f,g)=>{const d=document.createElementNS(t,"rect");d.setAttribute("x",String(c-f.w/2)),d.setAttribute("y",String(u-f.h/2)),d.setAttribute("width",String(f.w)),d.setAttribute("height",String(f.h)),d.setAttribute("fill","none"),d.setAttribute("stroke",l[g]),d.setAttribute("stroke-width",String(o[g])),d.setAttribute("opacity",String(i[g])),n.appendChild(d)});const r=D[0],a=D[4];[[c-r.w/2,u-r.h/2,c-a.w/2,u-a.h/2],[c+r.w/2,u-r.h/2,c+a.w/2,u-a.h/2],[c+r.w/2,u+r.h/2,c+a.w/2,u+a.h/2],[c-r.w/2,u+r.h/2,c-a.w/2,u+a.h/2]].forEach(([f,g,d,h])=>{const V=document.createElementNS(t,"line");V.setAttribute("x1",String(f)),V.setAttribute("y1",String(g)),V.setAttribute("x2",String(d)),V.setAttribute("y2",String(h)),V.setAttribute("stroke","#409EFF"),V.setAttribute("stroke-width","1"),V.setAttribute("opacity","0.2"),n.appendChild(V)})},xe=()=>{const n=[],t=[D[0],D[1],D[2],D[3]];C.value.forEach(l=>{for(let o=0;o<3;o++){const i=t[o],r=t[o+1],a=String(o+1),v=3+Math.floor(Math.random()*2);for(let f=1;f<=v;f++){const g=`${l.id}-S${a}-P${f}`,d=Math.random(),h=i.w+(r.w-i.w)*d,V=i.h+(r.h-i.h)*d;let Y,q;if(l.targetSide==="bottom"){const M=h*.8;Y=c-M/2+Math.random()*M;const R=u+i.h/2,_=u+r.h/2;q=R+(_-R)*d+(Math.random()-.5)*15}else if(l.targetSide==="top"){const M=h*.8;Y=c-M/2+Math.random()*M;const R=u-i.h/2,_=u-r.h/2;q=R+(_-R)*d+(Math.random()-.5)*15}else if(l.targetSide==="left"){const M=V*.8;q=u-M/2+Math.random()*M;const R=c-i.w/2,_=c-r.w/2;Y=R+(_-R)*d+(Math.random()-.5)*15}else{const M=V*.8;q=u-M/2+Math.random()*M;const R=c+i.w/2,_=c+r.w/2;Y=R+(_-R)*d+(Math.random()-.5)*15}const ee=Math.random();let O;ee<.05?O=8+Math.random()*4:ee<.15?O=5+Math.random()*3:ee<.35?O=3+Math.random()*2:ee<.6?O=2+Math.random()*1:O=.1+Math.random()*1.9,n.push({id:g,x:Y,y:q,radarId:l.id,radarName:l.name,region:l.region,surfaceId:a,alarmIdx:lt(O),speed:O.toFixed(2),deviceId:`${l.name}-点${f}`,isOnline:l.isOnline})}}}),fe.value=n},H=()=>{const n=F.value;n&&(n.style.width=m.value.canvasWidth+"px",n.style.height=m.value.canvasHeight+"px",n.style.transform=`translate(${w.x}px, ${w.y}px) scale(${S.value})`)},st=n=>{if(n.button===0){if(s.isDrawing){bt(n);return}te=!0,me=n.clientX-w.x,he=n.clientY-w.y,y.value&&(y.value.style.cursor="grabbing")}},ct=n=>{if(s.isDrawing){s.cursorPos=ae(n),Q();return}te&&(w.x=n.clientX-me,w.y=n.clientY-he,H())},ut=n=>{if(s.isDrawing&&s.mode!=="surface"){wt(n);return}te=!1,y.value&&(y.value.style.cursor=s.isDrawing?"crosshair":"grab")},dt=n=>{s.isDrawing&&Ne()},gt=n=>{const t=y.value;if(!t)return;const l=Math.min(Math.max(.2,S.value+n.deltaY*-.0012),3.5),o=t.getBoundingClientRect(),i=n.clientX-o.left,r=n.clientY-o.top,a=l/S.value;w.x=i-(i-w.x)*a,w.y=r-(r-w.y)*a,S.value=l,H()},ae=n=>{const t=F.value.getBoundingClientRect();return{x:(n.clientX-t.left)/S.value,y:(n.clientY-t.top)/S.value}},vt=n=>{B.value=B.value===n.id?null:n.id,T.value.clear(),B.value?(T.value.add(n.id),Ee(n),ht(n)):(C.value.filter(t=>t.isOnline).forEach(t=>T.value.add(t.id)),mt(),ft()),E.publish({type:"regionFilter",regions:B.value?[n.region]:[],radars:B.value?[n.name]:[]})},Ee=n=>{const t=y.value,l=F.value;if(!t||!l)return;let o=n.x,i=n.y;n.targetSide==="bottom"?i+=600:n.targetSide==="top"?i-=600:n.targetSide==="left"?o-=600:n.targetSide==="right"&&(o+=600),S.value=.9,w.x=t.clientWidth/2-o*S.value,w.y=t.clientHeight/2-i*S.value,l.style.transition="transform 0.6s cubic-bezier(0.2, 0, 0.2, 1)",H(),setTimeout(()=>{l&&(l.style.transition="none")},650)},ft=()=>{const n=F.value;S.value=.6,w.x=-300,w.y=-200,n?(n.style.transition="transform 0.6s cubic-bezier(0.2, 0, 0.2, 1)",H(),setTimeout(()=>{n&&(n.style.transition="none")},650)):H()},mt=()=>{W.value&&(W.value.innerHTML="")},ht=n=>{const t=W.value;if(!t)return;t.innerHTML="";const l="http://www.w3.org/2000/svg",o=D.slice(0,4);for(let i=0;i<3;i++){const r=o[i],a=o[i+1];let v="",f=0,g=0;n.targetSide==="bottom"?(v=[`${c-r.w/2},${u+r.h/2}`,`${c+r.w/2},${u+r.h/2}`,`${c+a.w/2},${u+a.h/2}`,`${c-a.w/2},${u+a.h/2}`].join(" "),f=c,g=u+a.h/2+(r.h/2-a.h/2)/2):n.targetSide==="top"?(v=[`${c-r.w/2},${u-r.h/2}`,`${c+r.w/2},${u-r.h/2}`,`${c+a.w/2},${u-a.h/2}`,`${c-a.w/2},${u-a.h/2}`].join(" "),f=c,g=u-a.h/2-(r.h/2-a.h/2)/2):n.targetSide==="left"?(v=[`${c-r.w/2},${u-r.h/2}`,`${c-r.w/2},${u+r.h/2}`,`${c-a.w/2},${u+a.h/2}`,`${c-a.w/2},${u-a.h/2}`].join(" "),f=c-a.w/2-(r.w/2-a.w/2)/2,g=u):(v=[`${c+r.w/2},${u-r.h/2}`,`${c+r.w/2},${u+r.h/2}`,`${c+a.w/2},${u+a.h/2}`,`${c+a.w/2},${u-a.h/2}`].join(" "),f=c+a.w/2+(r.w/2-a.w/2)/2,g=u);const d=document.createElementNS(l,"polygon");d.setAttribute("points",v),d.setAttribute("fill","rgba(64,158,255,0.25)"),d.setAttribute("stroke","rgba(64,158,255,0.8)"),d.setAttribute("stroke-width","2"),t.appendChild(d);const h=document.createElementNS(l,"text");h.setAttribute("x",String(f)),h.setAttribute("y",String(g)),h.setAttribute("text-anchor","middle"),h.setAttribute("dominant-baseline","middle"),h.setAttribute("fill","#fff"),h.setAttribute("font-size","24"),h.setAttribute("font-weight","bold"),h.style.pointerEvents="none",h.textContent=`区域 ${i+1}`,t.appendChild(h)}},Ce=n=>{s.isDrawing=!0,s.mode=n,s.surfacePoints=[],s.mixedShapes=[],s.cursorPos=null,s.dragStart=null,s.isDragging=!1,y.value&&(y.value.style.cursor="crosshair"),Ae()},pt=()=>{s.isDrawing=!1,y.value&&(y.value.style.cursor="grab"),s.dragStart=null},Ae=()=>{X.value&&(X.value.innerHTML="")},bt=n=>{const t=ae(n);s.mode==="surface"?(s.surfacePoints.push(t),Q()):(s.dragStart=t,s.isDragging=!0)},wt=n=>{if(s.mode==="surface"||!s.dragStart)return;const t=ae(n),l=t.x-s.dragStart.x,o=t.y-s.dragStart.y;Math.sqrt(l*l+o*o)<5?s.mixedShapes.push({type:"point",x:s.dragStart.x,y:s.dragStart.y}):s.mixedShapes.push({type:"line",x1:s.dragStart.x,y1:s.dragStart.y,x2:t.x,y2:t.y}),s.isDragging=!1,s.dragStart=null,Q()},Ne=()=>{if(!s.isDrawing)return;const n=s.mode==="surface"&&s.surfacePoints.length>=3,t=s.mode!=="surface"&&s.mixedShapes.length>0;if(!n&&!t){ie();return}s.isDrawing=!1,y.value&&(y.value.style.cursor="grab"),s.cursorPos=null,Q(!0),E.publish({type:"customAreaComplete"})},yt=()=>Ne(),ie=()=>{pt(),Ae(),E.publish({type:"customAreaCancel"})},Q=(n=!1)=>{const t=X.value;if(!t)return;t.innerHTML="";const l="http://www.w3.org/2000/svg";if(s.mode==="surface"){if(s.surfacePoints.length>0){let o=`M ${s.surfacePoints[0].x} ${s.surfacePoints[0].y}`;for(let r=1;r<s.surfacePoints.length;r++)o+=` L ${s.surfacePoints[r].x} ${s.surfacePoints[r].y}`;!n&&s.cursorPos&&(o+=` L ${s.cursorPos.x} ${s.cursorPos.y}`),n&&(o+=" Z");const i=document.createElementNS(l,"path");i.setAttribute("d",o),i.setAttribute("fill","rgba(152,251,152,0.4)"),i.setAttribute("stroke","#333"),i.setAttribute("stroke-width","1.5"),i.setAttribute("stroke-dasharray","5,5"),t.appendChild(i),s.surfacePoints.forEach(r=>se(t,r.x,r.y,"#333"))}!n&&s.cursorPos&&St(t,s.cursorPos.x,s.cursorPos.y)}else s.mixedShapes.forEach(o=>{o.type==="point"?kt(t,o.x,o.y):Ve(t,o.x1,o.y1,o.x2,o.y2,!1)}),s.isDragging&&s.dragStart&&s.cursorPos&&Ve(t,s.dragStart.x,s.dragStart.y,s.cursorPos.x,s.cursorPos.y,!0)},se=(n,t,l,o)=>{const i=document.createElementNS("http://www.w3.org/2000/svg","circle");i.setAttribute("cx",String(t)),i.setAttribute("cy",String(l)),i.setAttribute("r",String(4/S.value)),i.setAttribute("fill","#fff"),i.setAttribute("stroke",o),n.appendChild(i)},St=(n,t,l)=>{const o="http://www.w3.org/2000/svg";[[t,l-5e3,t,l+5e3],[t-5e3,l,t+5e3,l]].forEach(([r,a,v,f])=>{const g=document.createElementNS(o,"line");g.setAttribute("x1",String(r)),g.setAttribute("y1",String(a)),g.setAttribute("x2",String(v)),g.setAttribute("y2",String(f)),g.setAttribute("stroke","#ffffff"),g.setAttribute("stroke-width","2"),g.setAttribute("stroke-dasharray","8,4"),g.style.filter="drop-shadow(0 0 2px rgba(0,0,0,0.8))",n.appendChild(g)})},kt=(n,t,l)=>{const o="http://www.w3.org/2000/svg",i=10/S.value,r=document.createElementNS(o,"circle");r.setAttribute("cx",String(t)),r.setAttribute("cy",String(l)),r.setAttribute("r",String(i)),r.setAttribute("fill","rgba(230,162,60,0.3)"),r.setAttribute("stroke","#E6A23C"),n.appendChild(r);const a=document.createElementNS(o,"circle");a.setAttribute("cx",String(t)),a.setAttribute("cy",String(l)),a.setAttribute("r",String(4/S.value)),a.setAttribute("fill","#E6A23C"),n.appendChild(a)},Ve=(n,t,l,o,i,r)=>{const v=document.createElementNS("http://www.w3.org/2000/svg","line");v.setAttribute("x1",String(t)),v.setAttribute("y1",String(l)),v.setAttribute("x2",String(o)),v.setAttribute("y2",String(i)),v.setAttribute("stroke","#E6A23C"),v.setAttribute("stroke-width","3"),r&&v.setAttribute("stroke-dasharray","5,5"),n.appendChild(v),se(n,t,l,"#E6A23C"),se(n,o,i,"#E6A23C")},xt=n=>{E.publish({type:"openAnalysis",deviceId:n.id,region:n.region})},Et=n=>{const{payload:t}=n;if(t.type==="customArea"){t.action==="start"?Ce(t.mode||"surface"):t.action==="stop"&&ie();return}},Me=n=>ct(n),Re=n=>ut(n);return e.onMounted(()=>{window.addEventListener("mousemove",Me),window.addEventListener("mouseup",Re),window.addEventListener("click",be),G.value=C.value;const n=C.value.filter(l=>l.isOnline);A.value=n.map(l=>l.name);const t=new Set(n.map(l=>l.region));b.value=Array.from(t),n.forEach(l=>T.value.add(l.id)),e.nextTick(()=>{ke(),xe(),H()})}),e.onUnmounted(()=>{window.removeEventListener("mousemove",Me),window.removeEventListener("mouseup",Re),window.removeEventListener("click",be)}),e.watch(()=>p.conf,()=>{E.init(),G.value=C.value,e.nextTick(()=>{ke(),xe()})},{deep:!0}),(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:"radar-map-wrapper",style:e.normalizeStyle({background:e.unref(m).bgColor})},[e.createElementVNode("div",$t,[e.createElementVNode("div",Dt,[e.createElementVNode("div",Lt,[e.createElementVNode("button",{ref_key:"regionBtnRef",ref:ue,class:"tb-btn",onClick:t[0]||(t[0]=e.withModifiers(l=>J("region"),["stop"]))},[e.createElementVNode("span",null,e.toDisplayString(Fe.value),1),t[17]||(t[17]=e.createTextVNode(" ▼ ",-1))],512)]),e.createElementVNode("div",Tt,[e.createElementVNode("button",{ref_key:"radarBtnRef",ref:de,class:"tb-btn",onClick:t[1]||(t[1]=e.withModifiers(l=>J("radar"),["stop"]))},[e.createElementVNode("span",null,e.toDisplayString(Ue.value),1),t[18]||(t[18]=e.createTextVNode(" ▼ ",-1))],512)]),e.createElementVNode("div",Pt,[e.createElementVNode("button",{ref_key:"virtBtnRef",ref:ge,class:"tb-btn",onClick:t[2]||(t[2]=e.withModifiers(l=>J("virt"),["stop"]))},[e.createElementVNode("span",null,e.toDisplayString(He.value),1),t[19]||(t[19]=e.createTextVNode(" ▼ ",-1))],512)]),t[20]||(t[20]=e.createElementVNode("div",{class:"divider-v"},null,-1)),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{active:j.value===1}]),onClick:t[3]||(t[3]=l=>re(1))},"一天内",2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{active:j.value===7}]),onClick:t[4]||(t[4]=l=>re(7))},"一周内",2),e.createElementVNode("button",{class:e.normalizeClass(["tb-btn",{active:j.value===30}]),onClick:t[5]||(t[5]=l=>re(30))},"一个月内",2),t[21]||(t[21]=e.createElementVNode("span",{class:"time-label"},"时间:",-1)),e.withDirectives(e.createElementVNode("input",{type:"datetime-local","onUpdate:modelValue":t[6]||(t[6]=l=>K.value=l),class:"tb-btn time-input",onChange:ye},null,544),[[e.vModelText,K.value]]),t[22]||(t[22]=e.createElementVNode("span",{class:"time-label"},"至",-1)),e.withDirectives(e.createElementVNode("input",{type:"datetime-local","onUpdate:modelValue":t[7]||(t[7]=l=>Z.value=l),class:"tb-btn time-input",onChange:ye},null,544),[[e.vModelText,Z.value]])]),e.createElementVNode("div",{class:"toolbar-right"},[e.createElementVNode("button",{class:"btn-profile",onClick:Qe},"剖面图绘制")])]),e.createElementVNode("div",It,[e.createElementVNode("button",{ref_key:"modelBtnRef",ref:ve,class:"tb-btn model-btn",onClick:t[8]||(t[8]=e.withModifiers(l=>J("model"),["stop"]))},[e.createElementVNode("span",null,e.toDisplayString(We.value),1),t[23]||(t[23]=e.createTextVNode(" ▼ ",-1))],512)]),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[L.value==="region"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"tp-dropdown",style:e.normalizeStyle(z.value),onClick:t[9]||(t[9]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(ne.value,l=>(e.openBlock(),e.createElementBlock("label",{key:l,class:"dropdown-item"},[e.createElementVNode("input",{type:"checkbox",value:l,checked:b.value.includes(l),onChange:o=>Ye(l,o.target.checked)},null,40,Ot),e.createElementVNode("span",{style:e.normalizeStyle(l==="全部"?"font-weight:bold;color:#1c3d90":"")},e.toDisplayString(l),5)]))),128))],4)):e.createCommentVNode("",!0),L.value==="radar"?(e.openBlock(),e.createElementBlock("div",{key:1,class:"tp-dropdown",style:e.normalizeStyle(z.value),onClick:t[11]||(t[11]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("label",_t,[e.createElementVNode("input",{type:"checkbox",value:"全部",checked:ze.value,onChange:t[10]||(t[10]=l=>we("全部",l.target.checked))},null,40,Ft),t[24]||(t[24]=e.createElementVNode("span",null,"全部雷达",-1))]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(pe.value,l=>(e.openBlock(),e.createElementBlock("label",{key:l.id,class:"dropdown-item"},[e.createElementVNode("input",{type:"checkbox",value:l.name,checked:A.value.includes(l.name),onChange:o=>we(l.name,o.target.checked)},null,40,zt),e.createElementVNode("span",null,[e.createTextVNode(e.toDisplayString(l.name)+" ",1),e.createElementVNode("span",{style:e.normalizeStyle({color:l.isOnline?"#71C446":"#999",fontSize:"12px"})},"●",4)])]))),128))],4)):e.createCommentVNode("",!0),L.value==="virt"?(e.openBlock(),e.createElementBlock("div",{key:2,class:"tp-dropdown",style:e.normalizeStyle(z.value),onClick:t[15]||(t[15]=e.withModifiers(()=>{},["stop"]))},[e.createElementVNode("div",Ut,[e.withDirectives(e.createElementVNode("input",{type:"text","onUpdate:modelValue":t[12]||(t[12]=l=>$.value=l),placeholder:"搜索区域或监测线...",style:{width:"100%",padding:"4px 8px",border:"1px solid #ddd","border-radius":"4px","font-size":"12px"}},null,512),[[e.vModelText,$.value]])]),e.createElementVNode("div",Ht,[t[27]||(t[27]=e.createElementVNode("div",{class:"dropdown-group-title"},"虚拟区域",-1)),e.withDirectives(e.createElementVNode("label",Wt,[e.createElementVNode("input",{type:"checkbox",checked:le.every(l=>P.value.includes(l)),onChange:t[13]||(t[13]=l=>qe(l.target.checked))},null,40,jt),t[25]||(t[25]=e.createElementVNode("span",{style:{"font-weight":"bold"}},"全部",-1))],512),[[e.vShow,!$.value||"全部".includes($.value)]]),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(le,l=>e.withDirectives(e.createElementVNode("label",{key:l,class:"dropdown-item"},[e.createElementVNode("input",{type:"checkbox",checked:P.value.includes(l),onChange:o=>Xe(l,o.target.checked)},null,40,Yt),e.createElementVNode("span",null,e.toDisplayString(l),1)]),[[e.vShow,!$.value||l.includes($.value)]])),64)),t[28]||(t[28]=e.createElementVNode("div",{class:"dropdown-group-title",style:{"margin-top":"5px"}},"监测线",-1)),e.withDirectives(e.createElementVNode("label",qt,[e.createElementVNode("input",{type:"checkbox",checked:oe.every(l=>I.value.includes(l)),onChange:t[14]||(t[14]=l=>Ge(l.target.checked))},null,40,Xt),t[26]||(t[26]=e.createElementVNode("span",{style:{"font-weight":"bold"}},"全部",-1))],512),[[e.vShow,!$.value||"全部".includes($.value)]]),(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(oe,l=>e.withDirectives(e.createElementVNode("label",{key:l,class:"dropdown-item"},[e.createElementVNode("input",{type:"checkbox",checked:I.value.includes(l),onChange:o=>Ke(l,o.target.checked)},null,40,Gt),e.createElementVNode("span",null,e.toDisplayString(l),1)]),[[e.vShow,!$.value||l.includes($.value)]])),64))])],4)):e.createCommentVNode("",!0),L.value==="model"?(e.openBlock(),e.createElementBlock("div",{key:3,class:"tp-dropdown",style:e.normalizeStyle(z.value),onClick:t[16]||(t[16]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(_e,l=>e.createElementVNode("label",{key:l.id,class:"dropdown-item"},[e.createElementVNode("input",{type:"checkbox",checked:N.value.includes(l.id),onChange:o=>Ze(l.id,o.target.checked)},null,40,Kt),e.createElementVNode("span",null,e.toDisplayString(l.label),1)])),64))],4)):e.createCommentVNode("",!0)])),e.createElementVNode("div",{ref_key:"viewerRef",ref:y,class:"map-viewer",onMousedown:st,onContextmenu:e.withModifiers(dt,["prevent"]),onWheel:e.withModifiers(gt,["prevent"])},[e.createElementVNode("div",{ref_key:"canvasRef",ref:F,class:"map-canvas"},[(e.openBlock(),e.createElementBlock("svg",{ref_key:"baseSvgRef",ref:ce,class:"base-svg",width:e.unref(m).canvasWidth,height:e.unref(m).canvasHeight,viewBox:`0 0 ${e.unref(m).canvasWidth} ${e.unref(m).canvasHeight}`},null,8,Zt)),(e.openBlock(),e.createElementBlock("svg",{ref_key:"highlightSvgRef",ref:W,class:"highlight-svg",width:e.unref(m).canvasWidth,height:e.unref(m).canvasHeight,viewBox:`0 0 ${e.unref(m).canvasWidth} ${e.unref(m).canvasHeight}`},null,8,Jt)),(e.openBlock(),e.createElementBlock("svg",{ref_key:"customSvgRef",ref:X,class:"custom-svg",width:e.unref(m).canvasWidth,height:e.unref(m).canvasHeight,viewBox:`0 0 ${e.unref(m).canvasWidth} ${e.unref(m).canvasHeight}`},null,8,Qt)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G.value,l=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:l.id,class:e.normalizeClass(["radar-station",{offline:!l.isOnline}]),style:e.normalizeStyle(ot(l)),title:`${l.name}（${l.isOnline?"在线":"离线"}）`,onClick:e.withModifiers(o=>vt(l),["stop"])},"📡",14,en)),[[e.vShow,Se(l)]])),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(G.value,l=>(e.openBlock(),e.createElementBlock("div",{key:"cloud-"+l.id,class:e.normalizeClass(["radar-cloud",{visible:at(l.id)&&Se(l),"no-anim":k.mode==="edit"}]),style:e.normalizeStyle(rt(l))},null,6))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(tt.value,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:"virtual-point",style:e.normalizeStyle(it(l)),title:`${l.deviceId} | ${l.speed} mm/h`,onClick:e.withModifiers(o=>xt(l),["stop"])},null,12,tn))),128))],512)],544),s.isDrawing?(e.openBlock(),e.createElementBlock("div",nn,[e.createElementVNode("span",ln,e.toDisplayString(nt.value),1),e.createElementVNode("button",{class:"toolbar-btn confirm",onClick:yt},"确定生成"),e.createElementVNode("button",{class:"toolbar-btn",onClick:ie},"取消")])):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},void 0,!0)],4))}})),vn=Bt._export_sfc(gn,[["__scopeId","data-v-cc924deb"]]);exports.default=vn;